*{box-sizing:border-box}body{margin:0;background:#f3f4f6;color:#111827;font-family:Arial,Helvetica,sans-serif;line-height:1.45}.page{width:min(920px,calc(100% - 24px));margin:24px auto}.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.06);overflow:hidden;margin-bottom:22px}.title{margin:0;padding:22px 24px;background:#000;color:#fff;text-align:center;text-transform:uppercase;font-size:clamp(26px,5vw,44px)}form,.records{padding:24px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field label{display:block;font-weight:700;margin-bottom:7px}input[type=text],input[type=date],input[type=time],textarea{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:11px 12px;font:inherit}textarea{min-height:120px;resize:vertical}fieldset{border:0;padding:0;margin:24px 0 0}legend{width:100%;font-size:20px;font-weight:800;margin-bottom:12px}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.options.three{grid-template-columns:repeat(3,1fr)}.option{display:flex;align-items:flex-start;gap:9px}.option input{margin-top:4px;transform:scale(1.15)}.top-gap{margin-top:18px}.subhead{background:#000;color:#fff;text-align:center;font-weight:800;text-transform:uppercase;font-size:20px;padding:11px 16px;margin:28px -24px 14px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.actions.compact{margin:0 0 14px}button{border:0;border-radius:8px;padding:11px 16px;font:inherit;font-weight:700;cursor:pointer}.primary{background:#000;color:#fff}.secondary{background:#e5e7eb}.danger{background:#fee2e2;color:#b91c1c}.small{padding:7px 10px;font-size:14px}.notice{display:none;margin-top:16px;padding:12px;border-radius:8px;font-weight:700}.notice.success{display:block;background:#dcfce7;color:#166534}.notice.error{display:block;background:#fee2e2;color:#991b1b}.record{border:1px solid #d1d5db;border-radius:10px;padding:14px;margin-top:12px}.record-head{display:flex;justify-content:space-between;gap:12px}.record-title{font-weight:800}.record-meta{color:#6b7280;font-size:14px}.record-actions{margin-top:12px}@media(max-width:700px){.grid-2,.options,.options.three{grid-template-columns:1fr}.record-head{flex-direction:column}}