:root,:root[data-theme=blue]{--primary: #0b3d66;--primary-light: #1c6ba3;--primary-dark: #082a48;--bg: #eef2f6;--card-bg: #ffffff;--card-bg-alt: #f4f7fa;--text: #16202b;--muted: #5b6b7c;--danger: #c0392b;--ok: #1b7a4d;--warn: #b96e07;--border: #d4dce4;--drawer-bg: #ffffff;--shadow: 0 2px 8px rgba(11, 61, 102, .1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:root[data-theme=white]{--primary: #1f5c8a;--primary-light: #2f7cb3;--primary-dark: #16456a;--bg: #ffffff;--card-bg: #f7f9fb;--card-bg-alt: #eef2f6;--text: #16202b;--muted: #5e6d7c;--danger: #c0392b;--ok: #1b7a4d;--warn: #a5690a;--border: #e0e6ec;--drawer-bg: #ffffff;--shadow: 0 1px 4px rgba(0,0,0,.06)}:root[data-theme=black]{--primary: #3f8fd1;--primary-light: #63a8e0;--primary-dark: #2f6ea3;--bg: #0f1318;--card-bg: #1a2028;--card-bg-alt: #212833;--text: #eef2f6;--muted: #9aa7b5;--danger: #e0665a;--ok: #3ecb8c;--warn: #e3a83e;--border: #2c3542;--drawer-bg: #1a2028;--shadow: 0 2px 10px rgba(0,0,0,.4)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);transition:background .2s ease,color .2s ease;-webkit-font-smoothing:antialiased}#root{max-width:480px;margin:0 auto;min-height:100vh;background:var(--bg);padding-bottom:24px;position:relative}h2{color:var(--primary);font-size:19px;font-weight:800;letter-spacing:.2px}h3{color:var(--text);font-weight:700}.topbar{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 10px #0000002e}.topbar-row{padding:16px 10px 10px;display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:96px}.topbar-brand{display:flex;align-items:center;justify-content:center;flex:1}.topbar-logo{height:76px;width:auto;max-width:260px;border-radius:12px;background:#fff;object-fit:contain;padding:8px 12px;box-shadow:0 2px 6px #0003}.topbar-icon-btn{background:#ffffff29;border:none;color:#fff;width:42px;height:42px;min-width:42px;border-radius:10px;font-size:19px;cursor:pointer;display:flex;align-items:center;justify-content:center}.topbar-icon-btn:active{background:#ffffff52}.topbar-marquee{overflow:hidden;white-space:nowrap;width:100%;padding:6px 0 8px;background:#00000026}.topbar-marquee-text{display:inline-block;padding-left:100%;font-weight:700;letter-spacing:3px;font-size:12px;color:#ffffffeb;animation:marquee 14s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.page{padding:16px}.card{background:var(--card-bg);border-radius:14px;padding:16px;margin-bottom:12px;box-shadow:var(--shadow);border:1px solid transparent}.sample-list .card:nth-child(2n){background:var(--card-bg-alt)}.stat-card{text-align:left}.btn{display:inline-block;width:100%;padding:14px;border-radius:12px;border:none;background:var(--primary);color:#fff;font-size:16px;font-weight:700;text-align:center;cursor:pointer;letter-spacing:.2px;box-shadow:0 2px 6px #0000001f}.btn:active{background:var(--primary-dark)}.btn.secondary{background:var(--card-bg-alt);color:var(--primary);border:1px solid var(--border);box-shadow:none}.btn.danger{background:var(--danger)}input,select,textarea{width:100%;padding:12px;border-radius:10px;border:1.5px solid var(--border);font-size:16px;margin-bottom:10px;background:var(--card-bg);color:var(--text)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-light)}label{font-size:13px;color:var(--muted);font-weight:700;letter-spacing:.2px}.status-badge{display:inline-block;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.2px}.status-RECU{background:#e4e9ee;color:#3a4753}.status-PREPARATION{background:#fbe9ce;color:#8a530a}.status-EN_COURS{background:#dbe9fb;color:var(--primary)}.status-A_VALIDER{background:#fbdcd8;color:var(--danger)}.status-VALIDE{background:#d7f2e3;color:var(--ok)}.field-row{display:flex;gap:10px}.field-row>*{flex:1}.offline-banner{background:var(--warn);color:#fff;text-align:center;font-size:12px;padding:6px;font-weight:600}.test-chip{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--text);background:var(--card-bg-alt);border:1.5px solid var(--border);padding:7px 12px;border-radius:999px;cursor:pointer}.test-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:30}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;left:0;bottom:0;width:80%;max-width:320px;background:var(--drawer-bg);transform:translate(-100%);transition:transform .25s ease;z-index:31;display:flex;flex-direction:column;box-shadow:2px 0 16px #00000040}.drawer.open{transform:translate(0)}.drawer-header{display:flex;align-items:center;gap:12px;padding:24px 18px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}.drawer-logo{width:46px;height:46px;border-radius:10px;background:#fff;object-fit:contain;padding:3px}.drawer-app-name{font-weight:800;font-size:16px;letter-spacing:.3px}.drawer-user-name{font-size:12px;opacity:.88;margin-top:2px}.drawer-links{display:flex;flex-direction:column;padding:8px;gap:1px;flex:1;overflow-y:auto}.drawer-link{display:flex;align-items:center;gap:14px;padding:13px 12px;border-radius:10px;color:var(--text);text-decoration:none;font-size:14.5px;font-weight:600}.drawer-link:nth-child(2n){background:var(--card-bg-alt)}.drawer-link.active{background:var(--primary)!important;color:#fff;font-weight:800}.drawer-link-icon{font-size:18px;width:22px;text-align:center}.drawer-logout{display:flex;align-items:center;gap:14px;padding:16px 22px;border:none;border-top:1px solid var(--border);background:none;color:var(--danger);font-size:15px;font-weight:700;cursor:pointer;text-align:left}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,var(--primary) 0%,var(--primary-dark) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;z-index:100;transition:opacity .4s ease;opacity:1}.splash-screen.splash-fade-out{opacity:0}.splash-logo-full{width:100%;max-width:340px;height:auto;border-radius:14px;background:#fff;padding:14px 16px;box-shadow:0 8px 24px #0000004d;margin-bottom:22px}.splash-subtitle{color:#ffffffeb;font-size:15px;max-width:320px;line-height:1.5;margin:0;font-weight:500}.splash-spinner{width:26px;height:26px;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;margin-top:34px;animation:splash-spin .9s linear infinite}@keyframes splash-spin{to{transform:rotate(360deg)}}