@import"https://fonts.googleapis.com/css2?family=Public+Sans:wght@300;400;500;600;700&family=Source+Serif+4:wght@400;600;700&display=swap";:root{font-family:Public Sans,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#1b2430;background-color:#f1f4fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #eef2fa;--surface: #ffffff;--surface-alt: #f4f7fc;--text: #1b2430;--muted: #5f6b7a;--border: #e1e8f2;--primary: #00a0d8;--primary-strong: #007ca8;--accent: #cbd6e2;--danger: #b0442a;--warning: #a86b00;--success: #2e7d32;--shadow: 0 14px 30px rgba(15, 23, 42, .07)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 12% 8%,rgba(97,119,255,.08),transparent 34%),radial-gradient(circle at 86% 12%,rgba(0,160,216,.08),transparent 30%),linear-gradient(120deg,#eef2fa,#f4f7fc 52%,#eef2fa);color:var(--text)}h1,h2,h3,h4{font-family:"Source Serif 4",Public Sans,serif;font-weight:600}a{color:inherit;text-decoration:none}input,select,textarea,button{font-family:inherit}#root{min-height:100vh}.login-shell{min-height:100vh;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--bg)}.login-hero{padding:56px clamp(28px,7vw,88px);background:radial-gradient(circle at 14% 22%,rgba(255,255,255,.22),transparent 40%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.15),transparent 30%),linear-gradient(140deg,#006689,#00a0d8 48%,#67c8eb);color:#f2f8fc;display:flex;flex-direction:column;justify-content:space-between;gap:44px}.login-eyebrow{color:#f2f8fcd1}.login-hero-title{margin:12px 0 14px;font-size:clamp(1.8rem,4vw,2.7rem);max-width:620px;line-height:1.2}.login-hero-subtitle{margin:0;max-width:560px;color:#f2f8fce0}.login-highlight{width:min(520px,100%);padding:20px;border:1px solid rgba(255,255,255,.3);border-radius:18px;background:#081b2540;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.login-highlight-label{margin:0;text-transform:uppercase;letter-spacing:1px;font-size:.75rem;color:#f2f8fcc7}.login-highlight-list{margin:12px 0 0;padding-left:18px;display:grid;gap:10px}.login-panel{display:grid;place-items:center;padding:32px 22px;background:linear-gradient(120deg,#f9faf8,#eef3f8)}.login-card{width:min(440px,100%);background:var(--surface);border-radius:24px;border:1px solid var(--border);box-shadow:var(--shadow);padding:28px;display:grid;gap:20px}.login-card-header{display:grid;gap:8px}.login-logo{width:78px;height:78px;object-fit:contain;justify-self:center}.login-title{margin:0;font-size:2rem}.login-subtitle{margin:0;color:var(--muted)}.login-form{display:grid;gap:14px}.login-error{margin:0;padding:10px 12px;border-radius:10px;border:1px solid rgba(176,68,42,.25);background:#b0442a14;color:var(--danger);font-size:.88rem}.notify-stack{position:fixed;top:16px;right:16px;z-index:1000;display:grid;gap:10px;width:min(360px,calc(100vw - 24px))}.notify{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;border-radius:12px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);padding:10px 12px}.notify p{margin:0;font-size:.88rem}.notify-success{border-color:#2e7d3259;background:#2e7d3214;color:#2e7d32}.notify-error{border-color:#b0442a59;background:#b0442a1a;color:var(--danger)}.notify-info{border-color:#00668959;background:#0066891a;color:#006689}.notify-close{border:none;background:transparent;color:inherit;font-size:.8rem;cursor:pointer;text-transform:uppercase}.alert{margin:0 0 12px;padding:10px 12px;border-radius:10px;border:1px solid rgba(176,68,42,.25);background:#b0442a14;color:var(--danger);font-size:.88rem}.login-submit{width:100%;min-height:44px}.login-meta{margin:0;color:var(--muted);font-size:.86rem}.app-shell{display:grid;grid-template-columns:260px 1fr;grid-template-rows:auto 1fr;min-height:100vh;background:var(--bg)}.sidebar{grid-row:1 / span 2;background:var(--surface);border-right:1px solid var(--border);padding:24px 20px;display:flex;flex-direction:column;gap:24px;position:sticky;top:0;height:100vh;width:260px}.sidebar-brand{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--border)}.brand-logo{width:48px;height:48px;object-fit:contain;flex-shrink:0}.brand-title{margin:0;font-weight:600;font-size:1rem}.brand-subtitle{margin:4px 0 0;color:var(--muted);font-size:.85rem}.sidebar-section{display:grid;gap:12px}.sidebar-section-title{margin:0;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.nav-list{display:flex;flex-direction:column;gap:10px;margin:0;padding:0}.nav-item{width:100%;font-size:.95rem;text-align:left}.btn.nav-item{justify-content:flex-start}.nav-item-content{display:inline-flex;align-items:center;gap:10px}.nav-icon{width:16px;height:16px;fill:currentColor;flex-shrink:0}.sidebar-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--border);display:flex;align-items:center;gap:12px;font-size:.85rem}.sidebar-user{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.sidebar-user-name{margin:0;font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{margin:2px 0 0;color:var(--muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.signout-icon-btn{width:40px;height:40px;min-width:40px;padding:0}.signout-icon{width:18px;height:18px;fill:currentColor}.topbar{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 28px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:5}.topbar-minimal{justify-content:flex-start}.topbar-title{margin:0;font-size:1.1rem;font-weight:600}.topbar-left{flex:1}.search{display:flex;align-items:center;gap:12px;background:var(--surface-alt);border-radius:999px;padding:10px 16px;max-width:420px}.search-icon{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.search-input{border:none;background:transparent;width:100%;outline:none;font-size:.95rem;color:var(--text)}.topbar-filters{display:flex;gap:12px;align-items:center}.filter{display:flex;flex-direction:column;font-size:.7rem;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);gap:6px}.filter select,.filter input{padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface);font-size:.85rem}.topbar-profile{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.profile-chip{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:999px;background:var(--surface-alt)}.profile-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font-weight:600}.profile-name{margin:0;font-weight:600;font-size:.9rem}.profile-role{margin:0;color:var(--muted);font-size:.8rem}.app-main{grid-column:2;padding:28px;background:radial-gradient(circle at top left,rgba(0,160,216,.12),transparent 55%)}.page{display:flex;flex-direction:column;gap:24px}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:1.4px;font-size:.7rem;color:var(--muted)}.page-title{margin:6px 0 4px;font-size:2rem}.page-subtitle{margin:0;color:var(--muted);max-width:560px}.page-actions{display:flex;gap:12px}.dashboard-page{gap:22px}.dashboard-header{padding:20px 22px;border-radius:20px;border:1px solid rgba(0,124,168,.16);background:radial-gradient(circle at 82% 22%,rgba(0,160,216,.18),transparent 34%),radial-gradient(circle at 12% 88%,rgba(46,125,50,.12),transparent 34%),linear-gradient(135deg,#fffffff5,#f4fafef5 52%,#f7fcf8fa)}.dashboard-header .page-title{margin-top:4px}.dashboard-header .table-meta{margin-top:10px}.grid-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.dashboard-page .grid-metrics{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:start}.grid-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.dashboard-charts-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:start}.dashboard-charts-grid .chart-card{grid-column:span 4;min-height:360px}.dashboard-charts-grid .chart-card:nth-child(2n){animation-delay:.08s}.dashboard-charts-grid .chart-card:nth-child(3n){animation-delay:.14s}.chart-card{--chart-accent: #00a0d8;--chart-accent-soft: rgba(0, 160, 216, .16);position:relative;overflow:hidden;border-color:#7c8ea22e;background:linear-gradient(180deg,#fffffffc,#fbfdfffa);box-shadow:0 12px 26px #0f172a0d,0 2px 6px #0f172a06}.chart-card:hover{transform:none;box-shadow:0 12px 26px #0f172a0d,0 2px 6px #0f172a06}.chart-card:before{content:"";position:absolute;inset:0 auto auto 0;width:42%;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--chart-accent) 0%,rgba(255,255,255,.25) 100%);opacity:.9}.chart-card:after{content:"";position:absolute;width:170px;height:170px;right:-72px;top:-74px;border-radius:50%;background:radial-gradient(circle,var(--chart-accent-soft) 0%,rgba(255,255,255,0) 72%);opacity:.75;pointer-events:none}.chart-card .card-header,.chart-card .card-body{position:relative;z-index:1}.chart-card .card-header{align-items:center;margin-bottom:14px}.chart-card .card-title{font-size:1.02rem}.chart-card .card-subtitle{margin-top:4px;font-size:.82rem}.chart-card .card-body{min-height:0}.chart-card-cases-type{--chart-accent: #5163f3;--chart-accent-soft: rgba(81, 99, 243, .16)}.chart-card-members-district{--chart-accent: #2da6ff;--chart-accent-soft: rgba(45, 166, 255, .16)}.chart-card-cases-status{--chart-accent: #667085;--chart-accent-soft: rgba(102, 112, 133, .14)}.chart-card-monthly-trend{--chart-accent: #4f5ef6;--chart-accent-soft: rgba(79, 94, 246, .16)}.chart-card-members-gender{--chart-accent: #39b9ef;--chart-accent-soft: rgba(57, 185, 239, .16)}.chart-card-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 11px;border-radius:999px;border:1px solid rgba(124,142,162,.16);background:#f5f8fde6;font-size:.74rem;font-weight:700;letter-spacing:.2px;color:#46576a}.chart-card-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--chart-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--chart-accent) 14%,white)}.analytics-chart{width:100%;height:296px;padding:4px 2px 0;border-radius:0;border:none;background:transparent}.analytics-chart-pie{height:318px;padding-bottom:4px}.analytics-chart .recharts-cartesian-axis-tick-value{fill:#6f8095;font-size:12px;font-weight:500}.analytics-chart .recharts-cartesian-axis-line,.analytics-chart .recharts-cartesian-axis-tick-line{stroke:#c9d6e499}.analytics-chart .recharts-cartesian-grid line{stroke:#7c8ea21f}.analytics-chart .recharts-legend-item-text{color:var(--muted)!important}.analytics-chart .recharts-pie-sector path{stroke:#fdfefe;stroke-width:2px}.analytics-chart .recharts-area-curve,.analytics-chart .recharts-line-curve{filter:drop-shadow(0 8px 12px rgba(79,94,246,.08))}.analytics-chart .recharts-tooltip-wrapper{outline:none}.chart-tooltip{min-width:170px;padding:11px 12px;border:1px solid rgba(124,142,162,.2);border-radius:14px;background:#fffffff5;box-shadow:0 18px 36px #0f172a24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chart-tooltip-label{margin:0 0 7px;font-size:.72rem;text-transform:uppercase;letter-spacing:1px;color:#6b7d91}.chart-tooltip-list{margin:0;padding:0;list-style:none;display:grid;gap:6px}.chart-tooltip-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;font-size:.82rem;color:#364457}.chart-tooltip-item strong{font-size:.82rem;color:#1d2733}.chart-tooltip-dot{width:9px;height:9px;border-radius:50%}.chart-legend-list{margin:6px 0 0;padding:0;list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:8px 10px}.chart-legend-item{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#f6f9fceb;border:1px solid rgba(124,142,162,.14);color:#607083;font-size:.78rem}.chart-legend-color{width:9px;height:9px;border-radius:50%}.chart-donut-caption{fill:#6b7d91;font-size:11px;letter-spacing:.9px;text-transform:uppercase}.chart-donut-value{fill:#1f2b38;font-size:26px;font-weight:700}.card{position:relative;background:linear-gradient(180deg,#fffffffc,#fcfdfff7);border-radius:20px;border:1px solid rgba(124,142,162,.16);padding:18px;box-shadow:0 14px 30px #0f172a0f,0 2px 6px #0f172a08}.card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.card-title{margin:0;font-family:Public Sans,Segoe UI,sans-serif;font-size:1.02rem;font-weight:700;letter-spacing:-.02em}.card-subtitle{margin:4px 0 0;color:var(--muted);font-size:.82rem}.card-body{min-width:0}.card-action{display:flex;align-items:center}.metric-card .card-body{display:flex;flex-direction:column;gap:10px}.metric-card-kpi{--metric-accent: #00a0d8;--metric-accent-glow: rgba(0, 160, 216, .14);position:relative;overflow:hidden;border-color:#7c8ea229;background:radial-gradient(circle at 88% 12%,var(--metric-accent-glow),transparent 42%),linear-gradient(160deg,#fffffffb,#f8fbfff7)}.metric-card-kpi:before{content:"";position:absolute;inset:0 auto auto 0;width:44%;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--metric-accent),rgba(255,255,255,.25))}.metric-card-kpi:after{content:"";position:absolute;width:150px;height:150px;right:-68px;top:-76px;border-radius:50%;background:radial-gradient(circle,var(--metric-accent-glow),rgba(255,255,255,0))}.metric-card-kpi .card-body,.metric-card-kpi .card-header{position:relative;z-index:1}.metric-card-kpi .card-header{display:grid;grid-template-columns:1fr;align-items:center;gap:6px;margin-bottom:6px}.metric-card-kpi .card-header:before{display:none}.metric-card-kpi .card-header>div{min-width:0}.metric-card-kpi .card-title{font-size:.72rem;color:#74859a;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metric-card-kpi .card-subtitle{margin-top:2px;font-size:.8rem;color:#2d3a4c;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-page .grid-metrics .metric-card-kpi{min-height:132px}.metric-card--blue{--metric-accent: #4f5ef6;--metric-accent-glow: rgba(79, 94, 246, .14)}.metric-card--green{--metric-accent: #1fa971;--metric-accent-glow: rgba(31, 169, 113, .14)}.metric-card--amber{--metric-accent: #ff9b42;--metric-accent-glow: rgba(255, 155, 66, .15)}.metric-card--teal{--metric-accent: #32b7e5;--metric-accent-glow: rgba(50, 183, 229, .14)}.metric-card--slate{--metric-accent: #7b8ba1;--metric-accent-glow: rgba(123, 139, 161, .14)}.metric-value{font-size:1.7rem;font-weight:700;line-height:1.05;letter-spacing:-.02em}.metric-meta{margin:0;color:#66778d;font-size:.76rem;line-height:1.35}.metric-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}.split-meter{display:flex;flex-direction:column;gap:8px}.split-meter-bar{height:10px;border-radius:999px;border:1px solid rgba(95,107,122,.12);background:linear-gradient(90deg,#e3eaf3cc,#f4f7fcf2);overflow:hidden}.split-meter-bar span{display:block;height:100%;background:linear-gradient(90deg,#24a26f,#6fd2ae);border-radius:999px;box-shadow:0 0 0 1px #24a26f14}.split-meter-labels{display:flex;justify-content:space-between;font-size:.76rem;color:#708196;gap:8px}.split-meter-labels span{white-space:nowrap}.chart{display:grid;gap:14px}.chart-row{display:grid;gap:8px}.chart-row-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.chart-label{font-size:.82rem;color:#637488;font-weight:600}.chart-row-value{font-size:.8rem;color:#37475a;font-weight:700;letter-spacing:-.01em}.chart-bar-track{height:10px;border-radius:999px;border:1px solid rgba(124,142,162,.12);background:linear-gradient(180deg,#f6f9fcf2,#f0f5fbe6);overflow:hidden}.chart-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#5b6bff,#55c5f9);position:relative;box-shadow:0 4px 10px #4f5ef62e}.chart-columns{grid-auto-flow:column;grid-auto-columns:1fr;align-items:end;gap:10px;min-height:200px}.chart-column{display:grid;gap:6px;text-align:center}.chart-column-bar{height:140px;border:1px solid rgba(124,142,162,.12);background:linear-gradient(180deg,#f6f9fcf5,#f0f5fbe6);border-radius:14px;overflow:hidden;display:flex;align-items:flex-end}.chart-column-fill{width:100%;background:linear-gradient(180deg,#5b6bff,#3f52f0);border-radius:14px 14px 0 0;box-shadow:0 -6px 14px #4f5ef61f}.chart-column-label{font-size:.78rem;color:#6c7d91}.chart-column-value{font-weight:700;font-size:.82rem;color:#304054}.table-wrap{width:100%;overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{padding:12px 10px;text-align:left;border-bottom:1px solid var(--border)}.data-table tbody tr.is-clickable{cursor:pointer}.data-table tbody tr:hover{background:var(--surface-alt)}.data-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.table-actions{display:flex;gap:8px}.filters-row{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.filters-row input,.filters-row select{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface);font-size:.9rem}.active-filter{display:inline-flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--border);border-radius:12px;background:var(--surface-alt)}.active-filter span{font-size:.8rem;color:var(--muted);white-space:nowrap}.table-meta{margin:0;color:var(--muted);font-size:.88rem}.btn{border:none;border-radius:12px;padding:10px 16px;font-size:.9rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-strong)}.btn-ghost{background:transparent;color:var(--text)}.btn-ghost:hover{background:var(--surface-alt)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--primary);color:var(--primary-strong)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:6px 10px;font-size:.8rem}.modal-backdrop{position:fixed;inset:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.modal{background:var(--surface);border-radius:18px;width:min(720px,96vw);max-height:90vh;overflow:auto;box-shadow:var(--shadow)}.modal-header,.modal-footer{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--border)}.modal-header h3{margin:0}.modal-close{padding:6px 12px;font-size:.8rem}.modal-header p{margin:6px 0 0;color:var(--muted)}.modal-body{padding:20px 22px 10px}.modal-footer{border-top:1px solid var(--border);border-bottom:none}.modal-actions{display:flex;gap:10px}.modal-actions-split{width:100%;justify-content:space-between}.progress{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px}.progress-step{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--surface-alt);display:grid;gap:6px}.progress-step span{width:26px;height:26px;border-radius:50%;background:var(--border);display:grid;place-items:center;font-size:.8rem}.progress-step p{margin:0;font-size:.8rem}.progress-step.is-active{background:#00a0d81a;border-color:#00a0d866}.progress-step.is-active span{background:var(--primary);color:#fff}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.form-field{display:grid;gap:6px;font-size:.85rem;color:var(--muted)}.form-field input,.form-field select,.form-field textarea{padding:10px 12px;border-radius:10px;border:1px solid var(--border);font-size:.9rem;color:var(--text);background:var(--surface)}.form-field-full{grid-column:1 / -1}.repeatable-section{gap:10px}.repeatable-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.repeatable-list{display:grid;gap:10px}.repeatable-row{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:10px;align-items:center}.indicator-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-alt)}.parent-section{gap:12px}.parent-section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.parent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.parent-card{padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);display:grid;gap:8px}.parent-title{margin:0;font-size:.85rem;font-weight:600}.skills-section{gap:12px}.skills-section-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.skills-grid{display:grid;gap:12px}.skill-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.roles-toolbar{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:14px}.roles-toolbar .form-field{min-width:220px;flex:1}.roles-list{display:grid;gap:10px}.role-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--surface-alt)}.checkbox-option{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.checkbox-option input{margin:0}.tabs{display:flex;gap:12px;flex-wrap:wrap}.tab{padding:10px 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface);cursor:pointer;font-weight:600;color:var(--muted)}.tab.is-active{background:var(--primary);color:#fff;border-color:transparent}.profile-card{padding:22px}.profile-grid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.profile-info{display:flex;gap:22px;flex-wrap:wrap}.profile-label{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.profile-name{margin:6px 0 4px}.profile-meta{margin:0;color:var(--muted)}.profile-value{margin:6px 0 0;font-weight:600}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}.info-label{margin:0;font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}.info-value{margin:6px 0 0;font-weight:600}.info-meta{margin:8px 0 0;color:var(--muted)}.tag-list{display:flex;gap:8px;flex-wrap:wrap}.tag{padding:6px 12px;border-radius:999px;background:#00a0d81f;color:var(--primary-strong);font-size:.8rem;font-weight:600}.tag-muted{background:var(--surface-alt);color:var(--muted)}.support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}.support-item{padding:16px;border-radius:16px;background:var(--surface-alt)}.support-title{margin:0;font-weight:600}.support-value{margin:8px 0 4px;font-size:1rem}.support-meta{margin:0;color:var(--muted);font-size:.85rem}.cases-layout{display:grid;grid-template-columns:minmax(320px,1.2fr) minmax(280px,1fr);gap:18px}.cases-layout-single{grid-template-columns:1fr}.case-detail{display:grid;gap:18px}.detail-list,.timeline{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:10px}.timeline li{padding-left:16px;border-left:2px solid var(--border)}.timeline span{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.case-detail-actions{display:flex;align-items:center;gap:12px;justify-content:space-between}.status-pill{padding:6px 12px;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px}.status-critical{background:#c43c3c26;color:#b03a2e}.status-ongoing{background:#dba60033;color:#a86b00}.status-closed{background:#2e7d3233;color:#2e7d32}.status-under-investigation{background:#0060802e;color:#005f7f}.status-arrest-made{background:#2e7d3233;color:#2e7d32}.status-no-arrest-made,.status-hearing-stage{background:#dba60033;color:#a86b00}.status-sentenced{background:#2e7d3233;color:#2e7d32}.status-acquitted,.status-planned{background:#607d8b33;color:#455a64}.status-completed{background:#2e7d3233;color:#2e7d32}.member-status{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;background:var(--surface-alt);color:var(--muted)}.member-status.employed{background:#2e7d3229;color:#2e7d32}.member-status.unemployed{background:#dba60033;color:#a86b00}.reports-layout{display:grid;grid-template-columns:minmax(220px,260px) 1fr;gap:18px;align-items:start}.filters-panel{background:var(--surface);border-radius:18px;padding:18px;border:1px solid var(--border);display:grid;gap:16px;height:fit-content}.filters-panel h3{margin:0;font-size:1rem}.filter-actions{display:grid;gap:8px}.reports-main{display:grid;gap:18px}.reports-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.report-kpi-card{border-radius:16px;padding:14px}.report-kpi-card .card-body{padding:0}.report-kpi-card-body{display:grid;gap:6px}.report-kpi-label{margin:0;color:#6a7b90;font-size:.76rem;text-transform:uppercase;letter-spacing:.8px;font-weight:700}.report-kpi-value{margin:0;color:#1c2735;font-size:1.7rem;font-weight:700;line-height:1.05}.report-kpi-note{margin:0;color:#6b7d91;font-size:.78rem;line-height:1.35}.reports-chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.reports-chart-grid .card{min-height:250px}.reports-chart-grid-skills .card{min-height:230px}.report-filter-summary{display:grid;gap:4px;padding:12px;border-radius:12px;border:1px solid rgba(124,142,162,.14);background:#f4f7fcbf}.report-filter-summary-label{margin:0;color:#6b7d91;font-size:.72rem;text-transform:uppercase;letter-spacing:.9px;font-weight:700}.report-filter-summary-value{margin:0;color:#2f3c4f;font-size:.84rem;font-weight:600}.report-notes-list{margin:0;padding-left:18px;display:grid;gap:8px;color:#56677d;font-size:.88rem}.summary-table{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.summary-table p{margin:0;color:var(--muted);font-size:.85rem}.summary-table strong{font-size:1.2rem}.export-actions{display:flex;gap:12px}.inline-select{padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface);font-size:.85rem}.reveal{animation:fadeInUp .6s ease both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1440px){.dashboard-page .grid-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1100px){.topbar{flex-wrap:wrap}.cases-layout,.reports-layout,.dashboard-charts-grid{grid-template-columns:1fr}.dashboard-charts-grid .chart-card{grid-column:1 / -1;min-height:380px}.dashboard-header{padding:18px}.grid-metrics{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.dashboard-page .grid-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;grid-row:1;grid-column:1;flex-direction:row;align-items:center;overflow-x:auto}.nav-list{flex-direction:row;flex-wrap:nowrap}.sidebar-footer{margin-top:0;margin-left:auto;padding-top:0;border-top:none}.app-main,.topbar{grid-column:1}.dashboard-page .grid-metrics{grid-template-columns:1fr}}@media(max-width:980px){.login-shell{grid-template-columns:1fr}.login-hero{min-height:320px;gap:28px;padding:36px 24px 84px}.login-panel{margin-top:-56px;padding:0 20px 24px;background:transparent}}@media(max-width:560px){.dashboard-header{border-radius:16px;padding:16px 14px}.chart-card .card-header{flex-direction:column;align-items:flex-start}.chart-card-badge{align-self:flex-start}.analytics-chart{height:296px;padding:10px 6px 4px}.analytics-chart-pie{height:330px}.login-card{border-radius:18px;padding:24px 18px}.login-title{font-size:1.65rem}}