:root{--dm-primary:#2563eb;--dm-primary-50:#eff6ff;--dm-primary-100:#dbeafe;--dm-primary-600:#2563eb;--dm-primary-700:#1d4ed8;--dm-primary-900:#1e3a8a;--dm-success:#10b981;--dm-success-50:#ecfdf5;--dm-success-100:#d1fae5;--dm-success-700:#047857;--dm-warning:#f59e0b;--dm-warning-50:#fffbeb;--dm-warning-100:#fef3c7;--dm-warning-700:#b45309;--dm-danger:#ef4444;--dm-danger-50:#fef2f2;--dm-danger-100:#fee2e2;--dm-danger-700:#b91c1c;--dm-slate-50:#f8fafc;--dm-slate-100:#f1f5f9;--dm-slate-200:#e2e8f0;--dm-slate-300:#cbd5e1;--dm-slate-400:#94a3b8;--dm-slate-500:#64748b;--dm-slate-600:#475569;--dm-slate-700:#334155;--dm-slate-800:#1e293b;--dm-slate-900:#0f172a;--dm-bg:var(--dm-slate-50);--dm-surface:#ffffff;--dm-surface-elevated:#ffffff;--dm-border:var(--dm-slate-200);--dm-border-strong:var(--dm-slate-300);--dm-text:var(--dm-slate-900);--dm-text-secondary:var(--dm-slate-500);--dm-text-tertiary:var(--dm-slate-400);--dm-radius-sm:6px;--dm-radius:10px;--dm-radius-lg:14px;--dm-shadow-sm:0 1px 2px 0 rgb(15 23 42/0.04);--dm-shadow:0 1px 3px 0 rgb(15 23 42/0.07),0 1px 2px -1px rgb(15 23 42/0.07);--dm-shadow-md:0 4px 6px -1px rgb(15 23 42/0.07),0 2px 4px -2px rgb(15 23 42/0.07);--dm-shadow-lg:0 10px 15px -3px rgb(15 23 42/0.07),0 4px 6px -4px rgb(15 23 42/0.07);--dm-ring:0 0 0 3px var(--dm-primary-100);--dm-nav-bg:#10243f;--dm-nav-hover:rgba(255,255,255,0.08);--dm-nav-active:rgba(255,255,255,0.14);--dm-nav-text:#b5c5df}:root.dark{--dm-bg:var(--dm-slate-900);--dm-surface:var(--dm-slate-800);--dm-surface-elevated:#27354f;--dm-border:#334155;--dm-border-strong:#475569;--dm-text:#f8fafc;--dm-text-secondary:#94a3b8;--dm-text-tertiary:#64748b;--dm-shadow-sm:0 1px 2px 0 rgb(0 0 0/0.25);--dm-shadow:0 1px 3px 0 rgb(0 0 0/0.35),0 1px 2px -1px rgb(0 0 0/0.35);--dm-shadow-md:0 4px 6px -1px rgb(0 0 0/0.35),0 2px 4px -2px rgb(0 0 0/0.35);--dm-shadow-lg:0 10px 15px -3px rgb(0 0 0/0.35),0 4px 6px -4px rgb(0 0 0/0.35);--dm-ring:0 0 0 3px rgba(59,130,246,0.25);--dm-nav-bg:#0b1a30;--dm-nav-hover:rgba(255,255,255,0.07);--dm-nav-active:rgba(255,255,255,0.13);--dm-nav-text:#8ba3c4}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background:var(--dm-bg);color:var(--dm-text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5}a{color:var(--dm-primary-600);text-decoration:none}a:hover{text-decoration:underline}.mono,code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.portal-header{position:sticky;top:0;z-index:100;background:var(--dm-nav-bg);color:#fff;box-shadow:0 1px 3px rgb(15 23 42/.25)}.portal-header-inner{max-width:1280px;margin:0 auto;padding:8px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 28px;min-height:58px}.portal-brand{display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:#fff;letter-spacing:-.01em}.portal-brand:hover{text-decoration:none}.portal-brand-mark{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--dm-primary-600),#4f46e5);color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px;box-shadow:0 2px 6px rgb(37 99 235/.35)}.portal-brand-subtitle{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#cdd9ec;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16)}.portal-nav{display:flex;flex-wrap:wrap;align-items:center;gap:2px;flex:1;min-width:0}.portal-nav a,.portal-nav-logout{display:inline-flex;align-items:center;padding:7px 12px;border-radius:7px;font-size:13px;font-weight:500;color:var(--dm-nav-text);transition:background .15s ease,color .15s ease;white-space:nowrap}.portal-nav a:hover,.portal-nav-logout:hover{background:var(--dm-nav-hover);color:#fff;text-decoration:none}.portal-nav a.active,.portal-nav a.active:hover{background:var(--dm-nav-active);color:#fff;font-weight:600}.portal-lang-switcher{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:5px 8px;color:#fff;font-size:13px;font-family:inherit;cursor:pointer}.portal-lang-switcher:hover{background:rgba(255,255,255,.14)}.portal-lang-switcher option{color:#0f172a}.portal-nav-logout{background:none;border:none;cursor:pointer;font-family:inherit;margin-left:auto}.portal-main{max-width:1280px;margin:0 auto;padding:28px 24px 48px}.portal-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--dm-nav-text);font-size:20px;cursor:pointer;padding:6px;border-radius:7px}.mobile-menu-toggle:hover{background:var(--dm-nav-hover);color:#fff}@media (max-width:1024px){.portal-header-inner{flex-wrap:wrap;height:auto;min-height:58px;padding-top:12px;padding-bottom:12px}.portal-actions{margin-left:0}.mobile-menu-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:auto}.portal-nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:2px;padding-top:12px;margin-top:12px;border-top:1px solid rgba(255,255,255,.1)}.portal-nav.open{display:flex}.portal-nav a,.portal-nav-logout{justify-content:flex-start;padding:10px 12px;width:100%}.portal-nav-logout{margin-left:0}}.theme-toggle{gap:2px;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:2px;background:rgba(255,255,255,.06)}.theme-toggle,.theme-toggle button{display:inline-flex;align-items:center}.theme-toggle button{justify-content:center;height:26px;border-radius:6px;border:none;background:transparent;color:var(--dm-nav-text);font-size:12px;font-weight:500;padding:0 10px;cursor:pointer;transition:background .15s ease,color .15s ease}.theme-toggle button.active{background:var(--dm-primary-600);color:#fff}.theme-toggle button:hover:not(.active){color:#fff;background:var(--dm-nav-hover)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-title{margin:0;font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--dm-text)}.page-subtitle{margin:6px 0 0;font-size:14px;max-width:720px}.muted,.page-subtitle{color:var(--dm-text-secondary)}.small{font-size:12px}.stack{display:grid;gap:24px}.stack>*{min-width:0}.grid-2{display:grid;gap:24px;grid-template-columns:1fr}@media (min-width:1024px){.grid-2{grid-template-columns:1fr 1fr}}.kpi-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}@media (min-width:640px){.kpi-grid{grid-template-columns:repeat(4,1fr)}.kpi-grid.cols-3{grid-template-columns:repeat(3,1fr)}}.kpi{background:var(--dm-surface);border:1px solid var(--dm-border);border-radius:var(--dm-radius-lg);padding:18px;box-shadow:var(--dm-shadow-sm);transition:box-shadow .15s ease,transform .15s ease}.kpi-value{margin:0;font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--dm-text)}.kpi-label{margin:6px 0 0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--dm-text-secondary)}.card{background:var(--dm-surface);border:1px solid var(--dm-border);border-radius:var(--dm-radius-lg);overflow:hidden;box-shadow:var(--dm-shadow-sm)}.card-hover:hover{box-shadow:var(--dm-shadow-md)}.card-padded{padding:22px}.card-title{margin:0 0 16px;font-size:14px;font-weight:700;color:var(--dm-text);letter-spacing:-.01em}.card-title-muted{margin:0 0 16px;font-size:12px;font-weight:600;color:var(--dm-text-secondary);text-transform:uppercase;letter-spacing:.04em}.card-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--dm-border);background:var(--dm-slate-50)}:root.dark .card-toolbar{background:rgba(255,255,255,.03)}.table-wrap{overflow-x:auto}table.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{background:var(--dm-slate-50);border-bottom:1px solid var(--dm-border);padding:12px 18px;text-align:left;font-size:11px;font-weight:700;color:var(--dm-text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}:root.dark .data-table th{background:rgba(255,255,255,.03)}.data-table td{border-bottom:1px solid var(--dm-border);padding:14px 18px;vertical-align:middle;color:var(--dm-text)}.data-table tbody tr:hover{background:var(--dm-primary-50)}:root.dark .data-table tbody tr:hover{background:rgba(37,99,235,.08)}.data-table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:9999px;padding:3px 10px;font-size:11px;font-weight:700;letter-spacing:.02em;white-space:nowrap;border:1px solid transparent}.badge-active{background:var(--dm-success-100);color:var(--dm-success-700);border-color:var(--dm-success-100)}:root.dark .badge-active{background:rgba(16,185,129,.15);color:#6ee7b7;border-color:rgba(16,185,129,.2)}.badge-inactive{background:var(--dm-slate-100);color:var(--dm-slate-600);border-color:var(--dm-slate-200)}:root.dark .badge-inactive{background:rgba(255,255,255,.05);color:#94a3b8;border-color:rgba(255,255,255,.08)}.badge-pending{background:var(--dm-warning-100);color:var(--dm-warning-700);border-color:var(--dm-warning-100)}:root.dark .badge-pending{background:rgba(245,158,11,.15);color:#fcd34d;border-color:rgba(245,158,11,.2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .15s ease;text-decoration:none;line-height:1.4}.btn:disabled{opacity:.55;cursor:not-allowed}a.btn:hover{text-decoration:none}.btn-primary{background:var(--dm-primary-600);color:#fff;box-shadow:0 1px 2px rgb(37 99 235/.18)}.btn-primary:hover:not(:disabled){background:var(--dm-primary-700);box-shadow:0 4px 6px -1px rgb(37 99 235/.22);transform:translateY(-1px)}.btn-secondary{background:var(--dm-surface);border-color:var(--dm-border-strong);color:var(--dm-slate-700)}:root.dark .btn-secondary{color:#e2e8f0}.btn-secondary:hover:not(:disabled){background:var(--dm-slate-50);border-color:var(--dm-slate-400)}:root.dark .btn-secondary:hover:not(:disabled){background:var(--dm-slate-700)}.btn-sm{padding:5px 12px;font-size:12px}.field{display:grid;gap:6px}.field label{font-size:12px;font-weight:600;color:var(--dm-slate-700)}:root.dark .field label{color:#cbd5e1}.input,.select{border:1px solid var(--dm-border-strong);border-radius:8px;background:var(--dm-surface);padding:9px 12px;font-size:14px;font-family:inherit;color:var(--dm-text);transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:var(--dm-text-tertiary)}.input:focus,.select:focus{outline:none;border-color:var(--dm-primary-600);box-shadow:var(--dm-ring)}.filter-row{display:flex;flex-wrap:wrap;gap:16px;align-items:end}.banner{border-radius:var(--dm-radius);padding:12px 16px;font-size:13px;font-weight:500;margin-bottom:16px}.banner-error{background:var(--dm-danger-50);border:1px solid var(--dm-danger-100);color:var(--dm-danger-700)}:root.dark .banner-error{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.25);color:#fca5a5}.banner-warning{background:var(--dm-warning-50);border:1px solid var(--dm-warning-100);color:var(--dm-warning-700)}:root.dark .banner-warning{background:rgba(245,158,11,.12);border-color:rgba(245,158,11,.25);color:#fcd34d}.banner-success{background:var(--dm-success-50);border:1px solid var(--dm-success-100);color:var(--dm-success-700)}:root.dark .banner-success{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.25);color:#86efac}.error-alert{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:var(--dm-radius);padding:14px 18px;background:var(--dm-danger-50);border:1px solid var(--dm-danger-100);color:var(--dm-danger-700)}:root.dark .error-alert{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.25);color:#fca5a5}.error-alert-message{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500}.error-alert-retry{flex-shrink:0;border:1px solid;background:transparent;color:inherit;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease}.error-alert-retry:hover{background:rgba(0,0,0,.05)}@media (max-width:640px){.error-alert{flex-direction:column;align-items:flex-start}}.empty-state{padding:48px 24px;text-align:center;color:var(--dm-text-secondary)}.empty-state-icon{width:56px;height:56px;margin:0 auto 16px;border-radius:16px;background:var(--dm-slate-100);display:grid;place-items:center;font-size:26px}:root.dark .empty-state-icon{background:rgba(255,255,255,.05)}.empty-state h3{margin:0 0 6px;font-size:16px;font-weight:700;color:var(--dm-text)}.empty-state p{margin:0 auto;font-size:13px;max-width:360px}.skeleton{background:linear-gradient(90deg,var(--dm-border) 25%,var(--dm-surface) 50%,var(--dm-border) 75%);background-size:200% 100%;border-radius:6px;animation:shimmer 1.4s infinite}:root.dark .skeleton{background:linear-gradient(90deg,var(--dm-slate-700) 25%,var(--dm-slate-600) 50%,var(--dm-slate-700) 75%);background-size:200% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-block{border:none;background:var(--dm-surface);padding:18px}.skeleton-row{display:flex;align-items:center;gap:12px;margin-bottom:12px}.skeleton-row:last-child{margin-bottom:0}.skeleton-cell{height:38px;flex:1}.skeleton-cell.short{flex:0 0 80px}.chart-placeholder{display:flex;align-items:center;justify-content:center;height:220px;color:var(--dm-text-secondary);font-size:13px;background:var(--dm-slate-50);border-radius:var(--dm-radius);border:1px dashed var(--dm-border)}:root.dark .chart-placeholder{background:rgba(255,255,255,.03)}.picker-results{list-style:none;margin:4px 0 0;display:flex;flex-direction:column;gap:4px;max-height:220px;overflow-y:auto;background:var(--dm-surface);border:1px solid var(--dm-border);border-radius:var(--dm-radius);box-shadow:var(--dm-shadow-md);padding:6px}.picker-results .btn{width:100%;justify-content:flex-start}.empty{padding:32px;text-align:center;color:var(--dm-text-secondary);font-size:14px}.spinner{width:28px;height:28px;border:3px solid var(--dm-primary-100);border-bottom-color:var(--dm-primary-600);border-radius:50%;animation:spin .8s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(1turn)}}