:root{color:#172033;background:#f5f7fb;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{width:100%;max-width:1050px;padding:48px}.login{place-items:center;min-height:100vh;display:grid}form{gap:16px;display:grid}.login form{background:#fff;border-radius:14px;width:360px;max-width:100%;padding:32px;box-shadow:0 8px 30px #17203318}h1,h2,p{margin:0}h1{font-size:28px}h2{margin-bottom:16px;font-size:18px}header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}section{background:#fff;border-radius:14px;margin-bottom:24px;padding:24px;box-shadow:0 2px 12px #1720330c}label{gap:6px;font-weight:600;display:grid}input{font:inherit;border:1px solid #cbd5e1;border-radius:7px;padding:10px 12px}button{color:#fff;font:inherit;cursor:pointer;background:#265dde;border:0;border-radius:7px;padding:10px 14px;font-weight:700}button.secondary{color:#172033;background:#e2e8f0}.create{grid-template-columns:1fr 1fr auto;align-items:end}output{color:#b91c1c;white-space:pre-wrap}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e2e8f0;padding:12px 6px}.shell{min-height:100vh;display:flex}aside{color:#dbeafe;background:#0f1d38;flex-direction:column;flex:0 0 250px;width:250px;min-height:100vh;padding:30px 20px;display:flex}.brand{color:#fff;font-size:20px;font-weight:800;line-height:1.2;text-decoration:none}nav{gap:8px;margin-top:60px;display:grid}nav span{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}nav a,.account a{color:#dbeafe;border-radius:7px;padding:10px;text-decoration:none}nav a:hover,.account a:hover{background:#1e3a6b}.account{gap:8px;margin-top:auto;font-size:13px;display:grid}.account strong{overflow-wrap:anywhere}.page{margin:0 auto}.eyebrow{color:#265dde;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:800}.subtle,.welcome p{color:#64748b;line-height:1.6}.welcome{max-width:620px}.table-wrap{padding:0 20px;overflow-x:auto}.table-wrap table{min-width:850px}.state{border-radius:999px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-block}.state.posted{color:#166534;background:#dcfce7}.state.draft{color:#92400e;background:#fef3c7}@media (width<=650px){main{padding:28px 18px}.create{grid-template-columns:1fr}.shell{display:block}aside{width:100%;min-height:auto}nav,.account{margin-top:28px}}