:root{--bg:#f4f7fb;--card:#fff;--ink:#172033;--muted:#667085;--accent:#1769aa;--accent2:#0e4f84;--line:#d9e2ec;--good:#eaf7ee}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink)}
.wrap{max-width:980px;margin:auto;padding:18px}.head{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;padding:22px;border-radius:18px;margin-bottom:18px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.head h1{margin:0 0 8px;font-size:clamp(24px,4vw,36px)}.head p{margin:0;opacity:.92}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;margin:14px 0;box-shadow:0 5px 18px rgba(0,0,0,.04)}
.section{display:none}.section.active{display:block}.section h2{margin-top:0}.note{background:#eef6ff;border-left:4px solid var(--accent);padding:10px 12px;border-radius:8px;margin:10px 0 16px}.field{margin:14px 0}.field>label{display:block;font-weight:600;margin-bottom:7px}input[type=text],input[type=tel],input[type=date],input[type=time],input[type=number],textarea{width:100%;padding:11px 12px;border:1px solid #c7d3df;border-radius:10px;font-size:16px;background:#fff}textarea{min-height:90px;resize:vertical}.opts{display:flex;flex-wrap:wrap;gap:8px}.opt{border:1px solid #ccd7e2;border-radius:10px;padding:8px 10px;background:#fafcff}.matrix{overflow-x:auto}.matrix table{width:100%;border-collapse:collapse;min-width:650px}.matrix th,.matrix td{border-bottom:1px solid #e6ebf0;padding:10px 8px;text-align:center}.matrix th:first-child,.matrix td:first-child{text-align:left;min-width:320px}.nav{display:flex;justify-content:space-between;gap:10px;position:sticky;bottom:0;padding:12px 0;background:linear-gradient(transparent,var(--bg) 28%)}button,.btn{appearance:none;border:0;border-radius:11px;padding:12px 18px;font-size:16px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.primary{background:var(--accent);color:#fff}.secondary{background:#e8eef5;color:#223}.progress{height:9px;background:#e4eaf0;border-radius:99px;overflow:hidden;margin:10px 0 0}.progress>div{height:100%;background:#fff;opacity:.9;width:0}.small{font-size:13px;color:var(--muted)}.success{background:var(--good);border:1px solid #b9e0c4;padding:16px;border-radius:12px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:8px;border-bottom:1px solid #ddd;text-align:left;vertical-align:top}@media(max-width:640px){.wrap{padding:10px}.card{padding:14px}.opts{display:grid}.opt{width:100%}.nav button{flex:1}.matrix table{min-width:560px}}