*{box-sizing:border-box}:root{color:#1c2326;background:#f5f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-width:320px;margin:0}button,input{font:inherit}button{border:0}a{color:inherit}.appShell{background:#f5f7f4;min-height:100vh}.hero{color:#fff;background:linear-gradient(110deg,#0c2327eb,#143134d1),linear-gradient(#d9ddd6,#f5f7f4);grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:clamp(20px,4vw,54px);min-height:88vh;padding:clamp(18px,4vw,54px);display:grid}.heroCopy{align-content:center;gap:24px;min-width:0;display:grid}.brandLine,.adminHeader{justify-content:space-between;align-items:center;gap:16px;display:flex}.brandLine span,.adminHeader span{color:#9dd1bd;letter-spacing:.06em;text-transform:uppercase;font-size:.82rem;font-weight:900}.brandLine a,.adminHeader a{color:#fff;border:1px solid #ffffff3d;border-radius:8px;align-items:center;min-height:40px;padding:0 14px;font-weight:850;text-decoration:none;display:inline-flex}h1,h2,p{margin-top:0}.hero h1{max-width:760px;margin-bottom:0;font-size:clamp(2.4rem,7vw,5.8rem);line-height:.98}.hero p{color:#d8e4de;max-width:660px;margin-bottom:0;font-size:clamp(1rem,2vw,1.22rem);line-height:1.55}.productSwitch{grid-template-columns:repeat(2,minmax(0,220px));gap:10px;display:grid}.productSwitch button{color:#fff;cursor:pointer;background:#ffffff1f;border-radius:8px;min-height:58px;font-weight:950}.productSwitch button.active{color:#1e2729;background:#f0c35a}.productVisual{align-content:center;min-height:540px;display:grid;position:relative}.awningFrame{background:linear-gradient(90deg,#ffffff1f 0 1px,#0000 1px 72px),linear-gradient(#eef0ec 0 38%,#cdd4cf 38% 42%,#aeb8b5 42% 100%);border:1px solid #ffffff2e;border-radius:8px;min-height:min(62vh,600px);position:relative;overflow:hidden;box-shadow:0 32px 80px #00000047}.awningFrame:before,.awningFrame:after{content:"";background:#677379;width:16px;position:absolute;top:88px;bottom:0}.awningFrame:before{left:13%}.awningFrame:after{right:13%}.roller{z-index:4;background:linear-gradient(#f0f3f2,#8b969b);border-radius:18px;height:34px;position:absolute;top:72px;left:10%;right:10%}.fabric{z-index:2;color:#ffffffdb;text-shadow:0 2px 16px #00000052;border:1px solid #1a20232e;place-items:center;height:58%;font-size:clamp(1.2rem,2vw,2rem);font-weight:950;display:grid;position:absolute;top:98px;left:16%;right:16%}.fabric.bez,.swatch.bez{background:#c9b78f}.fabric.siva,.swatch.siva{background:#8f9698}.fabric.antracit,.swatch.antracit{background:#333b40}.windowPreview{z-index:3;place-items:center;height:88px;display:grid;position:absolute;bottom:18%;left:23%;right:23%}.windowPreview span{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#c9e8ee75;border:2px solid #ffffff94;width:100%;height:100%;display:block}.measureBadge{z-index:5;color:#1e2729;background:#f0c35a;border-radius:8px;align-items:center;gap:10px;min-height:52px;padding:0 16px;display:inline-flex;position:absolute;bottom:28px;right:22px;box-shadow:0 18px 44px #0000003d}.quoteBand{grid-template-columns:minmax(340px,760px) minmax(280px,380px);align-items:start;gap:24px;max-width:1220px;margin:0 auto;padding:clamp(18px,5vw,58px);display:grid}.quoteForm,.prepPanel,.loginPanel,.inquiryCard,.statsGrid>div{background:#fff;border:1px solid #1c23261a;border-radius:8px;box-shadow:0 14px 36px #222b2a14}.quoteForm,.prepPanel,.loginPanel{padding:clamp(16px,3vw,28px)}.formHeader{margin-bottom:20px}.formHeader h2,.prepPanel h2{margin-bottom:6px;font-size:clamp(1.5rem,3vw,2.1rem)}.formHeader p,.prepPanel li,.inquiryTop p,.inquiryTop span{color:#647073}.formGrid,.choiceGrid,.colorGrid,.contactGrid,.adminEdit,.statsGrid{gap:12px;display:grid}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr))}label{color:#354144;gap:7px;margin-bottom:16px;font-size:.92rem;font-weight:850;display:grid}input{color:#1c2326;background:#fbfcfb;border:1px solid #1c232626;border-radius:8px;outline:none;width:100%;min-height:48px;padding:0 13px}input:focus{border-color:#2e7b62;box-shadow:0 0 0 3px #2e7b6224}fieldset{border:0;min-width:0;margin:0 0 16px;padding:0}legend{color:#354144;margin-bottom:9px;font-size:.92rem;font-weight:900}.choiceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.colorGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.choice,.colorChoice{cursor:pointer;background:#fbfcfb;border:1px solid #1c23261f;border-radius:8px;align-items:center;min-height:52px;margin:0;padding:0 12px}.choice{grid-template-columns:18px minmax(0,1fr)}.colorChoice{grid-template-columns:18px 26px minmax(0,1fr)}.choice.active,.colorChoice.active{background:#edf6f2;border-color:#2e7b62}.swatch{border:1px solid #1c232629;border-radius:50%;width:26px;height:26px}.uploadBox{color:#2e7b62;cursor:pointer;text-align:center;background:#edf6f2;border:1px dashed #2e7b6261;border-radius:8px;place-items:center;min-height:150px;margin-bottom:16px;padding:18px;position:relative}.uploadBox input{opacity:0;cursor:pointer;position:absolute;inset:0}.uploadBox small{color:#60706b;font-weight:650}.imagePreviewGrid,.adminImages{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;margin-bottom:16px;display:grid}.imagePreviewGrid figure{margin:0}.imagePreviewGrid img,.adminImages img{aspect-ratio:4/3;object-fit:cover;border-radius:8px;width:100%;display:block}.imagePreviewGrid figcaption{color:#647073;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:.76rem;overflow:hidden}.submitButton{color:#fff;cursor:pointer;background:#2e7b62;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;font-weight:950;display:inline-flex}.submitButton:disabled{cursor:wait;opacity:.68}.statusMessage{color:#245f4c;background:#edf6f2;border:1px solid #2e7b622e;border-radius:8px;margin-top:14px;padding:12px;font-weight:850}.customerEstimate{color:#fff;background:#102327;border:1px solid #2e7b622e;border-radius:8px;gap:4px;margin-bottom:18px;padding:14px 16px;display:grid}.customerEstimate span{color:#9dd1bd;text-transform:uppercase;font-size:.82rem;font-weight:900}.customerEstimate strong{font-size:clamp(1.7rem,4vw,2.6rem);line-height:1}.statusMessage.error{color:#a9382b;background:#fff0ee;border-color:#a9382b38}.prepPanel{position:sticky;top:20px}.prepPanel ul{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.prepPanel li{background:#f8faf8;border-left:4px solid #f0c35a;min-height:42px;padding:10px 12px;font-weight:850}.adminGate{background:#102327;place-items:center;min-height:100vh;padding:18px;display:grid}.loginPanel{width:min(100%,420px);display:grid}.loginPanel h1{margin-bottom:18px}.adminShell{background:#f5f7f4;min-height:100vh;padding:clamp(16px,4vw,42px)}.adminHeader{color:#1c2326;max-width:1180px;margin:0 auto 20px}.adminHeader a{color:#1c2326;border-color:#1c232624}.adminHeader h1{margin-bottom:0;font-size:clamp(2rem,5vw,4rem)}.statsGrid,.inquiryList{max-width:1180px;margin:0 auto}.statsGrid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.statsGrid>div{gap:4px;padding:16px;display:grid}.statsGrid span{color:#647073;font-weight:850}.statsGrid strong{font-size:2rem}.inquiryList{gap:14px;display:grid}.inquiryCard{gap:14px;padding:16px;display:grid}.inquiryCard.processed{background:#f9fbf9}.inquiryTop{justify-content:space-between;gap:12px;display:flex}.inquiryTop h2{margin:4px 0 6px}.inquiryTop p{margin-bottom:0}mark{color:#245f4c;background:#edf6f2;border-radius:8px;align-self:start;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-weight:900;display:inline-flex}.contactGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.contactGrid a{overflow-wrap:anywhere;background:#f0f3f2;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:0 12px;font-weight:850;text-decoration:none;display:inline-flex}.adminEdit{grid-template-columns:minmax(220px,1fr) minmax(220px,auto);align-items:end}.calculationPanel{background:#f8faf8;border:1px solid #2e7b6229;border-radius:8px;gap:12px;padding:14px;display:grid}.calcHeader{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.calcHeader span,.calcHeader small{color:#647073;text-transform:uppercase;font-size:.78rem;font-weight:900}.calcHeader h3{margin:4px 0 0;font-size:1.6rem}.calcMeta{flex-wrap:wrap;gap:8px;display:flex}.calcMeta span{color:#245f4c;background:#edf6f2;border-radius:8px;min-height:30px;padding:6px 10px;font-size:.86rem;font-weight:850}.calcLines{gap:8px;display:grid}.calcLine{background:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(120px,auto) minmax(86px,auto);align-items:start;gap:8px;padding:10px;display:grid}.calcLine span{font-weight:900}.calcLine small{color:#647073}.calcLine strong{text-align:right}.calcLine em{color:#647073;grid-column:1/-1;font-size:.82rem;font-style:normal}.calcNotes{color:#647073;gap:6px;margin:0;padding-left:18px;font-size:.88rem;display:grid}.processedToggle{background:#f8faf8;border-radius:8px;align-items:center;min-height:48px;margin-bottom:16px;padding:0 12px;display:flex}.processedToggle input{width:20px;min-height:20px}.emptyState{color:#647073;border:1px dashed #1c23262e;border-radius:8px;place-items:center;min-height:160px;font-weight:850;display:grid}@media (width<=920px){.hero,.quoteBand{grid-template-columns:1fr}.hero{min-height:auto}.productVisual{min-height:420px}.prepPanel{position:static}}@media (width<=640px){.hero{padding:16px}.brandLine,.adminHeader,.inquiryTop{display:grid}.productSwitch,.formGrid,.choiceGrid,.colorGrid,.contactGrid,.adminEdit,.statsGrid,.calcLine{grid-template-columns:1fr}.calcLine strong{text-align:left}.productVisual{min-height:340px}.awningFrame{min-height:330px}.fabric{left:12%;right:12%}.awningFrame:before{left:8%}.awningFrame:after{right:8%}.measureBadge{max-width:calc(100% - 24px);bottom:12px;right:12px}}