:root{--bg: #f3f6f4;--bg-deep: #e4ebe6;--ink: #14201a;--muted: #5a6b62;--line: #c9d4cd;--card: #ffffff;--teal: #0f766e;--teal-dark: #0b534c;--danger: #b42318;--warn: #b54708;--ok: #067647;--shadow: 0 10px 30px rgba(20, 32, 26, .06);font-family:DM Sans,system-ui,sans-serif;color:var(--ink);background:radial-gradient(1200px 500px at 10% -10%,#d7ebe4 0%,transparent 55%),radial-gradient(900px 400px at 100% 0%,#e8efe6 0%,transparent 50%),var(--bg)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input,select,textarea{font:inherit}a{color:var(--teal-dark);text-decoration:none}a:hover{text-decoration:underline}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.side{background:linear-gradient(180deg,#0f3d38,#0b2c28);color:#eef7f4;padding:22px 16px;display:flex;flex-direction:column;gap:18px}.brand{font-family:"Source Serif 4",Georgia,serif;font-size:1.45rem;font-weight:700;letter-spacing:-.03em;line-height:1.15}.brand small{display:block;font-family:DM Sans,sans-serif;font-size:.72rem;font-weight:600;opacity:.7;margin-top:4px;letter-spacing:.04em;text-transform:uppercase}.nav a{display:block;color:#d7ebe6;padding:10px 12px;border-radius:10px;margin-bottom:4px;text-decoration:none;font-weight:600;font-size:.92rem}.nav a.active,.nav a:hover{background:#ffffff1a;color:#fff;text-decoration:none}.side-foot{margin-top:auto;font-size:.8rem;opacity:.85}.main{padding:28px 32px 48px}.page-title{font-family:"Source Serif 4",Georgia,serif;font-size:1.75rem;margin:0 0 6px;letter-spacing:-.03em}.page-sub{color:var(--muted);margin:0 0 22px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:22px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--shadow)}.card .k{color:var(--muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.card .v{font-size:1.6rem;font-weight:700;margin-top:6px;color:var(--teal-dark)}.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow);margin-bottom:18px}.test-analysis-card{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:#fff;border:1px solid #d8c7f0;border-radius:16px;padding:14px;box-shadow:0 4px 14px #7b2cbf14;font:inherit;color:inherit;margin-bottom:14px}.test-analysis-card--static{cursor:default;box-shadow:none}.test-analysis-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-bottom:16px}.test-analysis-stat{background:#faf5ff;border:1px solid #e9d5ff;border-radius:12px;padding:10px 12px}.test-analysis-stat .k{font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.test-analysis-stat .v{font-size:1.35rem;font-weight:800;color:#6d28d9;margin-top:4px}.test-analysis-trend{display:flex;align-items:flex-end;gap:8px;min-height:120px;padding:8px 4px 0}.test-analysis-trend__col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px}.test-analysis-trend__pct{font-size:.7rem;font-weight:700;color:var(--muted)}.test-analysis-trend__track{width:70%;height:96px;display:flex;align-items:flex-end;justify-content:center}.test-analysis-trend__bar{width:100%;border-radius:6px 6px 4px 4px;min-height:6px}.test-analysis-trend__day{font-size:.65rem;font-weight:600;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.test-analysis-card__icon{flex:0 0 48px;width:48px;height:48px;border-radius:14px;background:#7b2cbf21;color:#6d28d9;display:grid;place-items:center}.test-analysis-card__icon svg{display:block}.test-analysis-card__text{flex:1;min-width:0}.test-analysis-card__title{font-size:1rem;font-weight:700;color:#6d28d9;margin:0 0 2px}.test-analysis-card__sub{margin:0;font-size:.85rem;color:var(--muted);line-height:1.35}.test-analysis-card__chevron{flex:0 0 auto;color:#7b2cbf;font-size:1.25rem;font-weight:600;line-height:1}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-bottom:14px}.field{display:flex;flex-direction:column;gap:4px;min-width:140px;flex:1}.field label{font-size:.75rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:10px;padding:9px 11px;background:#fff}.field textarea{min-height:80px;resize:vertical}.btn{border:none;border-radius:999px;padding:9px 16px;font-weight:700;cursor:pointer;background:var(--teal);color:#fff}.btn:hover{background:var(--teal-dark)}.btn.ghost{background:transparent;color:var(--teal-dark);border:1px solid var(--line)}.btn.danger{background:var(--danger)}.btn:disabled{opacity:.55;cursor:not-allowed}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.72rem;font-weight:700;background:#e6f4f1;color:var(--teal-dark)}.badge.off{background:#f5e6e4;color:var(--danger)}.err{color:var(--danger);font-weight:600;margin:8px 0}.ok{color:var(--ok);font-weight:600;margin:8px 0}.muted{color:var(--muted)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow)}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:10px}.login-brand-icon{width:88px;height:88px;border-radius:22px;object-fit:cover;box-shadow:0 8px 20px #2f1b532e;flex:0 0 auto}.login-card h1{font-family:"Source Serif 4",Georgia,serif;margin:0 0 4px;font-size:1.8rem}.login-role-label{margin:0;font-size:.92rem;font-weight:700;color:var(--brand, #7b2cbf)}.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}.chip{border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:.82rem;background:var(--bg)}.chip-btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font:inherit;color:inherit}.chip-btn img{width:20px;height:20px;border-radius:6px;object-fit:cover}.chip-btn.active{border-color:#7b2cbf;background:#f4ecff;color:#4a1d80;font-weight:700}@media(max-width:860px){.shell{grid-template-columns:1fr}.side{flex-direction:row;flex-wrap:wrap;align-items:center}.nav{display:flex;flex-wrap:wrap;gap:4px}.side-foot{width:100%;margin-top:0}}