:root {\n –bg: #f7fafc;\n –card: #ffffff;\n –muted: #6b7280;\n –accent: #0f172a;\n –primary: #0ea5a4;\n}\n* {\n box-sizing: border-box;\n}\nbody {\n font-family: Inter, system-ui, -apple-system, \Segoe UI\ Roboto, \Helvetica Neue\ Arial;\n margin: 0;\n background: var(–bg);\n color: var(–accent);\n}\n.container {\n max-width: 1100px;\n margin: 28px auto;\n padding: 24px;\n}\nheader {\n display: flex;\n align-items: center;\n gap: 16px;\n}\nh1 {\n font-size: 1.4rem;\n margin: 0;\n}\n.grid {\n display: grid;\n grid-template-columns: 1fr 360px;\n gap: 20px;\n margin-top: 18px;\n}\n.card {\n background: var(–card);\n border-radius: 12px;\n padding: 18px;\n box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);\n}\n.controls {\n display: flex;\n gap: 8px;\n align-items: center;\n}\nlabel {\n display: block;\n font-weight: 600;\n color: var(–accent);\n margin-bottom: 6px;\n}\n.row {\n display: flex;\n gap: 8px;\n align-items: center;\n}\ninput[type=\text\input[type=\number\textarea,\nselect {\n width: 100%;\n padding: 8px;\n border: 1px solid #e6e9ee;\n border-radius: 8px;\n}\n.small {\n width: 120px;\n}\n.section {\n margin-top: 18px;\n}\n.section h2 {\n margin: 0 0 8px 0;\n font-size: 1.05rem;\n}\n.items {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 10px;\n}\n.item {\n padding: 10px;\n border: 1px solid #eef2f7;\n border-radius: 8px;\n background: #fcfdff;\n}\n.item .title {\n font-weight: 700;\n margin-bottom: 6px;\n}\n.muted {\n color: var(–muted);\n font-size: 0.9rem;\n}\n.btn {\n background: var(–primary);\n color: #fff;\n padding: 10px 12px;\n border-radius: 10px;\n border: none;\n cursor: pointer;\n}\n.btn.ghost {\n background: transparent;\n color: var(–primary);\n border: 1px solid #cdeaea;\n}\ndetails {\n margin-top: 10px;\n}\nsummary {\n font-weight: 700;\n cursor: pointer;\n padding: 8px 10px;\n border-radius: 8px;\n background: #fbfcfd;\n}\n.accordion-content {\n padding: 10px;\n}\n.radio-row {\n display: flex;\n gap: 10px;\n align-items: center;\n}\n.comment {\n margin-top: 8px;\n}\n.form-actions {\n display: flex;\n gap: 8px;\n justify-content: flex-end;\n margin-top: 12px;\n}\nfooter {\n margin-top: 20px;\n text-align: center;\n color: var(–muted);\n font-size: 0.9rem;\n}\n@media (max-width: 980px) {\n .grid {\n grid-template-columns: 1fr;\n }\n .items {\n grid-template-columns: 1fr;\n }\n}
