*{box-sizing:border-box}:root{--bg:#f4f2ee;--panel:#fff;--panel-border:#e6e2db;--text:#252220;--muted:#7d756b;--green:#2f7f53;--sand:#cab772}html,body{color:var(--text);background:radial-gradient(circle at top,#faf9f7 0%,var(--bg)70%);margin:0;padding:0;font-family:Avenir Next,Segoe UI,Helvetica Neue,sans-serif}.app{min-height:100vh;display:flex}.sidebar{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-right:1px solid var(--panel-border);background:#ffffffd9;flex-direction:column;width:280px;padding:30px 18px;display:flex}.logoBlock{margin-bottom:28px}.logo{color:var(--green);letter-spacing:.04em;margin:0;font-size:34px;font-weight:700}.sidebarNav{flex-direction:column;gap:8px;display:flex}.sidebarFooter{margin-top:auto;padding-top:18px}.sidebarLink{color:#5f594f;border-radius:12px;padding:12px 14px;font-weight:600;text-decoration:none}.sidebarLink.active{color:#1f6c44;background:#f0f4ef}.main{flex:1;padding:24px;overflow:auto}.authMain{justify-content:center;align-items:center;min-height:100vh;padding:28px;display:flex}.authLayout{grid-template-columns:minmax(240px,360px) minmax(340px,460px);align-items:stretch;gap:18px;width:min(980px,100%);display:grid}.authBrandCard,.authCard{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:24px}.authBrandCard{flex-direction:column;justify-content:center;display:flex}.authBrandCard h1{margin:8px 0 10px;font-size:34px}.authBrandCard p{color:var(--muted);margin:0;line-height:1.5}.authCard h2{margin:0 0 12px}.authForm{gap:4px;display:grid}.authSubmitButton{margin-top:8px}.authLinksRow{flex-wrap:wrap;gap:14px;margin-top:12px;display:flex}.authLinksRow a{color:#1f6c44;font-weight:600;text-decoration:none}.authLinksRow a:hover{text-decoration:underline}.turnstileWrap{margin-top:10px}.dashboardPage{grid-template-rows:auto 1fr;gap:14px;height:calc(100vh - 120px);min-height:620px;display:grid}.dashboardTopBar{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.dashboardTopBar h1{margin:4px 0 6px;font-size:34px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0;font-size:12px}.subtleText{color:var(--muted);margin:0}.statusText{color:var(--muted);text-align:right;margin:0;font-size:13px}.errorTextInline{color:#b64234}.softButton,.ghostButton{border:1px solid var(--panel-border);background:var(--panel);color:var(--text);cursor:pointer;border-radius:12px;padding:10px 14px;font-weight:600}.softButton:disabled,.ghostButton:disabled{opacity:.6;cursor:not-allowed}.softButton{background:#f6f7f2}.ghostButton{background:#fff}.fullWidth{width:100%}.fullWidth+.fullWidth{margin-top:8px}.dashboardGrid{grid-template-columns:minmax(320px,360px) 1fr;align-items:start;gap:20px;min-height:0;display:grid}.controlPanel{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;height:100%;padding:16px;overflow:auto}.panelSection+.panelSection{border-top:1px solid #ece7df;margin-top:14px;padding-top:14px}.panelSection h2{margin:0 0 10px;font-size:18px}.swatchRow{gap:10px;display:flex}.swatch{border:1px solid #d9d2c6;border-radius:8px;width:34px;height:34px}.swatchDeep{background:#1f2438}.swatchGreen{background:#2f7f53}.swatchSand{background:#cab772}.swatchMist{background:#c7ccd6}.inputStub{color:#5f594f;background:#fcfbf9;border:1px solid #e0dbd2;border-radius:10px;margin-bottom:8px;padding:10px 12px}.fieldLabel{color:var(--muted);margin:10px 0 6px;font-size:13px;font-weight:600;display:block}.selectField{color:#3d372f;width:100%;font:inherit;background:#fcfbf9;border:1px solid #e0dbd2;border-radius:10px;padding:9px 10px}.scopeToggle{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.toggleChip{color:#5f594f;cursor:pointer;background:#fbfaf8;border:1px solid #dfd8cc;border-radius:10px;padding:8px 10px;font-weight:600}.toggleChip.active{color:#1f6c44;background:#eff6f1;border-color:#84ae92}.toggleRow{color:#5f594f;align-items:center;gap:10px;padding:5px 0;display:flex}.toggleRow input{accent-color:var(--green)}.zoomRow{align-items:center;gap:8px;margin-top:6px;display:flex}.zoomButton{min-width:44px}.zoomValue{text-align:center;color:#5f594f;min-width:56px;font-weight:600}.menuTagRow{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.menuTag{color:#5f594f;background:#faf7f1;border:1px solid #d9d2c6;border-radius:999px;padding:4px 10px;font-size:12px}.formatButtons{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.formatButton{color:#5f594f;cursor:pointer;background:#fbfaf8;border:1px solid #dfd8cc;border-radius:10px;padding:8px 10px;font-weight:600}.formatButton.active{color:#1f6c44;background:#eff6f1;border-color:#84ae92}.helperText{color:var(--muted);margin:10px 0 0;font-size:13px}.errorText{color:#b64234;margin:8px 0 0;font-size:13px}.previewStage{justify-content:center;align-items:center;min-height:0;display:flex;overflow:auto}.previewViewport{touch-action:none;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;overflow:auto}.previewScale{transform-origin:50%}.previewCanvas{--preview-ratio:1;aspect-ratio:var(--preview-ratio);border:1px solid var(--panel-border);background:#f5f1eb;border-radius:24px;width:auto;max-width:100%;height:min(74vh,800px);max-height:100%;padding:18px;box-shadow:0 14px 36px #2f2a2314}.emptyPreview{text-align:center;background:#fffdf9;border:1px solid #e5ddd1;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:24px;display:flex}.emptyPreview h2{margin:0}.emptyPreview p{color:var(--muted);max-width:360px;margin:8px 0 0}.advancedSection{background:#fcfbf8}.advancedSection>summary{cursor:pointer;color:#4f493f;font-weight:600;list-style:none}.advancedSection>summary::-webkit-details-marker{display:none}.advancedBody{margin-top:10px}.advancedBody h3{color:#6a6258;text-transform:uppercase;letter-spacing:.04em;margin:10px 0 6px;font-size:14px}.preview-square{--preview-ratio:1}.preview-portrait{--preview-ratio:.8}.preview-landscape{--preview-ratio:1.7778}.reportCard{border:1px solid var(--panel-border);background:#fff;border-radius:20px;flex-direction:column;height:100%;padding:26px;display:flex;overflow:hidden}.reportHead{justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:8px;display:flex}.reportHead h2{margin:0;font-size:clamp(22px,3vw,30px)}.reportHead span{color:var(--muted);font-weight:600}.reportDivider{gap:6px;margin-bottom:16px;display:grid}.reportDividerPrimary{background:#d9c789;border-radius:999px;width:100%;height:3px}.reportDividerSecondary{opacity:.65;background:#d9c789;border-radius:999px;width:100%;height:2px}.priceBlock{margin:12px 0 10px}.priceBlock p{color:var(--muted);margin:0 0 6px}.priceBlock h3{color:#1d1a18;margin:0;font-size:clamp(42px,5vw,66px)}.metricGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.metricTile{background:#f9f7f3;border:1px solid #ede7de;border-radius:12px;padding:12px}.metricTile p{color:var(--muted);margin:0;font-size:14px}.metricTile strong{margin-top:2px;font-size:clamp(22px,2.6vw,28px);display:block}.trendWrap{border-top:1px solid #ece7df;flex:1;min-height:170px;margin-top:18px;padding-top:12px}.emptyTrend{color:var(--muted);margin:0}.settingsPage{align-content:start;gap:16px;display:grid}.settingsCard{background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:18px}.settingsCard h1{margin:0 0 12px}.settingsCard h2{margin:0 0 10px;font-size:20px}.settingsSubhead{margin:16px 0 8px;font-size:16px}.settingsText{color:var(--muted);margin:0 0 10px}.settingsTable{border-collapse:collapse;width:100%;max-width:640px}.settingsTable th{border-bottom:1px solid #ddd;padding:8px 0}.settingsTable td{border-bottom:1px solid #eee;padding:8px 0}.settingsForm{gap:6px;max-width:520px;display:grid}.textField{color:#3d372f;width:100%;font:inherit;background:#fcfbf9;border:1px solid #e0dbd2;border-radius:10px;padding:9px 10px}.okText{color:#1f6c44;margin:10px 0 0;font-size:13px}.jobStatusBadge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;padding:2px 10px;font-size:12px;font-weight:700;display:inline-flex}.jobStatusBadgeSuccess{color:#1f6c44;background:#eaf6ef;border:1px solid #cde6d6}.jobStatusBadgeError{color:#b64234;background:#fdecea;border:1px solid #f3cbc4}.jobStatusBadgeSkipped{color:#6a6258;background:#f4f3ef;border:1px solid #ded9cf}.triggerCard{background:#fcfbf8;border:1px solid #e6e2db;border-radius:12px;padding:12px}.triggerGood{color:#1f6c44;font-weight:700}.triggerDue{color:#9b6b12;font-weight:700}.triggerLate{color:#b64234;font-weight:700}.healthCardGrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:12px;display:grid}.healthCard{background:#fff;border:1px solid #e6e2db;border-radius:12px;padding:12px}.healthCardHead{justify-content:space-between;align-items:center;gap:10px;display:flex}.healthCardHead h4{margin:0;font-size:15px}.healthBadge{text-transform:uppercase;letter-spacing:.04em;border:1px solid #0000;border-radius:999px;align-items:center;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.healthBadge-healthy{color:#1f6c44;background:#eaf6ef;border-color:#cde6d6}.healthBadge-attention{color:#9b6b12;background:#fff4e2;border-color:#f0d7a3}.healthBadge-critical{color:#b64234;background:#fdecea;border-color:#f3cbc4}.healthBadge-paused{color:#6a6258;background:#f4f3ef;border-color:#ded9cf}@media (max-width:980px){.app{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--panel-border);width:100%;padding:20px}.sidebarNav{flex-direction:row;overflow-x:auto}.main{padding:14px}.authMain{align-items:stretch;padding:14px}.authLayout{grid-template-columns:1fr;width:100%}.dashboardPage{height:auto;min-height:0}.dashboardGrid{grid-template-columns:1fr;min-height:auto}.previewStage{overflow:auto}.previewViewport{width:100%;min-height:480px}.previewCanvas{width:min(100%,620px);height:auto}.metricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.metricGrid{grid-template-columns:1fr}}