@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:wght@300;400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0d12;--bg2:#13131a;--bg3:#1a1a24;--bg4:#22222e;--border:#ffffff12;--border2:#ffffff21;--text:#f0edf8;--text2:#a09ab8;--text3:#5a5470;--pink:#e83e8c;--violet:#8b5cf6;--red:#e8392a;--gold:#f59e0b;--green:#22c55e;--grad:linear-gradient(135deg,#e83e8c 0%,#8b5cf6 50%,#e8392a 100%);--font-d:"Syne",sans-serif;--font-b:"DM Sans",sans-serif;--r:12px;--r-sm:8px}body{background:var(--bg);color:var(--text);font-family:var(--font-b);min-height:100vh;font-size:14px;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:3px}.grad-text{background:var(--grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.aline{background:var(--grad);border-radius:2px;width:40px;height:2px;margin-bottom:20px}input,select,textarea{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r-sm);color:var(--text);font-family:var(--font-b);outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .2s}input:focus,select:focus{border-color:var(--violet)}input::placeholder{color:var(--text3)}select{cursor:pointer}.btn{border-radius:var(--r-sm);font-family:var(--font-b);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--grad);color:#fff}.btn-primary:hover{opacity:.88}.btn-ghost{color:var(--text2);border:1px solid var(--border2);background:0 0}.btn-ghost:hover{color:var(--text);border-color:var(--violet)}.btn-danger{color:#f87171;background:#e8392a1a;border:1px solid #e8392a40}.btn-sm{padding:7px 13px;font-size:12px}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);margin-bottom:16px;padding:20px}.card-title{font-family:var(--font-d);margin-bottom:14px;font-size:15px;font-weight:600}.badge{border-radius:20px;align-items:center;padding:3px 9px;font-size:11px;font-weight:500;display:inline-flex}.badge-superadmin{color:#a78bfa;background:#8b5cf626}.badge-directeur{color:#f472b6;background:#e83e8c26}.badge-manager{color:#818cf8;background:#6366f126}.badge-agent{color:#4ade80;background:#22c55e26}.badge-createur{color:#fbbf24;background:#fbbf2426}.badge-actif{color:#4ade80;background:#22c55e1f}.badge-inactif{color:var(--text2);background:#ffffff0f}.badge-suspendu{color:#f87171;background:#e8392a1f}.prog-bar{background:var(--bg4);border-radius:3px;height:5px;overflow:hidden}.prog-fill{border-radius:3px;height:100%;transition:width .4s}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text3);text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid var(--border);padding:10px 14px;font-size:11px;font-weight:500}td{border-bottom:1px solid #ffffff0a;padding:11px 14px;font-size:13px}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05}