*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0f1e;--bg-card:#0f1830;--bg-input:#0a1020;--border:#1e3060;--accent:#1a56db;--accent-hover:#1447c0;--text:#f0f4ff;--text-muted:#7a90b8;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--radius:8px;--font:"Inter", system-ui, -apple-system, sans-serif}.theme-light{--bg:#f5f5f5;--bg-card:#efefef;--bg-input:#fff;--border:#d0d0d0;--text:#1a1a2e;--text-muted:#557;--accent:#171774;--accent-hover:#121260}.theme-dark{--bg:#0a0f1e;--bg-card:#0f1830;--bg-input:#0a1020;--border:#1e3060;--text:#f0f4ff;--text-muted:#7a90b8;--accent:#1a56db;--accent-hover:#1447c0}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:900px;margin:0 auto;padding:0 1.5rem}nav{background:var(--bg-card);border-bottom:1px solid var(--border);z-index:100;padding:1rem 0;position:sticky;top:0}nav .inner{justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;padding:0 1.5rem;display:flex}nav .logo{color:var(--text);align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}nav .links{align-items:center;gap:1.5rem;display:flex}nav .links a{color:var(--text-muted);font-size:.9rem;transition:color .15s}nav .links a:hover{color:var(--text);text-decoration:none}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1.5rem}.form-group{margin-bottom:1.25rem}label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem;font-size:.85rem;font-weight:500;display:block}input[type=text],input[type=email],input[type=password],textarea,select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);font-size:.95rem;font-family:var(--font);appearance:none;padding:.65rem .9rem;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none}textarea{resize:vertical;min-height:120px}.btn{border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.theme-dark .btn-primary{color:#000;background:#eded09}.theme-dark .btn-primary:hover{color:#000;background:#d4d408;text-decoration:none}.theme-light .btn-primary{color:#fff;background:#171774}.theme-light .btn-primary:hover{color:#fff;background:#121260;text-decoration:none}.btn-secondary{border:1px solid var(--border);color:var(--text-muted);background:0 0}.btn-secondary:hover{border-color:var(--accent);color:var(--text);text-decoration:none}.badge{border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-open{color:#60a5fa;background:#1e3a5f}.badge-in-progress{color:#818cf8;background:#1e3a5f}.badge-pending-customer{color:#fbbf24;background:#3d2a00}.badge-resolved{color:#4ade80;background:#14381f}.badge-closed{color:#9ca3af;background:#1f1f1f}.badge-critical{color:#f87171;background:#3b0a0a}.badge-high{color:#fb923c;background:#3b1a00}.badge-medium{color:#fbbf24;background:#3b2f00}.badge-low{color:#4ade80;background:#0f2e1a}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:2.5rem 0 1.5rem;display:flex}.page-header h1{font-size:1.6rem;font-weight:700}.alert{border-radius:var(--radius);margin-bottom:1.25rem;padding:.8rem 1rem;font-size:.9rem}.alert-error{color:#fca5a5;background:#2a0e0e;border:1px solid #7f1d1d}.alert-success{color:#86efac;background:#0a2e18;border:1px solid #14532d}.ticket-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem 1.25rem;transition:background .1s;display:flex}.ticket-row:last-child{border-bottom:none}.ticket-row:hover{background:#6366f10a}.ticket-row .title{margin-bottom:.25rem;font-weight:500}.ticket-row .meta{color:var(--text-muted);flex-wrap:wrap;gap:.75rem;font-size:.8rem;display:flex}.ticket-row .badges{flex-shrink:0;gap:.4rem;margin-top:.2rem;display:flex}.comment{border-bottom:1px solid var(--border);padding:1rem 1.25rem}.comment:last-child{border-bottom:none}.comment.internal{border-left:3px solid var(--warning);background:#fbbf240a}.comment-header{color:var(--text-muted);align-items:center;gap:.6rem;margin-bottom:.5rem;font-size:.82rem;display:flex}.comment-header .author{color:var(--text);font-weight:600}.empty{text-align:center;color:var(--text-muted);padding:4rem 1rem}.empty .icon{margin-bottom:1rem;font-size:3rem}.empty h3{color:var(--text);margin-bottom:.5rem;font-size:1.1rem}.site-header{background:var(--bg-card);border-bottom:1px solid var(--border);z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0}.header-inner{align-items:center;gap:2rem;max-width:1100px;height:64px;margin:0 auto;padding:0 1.5rem;display:flex}.header-logo{flex-shrink:0;align-items:center;gap:.65rem;text-decoration:none;display:flex}.header-logo:hover{text-decoration:none}.logo-mark{flex-shrink:0;justify-content:center;align-items:center;display:flex}.logo-text{flex-direction:column;line-height:1.1;display:flex}.logo-name{color:var(--text);letter-spacing:-.02em;font-size:1rem;font-weight:700}.logo-tagline{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem}.header-nav{flex:1;align-items:center;gap:.25rem;display:flex}.nav-link{color:var(--text-muted);border-radius:6px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-link:hover{color:var(--text);background:#ffffff0d;text-decoration:none}.nav-link.active{color:#a5b4fc;background:#6366f126}.nav-link svg{opacity:.7;flex-shrink:0}.header-actions{flex-shrink:0;align-items:center;gap:.75rem;margin-left:auto;display:flex}.user-info{align-items:center;gap:.6rem;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#1a56db,#c9972a);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.82rem;font-weight:700;display:flex}.user-details{flex-direction:column;line-height:1.2;display:flex}.user-name{color:var(--text);font-size:.85rem;font-weight:600}.user-role{color:var(--text-muted);text-transform:capitalize;font-size:.7rem}.btn-sm{padding:.4rem .85rem!important;font-size:.82rem!important}.logo-img{height:120px}@media (prefers-color-scheme:dark){.logo-img{filter:invert()}}.logo-mark img{filter:invert()}.theme-dark .logo-mark img{filter:brightness(0)invert()}.theme-light .logo-mark img{filter:none}.theme-dark .logo-img{filter:brightness(0)invert()}.theme-light .logo-img{filter:none}