@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap";.login-shell{background:radial-gradient(900px 600px at 20% 15%,#b8862e29,#0000 60%),radial-gradient(900px 700px at 85% 85%,#2d6cdf38,#0000 55%),linear-gradient(160deg,#0b1220 0%,#10192c 45%,#0d1526 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-grid{background-image:linear-gradient(#7ea8ff24 1px,#0000 1px),linear-gradient(90deg,#7ea8ff24 1px,#0000 1px);background-size:56px 56px;animation:22s linear infinite login-grid-drift;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 40%,#000 10%,#0000 75%);mask-image:radial-gradient(80% 70% at 50% 40%,#000 10%,#0000 75%)}@keyframes login-grid-drift{0%{background-position:0 0,0 0}to{background-position:56px 112px,56px 112px}}.login-glow{filter:blur(1px);background:#c9a86ae6;border-radius:50%;animation:4s ease-in-out infinite login-pulse;position:absolute;box-shadow:0 0 12px 2px #c9a86a99}@keyframes login-pulse{0%,to{opacity:.35}50%{opacity:1}}.login-card{z-index:2;-webkit-backdrop-filter:blur(14px);background:#1017269e;border:1px solid #ffffff14;border-radius:10px;width:380px;padding:40px 36px 32px;position:relative;box-shadow:0 24px 60px -20px #0009,inset 0 0 0 1px #ffffff05}.login-logo{filter:drop-shadow(0 0 18px #5a8cff59);width:92px;height:auto;margin:0 auto 6px;display:block}.login-brand{text-align:center;margin-bottom:28px}.login-brand .titre{font-family:var(--font-display);letter-spacing:.06em;color:#f2f4f8;font-size:21px;font-weight:700}.login-brand .titre span{color:var(--gold)}.login-brand .sous-titre{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:#8892a6;margin-top:6px;font-size:11px}.login-card .form-field label{color:#9ba5bc}.login-card .form-field input{color:#f2f4f8;background:#ffffff0a;border-color:#ffffff1f}.login-card .form-field input:focus{outline-color:var(--gold);border-color:var(--gold)}.login-card .form-field input::placeholder{color:#5c6580}.login-btn{color:#1a1204;letter-spacing:.02em;background:linear-gradient(135deg,#c9a86a,#b8862e);border:none;justify-content:center;width:100%;font-weight:700}.login-btn:hover{filter:brightness(1.08)}.login-btn:disabled{opacity:.6}:root{--ink:#1c2b3a;--ink-light:#2c4258;--paper:#f4f5f1;--paper-raised:#fff;--line:#d9dcd3;--line-strong:#b7bcaf;--gold:#b8862e;--gold-light:#e9d6ae;--text:#22282a;--text-muted:#6b7278;--green:#2f6e4f;--green-bg:#e4efe8;--amber:#b25b17;--amber-bg:#f5e4d3;--red:#a13f3f;--red-bg:#f3e1e1;--font-display:"IBM Plex Sans", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"IBM Plex Mono", monospace;--radius:3px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);background:var(--paper);color:var(--text);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);margin:0}button{font-family:var(--font-body);cursor:pointer}a{color:inherit;text-decoration:none}.chiffre{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.app-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--ink);color:#e7eaee;flex-direction:column;gap:4px;padding:24px 16px;display:flex}.sidebar-brand{font-family:var(--font-display);letter-spacing:.04em;color:#fff;border-bottom:1px solid #ffffff1f;margin-bottom:12px;padding:0 12px 20px;font-size:18px;font-weight:700}.sidebar-brand span{color:var(--gold)}.sidebar-link{border-radius:var(--radius);color:#c7cdd6;padding:10px 12px;font-size:14px;font-weight:500;transition:background .15s,color .15s}.sidebar-link:hover{color:#fff;background:#ffffff0f}.sidebar-link.active{background:var(--ink-light);color:#fff}.main{max-width:1200px;padding:32px 40px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.page-header h1{font-size:26px;font-weight:600}.eyebrow{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px;font-size:11px}.btn{border-radius:var(--radius);border:1px solid #0000;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;display:inline-flex}.btn-primary{background:var(--ink);color:#fff}.btn-primary:hover{background:var(--ink-light)}.btn-outline{border-color:var(--line-strong);color:var(--ink);background:0 0}.btn-outline:hover{border-color:var(--ink)}.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover{background:#a3781f}.card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);padding:20px}.card-list{flex-direction:column;gap:12px;display:flex}.card-row{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:14px 18px;transition:border-color .15s;display:flex}.card-row:hover{border-color:var(--line-strong)}table{border-collapse:collapse;width:100%}th{text-align:left;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--line-strong);padding:8px 12px;font-size:11px;font-weight:500}td{border-bottom:1px solid var(--line);padding:10px 12px;font-size:14px}tr:last-child td{border-bottom:none}.tampon{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:1.5px solid;border-radius:999px;justify-content:center;align-items:center;padding:5px 10px;font-size:10px;font-weight:600;display:inline-flex;transform:rotate(-4deg)}.tampon-brouillon{color:var(--text-muted)}.tampon-envoye{color:var(--gold)}.tampon-valide{color:var(--ink)}.tampon-paye{color:var(--green)}.tampon-retard{color:var(--red)}.tampon-annule{color:var(--text-muted);text-decoration:line-through}.pipeline{align-items:center;gap:0;margin:24px 0;display:flex}.pipeline-etape{border:1px solid var(--line);background:var(--paper-raised);color:var(--text-muted);align-items:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:600;display:flex}.pipeline-etape.fait{color:var(--ink);border-color:var(--ink)}.pipeline-etape .num{font-family:var(--font-mono);border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;display:flex}.pipeline-fleche{color:var(--line-strong);padding:0 6px;font-size:16px}.empty-state{text-align:center;color:var(--text-muted);border:1px dashed var(--line-strong);border-radius:var(--radius);padding:48px 24px}.form-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.form-field label{color:var(--text-muted);font-size:12px;font-weight:600}.form-field input,.form-field select,.form-field textarea{font-family:var(--font-body);border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff;padding:9px 10px;font-size:14px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:2px solid var(--gold);outline-offset:1px}