:root{--bg: #f5f7fa;--surface: #ffffff;--surface-2: #ebf2ff;--card: #ffffff;--text: #111827;--muted: #6b7280;--brand: #2f5fbf;--brand-dark: #234a9f;--brand-contrast: #ffffff;--accent: #4d8ef7;--sky: #dceeff;--danger: #d91f26;--border: #d9e1ec;--shadow-sm: 0 1px 3px rgba(47, 95, 191, .07), 0 2px 8px rgba(47, 95, 191, .06);--shadow: 0 2px 6px rgba(47, 95, 191, .08), 0 6px 20px rgba(47, 95, 191, .07);--radius-sm: 6px;--radius: 8px;--radius-lg: 10px}body[data-theme=dark]{--bg: #0d1526;--surface: #152040;--surface-2: #1c2e55;--card: #152040;--text: #e4eaf5;--muted: #8a9bbf;--brand: #4d8ef7;--brand-dark: #3a7ae4;--brand-contrast: #ffffff;--accent: #6ba5ff;--sky: #1a2e55;--danger: #ff4444;--border: #243258;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .25);--shadow: 0 4px 16px rgba(0, 0, 0, .35)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.6;background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Inter,Segoe UI,system-ui,sans-serif;font-weight:700;line-height:1.3}a{color:inherit;text-decoration:none}.topbar{position:sticky;top:0;background:var(--brand-dark);border-bottom:3px solid var(--brand);z-index:100;box-shadow:0 2px 8px #234a9f40}.topbar-inner{max-width:1200px;margin:0 auto;padding:0 1.25rem;height:58px;display:flex;align-items:center;gap:1rem}.brand{font-size:1.15rem;font-weight:800;color:#fff;letter-spacing:-.01em;white-space:nowrap}.brand:hover{color:var(--sky)}.nav-links{display:flex;flex-wrap:wrap;gap:.25rem;margin-left:auto}.nav-links a{padding:.35rem .75rem;border-radius:var(--radius-sm);color:#fffc;font-size:.88rem;font-weight:500;transition:background .15s,color .15s}.nav-links a:hover{background:#ffffff1f;color:#fff}.nav-links a.active{background:#ffffff2e;color:#fff;font-weight:600}.actions{display:flex;gap:.5rem}.topbar .btn-ghost{background:#ffffff1f;border-color:#ffffff40;color:#ffffffe6}.topbar .btn-ghost:hover{background:#fff3}.topbar .btn-outline{background:transparent;border-color:#ffffff73;color:#ffffffe6}.topbar .btn-outline:hover{background:#ffffff1f;border-color:#fff;color:#fff}.page{max-width:1200px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.hero-page{display:grid;gap:1.1rem}.hero-card{background:linear-gradient(135deg,var(--brand) 0%,var(--brand-dark) 100%);color:#fff;border-radius:var(--radius-lg);padding:2.5rem 2rem;box-shadow:var(--shadow);animation:fade-slide .4s ease}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--sky);font-weight:700;font-size:.75rem;margin-bottom:.5rem}.grid-cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.info-card,.result-card,.auth-card,.list-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.info-card{padding:1rem}.button-row{display:flex;gap:.75rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--border);border-radius:var(--radius);padding:.52rem 1rem;cursor:pointer;font:inherit;font-size:.88rem;font-weight:500;line-height:1;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;white-space:nowrap}.btn-primary{background:var(--brand);color:var(--brand-contrast);border-color:var(--brand)}.btn-primary:hover:not(:disabled){background:var(--brand-dark);border-color:var(--brand-dark);box-shadow:0 2px 8px #2f5fbf59}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-outline{background:transparent;color:var(--brand);border-color:var(--brand)}.btn-outline:hover:not(:disabled){background:var(--sky);box-shadow:0 1px 4px #2f5fbf26}.btn-ghost{background:var(--surface-2);color:var(--text);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:var(--sky)}.btn-link{background:none;border:none;color:var(--brand);cursor:pointer;font-size:inherit;font-weight:500;padding:0;text-decoration:underline;text-underline-offset:2px}.btn-link:hover{opacity:.75}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}input,textarea,select{width:100%;border:1.5px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius);padding:.6rem .85rem;font:inherit;font-size:.9rem;transition:border-color .15s,box-shadow .15s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #2f5fbf1f}.full-width{grid-column:1 / -1}.checkbox-item{display:flex;gap:.5rem;align-items:center}.track-form{display:flex;gap:.75rem;flex-wrap:wrap}.status{display:inline-block;padding:.2rem .6rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.status-new{background:#dceeff;color:#1d4fa8}.status-assigned{background:#e0eaff;color:#2f5fbf}.status-viewed{background:#ede9fe;color:#5b21b6}.status-progress{background:#fef3c7;color:#92400e}.status-pending{background:#ffedd5;color:#9a3412}.status-escalated{background:#ffe4e6;color:#9f1239}.status-resolved{background:#d1fae5;color:#065f46}.status-rejected{background:#fee2e2;color:#991b1b}.status-closed{background:#f3f4f6;color:#374151}.priority-badge{display:inline-block;padding:.18rem .55rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.priority-low{background:#d1fae5;color:#065f46}.priority-medium{background:#fef3c7;color:#92400e}.priority-high{background:#ffedd5;color:#9a3412}.priority-urgent{background:#fee2e2;color:#991b1b}.auth-page{display:grid;place-items:center;min-height:calc(100vh - 60px);background:var(--bg)}.auth-card{width:min(440px,100%);padding:2rem 1.75rem;display:grid;gap:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.list-table{display:grid;gap:.75rem}.list-row{padding:1rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;transition:box-shadow .15s,border-color .15s}.list-row:hover{border-color:var(--brand);box-shadow:0 2px 10px #2f5fbf1a}.inline-form{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.inline-form input,.inline-form select{flex:1;min-width:120px}.error-text{color:var(--danger);font-size:.88rem}.muted-text{color:var(--muted);font-size:.85rem;margin:0}.message-text{color:#065f46;font-size:.9rem;font-weight:500}.complaint-link{color:var(--text);font-weight:600}.complaint-link:hover{color:var(--brand)}.timeline{list-style:none;margin:0;padding:0;display:grid;gap:0}.timeline li{padding:.75rem 0 .75rem 1rem;border-left:3px solid var(--border);position:relative;margin-left:.25rem}.timeline li:before{content:"";position:absolute;left:-6px;top:1.1rem;width:9px;height:9px;border-radius:50%;background:var(--brand);border:2px solid var(--surface)}.timeline li:last-child{border-left-color:transparent}.timeline-header{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.timeline-date,.timeline-actor{color:var(--muted);font-size:.78rem}.timeline-old-status{font-size:.72rem;color:var(--muted);display:flex;align-items:center;gap:.3rem}.timeline-arrow{opacity:.55;font-size:.7rem}.timeline-remarks{margin:.35rem 0 0;font-size:.85rem;color:var(--text);background:var(--surface-2);border-left:3px solid var(--accent);padding:.35rem .65rem;border-radius:0 var(--radius-sm) var(--radius-sm) 0;line-height:1.5}@keyframes fade-slide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 800px){.topbar-inner{flex-wrap:wrap;height:auto;padding:.75rem 1rem}.nav-links{order:3;width:100%;margin:0}.form-grid{grid-template-columns:1fr}}.context-banner{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--brand);border-radius:var(--radius-lg);margin-bottom:1.25rem;box-shadow:var(--shadow-sm)}.context-identity{display:flex;align-items:center;gap:.5rem}.context-name{font-weight:700;font-size:1rem}.org-breadcrumb{color:var(--muted);font-size:.88rem}.org-sep{opacity:.45}.role-chip{padding:.15rem .65rem;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.role-super_admin{background:var(--brand);color:#fff}.role-department_admin{background:var(--accent);color:#fff}.role-operator{background:#10b981;color:#fff}.stat-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-bottom:1.5rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.1rem 1rem;display:flex;flex-direction:column;gap:.3rem;box-shadow:var(--shadow-sm);border-top-width:3px;transition:box-shadow .15s}.stat-card:hover{box-shadow:var(--shadow)}.stat-value{font-size:2rem;font-weight:800;line-height:1;color:var(--text)}.stat-label{font-size:.76rem;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.workload-table{width:100%;border-collapse:collapse;font-size:.875rem}.workload-table th{text-align:left;padding:.55rem .75rem;border-bottom:2px solid var(--border);color:var(--muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;background:var(--surface-2)}.workload-table td{padding:.65rem .75rem;border-bottom:1px solid var(--border);vertical-align:top}.workload-table tr:last-child td{border-bottom:none}.workload-table tr:hover td{background:#4d8ef70a}.workload-table tr.row-active td:first-child{border-left:3px solid var(--brand)}.workload-table .num{text-align:right;font-variant-numeric:tabular-nums}.workload-table .bold{font-weight:700}.workload-table .warn{color:var(--danger);font-weight:700}.workload-table .muted{color:var(--muted)}.tabs{display:flex;gap:.4rem;margin-bottom:1rem;flex-wrap:wrap}.tab-btn{padding:.42rem 1.1rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--muted);cursor:pointer;font-size:.875rem;font-weight:500;transition:background .15s,color .15s,border-color .15s}.tab-btn:hover{background:var(--sky);color:var(--brand);border-color:var(--brand)}.tab-btn.active{background:var(--brand);color:#fff;border-color:var(--brand);font-weight:600}.dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.info-banner{background:var(--sky);border:1px solid color-mix(in srgb,var(--brand) 25%,transparent);border-left:4px solid var(--brand);border-radius:var(--radius);padding:.75rem 1rem;font-size:.88rem;color:var(--text);line-height:1.5}.alert-banner{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.9rem;border-left:4px solid;border:1px solid transparent;border-left-width:4px}.alert-warning{background:#fffbeb;border-color:#fde68a;border-left-color:#f59e0b;color:#78350f}.alert-danger{background:#fff5f5;border-color:#fecaca;border-left-color:var(--danger);color:#7f1d1d}.detail-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.detail-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-sm)}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;gap:.5rem;flex-wrap:wrap}.detail-row{display:flex;justify-content:space-between;padding:.45rem 0;border-bottom:1px solid var(--border);gap:.75rem;font-size:.9rem}.detail-row:last-child{border-bottom:none}.label{color:var(--muted);font-size:.82rem;font-weight:500;white-space:nowrap}.action-card{margin-top:1rem}.citizen-info{margin-top:1rem;border-top:1px solid var(--border);padding-top:.9rem}.description-text{line-height:1.75;margin-top:.5rem;font-size:.95rem}.attachments{margin-top:1rem}.attachment-link{display:inline-flex;align-items:center;gap:.3rem;color:var(--brand);font-size:.88rem;margin-bottom:.35rem;text-decoration:underline;text-underline-offset:2px}.attachment-link:hover{color:var(--brand-dark)}.detail-split{display:block}.detail-split.panel-open{display:grid;grid-template-columns:1fr 360px;gap:1.5rem;align-items:start}.detail-main-col{min-width:0}.assign-panel{position:sticky;top:1rem;background:var(--surface);border:1px solid var(--border);border-top:3px solid var(--brand);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow)}.assign-panel h3{font-size:1rem;color:var(--brand);border-bottom:1px solid var(--border);padding-bottom:.65rem;margin-bottom:1rem}.assign-header{margin-bottom:1.5rem}.assign-form{display:grid;gap:1rem}.assign-step{display:grid;gap:.35rem}.assign-step label{font-size:.85rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.disabled-step{opacity:.4;pointer-events:none}.optional{color:var(--muted);font-size:.8rem;text-transform:none;letter-spacing:0;font-weight:400}.assign-divider{border:none;border-top:1px solid var(--border);margin:.5rem 0}.assign-section-title{font-size:.8rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 .5rem}.accordion{display:grid;gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-top:.25rem}.accordion-item+.accordion-item{border-top:1px solid var(--border)}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;background:var(--bg);border:none;cursor:pointer;font-size:.85rem;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.05em;transition:background .15s}.accordion-header:hover{background:var(--sky)}.accordion-item.open .accordion-header{background:var(--sky);color:var(--brand);border-bottom:1px solid var(--border)}.accordion-chevron{font-size:.7rem;color:var(--muted)}.accordion-body{padding:1rem;background:var(--surface)}.form-2col{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.comments-count{font-size:.85rem;font-weight:500;color:var(--muted)}.comment-list{list-style:none;margin:0 0 1.25rem;padding:0;display:grid;gap:.85rem}.comment-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem}.comment-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;flex-wrap:wrap}.comment-avatar{width:28px;height:28px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.comment-author{font-weight:600;font-size:.875rem;color:var(--text)}.comment-role{font-size:.75rem;background:var(--sky);color:var(--brand);border-radius:99px;padding:.1rem .55rem;text-transform:capitalize}.comment-date{font-size:.75rem;color:var(--muted);margin-left:auto}.comment-body{font-size:.875rem;line-height:1.55;color:var(--text);white-space:pre-wrap;margin:0}.comment-form{border-top:1px solid var(--border);padding-top:1rem;display:grid;gap:.5rem}.comment-input{width:100%;resize:vertical;min-height:72px;border:1px solid var(--border);border-radius:var(--radius);padding:.65rem .85rem;font-family:inherit;font-size:.875rem;color:var(--text);background:var(--surface);transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.comment-input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #2f5fbf1f}.comment-form-footer{display:flex;align-items:center;justify-content:space-between}.comment-char-count{font-size:.75rem;color:var(--muted)}@media (max-width: 860px){.detail-split.panel-open{grid-template-columns:1fr}.assign-panel{position:static;border-top:3px solid var(--brand)}}@media (max-width: 600px){.form-2col{grid-template-columns:1fr}.stat-row{grid-template-columns:repeat(2,1fr)}}