:root{--rouge:#7a3ce0;--rouge-fonce:#6630bd;--gris:#777;--bg:#f4f5f7}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Segoe UI,Arial,Helvetica,sans-serif;color:#1a1a1a;background:var(--bg)}a{color:var(--rouge);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1040px;margin:0 auto;padding:32px 20px}.card{border:1px solid #e3e3e6;border-radius:12px;padding:26px;box-shadow:0 2px 10px rgba(0,0,0,.04)}.card,.nav{background:#fff}.nav{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7e7ea;padding:12px 22px}.brand{font-weight:800;font-size:18px;color:var(--rouge)}.brand span{color:#222}h1{font-size:24px;margin:0 0 6px}h2{font-size:16px;margin:0 0 12px}.muted{color:var(--gris)}.muted,label{font-size:13px}label{display:block;font-weight:600;margin:12px 0 4px}input,select{width:100%;padding:10px 12px;border:1px solid #ccc;border-radius:8px;font-size:14px;font-family:inherit}.btn{display:inline-block;border:none;border-radius:8px;padding:11px 18px;font-size:14px;font-weight:700;cursor:pointer}.btn-primary{background:var(--rouge);color:#fff}.btn-primary:hover{background:var(--rouge-fonce)}.btn-ghost{background:#f0f0f2;color:#333}.row{display:flex;gap:14px;flex-wrap:wrap}.row>div{flex:1 1;min-width:200px}.alert{padding:10px 12px;border-radius:8px;font-size:13px;margin:10px 0}.alert-err{background:#fdecec;color:#b3261e;border:1px solid #f5c2c0}.alert-ok{background:#e8f5ec;color:#1e7a3d;border:1px solid #b7e0c4}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge-free{background:#eef0f3;color:#555}.badge-active{background:#e8f5ec;color:#1e7a3d}.hr{height:1px;background:#eee;margin:20px 0}