@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-primary: #0B1220;--bg-secondary: #131E2E;--bg-card: #1A2740;--bg-input: #1E2F45;--accent-cyan: #00D4FF;--accent-green: #00FFB2;--accent-orange: #FF6B00;--text-primary: #FFFFFF;--nex-danger: #FF4D4D;--nex-warning: #FFB800;--nex-success: #00C896;--radius-card: 12px;--radius-input: 8px;--radius-badge: 20px;--pad-card: 16px;--gap-items: 12px;--text-title: 17px;--text-body: 14px;--text-caption: 12px;--fw-title: 600;--fw-body: 400;--touch-min: 44px}:root{--primary: #14B8A6;--primary-dark: #0F766E;--primary-darker: #134E4A;--primary-light: #2DD4BF;--primary-glow: rgba(20, 184, 166, .25);--secondary: #06B6D4;--secondary-hover:#22D3EE;--accent: #A78BFA;--accent-hover: #C4B5FD;--bg: #0B1220;--surface: #131E2E;--surface-2: #1A2740;--surface-elevated:#1E2F45;--surface-hover: #243350;--border: #2A3F5A;--border-light: #3A5270;--text: #FFFFFF;--text-secondary: #8A9BB0;--text-muted: #4A5E72;--text-disabled: #3A4E62;--success: #00C896;--success-bg: rgba(0, 200, 150, .15);--success-border: rgba(0, 200, 150, .3);--danger: #FF4D4D;--danger-bg: rgba(255, 77, 77, .15);--danger-border: rgba(255, 77, 77, .3);--warning: #FFB800;--warning-bg: rgba(255, 184, 0, .15);--warning-border: rgba(255, 184, 0, .3);--info: #00D4FF;--info-bg: rgba(0, 212, 255, .15);--info-border: rgba(0, 212, 255, .3);--radius: 10px;--radius-lg: 12px;--radius-xl: 20px;--shadow: 0 0 0 1px rgba(255,255,255,.06), 0 4px 24px rgba(0,0,0,.5);--shadow-sm: 0 0 0 1px rgba(255,255,255,.04), 0 2px 8px rgba(0,0,0,.4);--shadow-md: 0 0 20px rgba(0,212,255,.12);--shadow-lg: 0 0 30px rgba(0,212,255,.2);--transition: .18s ease}[data-theme=light]{--primary: #0F766E;--primary-dark: #0D9488;--primary-darker: #134E4A;--primary-light: #14B8A6;--primary-glow: rgba(15, 118, 110, .15);--secondary: #0891B2;--secondary-hover:#06B6D4;--accent: #7C3AED;--accent-hover: #6D28D9;--bg: #F8FAFC;--surface: #FFFFFF;--surface-2: #F1F5F9;--surface-elevated:#FFFFFF;--surface-hover: #F1F5F9;--border: #E2E8F0;--border-light: #CBD5E1;--text: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--text-disabled: #CBD5E1;--success: #059669;--success-bg: #D1FAE5;--success-border: #6EE7B7;--danger: #DC2626;--danger-bg: #FEE2E2;--danger-border: #FCA5A5;--warning: #CA8A04;--warning-bg: #FEF3C7;--warning-border: #FCD34D;--info: #0891B2;--info-bg: #CFFAFE;--info-border: #67E8F9;--shadow: 0 4px 24px rgba(0,0,0,.08);--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 10px 24px rgba(0,0,0,.12);--bg-primary: #F8FAFC;--bg-secondary: #FFFFFF;--bg-card: #FFFFFF;--bg-input: #F1F5F9;--accent-cyan: #0891B2;--accent-green: #059669;--accent-orange: #EA580C;--text-primary: #0F172A}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;overflow-x:hidden}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}p,span,h1,h2,h3,h4,h5{overflow-wrap:break-word;word-break:break-word}.filter-scroll{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.filter-scroll::-webkit-scrollbar{display:none}h1,h2,h3,h4,h5{letter-spacing:-.02em;line-height:1.2}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}input,select,textarea{font-family:inherit;font-size:14px;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:12px 16px;outline:none;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition);width:100%}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,select:focus,textarea:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px var(--primary-glow)}button{font-family:inherit;cursor:pointer;border:none;border-radius:var(--radius);transition:all var(--transition)}button:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff;font-weight:600;padding:12px 22px;font-size:14px;border:2px solid transparent;box-shadow:0 1px 3px #0003}.btn-primary:hover:not(:disabled){background:var(--primary-light);transform:translateY(-1px);box-shadow:0 4px 16px var(--primary-glow)}[data-theme=dark] .btn-primary{box-shadow:0 0 20px #14b8a633}[data-theme=dark] .btn-primary:hover:not(:disabled){box-shadow:0 0 30px #14b8a666}.btn-secondary{background:transparent;color:var(--text-secondary);font-weight:500;padding:12px 22px;font-size:14px;border:1.5px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-glow)}.btn-danger{background:var(--danger);color:#fff;font-weight:600;padding:12px 22px;font-size:14px}.btn-danger:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}[data-theme=dark] .card:hover{box-shadow:0 0 0 1px var(--primary),0 0 20px #14b8a626}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:8px;font-size:12px;font-weight:600;letter-spacing:.02em;border:1px solid transparent;transition:all var(--transition)}.badge-success{background:var(--success-bg);color:var(--success);border-color:var(--success-border)}.badge-warning{background:var(--warning-bg);color:var(--warning);border-color:var(--warning-border)}.badge-danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-border)}.badge-info{background:var(--info-bg);color:var(--info);border-color:var(--info-border)}.badge-primary{background:var(--primary-glow);color:var(--primary-light);border-color:#14b8a64d}.btn-submit{width:100%;height:52px;background:linear-gradient(135deg,var(--accent-cyan) 0%,var(--accent-green) 100%);color:#000;font-weight:700;font-size:15px;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:opacity var(--transition),transform var(--transition);outline:none}.btn-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-submit:focus{box-shadow:0 0 0 3px #00d4ff40}.btn-submit:disabled{opacity:.45;cursor:not-allowed}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 3px #00d4ff26}.ticket-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--pad-card);cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition);border-left-width:4px}.ticket-card:hover{border-color:var(--accent-cyan);box-shadow:0 4px 20px #00d4ff1a}.user-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--pad-card);display:flex;align-items:center;gap:12px}.avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0;color:#000}.touch-target{min-width:var(--touch-min);min-height:var(--touch-min);display:flex;align-items:center;justify-content:center}