:root{--dm-primary:#b91c1c;--dm-primary-light:#fee2e2;--dm-primary-dark:#991b1b;--dm-nav-bg:#0f172a;--dm-nav-bg-2:#16213e;--dm-nav-text:#94a3b8;--dm-content-bg:#f4f6fa;--dm-surface:#ffffff;--dm-border:#e5e9f1;--dm-border-strong:#cbd5e1;--dm-text:#0f172a;--dm-muted:#64748b;--dm-muted-2:#94a3b8;--dm-danger:#dc2626;--dm-danger-dark:#b91c1c;--dm-success:#16a34a;--dm-warning:#d97706;--dm-info:#0369a1;--dm-shadow-sm:0 1px 2px rgba(15,23,42,0.06);--dm-shadow-md:0 4px 16px -4px rgba(15,23,42,0.12),0 1px 3px rgba(15,23,42,0.06);--dm-shadow-lg:0 12px 32px -8px rgba(15,23,42,0.18);--dm-radius:12px;--dm-radius-sm:8px}*{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;background:var(--dm-content-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.55;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}a{color:var(--dm-primary);text-decoration:none}a:hover{text-decoration:underline}.mono,code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.portal-header{background:linear-gradient(165deg,var(--dm-nav-bg) 0,var(--dm-nav-bg-2) 100%);color:#fff;width:100%;box-shadow:var(--dm-shadow-lg);position:relative}.portal-header:after{content:"";position:absolute;inset:auto 0 0 0;height:3px;background:linear-gradient(90deg,var(--dm-primary) 0,#f59e0b 50%,var(--dm-primary) 100%);opacity:.9}.portal-header-top{width:100%;padding:16px clamp(16px,3vw,40px);justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08)}.portal-brand-group,.portal-header-top{display:flex;align-items:center;gap:12px}.portal-brand{font-size:16.5px;font-weight:700;letter-spacing:-.01em}.portal-badge{background:var(--dm-primary);color:#fff;border-radius:9999px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:3px 10px;box-shadow:0 2px 6px rgba(185,28,28,.4)}.portal-help-link{color:#cbd5e1;font-size:13px;font-weight:500;border:1px solid rgba(255,255,255,.2);border-radius:var(--dm-radius-sm);padding:6px 12px;transition:background .15s ease,color .15s ease,border-color .15s ease}.portal-help-link:hover{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.32);text-decoration:none}.portal-lang-switcher{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:var(--dm-radius-sm);padding:6px 10px;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:1px solid rgba(255,255,255,.2);border-radius:var(--dm-radius-sm);padding:6px 12px;cursor:pointer;color:#fff;font-size:13px;font-weight:500;font-family:inherit;flex-shrink:0;transition:background .15s ease,border-color .15s ease}.portal-nav-logout:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.32)}.portal-nav-grouped{width:100%;display:flex;flex-wrap:wrap;align-items:flex-start;gap:1.25rem 2.25rem;padding:14px clamp(16px,3vw,40px) 16px}.portal-nav-group{display:flex;flex-direction:column;gap:.4rem}.portal-nav-group-label{display:flex;align-items:center;gap:.35rem;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#93a3c4;white-space:nowrap}.portal-nav-group-label svg{opacity:.85;flex-shrink:0}.portal-nav-group-links{display:flex;flex-wrap:wrap;gap:.2rem}.portal-nav-group-links a{padding:.32rem .6rem;border-radius:var(--dm-radius-sm);font-size:.85rem;white-space:nowrap;color:#d3dced;transition:background .15s ease,color .15s ease}.portal-nav-group-links a:hover{color:#fff;background:rgba(255,255,255,.1);text-decoration:none}.portal-main{width:100%;max-width:1920px;margin:0 auto;padding:28px clamp(16px,3vw,40px) 48px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-title{margin:4px 0 0;font-size:25px;font-weight:800;letter-spacing:-.015em;text-wrap:balance}.muted{color:var(--dm-muted)}.small{font-size:12px}.grid-2,.stack{display:grid;gap:20px}.grid-2{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{position:relative;background:var(--dm-surface);border:1px solid var(--dm-border);border-radius:var(--dm-radius);padding:16px 16px 16px 20px;box-shadow:var(--dm-shadow-sm);transition:box-shadow .18s ease,transform .18s ease;overflow:hidden}.kpi:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--dm-primary);opacity:.65}.kpi:hover{box-shadow:var(--dm-shadow-md);transform:translateY(-1px)}.kpi-value{margin:0;font-size:26px;font-weight:800;letter-spacing:-.02em}.kpi-label{margin:5px 0 0;font-size:12px;font-weight:500;color:var(--dm-muted)}.card{background:var(--dm-surface);border:1px solid var(--dm-border);border-radius:var(--dm-radius);overflow:hidden;box-shadow:var(--dm-shadow-sm)}.card-padded{padding:20px}.card-title{margin:0 0 14px;font-size:13px;font-weight:700;color:var(--dm-muted);text-transform:uppercase;letter-spacing:.04em}.card-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--dm-border);background:linear-gradient(180deg,#fbfcfe,#ffffff)}.table-wrap{overflow-x:auto}table.data-table{width:100%;border-collapse:collapse}.data-table th{background:#f8fafc;border-bottom:1px solid var(--dm-border);padding:10px 14px;text-align:left;font-size:11px;font-weight:700;color:var(--dm-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.data-table td{border-bottom:1px solid #f1f5f9;padding:11px 14px;vertical-align:middle}.data-table tbody tr{transition:background .12s ease}.data-table tbody tr:hover{background:#f8fafc}.data-table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:9999px;padding:2px 10px 2px 8px;font-size:12px;font-weight:600;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge-active{background:#dcfce7;color:#15803d}.badge-inactive{background:#f1f5f9;color:var(--dm-muted)}.badge-pending{background:#fef9c3;color:#a16207}.badge-danger{background:#fee2e2;color:#b91c1c}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--dm-radius-sm);padding:8px 16px;font-size:14px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease;text-decoration:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}a.btn:hover{text-decoration:none}.btn-primary{background:var(--dm-primary);color:#fff;box-shadow:0 2px 6px rgba(185,28,28,.28)}.btn-primary:hover:not(:disabled){background:var(--dm-primary-dark);box-shadow:0 4px 10px rgba(185,28,28,.34)}.btn-secondary{background:var(--dm-surface);border-color:var(--dm-border-strong);color:#334155}.btn-secondary:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.field{display:grid;gap:4px}.field label{font-size:12px;font-weight:500;color:#475569}.input,.select{border:1px solid #cbd5e1;border-radius:8px;background:var(--dm-surface);padding:8px 12px;font-size:14px;font-family:inherit;color:var(--dm-text)}.input:focus,.select:focus{outline:none;border-color:var(--dm-primary);box-shadow:0 0 0 1px var(--dm-primary)}.filter-row{display:flex;flex-wrap:wrap;gap:16px;align-items:end}.banner{border-radius:8px;padding:10px 14px;font-size:13px;margin-bottom:16px}.banner-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.banner-warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e}.card-danger{border:1px solid var(--dm-danger);background:#fef2f2}.card-danger .card-title{color:var(--dm-danger-dark)}.btn-danger{background:var(--dm-danger-dark);color:#fff;border:2px solid #7f1d1d;font-weight:700}.btn-danger:hover:not(:disabled){background:#7f1d1d}.spinner{width:28px;height:28px;border:3px solid var(--dm-primary-light);border-bottom-color:var(--dm-primary);border-radius:50%;animation:spin .8s linear infinite;margin:40px auto}@keyframes spin{to{transform:rotate(1turn)}}.empty{padding:32px;text-align:center;color:var(--dm-muted);font-size:14px}.help-panel{margin-bottom:20px}.help-panel-toggle{display:inline-flex;align-items:center;gap:8px;background:var(--dm-surface);border:1px solid var(--dm-border);border-radius:8px;padding:7px 12px;font-size:13px;font-weight:500;color:var(--dm-muted);cursor:pointer;font-family:inherit}.help-panel-toggle:hover{color:var(--dm-text);border-color:#cbd5e1}.help-panel-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--dm-primary-light);color:var(--dm-primary);font-size:11px;font-weight:700}.help-panel-chevron{font-size:9px;opacity:.6}.help-panel-body{margin-top:8px;background:var(--dm-primary-light);border:1px solid #fecaca;border-radius:8px;padding:14px 18px;font-size:13px;line-height:1.6;color:#7f1d1d;max-width:860px}.help-panel-body p{margin:0}.help-panel-title{font-weight:700;margin:0 0 6px!important}.help-panel-text{white-space:pre-line}.chart-placeholder{display:flex;align-items:center;justify-content:center;height:192px;color:var(--dm-muted);font-size:13px}