:root{--blue: #0B3C6E;--blue-mid: #1A5FA8;--blue-dark: #072B52;--green: #1A7F4B;--green-light: #4DB87A;--gold: #C9972A;--gold-light: #F0C355;--gold-pale: #FDF6E3;--accent: #1A5FA8;--bg: #F3F6FA;--surface: #FFFFFF;--text: #111827;--muted: #5B6470;--border: #D4DDED;--danger: #C0392B;--warning: #D68910;--color-background-danger: rgba(192, 57, 43, .12);--color-text-danger: #C0392B;--color-background-success: rgba(26, 127, 75, .1);--color-text-success: #1A7F4B;--color-background-warning: rgba(214, 137, 16, .12);--color-text-warning: #D68910;--status-green: #1A7F4B;--status-red: #C0392B;--status-amber: #D68910;--status-blue: #1A5FA8;--status-purple: #6B46C1;--skeleton-base: #E2E8F0;--skeleton-shine: #F1F5F9;--focus-ring: 0 0 0 3px rgba(26, 95, 168, .4)}[data-theme=dark]{--bg: #0F1623;--surface: #1A2235;--text: #F1F5F9;--muted: #94A3B8;--border: #2D3A4E;--gold-pale: rgba(201, 151, 42, .15);--color-background-danger: rgba(192, 57, 43, .18);--color-text-danger: #EF4444;--color-background-success: rgba(26, 127, 75, .18);--color-text-success: #4DB87A;--color-background-warning: rgba(214, 137, 16, .18);--color-text-warning: #F0C355;--skeleton-base: #2D3A4E;--skeleton-shine: #374357;--focus-ring: 0 0 0 3px rgba(240, 195, 85, .4)}[data-theme=dark] .form-panel,[data-theme=dark] .login-panel{background:var(--surface)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring)}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-shell{display:flex;min-height:100vh}.sidebar{width:280px;background:linear-gradient(180deg,var(--blue) 0%,var(--blue-dark) 100%);color:#fff;padding:24px 18px;border-right:3px solid var(--gold);flex-shrink:0;overflow-y:auto;height:100vh;position:sticky;top:0}.sidebar-logo{display:flex;align-items:center;gap:12px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.12)}.logo-mark{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--gold),var(--gold-light));display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--blue-dark);font-size:18px;flex-shrink:0;box-shadow:0 2px 8px #c9972a73}.logo-primary{font-size:16px;font-weight:700}.logo-secondary{font-size:12px;color:#a8c4e0}.nav-group{margin-bottom:8px}.nav-group-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#fff6;padding:12px 14px 4px;font-weight:600}.nav-item{width:100%;text-align:left;border:0;padding:11px 14px;margin-bottom:4px;border-radius:10px;background:transparent;color:#d6e6f5;cursor:pointer;transition:background .2s ease-out,color .2s ease-out;font-size:14px;min-height:44px;display:flex;align-items:center;gap:10px}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:linear-gradient(90deg,#c9972a40,#c9972a14);color:var(--gold-light);border-left:3px solid var(--gold);padding-left:11px;font-weight:600}.nav-item:focus-visible{box-shadow:inset 0 0 0 2px var(--gold-light)}.nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.main-area{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;padding-bottom:16px;border-bottom:2px solid var(--border)}.topbar h2{margin:0;color:var(--blue)}.topbar p{margin:4px 0 0;color:var(--muted);font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:24px;box-shadow:0 2px 8px #0b3c6e0d}.card h3{margin:0 0 16px;color:var(--blue);font-size:15px;text-transform:uppercase;letter-spacing:.06em;border-bottom:2px solid var(--gold);padding-bottom:8px}[data-theme=dark] .card{box-shadow:0 2px 8px #00000040}[data-theme=dark] .card h3{color:var(--gold-light)}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:16px}.kpi-card{background:linear-gradient(135deg,var(--blue) 0%,var(--blue-mid) 100%);border:none;border-radius:8px;padding:18px;color:#fff;box-shadow:0 4px 14px #0b3c6e2e}.kpi-card strong{display:block;font-size:26px;margin:8px 0 4px;color:var(--gold-light);font-variant-numeric:tabular-nums}.kpi-card .label{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#a8c4e0}.kpi-card small{color:#a8c4e0;font-size:12px}.page-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.page-grid.two-up{grid-template-columns:1fr 1fr}.chart-card.wide{grid-column:span 2}.page-content{display:grid;gap:16px;padding:24px}.alert-list{padding-left:18px}.alert-list.compact li{margin-bottom:8px}.alert-cards{display:grid;gap:12px}.alert-card{border-left:5px solid var(--blue-mid);background:var(--bg);padding:14px 16px;border-radius:8px}.alert-card.high{border-color:var(--danger);background:var(--color-background-danger)}.alert-card.medium{border-color:var(--gold);background:var(--gold-pale)}.alert-card.info{border-color:var(--green);background:var(--color-background-success)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;font-size:14px;font-variant-numeric:tabular-nums}.data-table th{color:var(--blue);font-size:12px;text-transform:uppercase;letter-spacing:.06em;background:var(--bg)}.data-table tr:nth-child(2n) td{background:var(--bg)}.data-table tr:nth-child(odd) td{background:var(--surface)}.data-table tr:hover td{background:var(--bg)}[data-theme=dark] .data-table th{color:var(--gold-light)}.ghost-btn,.primary-btn{border:0;border-radius:10px;padding:10px 18px;cursor:pointer;font-weight:500;transition:opacity .2s ease-out,box-shadow .2s ease-out,border-color .2s ease-out;min-height:44px;font-size:14px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.ghost-btn{background:var(--bg);border:1px solid var(--border);color:var(--blue)}.ghost-btn:hover{border-color:var(--accent)}.btn-secondary{border:1px solid var(--border);border-radius:10px;padding:10px 18px;cursor:pointer;font-weight:500;background:var(--bg);color:var(--text);transition:opacity .2s ease-out,border-color .2s ease-out;min-height:44px;display:inline-flex;align-items:center;gap:6px}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-secondary:disabled{opacity:.45;cursor:not-allowed}[data-theme=dark] .ghost-btn{color:var(--text)}.primary-btn{background:linear-gradient(135deg,var(--green),var(--green-light));color:#fff;box-shadow:0 2px 8px #1a7f4b4d}.primary-btn:hover{opacity:.92;box-shadow:0 4px 12px #1a7f4b59}.primary-btn:disabled,.ghost-btn:disabled{opacity:.45;cursor:not-allowed}.gold-btn{border:0;border-radius:10px;padding:10px 18px;cursor:pointer;font-weight:600;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:var(--blue-dark);box-shadow:0 2px 8px #c9972a4d;transition:opacity .2s ease-out;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.gold-btn:hover{opacity:.9}.gold-btn:disabled{opacity:.4;cursor:not-allowed}.loading{display:grid;place-items:center;min-height:100vh;color:var(--muted)}.loading-screen{display:grid;place-items:center;min-height:100vh;color:var(--muted);font-size:16px}.error-box{color:#fff;background:var(--danger);padding:10px 14px;border-radius:8px;font-size:14px}:root{--login-bg: #040d1a;--login-panel-bg: #07111f;--login-marketing-bg: #050e1c;--login-text: #e8f0fc;--login-muted: #4a7ab5;--login-accent: #3a8fd4;--login-input-bg: #0d1f33;--login-input-border: #1a3a5a;--login-btn-bg: #1a4a8a;--login-btn-border: #2a6ab0;--login-grid: #4a90d9}.login-shell-v2{min-height:100vh;display:flex;background:var(--login-bg);font-family:-apple-system,sans-serif}.login-marketing{flex:0 0 52%;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:48px 56px;background:var(--login-marketing-bg)}.login-marketing-grid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.06}.login-marketing-wave{position:absolute;bottom:0;left:0;width:100%;height:60%;opacity:.12}.login-marketing-content{position:relative;z-index:1}.login-marketing-stats{display:flex;gap:40px}.login-form-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;background:var(--login-panel-bg)}.login-form-container{width:100%;max-width:400px}.login-mobile-logo{display:none;align-items:center;gap:12px;margin-bottom:32px}.login-footer{margin-top:40px;padding-top:24px;border-top:1px solid #0d2035;text-align:center;color:#2a4a6a;font-size:12px;letter-spacing:.5px}@media (max-width: 768px){.login-marketing{display:none}.login-form-panel{padding:60px 24px 24px;justify-content:flex-start}.login-mobile-logo{display:flex}}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.2fr 1fr}.login-panel{padding:48px;display:flex;flex-direction:column;justify-content:center}.form-panel{background:var(--surface)}.login-form{max-width:360px;width:100%;display:grid;gap:10px}.login-form input{padding:12px 14px;border:1.5px solid var(--border);border-radius:10px;transition:border-color .2s ease-out;min-height:44px;font-size:16px;background:var(--bg);color:var(--text)}.login-form input:focus{outline:none;border-color:var(--gold);box-shadow:var(--focus-ring)}.phase-list{display:grid;gap:12px;padding-left:20px}.phase-list span{display:block;color:var(--muted);margin-top:4px}.hamburger-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--text);line-height:1;min-height:44px;min-width:44px;align-items:center;justify-content:center}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999}.sidebar-overlay.open{display:block}.sidebar-close{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:8px;position:absolute;top:16px;right:16px;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.sidebar-close:hover{color:#fff}.toast-container{position:fixed;bottom:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:8px;font-size:14px;font-weight:500;box-shadow:0 8px 24px #0000002e;pointer-events:auto;animation:toast-in .25s ease-out;min-width:260px;max-width:400px}.toast-success{background:var(--green);color:#fff}.toast-error{background:var(--danger);color:#fff}.toast-icon{display:flex;align-items:center;flex-shrink:0}@keyframes toast-in{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.skeleton{background:var(--skeleton-base);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--skeleton-shine),transparent);animation:shimmer 1.5s infinite}.skeleton-card{padding:24px}@keyframes shimmer{0%{left:-100%}to{left:100%}}.empty-state{text-align:center;padding:48px 24px;display:flex;flex-direction:column;align-items:center;gap:8px}.empty-state-icon{color:var(--blue);margin-bottom:8px;opacity:.5}.empty-state-title{margin:0;font-size:18px;font-weight:600;color:var(--text)}.empty-state-desc{margin:0;font-size:14px;color:var(--muted);max-width:320px;line-height:1.6}.empty-state-cta{margin-top:12px}.page-fade-enter{animation:page-fade-in .15s ease-out}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}.theme-toggle{background:none;border:1px solid var(--border);border-radius:8px;cursor:pointer;padding:6px 10px;line-height:1;min-height:36px;min-width:36px;display:flex;align-items:center;justify-content:center;color:var(--text);transition:border-color .2s ease-out}.theme-toggle:hover{border-color:var(--gold)}.tabular-nums{font-variant-numeric:tabular-nums}@media (max-width: 1100px){.kpi-grid{grid-template-columns:repeat(3,1fr)}.page-grid,.page-grid.two-up,.login-shell{grid-template-columns:1fr}.sidebar{width:240px}}@media (max-width: 768px){.hamburger-btn{display:flex}.sidebar{position:fixed;top:0;left:-300px;width:280px;height:100vh;z-index:1000;transition:left .25s ease-out;border-right:3px solid var(--gold);overflow-y:auto;padding:24px 18px}.sidebar.mobile-open{left:0}.app-shell{flex-direction:column}.main-area{width:100%}.topbar{padding:8px 16px}.kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px}.page-grid{grid-template-columns:1fr!important}.card{padding:16px}.page-content{padding:16px;gap:12px}.login-shell{grid-template-columns:1fr}.login-panel{padding:24px}h1{font-size:22px!important}h2{font-size:18px!important}.topbar-email,.refresh-label{display:none}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px}.data-table{min-width:600px;font-size:13px}.data-table th,.data-table td{padding:10px;white-space:nowrap}.toast-container{bottom:16px;right:16px;left:16px}.toast{min-width:auto;width:100%}}@media (max-width: 480px){.kpi-grid{grid-template-columns:1fr!important}.kpi-card{padding:14px}.kpi-card strong{font-size:22px}.page-content{padding:12px}.card{padding:14px}.ghost-btn,.primary-btn,.gold-btn,.btn-secondary{padding:10px 14px;font-size:14px}body{font-size:14px}input,select,textarea,button{font-size:16px}}button,a,input,select,textarea,[role=button]{min-height:44px}input[type=range]{min-height:28px}a,button,[role=button],select,label[for]{cursor:pointer}button:disabled,[role=button][aria-disabled=true]{cursor:not-allowed}