:root{color:#172036;background:#f4f6fb;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.45}*{box-sizing:border-box}body{background:#f5f5f7;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:#3156d3}.shell{grid-template-columns:220px minmax(0,1fr);min-height:100vh;display:grid}.side{color:#f4f4f6;background:#1c1d20;flex-direction:column;gap:8px;padding:18px 12px;display:flex}.brand{color:#fff;align-items:center;gap:8px;text-decoration:none;display:flex}.mark{color:#1c1d20;background:#fff;border-radius:8px;place-items:center;width:26px;height:26px;font-weight:720;display:grid}.brand strong{font-size:14px;display:block}.brand small,.tag,.side nav a{color:#b7bac3}.tag{margin:8px 8px 14px;font-size:12px}.side nav{gap:4px;display:grid}.side nav a{border-radius:8px;align-items:center;min-height:34px;padding:0 10px;font-size:13px;text-decoration:none;display:flex}.side nav a.active,.side nav a:hover{color:#fff;background:#3a3b41}.main{padding:28px clamp(18px,3vw,42px) 40px}h1{letter-spacing:-.03em;margin:0;font-size:22px}h2{margin:0 0 8px;font-size:16px}.lede,.muted{color:#687080}.lede{max-width:680px;margin:8px 0 0;font-size:14px}.grid{gap:12px;display:grid}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.card,.panel{background:#fff;border:1px solid #d8deea;border-radius:15px;box-shadow:0 4px 16px #1720360a}.card{padding:14px}.card strong{margin-bottom:4px;font-size:14px;display:block}.card span,.muted,.check,label{color:#687080;font-size:13px}.panel{padding:16px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}button,.button{color:#fff;background:#3156d3;border:0;border-radius:9px;align-items:center;min-height:36px;padding:0 12px;font-weight:640;text-decoration:none;display:inline-flex}button.secondary,.button.secondary{color:#172036;background:#fff;border:1px solid #d8deea}input[type=text],input[type=password],input[type=number],select,textarea{color:#172036;background:#fff;border:1px solid #d8deea;border-radius:9px;width:100%;min-height:36px;padding:6px 8px}textarea{min-height:110px}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0;display:grid}.steps div{color:#687080;background:#fff;border:1px solid #d8deea;border-radius:12px;padding:10px;font-size:12px}.steps strong{color:#172036;font-size:13px;display:block}.check{border-bottom:1px solid #eef1f6;justify-content:space-between;gap:12px;padding:6px 0;display:flex}.ok{color:#24724f}.bad{color:#9e3c3c}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e6ebf3;padding:7px 6px}.menu{position:relative}.menu summary{cursor:pointer;background:#fff;border:1px solid #d8deea;border-radius:9px;place-items:center;width:36px;min-height:36px;list-style:none;display:grid}.menu a{padding:6px 8px;text-decoration:none;display:block}footer{color:#687080;justify-content:space-between;gap:16px;margin-top:28px;font-size:12px;display:flex}.admin-section{margin-top:12px}.admin-section>summary{cursor:pointer;font-weight:680}.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.warn{color:#72531f;background:#fff8e8;border-radius:10px;padding:10px 12px}@media (width<=900px){.shell{grid-template-columns:1fr}.side{position:static}.cards,.steps,.compact{grid-template-columns:1fr}footer{flex-direction:column}}
