:root{--bg-base:#f1f5f9;--bg-surface:#fff;--bg-elevated:#f8fafc;--bg-surface-subtle:#f0f4f8;--bg-table-row:#fff;--bg-table-row-alt:#f8fafc;--bg-table-hover:#eef4fa;--bg-input:#fff;--bg-sidebar:#fff;--bg-sidebar-hover:#eff6ff;--bg-sidebar-active:#e0e7ff;--bg-topbar:#fff;--color-primary:#1d4ed8;--color-primary-hover:#1e40af;--color-primary-muted:#1d4ed814;--color-primary-subtle:#1d4ed80a;--color-gold:#d97706;--color-gold-hover:#b45309;--color-gold-muted:#d977061a;--color-gold-subtle:#d977060d;--color-info:#0284c7;--color-info-hover:#0369a1;--color-info-muted:#0284c714;--color-warning:#d97706;--color-warning-hover:#b45309;--color-warning-muted:#d977061a;--color-destructive:#dc2626;--color-destructive-hover:#b91c1c;--color-destructive-muted:#dc262614;--color-urgent:#ea580c;--color-urgent-muted:#ea580c14;--color-tier-s:#dc2626;--color-tier-a:#d97706;--color-tier-b:#2563eb;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-dim:#94a3b8;--text-inverse:#fff;--text-accent:#1d4ed8;--text-gold:#b45309;--border-color:#e2e8f0;--border-subtle:#eef2f6;--border-strong:#cbd5e1;--border-focus:#1d4ed8;--font-ui:"Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-data:"Fira Code", "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-xs:3px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-full:9999px;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 2px 4px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -4px #0f172a0a;--shadow-card:0 1px 3px #0f172a0d, 0 1px 2px #0f172a08;--duration-fast:.12s;--duration-normal:.18s;--duration-slow:.25s;--ease-default:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--sidebar-width:240px;--sidebar-collapsed:60px;--topbar-height:52px;--detail-panel-width:440px}[data-theme=dark]{--bg-base:#0b1120;--bg-surface:#111827;--bg-elevated:#1a2332;--bg-surface-subtle:#151f30;--bg-table-row:#0f1729;--bg-table-row-alt:#111d2e;--bg-table-hover:#182236;--bg-input:#0f1729;--bg-sidebar:#0d1424;--bg-sidebar-hover:#162032;--bg-sidebar-active:#1d2a40;--bg-topbar:#0f172a;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-primary-muted:#3b82f61f;--color-primary-subtle:#3b82f60f;--color-gold:#f59e0b;--color-gold-hover:#d97706;--color-gold-muted:#f59e0b1f;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-dim:#475569;--text-inverse:#0f172a;--text-accent:#3b82f6;--text-gold:#f59e0b;--border-color:#374b6966;--border-subtle:#374b6938;--border-strong:#374b6999;--border-focus:#3b82f6;--shadow-sm:0 1px 2px #00000040;--shadow-md:0 2px 8px #0000004d;--shadow-lg:0 4px 16px #0006;--shadow-card:0 1px 3px #0003}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13.5px}body{font-family:var(--font-ui);background:var(--bg-base);color:var(--text-primary);line-height:1.5;overflow:hidden}#root{width:100vw;height:100vh;overflow:hidden}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:var(--font-ui)}input,select,textarea{font-family:var(--font-ui)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#cbd5e1}::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#374b6980}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.01em;font-weight:600;line-height:1.3}h1{font-size:1.25rem}h2{font-size:1.125rem}h3{font-size:.9375rem}h4{font-size:.8125rem}.text-data{font-family:var(--font-data);font-variant-numeric:tabular-nums}.text-muted{color:var(--text-secondary)}.text-dim{color:var(--text-muted)}.text-gold{color:var(--text-gold)}.text-xs{font-size:.6875rem}.text-sm{font-size:.75rem}.text-base{font-size:.8125rem}.text-lg{font-size:.9375rem}.text-xl{font-size:1.125rem}.text-2xl{font-size:1.375rem}.section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:0 var(--space-3);margin-bottom:var(--space-1);font-size:.625rem;font-weight:700}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-card)}.card-compact{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-card)}.card-flush{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.card-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:space-between;align-items:center;display:flex}.card-header h4{color:var(--text-primary);font-size:.8125rem;font-weight:600}.card-body{padding:var(--space-3) var(--space-4)}.surface{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.surface-elevated{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.alert-banner{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:.75rem;font-weight:500;display:flex}.alert-banner-urgent{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.alert-banner-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.alert-banner-info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}[data-theme=dark] .alert-banner-urgent{color:#f87171;background:#dc26261f;border-color:#dc262640}[data-theme=dark] .alert-banner-warning{color:#fbbf24;background:#d977061f;border-color:#d9770640}[data-theme=dark] .alert-banner-info{color:#60a5fa;background:#0284c71f;border-color:#0284c740}.btn{border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-default);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-size:.75rem;font-weight:600;line-height:1.4;display:inline-flex}.btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-gold{background:var(--color-gold);color:#fff;border-color:var(--color-gold)}.btn-gold:hover{background:var(--color-gold-hover);border-color:var(--color-gold-hover)}.btn-info{background:var(--color-info);color:#fff}.btn-info:hover{background:var(--color-info-hover)}.btn-warning{background:var(--color-warning);color:#fff}.btn-warning:hover{background:var(--color-warning-hover)}.btn-destructive{background:var(--color-destructive);color:#fff}.btn-destructive:hover{background:var(--color-destructive-hover)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-color);background:0 0}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong)}.btn-subtle{background:var(--bg-surface-subtle);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-subtle:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-strong)}.btn-icon{color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-default);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:6px;display:inline-flex}.btn-icon:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-subtle)}.btn-sm{padding:4px 10px;font-size:.6875rem}.btn-lg{padding:8px 20px;font-size:.8125rem}.input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-default);padding:6px 10px;font-size:.75rem}.input:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 2px #1d4ed81f}.input::placeholder{color:var(--text-dim)}.select{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2364748B' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding:6px 28px 6px 10px;font-size:.75rem}.select:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 2px #1d4ed81f}.label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.6875rem;font-weight:600;display:block}.textarea{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);resize:vertical;min-height:64px;font-size:.75rem;font-family:var(--font-ui);padding:6px 10px}.textarea:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 2px #1d4ed81f}.checkbox-label{cursor:pointer;color:var(--text-secondary);align-items:center;gap:6px;font-size:.75rem;display:flex}.checkbox-label input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-primary);cursor:pointer}.badge{border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;align-items:center;gap:4px;padding:2px 7px;font-size:.625rem;font-weight:700;display:inline-flex}.badge-pending{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.badge-approved,.badge-active,.badge-open{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.badge-rejected,.badge-banned{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.badge-closed,.badge-suspended,.badge-expired{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.badge-flagged{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.badge-info,.badge-claimed{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.badge-collected{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.badge-tier-s{color:#dc2626;font-family:var(--font-data);background:#fee2e2;border:1px solid #fecaca}.badge-tier-a{color:#d97706;font-family:var(--font-data);background:#fef3c7;border:1px solid #fde68a}.badge-tier-b{color:#4338ca;font-family:var(--font-data);background:#eef2ff;border:1px solid #e0e7ff}.badge-role{color:#475569;text-transform:capitalize;background:#f1f5f9;border:1px solid #e2e8f0}.badge-role-admin{color:#3730a3;background:#eef2ff;border:1px solid #c7d2fe}.badge-role-moderator{color:#075985;background:#e0f2fe;border:1px solid #bae6fd}.badge-role-worker{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.badge-severity-low{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.badge-severity-medium{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.badge-severity-high{color:#9a3412;background:#ffedd5;border:1px solid #fed7aa}.badge-severity-critical{color:#991b1b;background:#fee2e2;border:1px solid #fecaca}.priority-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.priority-dot-critical{background:var(--color-destructive)}.priority-dot-high{background:var(--color-urgent)}.priority-dot-medium{background:var(--color-warning)}.priority-dot-low{background:var(--color-info)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out)}.animate-slide-up{animation:slideUp var(--duration-slow) var(--ease-out)}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-out)}.animate-spin{animation:1s linear infinite spin}.stagger-children>*{animation:slideUp var(--duration-slow) var(--ease-out) both}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:30ms}.stagger-children>:nth-child(3){animation-delay:60ms}.stagger-children>:nth-child(4){animation-delay:90ms}.stagger-children>:nth-child(5){animation-delay:.12s}.stagger-children>:nth-child(6){animation-delay:.15s}.stagger-children>:nth-child(7){animation-delay:.18s}.stagger-children>:nth-child(8){animation-delay:.21s}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}.grid-6{grid-template-columns:repeat(6,1fr)}.w-full{width:100%}.h-full{height:100%}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.ml-auto{margin-left:auto}@media (width<=1280px){.grid-6,.grid-5{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}:root{--sidebar-width:60px}}@media (width<=768px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}:root{--sidebar-width:0px;--detail-panel-width:100vw}}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;animation:fadeIn var(--duration-fast) var(--ease-default);background:#0f172a73;position:fixed;inset:0}.spinner{border:2px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.leaflet-container{font-family:var(--font-ui)!important;background:#e2e8f0!important}.leaflet-popup-content-wrapper{color:#0f172a!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;background:#fff!important;border:1px solid #cbd5e1!important}.leaflet-popup-tip{background:#fff!important}.page{padding:var(--space-5);height:100%;overflow-y:auto}.page-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.page-header h1{align-items:center;gap:var(--space-2);color:#0f172a;font-size:1.1875rem;font-weight:700;display:flex}.page-title-icon{border-radius:var(--radius-sm);background:var(--color-primary-muted);width:26px;height:26px;color:var(--color-primary);justify-content:center;align-items:center;display:flex}.metric{font-family:var(--font-data);font-variant-numeric:tabular-nums}.metric-lg{color:#0f172a;font-size:1.5rem;font-weight:700;line-height:1.1}.metric-md{font-size:1.125rem;font-weight:700;line-height:1.2}.metric-sm{font-size:.875rem;font-weight:600}.status-indicator{color:var(--text-secondary);align-items:center;gap:5px;font-size:.75rem;display:inline-flex}.status-indicator-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.recharts-cartesian-grid line{stroke:#e2e8f0!important}.recharts-text{fill:#64748b!important;font-family:var(--font-data)!important;font-size:10px!important}.recharts-default-tooltip{border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;color:#0f172a!important;background:#fff!important;border:1px solid #cbd5e1!important}.recharts-tooltip-label{color:#0f172a!important;font-weight:600!important}.recharts-tooltip-item{color:#475569!important}.action-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast);border-bottom:1px solid var(--border-subtle);display:flex}.action-item:last-child{border-bottom:none}.action-item:hover{background:var(--bg-table-hover)}.progress-bar{background:#e2e8f0;border-radius:2px;height:4px;overflow:hidden}.progress-bar-fill{height:100%;transition:width .4s var(--ease-default);border-radius:2px}