:root{--french-blue:#002a8f;--french-red:#ed2939;--ok:#22b04d;--warn:#f39912;--critical:var(--french-red);--bg:#f4f6fb;--card:#ffffff;--surface:#f7f9fc;--text:#14161a;--text-2:#5d6474;--text-3:#949aa8;--border:#e4e8f0;--r:16px;--r-sm:10px;--shadow:0 3px 10px rgba(16,24,60,0.06);--sidebar:232px;--glass:rgba(255,255,255,0.72);--glass-strong:rgba(255,255,255,0.82);--glass-blur:saturate(180%) blur(20px);--glass-edge:inset 0 1px 0 rgba(255,255,255,0.75),0 0 0 1px rgba(16,24,60,0.07),0 3px 10px rgba(16,24,60,0.06);--ease:cubic-bezier(.22,.61,.36,1)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:radial-gradient(1100px 620px at 12% -8%,rgba(0,42,143,.075),transparent 62%),radial-gradient(900px 560px at 105% 4%,rgba(237,41,57,.045),transparent 58%),linear-gradient(180deg,var(--bg) 0,rgba(0,42,143,.07) 100%);background-attachment:fixed;color:var(--text);font:15px/1.55 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.shell,body{min-height:100vh}.shell,.sidebar{display:flex}.sidebar{width:var(--sidebar);flex:0 0 var(--sidebar);background:var(--glass-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-right:1px solid var(--border);padding:18px 12px;position:-webkit-sticky;position:sticky;top:0;height:100vh;flex-direction:column;gap:3px;overflow-y:auto}.brand{display:flex;align-items:center;gap:9px;padding:4px 8px 16px}.brand-mark{width:30px;height:30px;border-radius:8px;flex:0 0 30px;padding:5px;background:linear-gradient(180deg,#2b52b5,#001547);object-fit:contain}.brand-name{font-weight:700;font-size:14px;letter-spacing:-.2px;line-height:1.2}.brand-sub{font-size:11px;color:var(--text-3)}.navlink{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:var(--r-sm);font-size:14px;font-weight:500;color:var(--text-2);border:none;background:none;width:100%;text-align:left;cursor:pointer;font-family:inherit;position:relative;transition:background .16s var(--ease),color .16s var(--ease);animation:navIn .3s var(--ease) backwards;animation-delay:calc(var(--i, 0) * 22ms)}.navlink:before{content:"";position:absolute;left:0;top:50%;width:3px;height:0;border-radius:0 3px 3px 0;background:var(--french-blue);transform:translateY(-50%);transition:height .22s var(--ease)}.navlink.active:before{height:19px}.navlink:hover{background:var(--surface);color:var(--text)}.navlink.active{background:rgba(0,42,143,.09);color:var(--french-blue);font-weight:650}.navlink .ico svg{transition:transform .18s var(--ease)}.navlink:hover .ico svg{transform:translateX(1.5px)}.navlink.active .ico svg{transform:scale(1.06)}@keyframes navIn{0%{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}.navlink .ico{width:18px;height:18px;flex:0 0 18px;display:flex;align-items:center;justify-content:center}.navlink .ico svg{width:18px;height:18px;display:block}.navlink .badge{margin-left:auto;font-size:11px;font-weight:700;background:var(--critical);color:#fff;border-radius:999px;padding:1px 7px}.nav-group{font-size:10.5px;text-transform:uppercase;letter-spacing:.7px;color:var(--text-3);font-weight:700;padding:16px 11px 5px}.main{flex:1 1;min-width:0}.topbar{display:flex;align-items:center;gap:12px;padding:14px 26px;background:var(--glass-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:10}.topbar h1{font-size:17px;margin:0;font-weight:700;letter-spacing:-.3px}.topbar .spacer{flex:1 1}.content{padding:22px 26px 70px;max-width:1240px}.section-swap{animation:rise .26s var(--ease) backwards}.kpis .kpi{animation:rise .32s var(--ease) backwards}.kpis .kpi:first-child{animation-delay:20ms}.kpis .kpi:nth-child(2){animation-delay:45ms}.kpis .kpi:nth-child(3){animation-delay:70ms}.kpis .kpi:nth-child(4){animation-delay:95ms}.kpis .kpi:nth-child(5){animation-delay:.12s}.kpis .kpi:nth-child(6){animation-delay:145ms}.kpis .kpi:nth-child(7){animation-delay:.17s}.kpis .kpi:nth-child(n+8){animation-delay:195ms}.card{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:none;border-radius:var(--r);padding:18px;margin-bottom:16px;box-shadow:var(--glass-edge)}.card h2{font-size:15px;margin:0 0 3px;font-weight:700;letter-spacing:-.2px;display:flex;align-items:center;gap:8px}.card .sub{font-size:12.5px;color:var(--text-2);margin:0 0 14px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));grid-gap:12px;gap:12px;margin-bottom:16px}.kpi{background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:none;border-radius:var(--r);padding:14px 16px;box-shadow:var(--glass-edge)}.kpi .label{font-size:11.5px;color:var(--text-2);margin-bottom:5px;font-weight:500}.kpi .value{font-size:27px;font-weight:750;letter-spacing:-.9px;line-height:1.1}.kpi .foot{font-size:11px;color:var(--text-3);margin-top:3px}.value.bad{color:var(--critical)}.value.warn{color:var(--warn)}.value.good{color:var(--ok)}.value.blue{color:var(--french-blue)}.score-wrap{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.score-num{font-size:46px;font-weight:800;letter-spacing:-2px;line-height:1}.score-num.good{color:var(--ok)}.score-num.warn{color:var(--warn)}.score-num.bad{color:var(--critical)}.meter{flex:1 1;min-width:200px;height:9px;background:var(--surface);overflow:hidden}.meter,.meter>span{border-radius:999px}.meter>span{display:block;height:100%;transform-origin:left center;animation:fill .62s var(--ease) .12s backwards}@keyframes fill{0%{transform:scaleX(0)}to{transform:none}}.hero{margin:-22px -26px 18px;border-radius:0 0 26px 26px;overflow:hidden;position:relative;box-shadow:0 10px 30px rgba(16,24,60,.1)}.hero>.sky{min-height:clamp(150px,22vh,230px);padding-bottom:48px}.hero-bar{display:flex;align-items:center;gap:12px;margin:-26px 20px 0;position:relative;z-index:3;background:var(--glass-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:16px;padding:12px 16px;box-shadow:var(--glass-edge)}.hero-mark{width:38px;height:38px;flex:0 0 38px;border-radius:11px;padding:6px;object-fit:contain;background:linear-gradient(180deg,#2b52b5,#001547)}.hero-id{min-width:0}.hero-name{font-weight:750;font-size:15px;letter-spacing:-.2px}.hero-sub{font-size:11.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero+.section-label{margin-top:22px}.section-label{font-size:10.5px;text-transform:uppercase;letter-spacing:1px;color:var(--text-3);font-weight:700;margin:4px 2px 8px}.card,.kpi{position:relative}.card:after,.kpi:after{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--french-blue),#2b52b5);border-radius:var(--r) var(--r) 0 0;opacity:.9}.kpi:after{background:linear-gradient(90deg,#2b52b5,#6f8ede)}.live-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));grid-gap:12px;gap:12px}.live-card{position:relative;display:flex;align-items:center;gap:14px;background:var(--glass);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid transparent;border-radius:var(--r);padding:14px 16px;box-shadow:var(--glass-edge);overflow:hidden;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.live-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:transparent;transition:background .2s var(--ease)}.live-card.bad:before{background:var(--critical)}.live-card.stale:before{background:var(--warn)}.live-card.bad{border-color:rgba(237,41,57,.35)}.live-card.stale{border-color:rgba(243,153,18,.35)}.live-ico{flex:0 0 48px;width:48px;height:48px;border-radius:var(--r-sm);background:rgba(0,42,143,.1);color:var(--french-blue);display:flex;align-items:center;justify-content:center}.live-ico svg{width:24px;height:24px;display:block}.live-card.bad .live-ico{background:rgba(237,41,57,.1);color:var(--critical)}.live-card.stale .live-ico{background:rgba(243,153,18,.12);color:var(--warn)}.live-body{min-width:0;flex:1 1}.live-name{font-size:15px;font-weight:650;letter-spacing:-.2px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-meta{font-size:11.5px;color:var(--text-3);margin-top:3px;display:flex;align-items:center;gap:6px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--ok);flex:0 0 7px;animation:livePulse 2.4s var(--ease) infinite}.live-dot.off{background:var(--text-3);animation:none}@keyframes livePulse{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(34,176,77,.45)}70%{opacity:.75;box-shadow:0 0 0 5px rgba(34,176,77,0)}}.live-right{text-align:right;flex:0 0 auto}.live-temp{font-size:27px;font-weight:750;letter-spacing:-.9px;line-height:1.1;color:var(--french-blue);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.live-card.bad .live-temp{color:var(--critical)}.live-card.stale .live-temp{color:var(--text-3)}.live-right .pill{margin-top:4px;display:inline-block}.pill.good{background:rgba(34,176,77,.13);color:#14803a}.tablewrap{overflow-x:auto;margin:0 -4px}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-3);padding:7px 10px;border-bottom:1px solid var(--border);font-weight:700;white-space:nowrap}td{padding:10px;border-bottom:1px solid #f2f4f9;vertical-align:top}tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--surface)}td.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}code{font:12.5px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--surface);padding:1px 6px;border-radius:5px}.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.pill.ok{background:rgba(34,176,77,.13);color:#14803a}.pill.bad{background:rgba(237,41,57,.13);color:#bf1626}.pill.warn{background:rgba(243,153,18,.16);color:#92600a}.pill.info{background:rgba(0,42,143,.1);color:var(--french-blue)}.pill.mute{background:var(--surface);color:var(--text-2)}.btn,button{font:inherit;font-weight:600;font-size:13.5px;border-radius:999px;border:1px solid transparent;padding:8px 16px;cursor:pointer;background:var(--french-blue);color:#fff}button.ghost{background:transparent;color:var(--text-2);border-color:var(--border)}button.ghost:hover{color:var(--text);background:var(--surface)}button:disabled{opacity:.5;cursor:default}input,select{font:inherit;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--text)}input:focus,select:focus{outline:2px solid rgba(0,42,143,.25);outline-offset:1px}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.toolbar input,.toolbar select{width:auto;min-width:190px}.muted{color:var(--text-2);font-size:13px}.tiny{color:var(--text-3);font-size:11.5px}.error{color:var(--critical);margin:8px 0}.empty,.error{font-size:13px}.empty{color:var(--text-3);padding:18px 0;text-align:center}.spinner{width:26px;height:26px;margin:40px auto;display:block;border:3px solid var(--border);border-top-color:var(--french-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:860px){.shell{flex-direction:column}.sidebar{width:100%;flex:none;height:auto;position:static;flex-direction:row;overflow-x:auto;padding:10px;border-right:none;border-bottom:1px solid var(--border)}.brand,.nav-group{display:none}.navlink{width:auto;white-space:nowrap}.content{padding:16px 14px 60px}}.auth-scene{position:relative;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;background:var(--bg)}.auth-scene>.sky{flex:1 1 auto;min-height:clamp(140px,24vh,250px);max-height:33vh}.auth-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 20px 24px;display:flex;flex-direction:column;justify-content:center}.auth-card{background:#fff;border-radius:18px;padding:28px 26px;width:100%;max-width:390px;margin:20px auto 0;position:relative;z-index:2;box-shadow:0 24px 60px rgba(16,24,60,.22);animation:rise .42s cubic-bezier(.22,.61,.36,1) 90ms backwards}.auth-card h1{font-size:20px;margin:0 0 2px;letter-spacing:-.3px}.auth-sub{color:var(--text-2);font-size:12.5px;margin:0 0 16px}.auth-blurb{color:var(--text-2);font-size:13px;line-height:1.55;margin:0 0 18px}.auth-hint{color:var(--text-3);font-size:11.5px;line-height:1.55;margin:14px 0 0}.auth-mark{display:block;width:60px;height:60px;margin:0 auto 14px;border-radius:15px;padding:11px;background:linear-gradient(180deg,#2b52b5,#001547);box-shadow:0 8px 20px rgba(0,42,143,.28);object-fit:contain;animation:rise .2s cubic-bezier(.22,.61,.36,1) backwards}.auth-card .field{display:block;margin-bottom:13px}.auth-card .field .label{display:block;font-size:12.5px;font-weight:600;color:var(--text-2);margin-bottom:6px}.auth-card input{font-size:16px;padding:12px;background:#fff}.pw-wrap{position:relative;display:block}.pw-wrap input{padding-right:74px}.pw-wrap button{position:absolute;right:5px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--text-2);font-size:12px;font-weight:600;padding:8px 10px;border-radius:8px;cursor:pointer}.pw-wrap button:hover{background:var(--surface);color:var(--text)}.auth-card .btn.primary,.auth-card button[type=submit]{width:100%;margin-top:6px;padding:13px;font-size:15px;border-radius:var(--r-sm);background:linear-gradient(180deg,#2b52b5,var(--french-blue));border:1px solid var(--french-blue);color:#fff;transition:background .18s cubic-bezier(.22,.61,.36,1),transform .13s}.auth-card .btn.primary:hover{background:linear-gradient(180deg,var(--french-blue),#001f6b)}.auth-card .btn.primary:active{transform:translateY(1px)}.auth-card .btn.ghost{width:100%;padding:12px;font-size:14px;border-radius:var(--r-sm);background:transparent;color:var(--french-blue);border:1px solid var(--border)}.auth-card .btn.ghost:hover{background:var(--surface);color:var(--french-blue)}.auth-card .banner{border-radius:var(--r-sm);padding:10px 12px;font-size:13px;line-height:1.5;margin:0 0 14px}.auth-card .banner.error{background:rgba(237,41,57,.08);border:1px solid rgba(237,41,57,.22);color:#a81b28}.auth-card .banner.ok{background:rgba(34,176,77,.09);border:1px solid rgba(34,176,77,.24);color:#14803a}.lang-switch{display:flex;gap:4px;justify-content:center;margin-top:16px}.lang-switch button{border:0;background:none;color:var(--text-2);opacity:.6;padding:3px 9px;font-size:12px;border-radius:6px;font-weight:600;transition:opacity .12s,background .12s}.lang-switch button:hover{opacity:.9}.lang-switch button[aria-pressed=true]{opacity:1;background:var(--surface);color:var(--text)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.sky{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:16px 20px 14px;transition:color 1.4s cubic-bezier(.22,.61,.36,1)}.sky-bg{position:absolute;inset:0;z-index:0;background:var(--sky-grad);transition:background 2s cubic-bezier(.22,.61,.36,1)}.sky-orb{z-index:1;width:var(--orb-size,68px);height:var(--orb-size,68px);left:var(--orb-x,50%);top:var(--orb-y,42%);transform:translate(-50%,-50%);background:var(--orb-grad);box-shadow:var(--orb-glow);transition:background 2s,box-shadow 2s,left 2s,top 2s;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.sky-moon,.sky-orb{position:absolute;border-radius:50%}.sky-moon{inset:0;overflow:hidden;opacity:var(--craters,0);transition:opacity 1.4s cubic-bezier(.22,.61,.36,1)}.sky-moon:before{content:"";position:absolute;top:0;bottom:0;left:0;width:50%;background:#12294d;transform:scaleX(var(--moon-dark,0));transform-origin:left}.sky-star{position:absolute;border-radius:50%;background:#fff;animation:twinkle var(--dur,3s) ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.25}50%{opacity:1}}.sky-cloud{position:absolute;border-radius:999px;background:rgba(255,255,255,.82);filter:blur(7px);animation:drift var(--dur,90s) linear infinite}@keyframes drift{0%{transform:translateX(-30vw)}to{transform:translateX(130vw)}}.sky-text{position:relative;z-index:4}.sky-hello{font-size:19px;font-weight:700;letter-spacing:-.3px}.sky-when{font-size:12.5px;opacity:.85;margin-top:2px}@media (prefers-contrast:more),(prefers-reduced-transparency:reduce){.card,.kpi,.live-card,.sidebar,.topbar{background:var(--card);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--border);box-shadow:var(--shadow)}body{background:var(--bg)}}@media (prefers-reduced-motion:reduce){.auth-card,.auth-mark{animation:none}.sky-cloud,.sky-star{display:none}.sky,.sky-bg,.sky-moon,.sky-orb{transition:none}.kpis .kpi,.live-dot,.meter>span,.navlink,.section-swap{animation:none}.live-card,.live-card:before,.navlink,.navlink .ico svg,.navlink:before{transition:none}.navlink.active .ico svg,.navlink:hover .ico svg{transform:none}}@media print{body{background:#fff}.sidebar,.toolbar,.topbar,button{display:none!important}.card,.kpi,.live-card{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border:1px solid #ccc;page-break-inside:avoid;break-inside:avoid}.content{padding:0;max-width:none}}