*{box-sizing:border-box}body{margin:0;background:#f3f7f7;color:#21343a;font:16px Arial}.wrap{max-width:960px;margin:28px auto;padding:0 15px}.hero,.panel{padding:23px;border-radius:13px;margin-bottom:16px}.hero{background:#123d57;color:white}.hero small{color:#bce7d5;letter-spacing:2px}.panel{background:white;box-shadow:0 3px 15px #1832}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{margin:13px 0}label{display:block;font-weight:600;margin-bottom:6px}input,select{width:100%;padding:12px;border:1px solid #cbd6d9;border-radius:7px;font-size:16px}input[type=checkbox]{width:auto}button,.btn{background:#087d70;color:white;border:0;border-radius:7px;padding:12px 17px;text-decoration:none;cursor:pointer}.notice{background:#e1f5e9;padding:12px;border-radius:8px}.muted{font-size:13px;color:#60727a}.checks{display:grid;grid-template-columns:1fr 1fr;gap:9px}.checks label{font-weight:normal}.checks input{width:auto}.tablebox{overflow:auto}table{width:100%;border-collapse:collapse;background:white}td,th{padding:10px;border-bottom:1px solid #ddd;text-align:left;font-size:14px}.nav{display:flex;gap:10px;margin:14px 0}.stat{background:#e4f3ef;padding:16px;border-radius:9px}.stat b{display:block;font-size:26px}@media(max-width:650px){.grid,.checks{grid-template-columns:1fr}.wrap{margin:12px auto}.panel,.hero{padding:16px}}