:root{--bg: #f8f9fc;--bg-subtle: #f0f2f7;--text: #1a1f36;--muted: #697386;--surface: #ffffff;--surface-solid:#ffffff;--surface-2: #f0f2f7;--card: #ffffff;--panel: #f3f4f8;--panel-strong: #e8eaf0;--row-alt: rgba(26, 31, 54, .025);--border: #e3e6ef;--border-strong:#c8cdd8;--input-bg: #ffffff;--input-border: #c8cdd8;--focus: rgba(124, 58, 237, .25);--accent: #7c3aed;--accent-hover: #6d28d9;--accent-subtle: rgba(124, 58, 237, .08);--accent-text: #ffffff;--topbar-bg: #1a1f36;--topbar-text: #e8eaf0;--topbar-muted: #8b92a8;--topbar-border:#2d3350;--topbar-hover: rgba(255,255,255,.07);--status-green: rgba(16, 185, 129, .12);--status-yellow: rgba(245, 158, 11, .15);--status-orange: rgba(249, 115, 22, .15);--status-red: rgba(239, 68, 68, .12);--status-green-border: rgba(16, 185, 129, .45);--status-yellow-border: rgba(245, 158, 11, .45);--status-orange-border: rgba(249, 115, 22, .45);--status-red-border: rgba(239, 68, 68, .45);--row-hover: rgba(124, 58, 237, .06);--row-hover-outline: rgba(124, 58, 237, .22);--shadow: 0 1px 4px rgba(26, 31, 54, .07), 0 4px 16px rgba(26, 31, 54, .05);--shadow-md: 0 4px 20px rgba(26, 31, 54, .1);--r-card: 12px;--r-control: 8px;--r-chip: 999px;--font: "Inter", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit}input,select,textarea{background:var(--input-bg);color:var(--text);border:1px solid var(--input-border);border-radius:var(--r-control);font-family:var(--font);font-size:14px}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px var(--focus);border-color:var(--accent)}::placeholder{color:#a0a8bc}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-text-fill-color:var(--text)!important;box-shadow:0 0 0 1000px var(--surface-solid) inset!important;-webkit-box-shadow:0 0 0 1000px var(--surface-solid) inset!important;transition:background-color 999999s ease-in-out 0s!important;caret-color:var(--text)!important}input[type=checkbox],input[type=radio]{background:initial;border:initial;border-radius:initial;box-shadow:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.topbar{background:var(--topbar-bg);border-bottom:1px solid var(--topbar-border);padding:0 24px;height:80px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;width:100%}.topbar-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.topbar-logo-text{font-weight:600;font-size:16px;color:var(--topbar-muted);white-space:nowrap}.topbar-user-label{font-size:11px;color:var(--topbar-muted)}.topbar-role-badge{padding:1px 7px;border-radius:999px;border:1px solid var(--topbar-border);color:var(--topbar-muted);font-size:11px}.topbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.topbar-actions-mobile{display:none}.main-content{flex:1;padding:24px 28px;max-width:1400px;width:100%;margin:0 auto;align-self:stretch}.page-footer{border-top:1px solid var(--border);padding:12px 24px;display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-shrink:0}.complaint-cards{display:none}.complaint-table{display:block}@media(max-width:480px){body{font-size:14px}.topbar{padding:0 12px;height:56px}.topbar-right{gap:6px}.topbar-logo-text,.topbar-user-label,.topbar-role-badge,.topbar-admin-btn,.topbar-actions{display:none}.topbar-actions-mobile{display:flex;padding:8px 12px;gap:8px;flex-wrap:wrap;align-items:center;background:var(--surface);border-bottom:1px solid var(--border)}.main-content{padding:10px 12px}.page-footer{padding:8px 12px}.page-footer img{height:20px!important}.complaint-cards{display:grid;gap:10px}.complaint-table{display:none}}