:root{--bg:#f4f7f5;--panel:#fff;--ink:#18211d;--muted:#68746d;--line:#dfe7e2;--accent:#1f7a5a;--accentSoft:#e6f2ec;--sidebar:#17221d;--danger:#a83e3e;--warning:#8b641b}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:active:not(:disabled){transform:translateY(1px)}a{color:inherit}.linkReset{text-decoration:none}.shell{grid-template-columns:238px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--sidebar);color:#fff;flex-direction:column;gap:22px;padding:24px 18px;display:flex}.brand{align-items:center;gap:12px;padding:0 8px;display:flex}.brandMark{color:#174f3b;background:#dff3e8;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand small{opacity:.65;margin-top:2px}.workspaceName{border:1px solid #ffffff1a;border-radius:12px;padding:12px}.workspaceName span,.workspaceName strong{display:block}.workspaceName span{color:#8fa39a;font-size:11px}.workspaceName strong{text-overflow:ellipsis;margin-top:4px;font-size:13px;overflow:hidden}.sidebar nav{gap:5px;display:grid}.navItem{color:#c9d5cf;text-align:left;background:0 0;border:0;border-radius:10px;padding:11px 12px;font-size:14px;text-decoration:none;display:block}.navItem:hover{color:#fff;background:#ffffff14}.navItem.disabled{opacity:.35;cursor:default}.planCard{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:14px;margin-top:auto;padding:14px}.planCard span,.planCard strong,.planCard small{display:block}.planCard span,.planCard small{color:#8fa39a;font-size:11px}.planCard strong{letter-spacing:.04em;margin:4px 0;font-size:13px}.signOut{width:100%}.workspace{min-width:0}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffc7;justify-content:space-between;align-items:center;gap:18px;min-height:88px;padding:18px 28px;display:flex}h1,h2,h3,p{margin:0}h1{margin-top:3px;font-size:26px}h2{margin-top:3px;font-size:19px}h3{font-size:14px}.eyebrow{letter-spacing:.12em;color:var(--muted);font-size:11px;font-weight:700}.muted{color:var(--muted);margin-top:5px;font-size:13px}.finePrint{color:var(--muted);margin-top:16px;font-size:11px;line-height:1.5}.primary,.secondary{border:0;border-radius:11px;padding:11px 15px;font-weight:700}.primary{background:var(--accent);color:#fff}.secondary{background:var(--accentSoft);color:#14583f}.linkButton{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.wide{width:100%}.textLink{color:#17684c;font-size:13px;font-weight:700;text-decoration:none}.topActions,.formActions{align-items:center;gap:10px;display:flex}.pageContent{padding:22px}.pageContent.narrow{max-width:780px;margin:0 auto}.pageContent.compact{padding-bottom:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #20372b0a}.panelHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:15px 16px;display:flex}.metricGrid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.metricCard{border:1px solid var(--line);background:#fff;border-radius:15px;padding:17px}.metricCard span,.metricCard strong,.metricCard small{display:block}.metricCard span,.metricCard small{color:var(--muted);font-size:12px}.metricCard strong{margin:6px 0;font-size:28px}.notice{border-radius:12px;margin-bottom:16px;padding:13px 15px;font-size:13px;line-height:1.5}.notice.success{color:#185a42;background:#e9f6ef;border:1px solid #c7e6d6}.notice.warning{color:#765317;background:#fff8e9;border:1px solid #ead6a8}.notice.error{color:#873838;background:#fff0f0;border:1px solid #efcccc}.tableWrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid #edf1ef;padding:13px 16px}th{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:#fafcfb;font-size:11px}.pill{color:#526159;background:#eef3f0;border-radius:999px;padding:4px 8px;font-size:11px;display:inline-block}.emptyState{text-align:center;padding:38px}.emptyState p{max-width:520px;color:var(--muted);margin:8px auto 18px;font-size:13px;line-height:1.6}.authPage{background:radial-gradient(circle at 15% 10%,#e5f2eb,transparent 34%),var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.authCard{border:1px solid var(--line);background:#fff;border-radius:22px;width:min(440px,100%);padding:30px;box-shadow:0 22px 60px #1b342717}.authCard.wideCard{width:min(720px,100%)}.authBrand{align-items:center;gap:11px;margin-bottom:24px;display:flex}.authBrand strong,.authBrand small{display:block}.authBrand small{color:var(--muted)}.authCard h1{margin-bottom:6px;font-size:28px}.stackForm{gap:14px;margin-top:22px;display:grid}.stackForm.padded{margin-top:0;padding:20px}label{color:var(--muted);gap:7px;font-size:12px;display:grid}input,select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fbfcfb;border-radius:10px;outline:none;padding:10px 11px}input:focus,select:focus{border-color:#79a993;box-shadow:0 0 0 3px #1f7a5a14}.formGrid2,.formGrid3{gap:12px;display:grid}.formGrid2{grid-template-columns:repeat(2,1fr)}.formGrid3{grid-template-columns:repeat(3,1fr)}.formPanel{align-self:start}.twoColumnPage{grid-template-columns:minmax(340px,.8fr) minmax(420px,1.2fr);gap:16px;display:grid}.priceList{display:grid}.priceRow{border-bottom:1px solid #edf1ef;justify-content:space-between;gap:16px;padding:14px 16px;display:flex}.priceRow>div:first-child{gap:5px;display:grid}.priceRow strong{font-size:13px}.priceRow small{color:var(--muted);font-size:11px}.priceValue{text-align:right;white-space:nowrap}.contentGrid{grid-template-columns:230px minmax(440px,1fr) 310px;align-items:start;gap:16px;padding:22px;display:grid}.treePanel{min-height:180px}.iconButton{border:1px solid var(--line);background:#fff;border-radius:8px;width:28px;height:28px}.cabinetRow{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1ef;grid-template-columns:54px 1fr;gap:8px;width:100%;padding:13px 14px;display:grid}.cabinetRow>span{color:var(--muted);text-transform:uppercase;padding-top:2px;font-size:10px}.cabinetRow strong,.cabinetRow small{display:block}.cabinetRow strong{font-size:13px}.cabinetRow small{color:var(--muted);margin-top:4px}.cabinetRow.selected{background:var(--accentSoft);box-shadow:inset 3px 0 0 var(--accent)}.miniEmpty{color:var(--muted);padding:20px;font-size:12px}.editorPanel{min-height:590px}.fieldGrid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.fieldGrid.two{grid-template-columns:repeat(2,1fr)}.formSection{padding:18px 18px 4px}.formSection h3{margin-bottom:14px}.engineNote{background:#f5fbf8;border:1px dashed #a9c6b8;border-radius:12px;margin:22px 18px;padding:14px}.engineNote strong,.engineNote span{display:block}.engineNote strong{font-size:13px}.engineNote span{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.5}.costPanel{position:sticky;top:16px}.liveDot{color:var(--accent);letter-spacing:.1em;font-size:10px;font-weight:800}.costRows{padding:10px 16px}.costRows div{justify-content:space-between;gap:16px;padding:7px 0;font-size:12px;display:flex}.costRows span{color:var(--muted)}.costRows .soft{border-top:1px dashed var(--line);margin-top:4px;padding-top:10px}.trueCost{border-top:1px solid var(--line);justify-content:space-between;margin:2px 16px 0;padding:13px 0;font-size:13px;display:flex}.priceHero{background:var(--sidebar);color:#fff;border-radius:14px;margin:0 16px;padding:16px}.priceHero span,.priceHero strong,.priceHero small{display:block}.priceHero span{color:#a8b7b0;font-size:11px}.priceHero strong{margin:5px 0 3px;font-size:26px}.priceHero small{color:#a8b7b0}.warningList{color:#765317;background:#fff8e9;border-radius:11px;margin:14px 16px 16px;padding:12px;font-size:11px;line-height:1.45}.warningList strong,.warningList span{display:block}.warningList span{margin-top:4px}.variantGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.variantSelectForm{margin:0}.variantCard{text-align:left;border:1px solid var(--line);background:#fff;width:100%;height:100%;transition:border-color .15s,box-shadow .15s,transform .15s,background .15s;position:relative}.variantCard:hover{border-color:#9f7b65;transform:translateY(-1px)}.variantCardActive{background:#fffaf6;padding:15px;box-shadow:0 0 0 2px #4f30221f,0 12px 26px #4f30221a;border:3px solid #4f3022!important}.variantCardActive:after{content:"✓";color:#fff;background:#4f3022;border-radius:999px;place-items:center;width:24px;height:24px;font-size:13px;font-weight:900;display:grid;position:absolute;top:10px;right:10px}.variantCardActive>strong{color:#3f281e}.interactionBusy{z-index:10000;color:#3f3029;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffcf9f7;border:1px solid #d2c3b8;border-radius:999px;align-items:center;gap:10px;max-width:min(360px,100vw - 28px);padding:11px 14px;font-size:13px;font-weight:800;animation:.16s ease-out interactionIn;display:flex;position:fixed;top:18px;right:18px;box-shadow:0 14px 38px #281c152e}.interactionSpinner{border:2px solid #d9c9bd;border-top-color:#5b3828;border-radius:50%;flex:none;width:16px;height:16px;animation:.72s linear infinite interactionSpin}@keyframes interactionSpin{to{transform:rotate(360deg)}}@keyframes interactionIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1180px){.contentGrid{grid-template-columns:210px 1fr}.costPanel{grid-column:1/-1;position:static}.twoColumnPage{grid-template-columns:1fr}}@media (max-width:780px){.shell{grid-template-columns:1fr}.sidebar{display:none}.contentGrid{grid-template-columns:1fr;padding:12px}.fieldGrid,.fieldGrid.two,.formGrid2,.formGrid3,.metricGrid{grid-template-columns:1fr}.topbar{padding:15px}.pageContent{padding:12px}.topActions{flex-wrap:wrap}.authCard{padding:22px}.interactionBusy{justify-content:center;max-width:none;top:10px;left:10px;right:10px}.variantGrid{grid-template-columns:1fr}}
:root{--mq-bg:#f7f1e8;--mq-bg-secondary:#eee2d5;--mq-surface:#fffdfa;--mq-surface-soft:#fff7f0;--mq-surface-selected:#f3dfd0;--mq-text:#211914;--mq-text-secondary:#75685e;--mq-text-on-dark:#fff6ef;--mq-border:#dfd0c0;--mq-border-strong:#cdb8a6;--mq-brand:#8a5837;--mq-copper:#b86e3e;--mq-brass:#d79a66;--mq-accent-soft:#ead0b7;--mq-sidebar:#24170f;--mq-sidebar-deep:#1d1410;--mq-button:#2b1d16;--mq-button-hover:#352319;--mq-focus-ring:#b86e3e3d;--mq-shadow:0 18px 48px #3e241624}.shell,.authPage{--bg:var(--mq-bg);--panel:var(--mq-surface);--ink:var(--mq-text);--muted:var(--mq-text-secondary);--line:var(--mq-border);--accent:var(--mq-copper);--accentSoft:var(--mq-surface-selected);--sidebar:var(--mq-sidebar);color:var(--mq-text)}.shell{background:var(--mq-bg)}.shell .workspace{background:radial-gradient(circle at 100% 0%, #d79a6614, transparent 28%), var(--mq-bg)}.shell .sidebar{background:linear-gradient(180deg, var(--mq-sidebar) 0%, var(--mq-sidebar-deep) 100%);color:var(--mq-text-on-dark);box-shadow:12px 0 36px #1d141014}.shell .workspaceName{background:#fff6ef09;border-color:#fff6ef1f}.shell .workspaceName span,.shell .planCard span,.shell .planCard small{color:#fff6ef8f}.shell .navItem{color:#fff6efc2}.shell .navItem:hover{color:var(--mq-text-on-dark);background:#b86e3e29}.shell .planCard{background:#fff6ef0b;border-color:#fff6ef1f}.shell .topbar{border-bottom-color:var(--mq-border);color:var(--mq-text);background:#fffdfae0;box-shadow:0 1px #3e241608}.shell .panel,.shell .metricCard,.shell .cabinetRow,.shell .iconButton{background:var(--mq-surface);border-color:var(--mq-border)}.shell .panel{box-shadow:0 10px 28px #3e24160e}.shell .panelHeader{border-bottom-color:var(--mq-border)}.shell .metricCard{box-shadow:0 8px 24px #3e24160a}.shell .primary,.authPage .primary{background:var(--mq-button);color:var(--mq-text-on-dark);transition:background .16s,transform .16s,box-shadow .16s}.shell .primary:hover,.authPage .primary:hover{background:var(--mq-button-hover)}.shell .primary:focus-visible,.shell .secondary:focus-visible,.shell .navItem:focus-visible,.shell a:focus-visible,.authPage .primary:focus-visible,.authPage a:focus-visible{outline:3px solid var(--mq-focus-ring);outline-offset:2px}.shell .secondary,.authPage .secondary{background:var(--mq-surface-selected);color:var(--mq-brand);border:1px solid var(--mq-accent-soft)}.shell .secondary:hover,.authPage .secondary:hover{background:var(--mq-accent-soft)}.shell .textLink,.authPage .textLink,.shell .eyebrow{color:var(--mq-brand)}.shell .muted,.shell .finePrint,.shell label,.shell .priceRow small,.shell .cabinetRow>span,.shell .cabinetRow small,.shell .costRows span,.shell .miniEmpty,.authPage .muted,.authPage label,.authPage .authBrand small{color:var(--mq-text-secondary)}.shell input,.shell select,.authPage input,.authPage select{background:var(--mq-surface-soft);color:var(--mq-text);border-color:var(--mq-border)}.shell input:focus,.shell select:focus,.authPage input:focus,.authPage select:focus{border-color:var(--mq-copper);box-shadow:0 0 0 3px var(--mq-focus-ring)}.shell .cabinetRow.selected{background:var(--mq-surface-selected);box-shadow:inset 3px 0 0 var(--mq-copper)}.shell .liveDot{color:var(--mq-copper)}.shell .engineNote{border-color:var(--mq-border-strong);background:var(--mq-surface-soft)}.shell .priceHero{background:linear-gradient(145deg, var(--mq-sidebar) 0%, var(--mq-sidebar-deep) 100%);color:var(--mq-text-on-dark);box-shadow:var(--mq-shadow)}.shell .priceHero span,.shell .priceHero small{color:#fff6ef9e}.shell th{background:var(--mq-surface-soft);color:var(--mq-text-secondary)}.shell th,.shell td,.shell .priceRow,.shell .cabinetRow{border-bottom-color:var(--mq-border)}.shell .pill{background:var(--mq-surface-selected);color:var(--mq-brand)}.shell .metricCard .costRows strong{overflow-wrap:anywhere;max-width:64%;margin:0;font-size:13px;line-height:1.3}.shell .metricCard .costRows span{font-size:12px;line-height:1.35}.shell .metricCard .costRows div{align-items:flex-start}.shell .variantQuickSelect{cursor:pointer;transition:transform .15s,border-color .15s,box-shadow .15s,outline-color .15s}.shell .variantQuickSelect:hover{border-color:var(--mq-border-strong);transform:translateY(-1px);box-shadow:0 12px 26px #3e241614}.shell .variantQuickSelect:focus-visible{outline-offset:2px;outline:3px solid var(--mq-focus-ring)!important}.shell .variantQuickSelected{outline-offset:0;background:#fffaf5;outline:2px solid var(--mq-copper)!important}.authPage{background:radial-gradient(circle at 15% 10%, #d79a6633, transparent 32%), radial-gradient(circle at 88% 82%, #8a58371a, transparent 30%), var(--mq-bg)}.authPage .authCard{background:var(--mq-surface);border-color:var(--mq-border);box-shadow:var(--mq-shadow)}@media (max-width:780px){.shell .workspace{background:var(--mq-bg)}.shell .topbar{flex-direction:column;align-items:flex-start;gap:12px;min-height:auto;padding:14px 16px}.shell .topbar>div:first-child{width:100%}.shell .topbar h1{font-size:24px;line-height:1.08}.shell .topbar .topActions{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;gap:7px;width:100%;padding:1px 0 4px;display:flex;overflow-x:auto}.shell .topbar .topActions::-webkit-scrollbar{display:none}.shell .topbar .topActions .secondary,.shell .topbar .topActions .textLink{white-space:nowrap;border-radius:999px;flex:none;padding:9px 11px;font-size:11px;line-height:1}.shell .topbar .topActions .textLink{border:1px solid var(--mq-border);background:var(--mq-surface)}.shell .metricCard .costRows{padding-top:6px}.shell .metricCard .costRows strong{max-width:62%;font-size:12px}.shell .pageContent>.panel>.formActions.padded{overscroll-behavior-x:contain;scrollbar-width:none;gap:7px;display:flex;overflow-x:auto;flex-wrap:nowrap!important;padding:11px 12px!important}.shell .pageContent>.panel>.formActions.padded::-webkit-scrollbar{display:none}.shell .pageContent>.panel>.formActions.padded .linkButton{white-space:nowrap;border-radius:999px;flex:none;padding:9px 11px;font-size:11px;line-height:1}}
.shell .notice.success{color:#68442f;background:#f7eadf;border-color:#d8b89e}.shell .notice.success strong{color:#4a2f20}.shell .variantGrid{align-items:stretch}.shell .variantSelectForm{min-width:0;height:100%;margin:0}.shell .variantCard{text-align:left;width:100%;height:100%;color:var(--mq-text);font:inherit;cursor:pointer;border:1px solid var(--mq-border);background:var(--mq-surface);transition:transform .14s,border-color .14s,box-shadow .14s;display:block}.shell .variantCard:hover{border-color:#9b6a49;transform:translateY(-1px);box-shadow:0 12px 28px #3e241617}.shell .variantCard:focus-visible{outline:3px solid var(--mq-focus-ring);outline-offset:2px}.shell .variantCardActive{background:#fffaf5!important;border:3px solid #3b2418!important;box-shadow:0 10px 26px #3b24181f!important}.shell .variantCardActive>span:first-child{color:#6d432c;font-weight:800}.shell .variantCard strong{color:var(--mq-text)}@media (max-width:780px){.shell .variantGrid{grid-template-columns:1fr}.shell .variantCard{padding:16px}.shell .variantCardActive{border-width:3px!important}}