*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f7fa;color:#1a1a00}.wrap{max-width:850px;margin:auto;padding:20px}.hero{background:#336699;color:#fff;padding:30px;border-top:8px solid #0099ff}.hero h1{margin:0 0 8px;font-size:clamp(28px,5vw,48px)}.hero p{font-size:18px;line-height:1.5}form,.panel{background:#fff;padding:28px;box-shadow:0 10px 30px #33669922}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{font-weight:700;display:block;margin-bottom:6px}input,select{width:100%;padding:14px;border:1px solid #ccd5df;font-size:16px;background:#fff}.full{grid-column:1/-1}button,.btn{background:#0099ff;color:#fff;border:0;padding:14px 20px;font-weight:800;text-decoration:none;cursor:pointer}.success{background:#fff;border-left:8px solid #0099ff;padding:30px}.error{background:#ffe7ef;padding:12px;margin-bottom:15px}.note{color:#336699}.tools{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;background:#fff;font-size:14px}th,td{padding:10px;border-bottom:1px solid #e5e9ee;text-align:left;white-space:nowrap}th{background:#336699;color:#fff}@media(max-width:650px){.grid{grid-template-columns:1fr}.full{grid-column:auto}.wrap{padding:10px}.hero,form,.panel{padding:20px}}