*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark]{--bg-page:#020617;--bg-page-soft:#111827;--bg-page-deep:#000;--surface-card:#020617;--surface-elevated:#0b1120;--surface-alt:#111827;--border-subtle:#94a3b873;--border-card:#111827f2;--border-strong:#4f46e5cc;--accent:#6366f1;--accent-strong:#4f46e5;--accent-soft:#818cf880;--accent-rgb:99,102,241;--accent-soft-rgb:129,140,248;--text-main:#f9fafb;--text-muted:#9ca3af;--success:#22c55e;--success-soft:#22c55e1f;--danger:#ef4444;--danger-soft:#f871711f;--shadow-strong:0 22px 60px #0f172ae6;--shadow-card:0 18px 45px #00000073;--table-head-bg:#020617;--table-border:#1f2937e6;--table-row-hover:#0f172ae6;--chip-bg:#020617;--chip-border:#94a3b880;--checkbox-accent:#6366f1;--dt-bg:#020617;--dt-header-bg:#020617;--dt-row-bg:#0f172afa;--dt-row-alt-bg:#0f172a6c;--dt-row-hover-bg:#e9e9e940;--dt-border:#1f2937e6;--dt-text-main:#e5e7eb;--dt-text-muted:#9ca3af;--badge-status-new-bg:#818cf833;--badge-status-new-text:#e0e7ff;--badge-status-inreview-bg:#f59e0b33;--badge-status-inreview-text:#fed7aa;--badge-status-closed-bg:#22c55e2e;--badge-status-closed-text:#bbf7d0;--badge-origin-ai-bg:#38bdf833;--badge-origin-ai-text:#bae6fd;--badge-origin-dup-bg:#f472b633;--badge-origin-dup-text:#f9a8d4;--badge-origin-manual-bg:#94a3b838;--badge-origin-manual-text:#e5e7eb}:root[data-theme=light]{--bg-page:#d7dce6;--bg-page-soft:#dbdee6;--bg-page-deep:#c2c5ca;--surface-card:#fff;--surface-elevated:#f9fafb;--surface-alt:#f3f4f6;--border-subtle:#94a3b873;--border-card:#d1d5dbf2;--border-strong:#4f46e5b3;--accent:#4f46e5;--accent-strong:#4338ca;--accent-soft:#818cf840;--accent-rgb:79,70,229;--accent-soft-rgb:129,140,248;--text-main:#111827;--text-muted:#343841;--success:#16a34a;--success-soft:#16a34a14;--danger:#dc2626;--danger-soft:#f8717114;--shadow-strong:0 18px 40px #94a3b873;--shadow-card:0 12px 30px #94a3b859;--table-head-bg:#f3f4f6;--table-border:#d1d5dbe6;--table-row-hover:#d1d5db99;--chip-bg:#f9fafb;--chip-border:#94a3b899;--checkbox-accent:#4f46e5;--dt-bg:#fff;--dt-header-bg:#f3f4f6;--dt-row-bg:#fff;--dt-row-alt-bg:#e5e5e9;--dt-row-hover-bg:#01000e47;--dt-border:#e7d9d9e6;--dt-text-main:#111827;--dt-text-muted:#6b7280;--badge-status-new-bg:#e0e7ff;--badge-status-new-text:#4338ca;--badge-status-inreview-bg:#fef3c7;--badge-status-inreview-text:#92400e;--badge-status-closed-bg:#dcfce7;--badge-status-closed-text:#15803d;--badge-origin-ai-bg:#e0f2fe;--badge-origin-ai-text:#075985;--badge-origin-dup-bg:#fdf2f8;--badge-origin-dup-text:#9d174d;--badge-origin-manual-bg:#e5e7eb;--badge-origin-manual-text:#111827}.auth-shell{background:radial-gradient(circle at top left,var(--bg-page-soft),var(--bg-page)50%,var(--bg-page-deep)),radial-gradient(circle at bottom right,var(--bg-page),var(--bg-page-deep)55%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-card{background:var(--surface-card);border:1px solid var(--border-strong);width:100%;max-width:460px;box-shadow:var(--shadow-strong);color:var(--text-main);border-radius:22px;padding:22px 22px 24px}.auth-hero-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-size:11px}.auth-hero-title{margin:0 0 6px;font-size:26px;font-weight:800}.auth-hero-highlight{color:var(--dt-text-muted)}.auth-hero-text{color:var(--text-muted);margin:0 0 12px;font-size:14px}.auth-hero-pills{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.auth-pill{background:var(--chip-bg);border:1px solid #94a3b880;border-radius:999px;padding:3px 9px;font-size:11px}.auth-dot{background:linear-gradient(to bottom right,#22c55e,#a3e635);border-radius:999px;width:7px;height:7px;margin-right:4px;display:inline-block}.auth-meta{color:var(--text-muted);margin-top:10px;font-size:11px;line-height:1.6}.auth-form-header{margin-top:14px;margin-bottom:10px}.auth-form-title{font-size:16px;font-weight:600}.auth-form-caption{color:var(--text-muted);font-size:12px}.form{flex-direction:column;gap:10px;margin-top:8px;display:flex}.field-group{flex-direction:column;gap:4px;display:flex}.input{border:1px solid var(--border-subtle);background:var(--surface-card);width:100%;min-height:2.4rem;color:var(--text-main);border-radius:40px;outline:none;padding:.55rem .9rem;font-size:.9rem;transition:border-color .15s,box-shadow .15s,background-color .15s,transform 50ms}.input::placeholder{color:#6b7280}.input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft),0 12px 25px #0f172ae6;background:var(--surface-elevated)}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23a5b4fc' d='M1.41 0L6 4.59 10.59 0 12 1.41 6 7.41 0 1.41z'/%3E%3C/svg%3E");background-position:right .9rem center;background-repeat:no-repeat;background-size:12px 8px;padding-right:2.2rem}input[type=checkbox]{width:16px;height:16px;accent-color:var(--checkbox-accent);cursor:pointer}.users-permissions-grid label{color:var(--text-main);align-items:center;gap:.4rem;font-size:.86rem;display:inline-flex}.btn{cursor:pointer;border:none;border-radius:999px;outline:none;justify-content:center;align-items:center;padding:9px 14px;font-size:14px;font-weight:500;transition:background-color .1s,transform 50ms,box-shadow .1s;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;width:100%;margin-top:4px;box-shadow:0 14px 30px #4f46e5b3}.btn-primary:hover{transform:translateY(-1px)}.btn-primary:active{box-shadow:none;transform:translateY(0)}.alert{border-radius:10px;margin-bottom:4px;padding:8px 10px;font-size:12px}.alert.error{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger)}.alert.success{background:var(--success-soft);border:1px solid var(--success);color:var(--badge-status-closed-text)}.auth-meta-small{color:var(--text-muted);margin-top:12px;font-size:.9rem}.link-button{color:#4dabf7;cursor:pointer;font:inherit;background:0 0;border:none;padding:0}.link-button:hover{text-decoration:underline}.page-shell{background:radial-gradient(circle at top left,var(--bg-page-soft),var(--bg-page)50%,var(--bg-page-deep)),radial-gradient(circle at bottom right,var(--bg-page),var(--bg-page-deep)55%);min-height:100vh;color:var(--text-main);padding:24px 16px}.page-inner{max-width:1180px;margin:0 auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.page-title{margin:0;font-size:22px;font-weight:700}.page-subtitle{color:var(--text-muted);margin:4px 0 0;font-size:13px}.page-actions{flex-wrap:wrap;gap:8px;display:flex}.btn-secondary{background:var(--bg-page);color:var(--text-main);border:1px solid #94a3b880}.btn-secondary:hover{background:var(--bg-page-soft);transform:translateY(-1px)}.btn-ghost{color:var(--text-muted);background:0 0;border:1px solid #0000}.btn-ghost:hover{color:var(--text-main);border-color:#94a3b880}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:18px;display:grid}.stat-card{background:var(--surface-elevated);border:1px solid #94a3b859;border-radius:16px;padding:12px 14px}.stat-label{color:var(--text-muted);margin-bottom:4px;font-size:12px}.stat-value{font-size:20px;font-weight:700}.stat-hint{color:#9ca3af;font-size:11px}.table-wrapper{border:1px solid var(--table-border);background:var(--surface-elevated);border-radius:16px;margin-top:10px;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:13px}.table thead tr{background:#020617}.table th,.table td{border-bottom:1px solid #1f2937e6;padding:8px 10px}.table th{text-align:left;color:var(--text-muted);font-weight:500}.table tbody tr:hover{background:#0f172ae6}.badge{border-radius:999px;justify-content:center;align-items:center;padding:2px 9px;font-size:11px;font-weight:500;display:inline-flex}.badge-status-new{background:var(--badge-status-new-bg);color:var(--badge-status-new-text)}.badge-status-inreview{background:var(--badge-status-inreview-bg);color:var(--badge-status-inreview-text)}.badge-status-closed{background:var(--badge-status-closed-bg);color:var(--badge-status-closed-text)}.badge-origin-ai{background:var(--badge-origin-ai-bg);color:var(--badge-origin-ai-text)}.badge-origin-dup{background:var(--badge-origin-dup-bg);color:var(--badge-origin-dup-text)}.badge-origin-manual{background:var(--badge-origin-manual-bg);color:var(--badge-origin-manual-text)}.new-complaint-layout{grid-template-columns:minmax(0,2.2fr) minmax(0,1.2fr);gap:20px;margin-top:18px;display:grid}@media (max-width:900px){.new-complaint-layout{grid-template-columns:1fr}}.card{background:var(--surface-card);border:1px solid #1f2937;border-radius:18px;padding:18px 20px;box-shadow:0 18px 40px #0006}.card-header h3{margin:0 0 4px;font-size:1.05rem}.card-header p{color:#9ca3af;margin:0;font-size:.85rem}.card-body{margin-top:12px}.card-body.small{font-size:.88rem}.form-grid{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.required{color:#f97373;font-weight:600}.field-control{background:var(--surface-elevated);color:var(--text-main);border:1px solid #1f2937;border-radius:12px;outline:none;padding:10px 12px;font-size:.95rem}.field-control:focus{border-color:var(--accent);box-shadow:0 0 0 1px #38bdf880}.textarea{resize:vertical;min-height:170px}.field-hint{color:var(--text-muted);font-size:.8rem}.form-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.bullet-list{margin:0;padding-left:18px;list-style:outside}.bullet-list li{color:var(--text-muted);margin-bottom:6px}.top-nav{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--surface-elevated);border-bottom:1px solid #111827;position:sticky;top:0;overflow-x:clip}.nav-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1100px;margin:0 auto;padding:10px 18px;display:flex}.nav-left{align-items:center;gap:10px;min-width:0;display:flex}.nav-logo-image{object-fit:contain;flex-shrink:0;width:48px;height:48px}.nav-logo-circle{color:#f9fafb;background:radial-gradient(circle at 30% 0,#38bdf8,#1d4ed8);border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.1rem;font-weight:700;display:flex}.nav-theme-toggle{border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:1rem;display:inline-flex}.nav-brand{flex-direction:column;line-height:1.1;display:flex}.nav-title{font-size:.98rem;font-weight:600}.nav-subtitle{color:var(--text-muted);font-size:1rem}.nav-links{flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.nav-link{color:#9ca3af;border-radius:999px;padding:6px 12px;font-size:.8rem;text-decoration:none;transition:background .15s,color .15s,transform 80ms}.nav-link:hover{color:#e5e7eb;background:#1f2937e6;transform:translateY(-1px)}.nav-link.active{color:#020617;background:linear-gradient(90deg,#38bdf8,#22c55e);font-weight:600}.nav-right{align-items:center;gap:10px;min-width:0;display:flex}.nav-username{color:#9ca3af;font-size:.85rem}.nav-logout{padding-inline:10px}@media (max-width:768px){.nav-inner{flex-wrap:wrap;gap:8px;padding-inline:12px}.nav-links{display:none}.nav-title{font-size:.9rem}.nav-logo-image{width:40px;height:40px}.nav-right{gap:6px;margin-inline-start:auto}.nav-username{display:none}.nav-logout{white-space:nowrap;text-overflow:ellipsis;max-width:92px;padding-inline:8px;font-size:.78rem;overflow:hidden}}.departments-form-card{border:1px solid var(--border-card);background:radial-gradient(circle at top left,rgba(var(--accent-soft-rgb),.07),transparent 55%),var(--surface-card);box-shadow:var(--shadow-card);border-radius:18px;margin-top:18px;padding:16px 18px}.departments-form-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.departments-form-title{font-size:1.05rem;font-weight:600}.departments-form-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr) minmax(0,1.2fr) auto;gap:10px;display:grid}.departments-form-card .form-field{flex-direction:column;gap:4px;display:flex}.departments-form-card .form-field label{color:var(--text-muted);font-size:.8rem}.departments-form-card .form-actions{justify-content:flex-end;align-items:flex-end;display:flex}@media (max-width:768px){.departments-form-grid{grid-template-columns:1fr}.departments-form-card .form-actions{justify-content:stretch}.departments-form-card .form-actions .btn{width:100%}}.users-form-card,.users-edit-card{border:1px solid var(--border-card);background:radial-gradient(circle at top left,rgba(var(--accent-soft-rgb),.08),transparent 55%),var(--surface-card);box-shadow:var(--shadow-card);border-radius:18px;margin-top:18px;padding:16px 18px}.users-form-card .form-field,.users-edit-card .form-field{flex-direction:column;gap:.25rem;display:flex}.users-form-card .form-field>label,.users-edit-card .form-field>label{color:var(--text-muted);font-size:.82rem;font-weight:500}.users-edit-card{background:radial-gradient(circle at top right,#fbbf2414,transparent 55%),var(--surface-card)}.users-form-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.users-form-title{font-size:1.05rem;font-weight:600}.users-form-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1.2fr);gap:10px 14px;display:grid}.users-permissions-grid{flex-wrap:wrap;gap:10px;margin-top:8px;font-size:.9rem;display:flex}.users-permissions-grid label{align-items:center;gap:6px;display:flex}.field-label{color:var(--text-muted);font-size:.8rem}@media (max-width:768px){.users-form-grid{grid-template-columns:1fr}}.settings-grid{gap:16px;display:grid}.settings-card{background:#0f172ae6;border:1px solid #94a3b84d;border-radius:12px;padding:16px}.settings-title{margin-top:0;margin-bottom:4px}.settings-hint{color:var(--text-muted);margin-top:0;margin-bottom:12px;font-size:.9rem}.settings-two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.switch-row{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.switch-text span{font-weight:500}.switch-text small,.field-hint{color:var(--text-muted);font-size:.8rem;display:block}.form-field input[type=number],.form-field input[type=text]{width:100%;color:var(--text-main);background:#0f172ae6;border:1px solid #94a3b866;border-radius:8px;margin-top:4px;padding:6px 8px}.table-wrapper .rdt_Table{border-radius:16px;background-color:var(--dt-bg)!important;color:var(--dt-text-main)!important}.table-wrapper .rdt_TableHead{background-color:var(--dt-header-bg)!important}.table-wrapper .rdt_TableHeadRow{background-color:var(--dt-header-bg)!important;border-bottom:1px solid var(--dt-border)!important}.table-wrapper .rdt_TableHeadRow .rdt_TableCol{font-size:13px;color:var(--dt-text-muted)!important}.table-wrapper .rdt_TableBody .rdt_TableRow{background-color:var(--dt-row-bg)!important;border-bottom:1px solid var(--dt-border)!important}.table-wrapper .rdt_TableBody .rdt_TableRow:nth-child(2n){background-color:var(--dt-row-alt-bg)!important}.table-wrapper .rdt_TableBody .rdt_TableRow:hover{background-color:var(--dt-row-hover-bg)!important}.table-wrapper .rdt_TableCell{font-size:13px;color:var(--dt-text-main)!important}.table-wrapper .rdt_Pagination{font-size:12px;background-color:var(--dt-bg)!important;border-top:1px solid var(--dt-border)!important;color:var(--dt-text-muted)!important}.table-wrapper .rdt_Pagination button{border:none;border-radius:999px;color:var(--dt-text-main)!important;background:0 0!important}.table-wrapper .rdt_Pagination button[disabled]{opacity:.4}.table-wrapper .rdt_Pagination svg{fill:var(--dt-text-main)!important}.complaint-card{border:1px solid var(--border-card);background:var(--surface-elevated);box-shadow:var(--shadow-card);border-radius:18px;margin-top:16px;padding:16px 18px}.complaint-card--read{background:radial-gradient(circle at top left,rgba(var(--accent-soft-rgb),.16),transparent 55%),var(--surface-elevated)}.complaint-card--edit{background:radial-gradient(circle at top right,rgba(var(--accent-rgb),.2),transparent 55%),var(--surface-elevated)}.complaint-card-title{color:var(--text-main);margin-top:0;margin-bottom:6px;font-size:1rem;font-weight:600}.complaint-text{color:var(--text-main);white-space:pre-wrap;font-size:.95rem;line-height:1.6}.complaint-edit-form{margin-top:8px}.complaint-textarea,.complaint-summary-input{resize:vertical;min-height:110px}.nav-lang-wrapper{align-items:center;display:inline-flex;position:relative}.nav-lang-toggle{justify-content:center;align-items:center;gap:4px;min-width:60px;padding-inline:10px;font-weight:500;display:inline-flex}.nav-lang-menu{background:var(--surface-card);border-radius:.5rem;min-width:90px;margin-top:4px;padding:4px 0;position:absolute;top:100%;right:0;box-shadow:0 10px 25px #00000040;z-index:4000!important}.nav-lang-option{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:.9rem;transition:background .12s,transform 60ms}.nav-lang-option:hover{background:#94a3b82e;transform:translateY(-.5px)}[data-theme=dark] .rdt_Pagination select{color:#e5e7eb;background-color:#111827;border:1px solid #374151;border-radius:4px}[data-theme=dark] .rdt_Pagination select option{color:#e5e7eb;background-color:#111827}.toast-stack{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;max-width:min(420px,100vw - 24px);display:flex;position:fixed;top:16px;right:16px}.toast-item{border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-card);color:var(--text-main);background:var(--surface-elevated);border-radius:12px;padding:10px 12px;font-size:.92rem;font-weight:600}.toast-success{border-color:var(--success);background:var(--success-soft)}.toast-error{border-color:var(--danger);background:var(--danger-soft)}.toast-info{border-color:var(--accent);background:rgba(var(--accent-rgb),.14)}