@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root{--ink:#1c2625;--muted:#697571;--line:#dce5df;--surface:#fff;--canvas:#f5f7f3;--soft:#eef4ef;--accent:#176b5b;--accent-dark:#0f5145;--accent-pale:#dcf1e9;--blue-pale:#e6f1f5;--warning:#855e17}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;font-size:14px;line-height:1.45}.topbar{min-height:76px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px max(24px,calc((100vw - 1480px)/2));position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none}.brand-mark{width:39px;height:39px;display:grid;place-items:center;background:var(--accent);color:#fff;border-radius:8px;font-family:Manrope,sans-serif;font-size:12px;font-weight:800;letter-spacing:.04em}.brand strong{display:block;font:700 16px Manrope,sans-serif;letter-spacing:.01em}.brand strong b{color:var(--accent)}.brand small{display:block;font-size:11px;color:var(--muted);margin-top:1px}.topbar-meta{margin-left:auto;margin-right:18px;color:var(--muted);font-size:12px}.topbar-meta span{display:flex;align-items:center;gap:7px}.topbar-meta span:before{content:"";width:7px;height:7px;border-radius:50%;background:#54a57b}.top-actions{display:flex;gap:8px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 332px;gap:24px;max-width:1480px;margin:0 auto;padding:28px 24px 44px}.panel,.preview,.archive{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 28px rgba(24,47,39,.055)}.panel{padding:clamp(22px,3vw,38px)}.preview{padding:22px;align-self:start;position:sticky;top:98px}.archive{max-width:1100px;margin:24px auto;padding:24px}.form-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:28px}.eyebrow,.section-kicker{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin:0 0 7px}.form-intro h1{font:800 clamp(24px,3vw,34px)/1.15 Manrope,sans-serif;letter-spacing:0;margin:0}.form-intro>div>p:last-child{max-width:620px;color:var(--muted);margin:9px 0 0;font-size:14px}.intro-badge{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;white-space:nowrap;padding:8px 10px;background:var(--soft);border:1px solid #dcebe1;border-radius:6px}.intro-badge span{display:grid;place-items:center;width:23px;height:23px;background:var(--accent);border-radius:4px;color:white;font:700 11px Manrope,sans-serif}.workflow{display:flex;align-items:center;gap:18px;padding:15px 17px;margin:0 -2px 10px;border:1px solid var(--line);background:#fafcf9;border-radius:6px}.workflow span{display:flex;align-items:center;gap:8px;color:#89938f;font-size:12px;font-weight:600}.workflow i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e5ebe7;color:#718079;font:700 10px Manrope,sans-serif;font-style:normal}.workflow .is-active{color:var(--accent)}.workflow .is-active i{background:var(--accent);color:white}section{border-top:1px solid var(--line);padding-top:28px;margin-top:28px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:17px}.section-heading h2,.aside-heading h2{font:700 18px/1.2 Manrope,sans-serif;letter-spacing:0;color:var(--ink);margin:0}.section-heading>p{max-width:310px;margin:3px 0 0;color:var(--muted);font-size:12px;text-align:right}label{display:block;font-size:12px;font-weight:600;color:#4d5a56;margin:0 0 12px}input,textarea,select{width:100%;margin-top:6px;border:1px solid #cfdad3;border-radius:5px;padding:10px 11px;font:400 14px "DM Sans",sans-serif;color:var(--ink);background:#fff;transition:border-color .15s,box-shadow .15s,background .15s}input:hover,textarea:hover,select:hover{border-color:#aabbb2}input:focus,textarea:focus,select:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 3px rgba(23,107,91,.12);background:#fcfffd}input[type=file]{padding:8px;background:#f9fbf9;font-size:12px}input[type=file]::file-selector-button{border:0;border-radius:3px;padding:7px 9px;margin-right:9px;background:#e3efe8;color:var(--accent-dark);font:700 11px "DM Sans",sans-serif;cursor:pointer}textarea{resize:vertical;line-height:1.5}.grid{display:grid;gap:0 14px}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:5px 0 16px}.metrics div{padding:13px 14px;border:1px solid #d6e5dc;border-radius:6px;background:var(--soft)}.metrics span,.card span{display:block;font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.metrics strong,.card strong{display:block;font:700 21px Manrope,sans-serif;letter-spacing:0;margin-top:3px;color:var(--accent-dark)}.hint{background:var(--blue-pale);border-left:3px solid #70aab7;color:#2b5862;border-radius:4px;padding:11px 13px;line-height:1.55;margin-bottom:14px;font-size:12px}.hint.compact{margin-top:10px;margin-bottom:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:5px;padding:10px 14px;text-decoration:none;cursor:pointer;font:700 13px "DM Sans",sans-serif;transition:background .15s,border-color .15s,transform .15s}.button:hover{background:var(--accent-dark);border-color:var(--accent-dark);transform:translateY(-1px)}.button:disabled{cursor:wait;opacity:.55}.button b{font-size:11px}.button.ghost{background:#fff;color:var(--accent-dark);border-color:#b8d0c2}.button.ghost:hover{background:#f0f7f2}.button.small{padding:7px 10px;font-size:12px}.doc-actions,.sticky-actions{display:flex;align-items:center;gap:12px}.doc-actions{margin-top:8px}.sticky-actions{position:sticky;bottom:0;z-index:2;justify-content:flex-end;margin:28px -8px -8px;padding:15px 16px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:6px;box-shadow:0 -7px 24px rgba(36,60,49,.08)}.sticky-actions>div{margin-right:auto}.sticky-actions>div strong{display:block;font-size:12px}.sticky-actions>div span{display:block;font-size:11px;color:var(--muted);margin-top:2px}#status,#extractStatus{font-size:12px;color:var(--muted)}.result{margin-top:14px;display:none;line-height:1.55}.result a{color:var(--accent);font-weight:700}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}th{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.rooms-table{border:1px solid var(--line);border-radius:5px;overflow:hidden}.rooms-table td{padding:8px}.rooms-table input{margin-top:0}.rooms-table-wrap{overflow:auto}.room-remove{min-width:72px}.checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.checkitem{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--ink);background:#fbfcfb;border:1px solid var(--line);border-radius:5px;padding:11px 12px;margin:0;cursor:pointer;transition:border-color .15s,background .15s}.checkitem:hover{border-color:#a9c8b7;background:#f4faf6}.checkitem input{width:15px;height:15px;margin:0;accent-color:var(--accent)}.file-summary{margin-top:10px;font-size:12px;line-height:1.5;color:#4f5c56}.file-summary .ok{display:block;padding:5px 0;color:var(--accent-dark)}.aside-heading{padding-bottom:18px;border-bottom:1px solid var(--line)}.aside-heading>p:last-child{margin:7px 0 0;color:var(--muted);font-size:12px}.progress-card{margin:18px 0;padding:14px;background:var(--accent-dark);border-radius:6px;color:white}.progress-card>div:first-child{display:flex;justify-content:space-between;align-items:baseline}.progress-card span{font-size:11px;color:#c7e4d8}.progress-card strong{font:700 13px Manrope,sans-serif}.progress-card small{display:block;color:#c7e4d8;font-size:10px}.progress-line{height:4px;margin:13px 0 10px;background:rgba(255,255,255,.22);border-radius:3px;overflow:hidden}.progress-line i{display:block;width:28%;height:100%;background:#a8e0be;border-radius:inherit}.card,.result{border:1px solid var(--line);border-radius:6px;padding:14px;background:#fbfcfb}.card{margin-top:10px}.card small{display:block;line-height:1.5;color:var(--muted);margin-top:8px;font-size:12px}.card p{margin:12px 0 0}.project-list{display:grid;gap:16px}.project-folder{border:1px solid var(--line);border-radius:6px;padding:16px;background:#fbfcfb}.project-folder-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}.project-folder h2{margin:0 0 5px;font:700 15px Manrope,sans-serif;color:var(--ink);text-transform:none}.project-folder-head span{font-size:12px;color:var(--muted)}.folder-badge{white-space:nowrap;background:var(--accent-pale);color:var(--accent-dark);border-radius:999px;padding:5px 9px;font-size:11px!important}.empty{padding:40px;text-align:center;color:var(--muted)}@media(max-width:1000px){.layout{grid-template-columns:1fr;padding:18px}.preview{position:static}.four,.three,.two{grid-template-columns:1fr}.metrics,.checklist{grid-template-columns:1fr}.doc-actions{align-items:flex-start;flex-direction:column}.topbar{padding:10px 16px}.topbar-meta{display:none}.form-intro,.section-heading{flex-direction:column;gap:8px}.section-heading>p{text-align:left}.workflow{gap:10px;overflow:auto}.workflow span{white-space:nowrap}.sticky-actions{align-items:flex-start;flex-wrap:wrap}.sticky-actions>div{width:100%}.project-folder-head{flex-direction:column;gap:8px}}@media(max-width:560px){.layout{padding:12px}.panel{padding:20px 16px}.topbar{min-height:64px}.brand small{display:none}.form-intro h1{font-size:24px}.workflow{padding:12px}.workflow span{font-size:11px}.workflow span:not(.is-active){display:none}.preview{padding:18px}.sticky-actions .button{width:100%}}
/* Wizard navigation */
.workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px;margin:0 -2px 10px;border:1px solid var(--line);background:#fafcf9;border-radius:6px}
.workflow-step{display:flex;flex:1;align-items:center;justify-content:center;gap:8px;border:0;border-radius:5px;padding:9px 8px;background:transparent;color:#89938f;font:600 12px "DM Sans",sans-serif;cursor:pointer}
.workflow-step:hover{background:#f0f7f2;color:var(--accent-dark)}
.workflow-step i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e5ebe7;color:#718079;font:700 10px Manrope,sans-serif;font-style:normal}
.workflow-step.is-active{background:var(--accent-pale);color:var(--accent-dark)}
.workflow-step.is-active i{background:var(--accent);color:white}
.wizard-page[hidden]{display:none}
.wizard-nav{display:flex;justify-content:space-between;gap:10px;margin:28px 0 4px;padding-top:18px;border-top:1px solid var(--line)}
@media(max-width:560px){.workflow{gap:4px;padding:5px}.workflow-step{padding:8px 4px;font-size:10px}.workflow-step i{width:20px;height:20px;flex:0 0 20px}.wizard-nav{align-items:stretch;flex-direction:column}.wizard-nav .button{width:100%}}