@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-primary: #f0f2f8;--bg-card: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-hover: #fafbff;--text-primary: #11131a;--text-secondary: #1e293b;--text-muted: #7c8db5;--text-disabled: #94a3b8;--text-inverse: #ffffff;--border-light: #e4e8f5;--border-medium: #e2e8f0;--border-strong: #cbd5e1;--accent-violet: #6c47ff;--accent-violet-light:#8b6dff;--accent-violet-bg: #f0ecff;--accent-navy: #0a1a3f;--accent-navy-light: #1e2b4f;--accent-green: #10b981;--accent-green-bg: #d1fae5;--accent-blue: #3b82f6;--accent-blue-bg: #dbeafe;--accent-amber: #f59e0b;--accent-amber-bg: #fef3c7;--accent-red: #ef4444;--accent-red-bg: #fee2e2;--shadow-sm: 0 1px 3px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.05);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1);--radius-card: 14px;--radius-sm: 8px;--radius-md: 10px}html.dark{--bg-primary: #0f172a;--bg-card: #1e293b;--bg-secondary: #16213e;--bg-tertiary: #263548;--bg-hover: #2d3a4f;--text-primary: #f1f5f9;--text-secondary:#e2e8f0;--text-muted: #94a3b8;--text-disabled: #64748b;--text-inverse: #0f172a;--border-light: #334155;--border-medium: #475569;--border-strong: #64748b;--accent-violet: #8b6dff;--accent-violet-light:#a78bfa;--accent-violet-bg: rgba(108,71,255,.15);--accent-green: #34d399;--accent-green-bg: #14532d;--accent-blue: #60a5fa;--accent-blue-bg: #1e3a8a;--accent-amber: #fbbf24;--accent-amber-bg: #78350f;--accent-red: #f87171;--accent-red-bg: #7f1d1d;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 6px rgba(0,0,0,.4);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.5);color-scheme:dark}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;transition:background-color .3s,color .3s;min-height:100vh}#root{min-height:100vh;background:var(--bg-primary)}h1,h2,h3,h4,h5,h6{font-family:Outfit,Inter,sans-serif;font-weight:700;line-height:1.2;color:var(--text-primary)}.portal-header-banner{background:linear-gradient(135deg,#0a1a3f,#1e2b4f 60%,#6c47ff);border-radius:var(--radius-card);padding:22px 28px;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;box-shadow:0 8px 24px #0a1a3f40;margin-bottom:20px}.kpi-card{background:var(--bg-card);border-radius:var(--radius-card);border:1.5px solid var(--border-light);padding:18px 20px;transition:box-shadow .2s,transform .2s}.kpi-card:hover{box-shadow:0 4px 20px #6c47ff1a;transform:translateY(-1px)}.sami-table{width:100%;border-collapse:collapse;font-size:12px}.sami-table th{background:#0a1a3f;color:#fff;font-weight:700;font-size:11px;padding:10px 12px;text-align:left;white-space:nowrap}.sami-table td{padding:9px 12px;border-bottom:1px solid var(--border-light);color:var(--text-secondary);vertical-align:middle}.sami-table tr:hover td{background:var(--bg-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-violet)}html.dark [style*="background: #fff"],html.dark [style*="background: #ffffff"],html.dark [style*="background-color: #fff"],html.dark [style*="background-color: #ffffff"]{background-color:var(--bg-card)!important}html.dark [style*="background: #f8fafc"],html.dark [style*="background: #f0f2f8"],html.dark [style*="background: #f1f5f9"],html.dark [style*="background: #fafbff"]{background-color:var(--bg-secondary)!important}html.dark [style*="color: #11131a"],html.dark [style*="color: #1e293b"],html.dark [style*="color: #0a1a3f"],html.dark [style*="color: #334155"]{color:var(--text-primary)!important}html.dark [style*="color: #7c8db5"],html.dark [style*="color: #64748b"],html.dark [style*="color: #94a3b8"]{color:var(--text-muted)!important}html.dark [style*="border: 1px solid #e"],html.dark [style*="border: 1px solid #d"],html.dark [style*="border: 1.5px solid #e"],html.dark [style*="border-bottom: 1px solid #e"],html.dark [style*="border-top: 1px solid #e"]{border-color:var(--border-light)!important}html.dark input,html.dark select,html.dark textarea{background-color:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border-medium)!important}html.dark input::placeholder,html.dark textarea::placeholder{color:var(--text-disabled)!important}html.dark th{background-color:var(--bg-tertiary)!important;color:var(--text-secondary)!important}html.dark td{background-color:var(--bg-card)!important;color:var(--text-secondary)!important}html.dark tr:hover td{background-color:var(--bg-hover)!important}html.dark ::-webkit-scrollbar-track{background:var(--bg-primary)}html.dark ::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}[style*="background: #0a1a3f"],[style*="background:#0a1a3f"],[style*="background: rgb(10, 26, 63)"]{color:#fff!important}.dark-header{background:#0a1a3f;color:#fff!important}.dark-header *{color:#fff!important}table th,html.dark table th{color:var(--text-primary)!important}html.dark .badge-on-dark,html.dark [class*=badge]{color:#fff}