*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fafaf7;--bg-alt:#fafafa;--surface:#fff;--surface-2:#f4f4ef;--surface-3:#ecece5;--line:#e3e3db;--line-2:#eee;--line-strong:#c9c9be;--chip:#f4f4f4;--ink:#0e1a2b;--ink-2:#2a3950;--ink-3:#5b6878;--ink-4:#8a94a3;--ink-5:#b8bfc9;--muted:#5b6878;--muted-2:#8a94a3;--primary:#1e3a8a;--primary-hover:#1a3175;--primary-soft:#e8ecf6;--primary-ink:#0f1f4a;--on-primary:#fff;--accent:#c28a2c;--accent-soft:#faf1dd;--accent-ink:#6b4914;--status-pending:#b5851b;--status-pending-bg:#fbf1d9;--status-review:#1f5bb5;--status-review-bg:#deeafb;--status-approved:#1f7a4a;--status-approved-bg:#dceedf;--status-rejected:#b43338;--status-rejected-bg:#f8dcdc;--status-disputed:#6b3fb0;--status-disputed-bg:#ebe0f7;--tier-bronze:#8c5a2b;--tier-silver:#6e7480;--tier-gold:#b5862b;--tier-platinum:#2f4756;--error:#b43338;--error-bg:#f8dcdc;--error-hover:#fecaca;--avatar-grad:#ff8c4a;--success:#1f7a4a;--warning:#b5851b;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--font-serif:"Fraunces", Georgia, serif;--font-kn:"Noto Sans Kannada", "Inter", sans-serif;--text-xs:10.5px;--text-sm:13px;--text-base:14px;--text-md:16px;--text-lg:18px;--text-xl:22px;--text-2xl:28px;--text-3xl:40px;--text-4xl:48px;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--pad-x:56px;--pad-y:48px;--sidebar-w:248px;--header-height:64px;--shadow-xs:0 1px 3px #0000000f;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #0000001f;--shadow-xl:0 16px 48px #00000024;--shadow-modal:0 20px 60px #0000002e;--shadow-1:0 1px 0 #0e1a2b0a, 0 1px 2px #0e1a2b0a;--shadow-2:0 4px 12px #0e1a2b0f, 0 1px 2px #0e1a2b0a;--shadow-3:0 12px 32px #0e1a2b1a, 0 2px 6px #0e1a2b0f;--transition-fast:.12s ease;--transition-base:.2s ease;--transition-slow:.35s ease;--transition-spring:.35s cubic-bezier(.34, 1.56, .64, 1);--z-base:1;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-toast:400}[data-mode=dark],[data-theme=midnight]{--bg:#0b1220;--bg-alt:#0b1220;--surface:#121b2d;--surface-2:#182338;--surface-3:#1f2c44;--line:#283655;--line-2:#283655;--line-strong:#3a4a6e;--chip:#182338;--ink:#f1f4fa;--ink-2:#d6ddea;--ink-3:#98a3b8;--ink-4:#6e7a92;--ink-5:#4a5571;--muted:#98a3b8;--muted-2:#6e7a92;--primary:#6f8ff5;--primary-hover:#8aa4f8;--primary-soft:#1b2845;--primary-ink:#c4d2f8;--on-primary:#0b1220;--accent:#e0ab55;--accent-soft:#2e2618;--accent-ink:#f5d58f;--status-pending-bg:#2c2410;--status-review-bg:#102240;--status-approved-bg:#0f2a1c;--status-rejected-bg:#2e1414;--status-disputed-bg:#1f1430;--shadow-xs:0 1px 3px #0000004d;--shadow-sm:0 2px 8px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-xl:0 16px 48px #000000b3;--shadow-modal:0 20px 60px #000c}[data-density=compact]{--pad-x:32px;--pad-y:28px}html{font-family:var(--font-sans);font-size:var(--text-base);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-feature-settings:"ss01", "cv11";scroll-behavior:smooth;line-height:1.6}body{background:var(--bg);min-height:100vh;color:var(--ink);position:relative;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:9999;opacity:.055;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");position:fixed;inset:0}[data-mode=dark] body:after{opacity:.09;mix-blend-mode:screen}.grain{position:relative}.grain:after{content:"";pointer-events:none;border-radius:inherit;opacity:.13;mix-blend-mode:overlay;z-index:1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23g)' opacity='1'/%3E%3C/svg%3E");position:absolute;inset:0}.grain-dark:after{opacity:.22;mix-blend-mode:screen}[data-grain=off] body:after{display:none}.h1{font-family:var(--font-sans);font-size:var(--text-4xl);letter-spacing:-.03em;color:var(--ink);font-weight:600;line-height:1.1}.h2{font-family:var(--font-sans);font-size:var(--text-2xl);letter-spacing:-.02em;color:var(--ink);font-weight:600;line-height:1.2}.h3{font-family:var(--font-sans);font-size:var(--text-lg);color:var(--ink);font-weight:600;line-height:1.3}.page-title{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--ink);font-size:26px;font-weight:600;line-height:1.2}.eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.22em;color:var(--muted);font-weight:500}.kpi-value{font-family:var(--font-sans);font-size:var(--text-3xl);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--ink);font-weight:500;line-height:1}.label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.22em;color:var(--muted);font-weight:500}.table-header{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:500}.mono{font-family:var(--font-mono)}a{color:var(--ink);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--muted-2)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes sheetUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes routeEnter{0%{opacity:0;filter:saturate(.98);transform:translateY(8px)}to{opacity:1;filter:saturate();transform:translate(0,0)}}@keyframes routeProgress{0%{transform:translate(-52%)scaleX(.34)}to{transform:translate(126%)scaleX(.92)}}.skeleton{background:linear-gradient(90deg, var(--line-2) 25%, var(--chip) 50%, var(--line-2) 75%);border-radius:var(--radius);background-size:600px 100%;animation:1.4s linear infinite shimmer}.route-page-transition{min-height:inherit;will-change:opacity, transform;animation:.18s cubic-bezier(.2,0,0,1) both routeEnter}.route-loading{background:var(--bg);min-height:100dvh;color:var(--ink);position:relative;overflow:hidden}.route-loading:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);transform-origin:0;width:min(420px,70vw);height:2px;z-index:var(--z-toast);animation:.9s cubic-bezier(.65,0,.35,1) infinite routeProgress;position:fixed;top:0;left:0}.route-loading-mobile{padding:18px 16px 96px}.route-loading-mobile-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;padding-bottom:16px;display:flex}.route-loading-stack{flex-direction:column;gap:10px;display:flex}.route-loading-list-row{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);gap:12px;padding:12px;display:flex}.route-loading-list-copy{flex-direction:column;flex:1;justify-content:center;gap:9px;min-width:0;display:flex}.route-loading-dashboard{grid-template-columns:244px 1fr;display:grid}.route-loading-sidebar{border-right:1px solid var(--line);background:var(--surface);min-height:100vh;padding:22px 16px}.route-loading-panel{padding:28px 32px}.route-loading-public{width:min(1120px,100% - 40px);margin:0 auto;padding:28px 0 72px}.route-loading-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.route-loading-mark{border-radius:8px;width:34px;height:34px;margin-bottom:18px}.route-loading-title{width:min(260px,62vw);height:30px}.route-loading-subtitle{width:min(190px,50vw);height:13px;margin-top:10px}.route-loading-pill{border-radius:var(--radius-pill);flex-shrink:0;width:82px;height:34px}.route-loading-thumb{border-radius:8px;flex-shrink:0;width:76px;height:76px}.route-loading-line{width:64%;height:12px}.route-loading-line.is-wide{width:86%}.route-loading-line.is-short{width:42%}.route-loading-spacer{height:18px}.route-loading-nav-row{height:36px;margin-bottom:8px}.route-loading-card{min-height:132px}.route-loading-hero{border-radius:var(--radius-lg);height:clamp(220px,42vh,440px);margin-top:22px}.route-loading-table{border-radius:var(--radius);height:380px;margin-top:16px}.nav-link-surface{-webkit-tap-highlight-color:transparent;position:relative;transform:translateZ(0)}.nav-link-surface:before{content:"";background:var(--primary-soft);opacity:0;z-index:-1;border-radius:14px;transition:opacity .14s,transform .18s cubic-bezier(.2,0,0,1);position:absolute;inset:7px 10px;transform:scale(.86)}.nav-link-surface:hover:before,.nav-link-surface:focus-visible:before,.nav-link-surface[data-pending=true]:before{opacity:1;transform:scale(1)}.nav-link-surface:active{transform:translateZ(0)scale(.965)}.nav-link-surface svg{transition:transform .18s cubic-bezier(.2,0,0,1),stroke-width .12s}.nav-link-surface:hover svg,.nav-link-surface[data-pending=true] svg{transform:translateY(-1px)}@media (max-width:767px){.route-loading-dashboard{display:block}.route-loading-sidebar{display:none}.route-loading-panel{padding:18px 16px 96px}.route-loading-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.route-page-transition,.route-loading:before,.skeleton{animation:none}.nav-link-surface,.nav-link-surface:before,.nav-link-surface svg{transition:none}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.animate-fade-in{animation:fadeIn var(--transition-base) ease both}.animate-fade-up{animation:fadeUp var(--transition-slow) ease both}.animate-scale-in{animation:scaleIn var(--transition-base) ease both}.btn{height:36px;font-family:var(--font-sans);font-size:var(--text-sm);border-radius:var(--radius);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:500;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn-primary:hover:not(:disabled){background:var(--ink-2);border-color:var(--ink-2);text-decoration:none}.btn-secondary{color:var(--ink);border-color:var(--line);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--chip);border-color:var(--muted-2);text-decoration:none}.btn-ghost{color:var(--muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--chip);color:var(--ink);text-decoration:none}.btn-danger{color:var(--error);border-color:var(--error);background:0 0}.btn-danger:hover:not(:disabled){background:var(--error-bg);text-decoration:none}.btn-sm{height:28px;font-size:var(--text-xs);padding:0 10px}.btn-lg{height:44px;font-size:var(--text-md);padding:0 24px}.card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.card-alt{background:var(--bg-alt);border:1px solid var(--line);border-radius:var(--radius-lg)}.input{width:100%;height:36px;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:0 12px;display:block}.input::placeholder{color:var(--muted-2)}.input:focus{border-color:var(--ink);box-shadow:0 0 0 2px #0a0a0a14}[data-mode=dark] .input:focus{box-shadow:0 0 0 2px #fafafa14}.input-error{border-color:var(--error)}.textarea{width:100%;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);resize:vertical;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:10px 12px;display:block}.textarea:focus{border-color:var(--ink);box-shadow:0 0 0 2px #0a0a0a14}.select{width:100%;height:36px;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--ink);background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23737373' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid var(--line);border-radius:var(--radius);appearance:none;cursor:pointer;transition:border-color var(--transition-fast);outline:none;padding:0 32px 0 12px;display:block}.select:focus{border-color:var(--ink)}.field{flex-direction:column;gap:6px;display:flex}.field-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:500}.field-error{font-size:var(--text-xs);color:var(--error);margin-top:2px}.badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius);border:1px solid;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:500;display:inline-flex}.badge-default{color:var(--muted);border-color:var(--line);background:var(--chip)}.badge-pending{color:var(--warning);background:#fefce8;border-color:#fde68a}.badge-success{color:var(--success);background:#f0fdf4;border-color:#bbf7d0}.badge-error{color:var(--error);background:var(--error-bg);border-color:#fecaca}.badge-info{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}[data-mode=dark] .badge-pending{background:#2d2400;border-color:#5a4400}[data-mode=dark] .badge-success{background:#002d13;border-color:#00522a}[data-mode=dark] .badge-error{background:#2d0000;border-color:#5a0000}[data-mode=dark] .badge-info{background:#001233;border-color:#003380}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}thead tr{border-bottom:1px solid var(--line);background:var(--bg-alt)}thead th{text-align:left;font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);white-space:nowrap;padding:10px 16px;font-weight:500}tbody tr{border-bottom:1px solid var(--line-2);transition:background var(--transition-fast)}tbody tr:hover{background:var(--bg-alt)}td{color:var(--ink-2);vertical-align:middle;padding:12px 16px}.divider{background:var(--line);border:none;height:1px;margin:0}.avatar{font-family:var(--font-sans);background:linear-gradient(135deg, var(--ink) 0%, var(--avatar-grad) 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.avatar-sm{width:28px;height:28px;font-size:11px}.avatar-md{width:36px;height:36px;font-size:13px}.avatar-lg{width:48px;height:48px;font-size:16px}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:var(--line);border-radius:var(--radius-pill);width:36px;height:20px;transition:background var(--transition-fast);flex-shrink:0;position:relative}.toggle input:checked+.toggle-track{background:var(--ink)}.toggle-track:after{content:"";background:var(--bg);border-radius:var(--radius-pill);width:16px;height:16px;transition:transform var(--transition-spring);box-shadow:var(--shadow-xs);position:absolute;top:2px;left:2px}.toggle input:checked+.toggle-track:after{transform:translate(16px)}.spinner{border:2px solid var(--line);border-top-color:var(--ink);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin}.spinner-lg{border-width:3px;width:32px;height:32px}.modal-backdrop{z-index:var(--z-modal);animation:fadeIn var(--transition-fast) ease both;background:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);width:100%;max-width:520px;max-height:90vh;animation:scaleIn var(--transition-base) ease both;overflow-y:auto}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:8px;padding:16px 24px;display:flex}.toast-container{z-index:var(--z-toast);flex-direction:column;gap:8px;width:100%;max-width:360px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--ink);color:var(--bg);border-radius:var(--radius-lg);font-size:var(--text-sm);box-shadow:var(--shadow-lg);animation:sheetUp var(--transition-slow) ease both;align-items:flex-start;gap:10px;padding:12px 16px;display:flex}.toast-error{background:var(--error)}.dropdown{display:inline-block;position:relative}.dropdown-menu{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);min-width:180px;box-shadow:var(--shadow-md);z-index:var(--z-dropdown);animation:fadeUp var(--transition-fast) ease both;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden}.dropdown-item{font-size:var(--text-sm);color:var(--ink-2);cursor:pointer;transition:background var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:9px 14px;text-decoration:none;display:flex}.dropdown-item:hover{background:var(--chip);text-decoration:none}.dropdown-item-danger{color:var(--error)}.dropdown-separator{background:var(--line-2);height:1px;margin:4px 0}.tabs{border-bottom:1px solid var(--line);gap:0;display:flex}.tab{font-size:var(--text-sm);color:var(--muted);cursor:pointer;transition:color var(--transition-fast), border-color var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-weight:500;text-decoration:none}.tab:hover{color:var(--ink);text-decoration:none}.tab-active{color:var(--ink);border-bottom-color:var(--ink)}.alert{border-radius:var(--radius-lg);border:1px solid var(--line);font-size:var(--text-sm);align-items:flex-start;gap:10px;padding:12px 16px;display:flex}.alert-error{background:var(--error-bg);color:#991b1b;border-color:#fecaca}.alert-warning{color:#92400e;background:#fefce8;border-color:#fde68a}.alert-success{color:#14532d;background:#f0fdf4;border-color:#bbf7d0}[data-mode=dark] .alert-error{color:#fca5a5;background:#2d0000;border-color:#5a0000}[data-mode=dark] .alert-warning{color:#fde68a;background:#2d2400;border-color:#5a4400}[data-mode=dark] .alert-success{color:#86efac;background:#002d13;border-color:#00522a}.progress{background:var(--line);border-radius:var(--radius-pill);height:4px;overflow:hidden}.progress-bar{background:var(--ink);border-radius:var(--radius-pill);height:100%;transition:width var(--transition-slow) ease}.layout-sidebar{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--bg-alt);border-right:1px solid var(--line);height:100vh;z-index:var(--z-sticky);flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{border-bottom:1px solid var(--line);padding:20px 20px 16px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex}.nav-item{border-radius:var(--radius);font-size:var(--text-sm);color:var(--muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 12px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:var(--chip);color:var(--ink);text-decoration:none}.nav-item-active{background:var(--chip);color:var(--ink)}.nav-section-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;color:var(--muted-2);padding:12px 12px 4px;font-size:9px;font-weight:500}.sidebar-footer{border-top:1px solid var(--line);padding:12px 8px}.main-content{min-width:0;padding:var(--pad-y) var(--pad-x);flex:1}.top-header{height:var(--header-height);border-bottom:1px solid var(--line);padding:0 var(--pad-x);background:var(--bg);z-index:var(--z-sticky);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.empty-state{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 24px;display:flex}.empty-state-icon{width:40px;height:40px;color:var(--line)}.chip{background:var(--chip);border-radius:var(--radius-pill);font-size:var(--text-xs);color:var(--ink-2);cursor:default;align-items:center;gap:4px;padding:3px 10px;font-weight:500;display:inline-flex}.kpi-widget{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;gap:8px;padding:24px;display:flex}.kpi-widget .kpi-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.22em;color:var(--muted);font-weight:500}.kpi-widget .kpi-num{font-size:var(--text-3xl);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--ink);font-weight:500;line-height:1}.kpi-widget .kpi-sub{font-size:var(--text-xs);color:var(--muted)}@media (max-width:768px){:root{--pad-x:20px;--pad-y:32px;--sidebar-w:100%;--header-height:56px}.layout-sidebar{flex-direction:column}.sidebar{width:100%;height:auto;position:relative}.h1{font-size:32px}.h2{font-size:22px}.main-content{padding:var(--pad-y) var(--pad-x)}.top-header{padding:0 var(--pad-x)}.modal-backdrop{align-items:flex-end;padding:12px}.modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:100%;max-height:92vh}.toast-container{max-width:100%;bottom:16px;left:12px;right:12px}}@media (max-width:480px){:root{--pad-x:16px;--pad-y:24px;--header-height:52px}.h1{letter-spacing:-.02em;font-size:26px}.h2{font-size:20px}.h3{font-size:16px}.page-title{font-size:20px}.kpi-value{font-size:32px}.btn{min-width:44px;height:44px;padding:0 16px}.btn-sm{height:36px;font-size:var(--text-xs);padding:0 12px}.btn-lg{height:52px;font-size:var(--text-base);justify-content:center;width:100%;padding:0 24px}.input,.select{height:48px;font-size:16px}.textarea{min-height:100px;font-size:16px}.table-wrap{-webkit-overflow-scrolling:touch}td,th{padding:10px 12px}.dropdown-menu{left:var(--pad-x);right:var(--pad-x);top:auto;bottom:calc(var(--header-height) + 8px);width:auto;min-width:0;position:fixed}.kpi-widget{padding:16px}.kpi-widget .kpi-num{font-size:28px}.nav-item{padding:12px}.tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;padding:12px 14px}}.plate{font-family:var(--font-mono);letter-spacing:.04em;color:#1a1a1a;background:#f8e55c;border:1px solid #c9b83e;border-radius:4px;align-items:center;padding:3px 8px;font-size:13.5px;font-weight:600;display:inline-flex}.plate-lg{letter-spacing:.05em;padding:6px 12px;font-size:18px}.pill{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.pill .dot{background:currentColor;border-radius:999px;flex-shrink:0;width:6px;height:6px}.pill-pending{background:var(--status-pending-bg);color:var(--status-pending)}.pill-review{background:var(--status-review-bg);color:var(--status-review)}.pill-approved{background:var(--status-approved-bg);color:var(--status-approved)}.pill-rejected{background:var(--status-rejected-bg);color:var(--status-rejected)}.pill-disputed{background:var(--status-disputed-bg);color:var(--status-disputed)}.pill-neutral{background:var(--surface-2);color:var(--ink-2)}.evidence-ph{color:var(--ink-3);font-family:var(--font-mono);letter-spacing:.04em;background:repeating-linear-gradient(135deg,#dde2eb 0 12px,#d0d6e2 12px 24px);justify-content:center;align-items:center;font-size:11px;display:flex;position:relative;overflow:hidden}.evidence-ph:after{content:"";pointer-events:none;background:linear-gradient(#0000 60%,#0e1a2b2e);position:absolute;inset:0}.evidence-ph .lbl{z-index:1;background:#ffffffd9;border:1px solid #0e1a2b14;border-radius:4px;padding:4px 8px;position:relative}.map-ph{background:radial-gradient(circle at 30% 40%,#e8efe6 0 80px,#0000 80px),radial-gradient(circle at 70% 60%,#e1eaef 0 100px,#0000 100px),linear-gradient(#eef2ee,#e5eceb);position:relative;overflow:hidden}.map-ph:before{content:"";background-image:linear-gradient(90deg,#0e1a2b0d 1px,#0000 1px),linear-gradient(0deg,#0e1a2b0d 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.map-ph:after{content:"";background:#b433381f;border:1.5px dashed #b433388c;border-radius:8px;position:absolute;inset:28% 22% 36% 18%}.desk{background:var(--bg);grid-template-columns:244px 1fr;min-height:100vh;display:grid}.desk-side{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;gap:4px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.desk-brand{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-bottom:14px;padding:6px 8px 18px;display:flex}.desk-brand .logo{background:var(--primary);width:30px;height:30px;color:var(--on-primary);font-family:var(--font-mono);letter-spacing:-.04em;border-radius:7px;place-items:center;font-size:14px;font-weight:700;display:grid}.desk-brand .name{letter-spacing:-.02em;font-size:15px;font-weight:600}.desk-brand .sub{color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;font-size:10.5px}.desk-main{flex-direction:column;min-width:0;display:flex}.desk-top{border-bottom:1px solid var(--line);background:var(--surface);z-index:4;align-items:center;gap:16px;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.desk-crumbs{color:var(--ink-3);align-items:center;gap:8px;font-size:13px;display:flex}.desk-crumbs strong{color:var(--ink);font-weight:600}.desk-content{padding:26px 32px 80px}.page-h{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.page-h h1{font-size:26px}.page-h .sub{color:var(--ink-3);margin-top:4px;font-size:14px}.nav-section{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);padding:14px 10px 6px;font-size:10.5px;font-weight:600}.nav-badge{background:var(--primary);color:var(--on-primary);font-family:var(--font-mono);border-radius:999px;margin-left:auto;padding:1px 6px;font-size:10.5px;font-weight:600}.tbl{border-collapse:separate;border-spacing:0;width:100%;font-size:13.5px}.tbl thead th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);background:var(--surface-2);border-bottom:1px solid var(--line);border-top:1px solid var(--line);padding:10px 14px;font-size:11.5px;font-weight:500}.tbl thead th:first-child{border-left:1px solid var(--line);border-top-left-radius:8px}.tbl thead th:last-child{border-right:1px solid var(--line);border-top-right-radius:8px}.tbl tbody td{border-bottom:1px solid var(--line);vertical-align:middle;background:var(--surface);padding:12px 14px}.tbl tbody td:first-child{border-left:1px solid var(--line)}.tbl tbody td:last-child{border-right:1px solid var(--line)}.tbl tbody tr:last-child td:first-child{border-bottom-left-radius:8px}.tbl tbody tr:last-child td:last-child{border-bottom-right-radius:8px}.tbl tbody tr:hover td{background:var(--surface-2)}.mob-page{background:var(--surface-3);justify-content:center;min-height:100vh;padding:32px 16px 64px;display:flex}.mob{background:var(--bg);border:1px solid var(--line);width:390px;min-height:844px;box-shadow:var(--shadow-3);border-radius:38px;flex-direction:column;display:flex;position:relative;overflow:hidden}.mob-body{flex:1;padding-bottom:20px;position:relative;overflow-y:auto}.m-header{background:var(--bg);z-index:4;justify-content:space-between;align-items:center;padding:8px 18px 12px;display:flex;position:sticky;top:0}.m-tabs{border-top:1px solid var(--line);background:var(--surface);grid-template-columns:repeat(4,1fr);padding:8px 6px 10px;display:grid}.m-tab{color:var(--ink-3);border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;font-size:10.5px;font-weight:500;text-decoration:none;display:flex}.m-tab[aria-current=page],.m-tab.active{color:var(--primary)}.pub{background:var(--bg);min-height:100vh}.pub-nav{border-bottom:1px solid var(--line);background:var(--surface);z-index:5;height:64px;position:sticky;top:0}.pub-nav .inner{align-items:center;gap:28px;max-width:1200px;height:100%;margin:0 auto;padding:0 28px;display:flex}.pub-brand{align-items:center;gap:10px;display:flex}.pub-brand .logo{background:var(--primary);width:28px;height:28px;color:var(--on-primary);font-family:var(--font-mono);border-radius:7px;place-items:center;font-size:13px;font-weight:700;display:grid}.pub-links{color:var(--ink-2);gap:22px;margin-left:12px;font-size:13.5px;display:flex}.pub-links a:hover{color:var(--ink)}.pub-cta{gap:10px;margin-left:auto;display:flex}.container{max-width:1200px;margin:0 auto;padding:0 28px}.btn-block{justify-content:center;width:100%}.tnum{font-variant-numeric:tabular-nums}.kn{font-family:var(--font-kn);letter-spacing:0;font-weight:500}.citizen-dashboard-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}@media (max-width:480px){.citizen-dashboard-grid{grid-template-columns:1fr;gap:8px}}