:root{--abysse:#0a1628;--nuit:#13233d;--nuit-2:#0d1a2f;--inset:#0e1c33;--ligne:#1e3354;--cyan:#22d3ee;--cyan-hover:#67e8f9;--givre:#e8eef6;--ardoise:#8a9bb4;--ok:#34d399;--warn:#fbbf24;--alert:#f87171;--radius:12px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--abysse);color:var(--givre);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}a{color:var(--cyan);text-decoration:none}a:hover{color:var(--cyan-hover)}h1{letter-spacing:-.01em;margin:0 0 4px;font-size:24px;font-weight:700}h2{margin:0 0 12px;font-size:17px;font-weight:600}p{margin:0 0 12px}.muted{color:var(--ardoise)}.small{font-size:13px}.shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.side{background:var(--nuit-2);border-right:1px solid var(--ligne);flex-direction:column;gap:20px;height:100vh;padding:20px 16px;display:flex;position:sticky;top:0}.brand{letter-spacing:.08em;align-items:center;gap:10px;font-weight:700;display:flex}.brand img{border-radius:8px;width:34px;height:34px}.brand small{letter-spacing:0;color:var(--ardoise);font-size:12px;font-weight:500;display:block}.nav{flex-direction:column;gap:2px;display:flex}.nav a{color:var(--ardoise);border-radius:8px;padding:9px 12px;font-weight:500}.nav a:hover{background:var(--nuit);color:var(--givre)}.nav a.active{color:var(--cyan);background:#22d3ee1f}.side-foot{flex-direction:column;gap:12px;margin-top:auto;display:flex}.main{width:100%;max-width:1200px;padding:32px 40px}.head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.card{background:var(--nuit);border:1px solid var(--ligne);border-radius:var(--radius);padding:20px}.grid{gap:16px;display:grid}.kpis{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.kpi .v{font-size:30px;font-weight:700}.kpi .l{color:var(--ardoise);font-size:13px}.btn{font:inherit;cursor:pointer;background:var(--cyan);color:var(--abysse);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-weight:600;display:inline-flex}.btn:hover{background:var(--cyan-hover);color:var(--abysse)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{color:var(--givre);border:1px solid var(--ligne);background:0 0}.btn.ghost:hover{border-color:var(--cyan);color:var(--cyan)}.btn.block{width:100%}label{color:var(--ardoise);margin-bottom:6px;font-size:13px;font-weight:500;display:block}input,select,textarea{background:var(--inset);width:100%;color:var(--givre);border:1px solid var(--ligne);font:inherit;border-radius:10px;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:var(--cyan);outline:2px solid #22d3ee66}.field{margin-bottom:14px}.row{grid-template-columns:1fr 1fr;gap:14px;display:grid}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--ardoise);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--ligne);padding:10px 12px;font-size:12px;font-weight:600}td{border-bottom:1px solid var(--ligne);vertical-align:middle;padding:12px}tr:last-child td{border-bottom:0}tbody tr:hover td{background:#ffffff05}.badge{color:var(--ardoise);white-space:nowrap;background:#8a9bb426;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-block}.badge.ok{color:var(--ok);background:#34d39926}.badge.warn{color:var(--warn);background:#fbbf2426}.badge.alert{color:var(--alert);background:#f8717126}.badge.cyan{color:var(--cyan);background:#22d3ee26}.bar{background:var(--inset);border-radius:999px;height:6px;overflow:hidden}.bar>span{background:var(--cyan);height:100%;transition:width .4s;display:block}.msg{border-radius:10px;margin-bottom:14px;padding:12px 14px;font-size:14px}.msg.err{color:var(--alert);background:#f871711f;border:1px solid #f871714d}.msg.ok{color:var(--ok);background:#34d3991f;border:1px solid #34d3994d}.msg.info{color:var(--givre);background:#22d3ee14;border:1px solid #22d3ee40}.drop{border:2px dashed var(--ligne);border-radius:var(--radius);text-align:center;cursor:pointer;background:var(--inset);padding:32px}.drop:hover,.drop.over{border-color:var(--cyan)}.steps{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.steps li{color:var(--ardoise);align-items:center;gap:10px;display:flex}.steps li .dot{border:2px solid var(--ligne);border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:inline-flex}.steps li.done{color:var(--givre)}.steps li.done .dot{background:var(--ok);border-color:var(--ok);color:var(--abysse)}.steps li.current{color:var(--cyan);font-weight:600}.steps li.current .dot{border-color:var(--cyan)}.steps li.error{color:var(--alert)}.steps li.error .dot{border-color:var(--alert)}.two{grid-template-columns:2fr 1fr;align-items:start;gap:16px;display:grid}.empty{text-align:center;color:var(--ardoise);padding:48px 20px}.auth{background:radial-gradient(1200px 600px at 80% -10%, #22d3ee1a, transparent 60%), var(--abysse);place-items:center;min-height:100vh;padding:24px;display:grid}.auth .card{width:100%;max-width:400px;padding:32px}.auth .brand{justify-content:center;margin-bottom:24px;font-size:18px}.auth .brand img{width:44px;height:44px}@media (max-width:860px){.shell{grid-template-columns:1fr}.side{height:auto;position:static}.main{padding:20px 16px}.two,.row{grid-template-columns:1fr}}