:root{--navy:#0C2D48;--navy-2:#0A2138;--navy-3:#0F3A5C;--ink:#0F1F2E;--ink-2:#3A5068;--ink-3:#6B819A;--ink-4:#9DB0C6;--gold:#C9A227;--gold-2:#E3C24E;--gold-soft:#FBF6E7;--brand:#1D5FA0;--brand-2:#2B6CB0;--brand-ink:#123D68;--canvas:#F4F7FC;--card:#FFFFFF;--line:#E5EBF3;--line-2:#EEF2F8;--ok:#12855A;--ok-bg:#E7F6EE;--warn:#C67611;--warn-bg:#FDF1E1;--dang:#C0392B;--dang-bg:#FCEEEC;--info:#1D5FA0;--info-bg:#EAF2FB;--c-expl:#3F63C6;--c-proj:#E27A1B;--c-rh:#DD6A3C;--c-jur:#1F5C8A;--c-adm:#6B4FA8;--c-cli:#CF3F55;--c-sec:#2E4A73;--c-gov:#8A2F55;--r-sm:10px;--r:14px;--r-lg:18px;--r-xl:24px;--sh-1:0 1px 2px rgba(12,45,72,.06),0 1px 3px rgba(12,45,72,.05);--sh-2:0 4px 14px rgba(12,45,72,.08),0 2px 6px rgba(12,45,72,.05);--sh-3:0 18px 44px rgba(12,45,72,.16),0 6px 16px rgba(12,45,72,.08);--sh-gold:0 6px 20px rgba(201,162,39,.35);--ease:.22s cubic-bezier(.4,0,.2,1)}.km{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);font-size:14px;line-height:1.5}.km h1,.km h2,.km h3,.km h4,.km h5,.jakarta{font-family:Plus Jakarta Sans,Inter,sans-serif}.km button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}.km a{color:inherit;text-decoration:none}.km svg{display:block}.km :focus-visible{outline:2.5px solid var(--brand);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){.km *{transition:none!important;animation:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:11px 18px;font-weight:600;font-size:13.5px;transition:var(--ease);white-space:nowrap}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg,var(--brand-2),var(--brand));color:#fff;box-shadow:0 4px 14px #1d5fa052}.btn-primary:hover{filter:brightness(1.06);box-shadow:0 8px 22px #1d5fa066}.btn-gold{background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#3a2e05;box-shadow:var(--sh-gold)}.btn-gold:hover{filter:brightness(1.05)}.btn-ghost{background:#fff;color:var(--navy);border:1px solid var(--line);box-shadow:var(--sh-1)}.btn-ghost:hover{border-color:#c9d6e8;box-shadow:var(--sh-2)}.btn-green{background:linear-gradient(180deg,#1aa768,#12855a);color:#fff;box-shadow:0 4px 14px #12855a4d}.btn-sm{padding:8px 13px;font-size:12.5px;border-radius:10px}.login{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.login-brandside{position:relative;overflow:hidden;background:radial-gradient(120% 120% at 15% 10%,#12406b 0%,var(--navy) 45%,var(--navy-2) 100%);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:54px}.login-brandside:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(201,162,39,.18),transparent 70%);top:-160px;right:-120px}.login-brandside:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(circle at 30% 40%,#000,transparent 75%);mask-image:radial-gradient(circle at 30% 40%,#000,transparent 75%)}.login-brandside>*{position:relative;z-index:1}.lb-top{display:flex;align-items:center;gap:13px}.lb-hero h1{font-size:44px;font-weight:800;line-height:1.05;letter-spacing:-1px}.lb-hero .accent{color:var(--gold-2)}.lb-hero p{margin-top:16px;font-size:16px;color:#c7d6e8;max-width:440px;line-height:1.6}.lb-feats{display:flex;flex-direction:column;gap:14px;margin-top:30px}.lb-feat{display:flex;gap:13px;align-items:center;font-size:14px;color:#dbe6f4}.lb-feat .fi{width:38px;height:38px;border-radius:11px;background:#ffffff14;border:1px solid rgba(201,162,39,.35);display:grid;place-items:center;flex:none}.lb-foot{font-size:12.5px;color:#8fa6c2;display:flex;justify-content:space-between}.login-formside{display:grid;place-items:center;padding:40px;background:var(--card)}.login-card{width:100%;max-width:390px}.login-card .lc-h{font-family:Plus Jakarta Sans;font-size:26px;font-weight:800;color:var(--navy)}.login-card .lc-sub{color:var(--ink-3);margin-top:6px;margin-bottom:26px;font-size:14px}.field{margin-bottom:16px}.field label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-3);margin-bottom:7px}.field .wrap{position:relative}.field .wrap .ic{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--ink-4)}.field input{width:100%;padding:13px 14px 13px 42px;border:1.5px solid var(--line);border-radius:12px;font-size:14px;color:var(--ink);background:var(--canvas);transition:var(--ease)}.field input:focus{outline:none;border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px #1d5fa01a}.svc-row{display:flex;gap:10px;margin-top:20px}.svc{flex:1;display:flex;align-items:center;gap:9px;padding:11px 12px;border-radius:12px;background:var(--canvas);border:1px solid var(--line)}.svc .d{width:9px;height:9px;border-radius:50%;flex:none}.svc .d.ok{background:var(--ok);box-shadow:0 0 0 3px var(--ok-bg)}.svc .d.off{background:var(--warn);box-shadow:0 0 0 3px var(--warn-bg)}.svc .d.err{background:var(--dang);box-shadow:0 0 0 3px var(--dang-bg)}.svc .t{font-size:12px}.svc .t b{display:block;color:var(--ink);font-size:12.5px}.svc .t span{color:var(--ink-3);font-size:11px}.err-box{background:var(--dang-bg);border:1px solid #f3c9c4;color:#9a2820;border-radius:10px;padding:10px 14px;margin:14px 0;font-size:13px;display:flex;gap:8px;align-items:center}.shell{display:grid;grid-template-columns:250px 1fr;height:100vh;overflow:hidden}.sidebar{background:linear-gradient(180deg,var(--navy) 0%,var(--navy-2) 100%);color:#fff;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.06);overflow:hidden}.sb-logo{padding:20px 18px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.07)}.brand-mark{width:40px;height:40px;border-radius:12px;flex:none;background:#ffffff0f;border:1px solid rgba(201,162,39,.4);display:grid;place-items:center}.brand-mark svg{width:26px;height:22px}.sb-logo .bt{font-family:Plus Jakarta Sans;font-weight:800;font-size:17px;letter-spacing:.3px}.sb-logo .bs{font-size:8.5px;letter-spacing:2.5px;color:var(--gold-2);font-weight:700}.sb-nav{flex:1;overflow-y:auto;padding:12px 12px 6px}.sb-group{font-size:9.5px;font-weight:700;letter-spacing:2px;color:#ffffff47;padding:14px 10px 7px}.sb-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:10px 12px;border-radius:11px;color:#ffffff9e;font-size:13.5px;font-weight:500;transition:var(--ease);border-left:2.5px solid transparent;margin-bottom:2px}.sb-item:hover{background:#ffffff0f;color:#fff}.sb-item.active{background:linear-gradient(90deg,#c9a22729,#c9a22708);color:#fff;border-left-color:var(--gold);font-weight:600}.sb-item .si{width:20px;text-align:center;flex:none;font-size:16px;opacity:.9}.sb-item.active .si{color:var(--gold-2)}.sb-item .badge{margin-left:auto;background:#ffffff1f;color:#dfe8f4;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px}.sb-item.active .badge{background:var(--gold);color:#3a2e05}.sb-status{margin:8px 12px;padding:12px;border-radius:13px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.sb-status .r{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;margin-bottom:8px}.sb-status .r:last-child{margin-bottom:0}.sb-status .r span:first-child{color:#ffffff80}.sb-status .on{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600}.sb-status .on.up{color:#5fd39a}.sb-status .on.down{color:#f0a37a}.sb-status .on i{width:6px;height:6px;border-radius:50%;display:inline-block}.sb-status .on.up i{background:#4ade80;box-shadow:0 0 8px #4ade80}.sb-status .on.down i{background:#f59e0b}.sb-user{padding:12px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:11px}.sb-user .av{width:38px;height:38px;border-radius:11px;flex:none;display:grid;place-items:center;font-weight:700;font-size:14px;color:#fff;background:linear-gradient(135deg,var(--navy-3),#6b4fa8);border:2px solid rgba(201,162,39,.4)}.sb-user .un{font-size:13px;font-weight:600}.sb-user .ur{font-size:11px;color:#fff6}.sb-logout{margin-left:auto;color:#fff6;width:32px;height:32px;border-radius:9px;display:grid;place-items:center}.sb-logout:hover{background:#ffffff14;color:#fff}.main{display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{height:64px;flex:none;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 24px;z-index:20}.tb-crumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-3)}.tb-crumb b{color:var(--navy);font-weight:700}.tb-search{flex:1;max-width:440px;margin:0 auto;position:relative}.tb-search input{width:100%;padding:10px 14px 10px 40px;border:1px solid var(--line);border-radius:12px;background:var(--canvas);font-size:13.5px;transition:var(--ease)}.tb-search input:focus{outline:none;border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px #1d5fa014}.tb-search .ic{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--ink-4)}.tb-right{display:flex;align-items:center;gap:8px}.tb-btn{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--ink-2);position:relative;transition:var(--ease)}.tb-btn:hover{background:var(--canvas);color:var(--brand)}.tb-btn .dot{position:absolute;top:8px;right:9px;min-width:16px;height:16px;background:var(--dang);color:#fff;font-size:9.5px;font-weight:700;border-radius:9px;display:grid;place-items:center;border:2px solid #fff;padding:0 3px}.tb-user{display:flex;align-items:center;gap:10px;padding:5px 8px 5px 12px;border-radius:12px;border:1px solid var(--line);margin-left:6px}.tb-user:hover{background:var(--canvas)}.tb-user .un{font-size:12.5px;font-weight:700;line-height:1.1;text-align:right}.tb-user .ur{font-size:10.5px;color:var(--ink-3)}.tb-user .av{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:700;font-size:13px;color:#fff;background:linear-gradient(135deg,var(--navy),var(--navy-3))}.content{flex:1;overflow-y:auto;padding:26px 30px 60px;background:var(--canvas)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:22px}.page-head h1{font-size:26px;font-weight:800;color:var(--navy);letter-spacing:-.5px}.page-head .sub{color:var(--ink-3);font-size:14px;margin-top:5px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin-bottom:8px}.grid{display:grid;gap:18px}.g-4{grid-template-columns:repeat(4,1fr)}.g-3{grid-template-columns:repeat(3,1fr)}.g-2{grid-template-columns:repeat(2,1fr)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);transition:var(--ease)}.card.hoverable{cursor:pointer}.card.hoverable:hover{transform:translateY(-3px);box-shadow:var(--sh-3);border-color:#d4deec}.card-pad{padding:20px}.kpi{padding:18px 20px;position:relative;overflow:hidden}.kpi .kh{display:flex;align-items:center;justify-content:space-between}.kpi .kt{font-size:12.5px;color:var(--ink-3);font-weight:600}.kpi .kicon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#fff}.kpi .kv{font-family:Plus Jakarta Sans;font-size:30px;font-weight:800;color:var(--navy);margin-top:12px;letter-spacing:-1px}.kpi .kf{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12px}.delta{font-weight:700;display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:20px}.delta.up{background:var(--ok-bg);color:var(--ok)}.delta.down{background:var(--dang-bg);color:var(--dang)}.kpi .spark{position:absolute;right:16px;bottom:14px;opacity:.9}.section-title{display:flex;align-items:center;justify-content:space-between;margin:26px 0 14px}.section-title h2{font-size:17px;font-weight:800;color:var(--navy)}.section-title a{font-size:12.5px;color:var(--brand);font-weight:600;cursor:pointer}.list-clean{display:flex;flex-direction:column}.li{display:flex;align-items:center;gap:13px;padding:13px 4px;border-bottom:1px solid var(--line-2)}.li:last-child{border-bottom:none}.li .av{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:700;font-size:12px;color:#fff;flex:none}.li .txt{flex:1;min-width:0}.li .t1{font-weight:600;font-size:13.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.li .t2{font-size:12px;color:var(--ink-3)}.qa{display:flex;flex-direction:column;gap:10px}.qa button{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:13px;border:1px solid var(--line);background:#fff;text-align:left;transition:var(--ease);width:100%}.qa button:hover{border-color:var(--brand);background:var(--info-bg);transform:translate(2px)}.qa .qi{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;flex:none}.qa .qt{font-weight:600;font-size:13.5px}.qa .qd{font-size:11.5px;color:var(--ink-3)}.pill{font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 9px;border-radius:7px}.pill.site{background:var(--info-bg);color:var(--brand)}.pill.entrepot{background:#f1ecfb;color:#6b4fa8}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:20px;font-size:12px;font-weight:600}.badge.cours{background:var(--info-bg);color:var(--brand)}.badge.attente{background:var(--warn-bg);color:var(--warn)}.badge.valide{background:var(--ok-bg);color:var(--ok)}.chip{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--ink-2)}.dot{min-width:22px;height:22px;padding:0 6px;border-radius:11px;color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center}.space{padding:20px}.space .st{display:flex;align-items:flex-start;gap:14px}.space .sic{width:48px;height:48px;border-radius:14px;flex:none;display:grid;place-items:center;color:#fff}.space .snm{font-weight:700;font-size:15px;color:var(--navy);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.space .star{margin-left:auto;color:#cbd5e1;font-size:17px;background:none}.space .star.on{color:var(--gold)}.space .sd{color:var(--ink-3);font-size:12.5px;line-height:1.5;margin:13px 0 15px;min-height:38px}.space .sm{display:flex;border-top:1px solid var(--line-2);padding-top:13px}.space .sm div{flex:1;text-align:center}.space .sm .v{font-weight:800;font-size:15px;color:var(--navy);font-family:Plus Jakarta Sans}.space .sm .l{font-size:10.5px;color:var(--ink-3);margin-top:2px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0}.tsearch{flex:1;min-width:220px;position:relative}.tsearch input{width:100%;padding:11px 14px 11px 40px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:13.5px}.tsearch input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px #1d5fa014}.tsearch .ic{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--ink-4)}.select{background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 15px;font-size:13px;font-weight:600;color:var(--navy);display:flex;align-items:center;gap:8px;cursor:pointer}.segtabs{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:12px;padding:4px;gap:3px;box-shadow:var(--sh-1)}.segtab{padding:8px 15px;border-radius:9px;font-size:13px;font-weight:600;color:var(--ink-3);display:inline-flex;align-items:center;gap:7px}.segtab.active{background:var(--brand);color:#fff;box-shadow:0 3px 10px #1d5fa04d}.segtab .c{background:#00000014;border-radius:8px;padding:0 7px;font-size:11px}.segtab.active .c{background:#ffffff40}.stat-strip{margin-top:18px;display:flex;justify-content:space-around;font-weight:700;color:var(--navy);flex-wrap:wrap;gap:10px}.stat-strip b{color:var(--brand)}.state{padding:60px 20px;text-align:center;color:var(--ink-3)}.state .em{font-size:40px;margin-bottom:12px}.state h3{color:var(--navy);font-size:17px;margin-bottom:6px}.spinner{width:38px;height:38px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--brand);margin:0 auto 14px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.banner-warn{display:flex;gap:10px;align-items:center;background:var(--warn-bg);border:1px solid #f3ddb8;color:#8a5a12;border-radius:12px;padding:11px 16px;font-size:13px;margin-bottom:16px}.footer-note{margin-top:34px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--ink-3);font-size:12px;flex-wrap:wrap;gap:8px}@media (max-width:1100px){.g-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.g-3,.g-2{grid-template-columns:1fr 1fr}.tb-search{display:none}.login{grid-template-columns:1fr}.login-brandside{display:none}}@media (max-width:640px){.g-4,.g-3,.g-2{grid-template-columns:1fr}}