body{min-height:100vh}:root{color:#152033;background:#eef3f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}main{width:min(1180px,100% - 32px);margin:0 auto;padding:32px 0}.hero{color:#fff;background:linear-gradient(135deg,#16213e,#2f80ed 70%,#78d3ff);border-radius:28px;justify-content:space-between;align-items:center;gap:24px;padding:32px;display:flex;box-shadow:0 20px 60px #16213e38}.eyebrow{text-transform:uppercase;letter-spacing:.14em;opacity:.8;margin:0 0 8px;font-size:.78rem}h1{margin:0;font-size:clamp(2.5rem,6vw,5rem);line-height:1}h2{margin:0 0 16px;font-size:1.05rem}.muted,span{color:#687386}.hero .muted{color:#ffffffc7}button{cursor:pointer;color:#fff;background:#16213e;border:0;border-radius:999px;padding:10px 16px;font-weight:700}.hero button{color:#16213e;white-space:nowrap;background:#fff}button:disabled{opacity:.45;cursor:not-allowed}button.danger{background:#9f1239}.message{color:#14532d;background:#dcfce7;border-radius:14px;margin:18px 0;padding:12px 16px}.grid{gap:18px;margin:18px 0;display:grid}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.forms{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.card{background:#fff;border-radius:22px;padding:20px;box-shadow:0 10px 35px #0f172a14}.bucket{border-top:1px solid #edf1f5;justify-content:space-between;gap:12px;padding:10px 0;display:flex}label{color:#344055;gap:6px;margin:12px 0;font-weight:700;display:grid}input,select,textarea{color:#152033;background:#fbfdff;border:1px solid #dbe3ee;border-radius:12px;width:100%;padding:10px 12px}textarea{resize:vertical;min-height:88px}.checkbox{grid-template-columns:auto 1fr;align-items:center;font-weight:600;display:flex}.checkbox input{width:auto}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #edf1f5;padding:14px 10px}th{color:#687386;text-transform:uppercase;letter-spacing:.06em;font-size:.82rem}.actions{flex-wrap:wrap;gap:8px;min-width:220px;display:flex}.actions input{max-width:130px}@media (width<=820px){.hero,.cards,.forms{grid-template-columns:1fr}.hero{display:grid}.hero button{width:fit-content}}