*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#f5f7fb;color:#18212f}header{background:#101827;color:#fff;padding:16px 5%;display:flex;gap:28px;align-items:center}nav{display:flex;gap:16px;align-items:center;margin-left:auto}nav a{color:#dce7ff;text-decoration:none}.inline{display:inline}.inline button{background:transparent;border:0;color:#dce7ff;padding:0}main{max-width:1200px;margin:32px auto;padding:0 22px}footer{text-align:center;color:#687386;padding:35px}.card,.stat{background:#fff;border:1px solid #dde3ec;border-radius:10px;padding:22px;margin:16px 0}.narrow{max-width:480px;margin:60px auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.stat span{display:block;font-size:2rem;margin-top:8px}label{display:block;margin:14px 0}input,select,textarea{width:100%;padding:10px;border:1px solid #bcc6d4;border-radius:6px;margin-top:5px}button,.button{display:inline-block;background:#1f5eff;color:#fff;border:0;border-radius:6px;padding:10px 16px;text-decoration:none;cursor:pointer}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;align-items:end}table{width:100%;border-collapse:collapse;background:#fff}th,td{text-align:left;padding:11px;border-bottom:1px solid #e4e8ef}.notice{background:#eaf4ff;border:1px solid #b8d8ff;padding:12px;border-radius:6px}.hero{padding:50px 0}.hero h1{font-size:2.5rem;margin-bottom:8px}@media(max-width:700px){header{align-items:flex-start;flex-direction:column}nav{margin-left:0;flex-wrap:wrap}table{font-size:.85rem;display:block;overflow:auto}}