*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f8fafc;color:#0f172a}.shell{display:flex;min-height:100vh}.sidebar{width:230px;background:#0f172a;color:#fff;padding:24px 16px;display:flex;flex-direction:column}.brand{font-size:24px;font-weight:800;margin:4px 8px 28px}.brand span{color:#06b6d4}.sidebar nav{display:grid;gap:6px}.sidebar a{color:#cbd5e1;text-decoration:none;padding:11px 12px;border-radius:10px}.sidebar a:hover{background:#1e293b;color:#fff}.logout{margin-top:auto}.main{flex:1}.topbar{height:72px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.topbar input{width:min(560px,55vw);padding:12px 16px;border:1px solid #cbd5e1;border-radius:10px}.user{background:#eef2ff;padding:10px 14px;border-radius:999px}.content{padding:28px}.grid{display:grid;gap:18px}.grid4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px;box-shadow:0 4px 14px rgba(15,23,42,.04)}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.btn{display:inline-block;background:#2563eb;color:#fff;text-decoration:none;border:none;border-radius:10px;padding:10px 15px;cursor:pointer}.btn.secondary{background:#0f172a}.btn.ghost{background:#fff;color:#2563eb;border:1px solid #bfdbfe}.muted{color:#64748b}.value{font-size:30px;font-weight:800;margin-top:8px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:13px;border-bottom:1px solid #e2e8f0;vertical-align:top}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#e0f2fe;color:#075985;font-size:12px}.badge.green{background:#dcfce7;color:#166534}.badge.gray{background:#e2e8f0;color:#334155}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{padding:11px 12px;border:1px solid #cbd5e1;border-radius:10px;font:inherit}.field textarea{min-height:120px}.two{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.score{font-size:38px;font-weight:800;color:#2563eb}.public{max-width:980px;margin:40px auto;padding:0 20px}.hero{background:linear-gradient(135deg,#0f172a,#2563eb);color:#fff;border-radius:24px;padding:34px}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#0f172a,#2563eb)}.login-card{width:min(460px,92vw);background:#fff;padding:28px;border-radius:18px}.alert{padding:12px 14px;border-radius:10px;background:#fee2e2;color:#991b1b;margin-bottom:14px}@media(max-width:900px){.sidebar{width:78px}.sidebar .brand{font-size:0}.sidebar .brand:after{content:"OH";font-size:20px}.sidebar nav a{font-size:0}.sidebar nav a:before{content:"•";font-size:24px}.grid4{grid-template-columns:1fr 1fr}.form-grid,.two{grid-template-columns:1fr}}