*{box-sizing:border-box}body{margin:0;font:14px/1.5 Inter,system-ui;background:#f4f7fb;color:#0f172a}.shell{max-width:1120px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}header>div{display:flex;gap:12px;align-items:center}.logo{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:linear-gradient(145deg,#2563eb,#06b6d4);color:#fff;font-size:22px;font-weight:900}h1{margin:0;font-size:24px}h2{margin-top:0}p{margin:3px 0;color:#64748b}.auth,.grid article,section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:18px;box-shadow:0 8px 30px rgba(15,23,42,.05)}.auth{display:flex;gap:10px;align-items:end;margin-bottom:16px}.auth label{flex:1}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.grid article{min-width:0}label{display:block;font-weight:650;margin-bottom:11px}input,textarea,select{display:block;width:100%;margin-top:5px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:11px;font:inherit}button,.links a{border:0;border-radius:11px;background:#2563eb;color:#fff;padding:10px 14px;text-decoration:none;cursor:pointer}.list{display:grid;gap:8px}.item{border:1px solid #e2e8f0;border-radius:13px;padding:11px}.item strong{display:block}.item small{color:#64748b}.links{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:760px){.shell{padding:14px}.grid{grid-template-columns:1fr}.auth{display:block}.auth button{margin-top:8px}header{align-items:flex-start}}