:root{--bg:#f4f7fb;--card:#fff;--ink:#172033;--muted:#6b7280;--nav:#0d2742;--accent:#1473e6;--line:#dce3ec;--orange:#f59e0b;--blue:#2563eb;--green:#16a34a;--red:#dc2626}
*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink)}
header{background:var(--nav);color:white;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}header h1{font-size:20px;margin:0}nav a{color:#dcecff;text-decoration:none;margin-left:18px;font-weight:600}.wrap{max-width:1250px;margin:24px auto;padding:0 18px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:18px;box-shadow:0 2px 8px #0000000a}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{font-size:30px;font-weight:700}.muted{color:var(--muted)}
.btn{display:inline-block;border:0;border-radius:8px;padding:10px 14px;background:var(--accent);color:white;text-decoration:none;font-weight:600;cursor:pointer}.btn.secondary{background:#64748b}.btn.green{background:var(--green)}.btn.orange{background:var(--orange)}.btn.red{background:var(--red)}
input,select,textarea{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:7px;background:white}label{display:block;font-size:13px;font-weight:650;margin:9px 0 5px}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.wide{grid-column:1/-1}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 9px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;text-transform:uppercase;color:var(--muted)}tr:hover{background:#f8fafc}.badge{padding:5px 9px;border-radius:999px;color:white;font-size:12px;font-weight:700;white-space:nowrap}.cours{background:var(--orange)}.livraison{background:var(--blue)}.validee{background:var(--green)}.flash{background:#e8f5e9;border:1px solid #b7dfba;padding:10px;border-radius:8px;margin-bottom:12px}.actions{display:flex;gap:8px;flex-wrap:wrap}.docrow{display:flex;justify-content:space-between;gap:10px;padding:8px;border-bottom:1px solid var(--line)}.family-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.family-card{display:block;border:1px solid var(--line);border-radius:12px;padding:16px;text-decoration:none;color:var(--ink);background:#fff}.family-card:hover{box-shadow:0 5px 16px #00000012;border-color:#a8c8ee}.family-title{font-size:17px;font-weight:750;margin-bottom:5px}.family-total{color:var(--muted);font-size:13px;margin-bottom:12px}.family-status{font-size:13px;margin:7px 0}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px}.dot.cours{background:var(--orange)}.dot.livraison{background:var(--blue)}.dot.validee{background:var(--green)}@media(max-width:800px){.grid,.formgrid,.family-grid{grid-template-columns:1fr}table{font-size:13px}}

header nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}nav a{margin-left:0}nav form{margin:0}.link-button{background:none;border:0;color:#dcecff;font:inherit;font-weight:600;cursor:pointer}.table-scroll{overflow:auto}@media(max-width:800px){header{align-items:flex-start;gap:16px;flex-direction:column}}