:root{--ink:#172a33;--muted:#71818b;--line:#dbe5e9;--blue:#2477ef;--bg:#f6f9fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:14px system-ui;color:var(--ink)}header{height:58px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;padding:0 20px;gap:8px;letter-spacing:.12em}header small{font-size:8px;color:var(--muted)}main{min-height:calc(100vh - 58px);display:grid;place-items:center;padding:26px}.shell{width:min(930px,100%);display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 18px 60px #17333a12}.side{padding:42px;background:linear-gradient(145deg,#eef5f7,#f8fafb)}.panel{padding:42px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.14em;color:#47727d;font-weight:800}h1{font-size:30px;margin:8px 0 10px}h2{font-size:25px}.muted{color:var(--muted);line-height:1.6}.field{margin:14px 0}.field label{display:block;font-weight:700;margin-bottom:6px}input,button{width:100%;padding:12px;border-radius:9px;border:1px solid #cbd9de;font:inherit}button,.btn{background:var(--blue);color:#fff;border:0;font-weight:800;text-decoration:none;display:inline-block;text-align:center;padding:12px;border-radius:9px}.links{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.links a{color:#2668b8}.error{background:#feecec;color:#8f2222;padding:10px;border-radius:8px;margin:10px 0}.ok{background:#eaf8ef;color:#226043;padding:10px;border-radius:8px}.profile{width:min(760px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{border:1px solid var(--line);border-radius:12px;padding:16px}.card b{display:block;font-size:24px;margin-top:5px}@media(max-width:760px){.shell{grid-template-columns:1fr}.side{display:none}.cards{grid-template-columns:1fr}}