:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17221c;background:#f3f3ef;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #17221c;--muted: #687169;--soft: #f3f3ef;--paper: #fbfbf8;--line: #dfe2dc;--brand: #1f5a43;--brand-strong: #174733;--brand-soft: #e6efe9;--warm: #986c3f;--danger: #a4463c;--shadow: 0 10px 30px rgba(24, 34, 28, .06)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--soft)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;background:#18231d;color:#f7f6ef;padding:22px 16px;display:flex;flex-direction:column;gap:22px}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 7px}.sidebar-brand strong{display:block;font-size:17px}.sidebar-brand span{display:block;font-size:12px;opacity:.65}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#eff0e9;color:#1b4937;font-weight:900;letter-spacing:-.04em}.brand-mark.large{width:52px;height:52px;border-radius:16px;font-size:22px}.business-switch{padding:0 7px}.business-switch>span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;opacity:.55;margin-bottom:7px}.select-shell{position:relative}.select-shell select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.12);background:#223028;color:#fff;border-radius:10px;padding:10px 34px 10px 11px;outline:none}.select-shell svg{position:absolute;right:10px;top:50%;transform:translateY(-50%);pointer-events:none;opacity:.7}.sidebar-nav{display:flex;flex-direction:column;gap:3px}.sidebar-nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;color:#cbd2cc;font-size:14px}.sidebar-nav a:hover{background:#ffffff0d;color:#fff}.sidebar-nav a.active{background:#edf1ec;color:#173e2f;font-weight:700}.nav-group{margin:17px 10px 5px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;opacity:.45}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding:16px 7px 0}.user-chip{display:flex;align-items:center;gap:9px;min-width:0}.user-chip>span{width:31px;height:31px;border-radius:50%;background:#2d4237;display:grid;place-items:center;font-weight:800}.user-chip div{min-width:0;flex:1}.user-chip strong,.user-chip small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip strong{font-size:12px}.user-chip small{font-size:10px;opacity:.55}.text-button{border:0;background:none;color:#bfc6c0;padding:8px 0 0;font-size:11px}.main-area{min-width:0}.topbar{height:66px;border-bottom:1px solid var(--line);background:#fbfbf8e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}.search-button{border:1px solid var(--line);background:#fff;color:#737c74;border-radius:10px;min-width:300px;height:38px;display:flex;align-items:center;gap:8px;padding:0 11px}.search-button span{flex:1;text-align:left}.search-button kbd{font-size:10px;border:1px solid var(--line);border-radius:5px;padding:2px 5px;background:#f5f5f1}.topbar-actions{position:relative}.quick-menu{position:absolute;top:46px;right:0;width:190px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:7px;z-index:30}.quick-menu button{width:100%;text-align:left;border:0;background:none;padding:10px;border-radius:8px}.quick-menu button:hover{background:var(--soft)}.content{padding:30px;max-width:1480px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}.page-header h1{margin:4px 0 7px;font-size:clamp(28px,3vw,40px);letter-spacing:-.04em;line-height:1}.page-header p{margin:0;color:var(--muted);max-width:720px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#778178;font-weight:800}.button{border:0;border-radius:9px;min-height:38px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:750}.button-primary{background:var(--brand);color:#fff}.button-primary:hover{background:var(--brand-strong)}.button-secondary{background:#edf0eb;color:var(--ink)}.button.wide{width:100%;min-height:44px}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;border-radius:9px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}.metric-card{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:18px;box-shadow:0 4px 16px #18221c06}.metric-card span{display:block;color:var(--muted);font-size:12px;margin-bottom:10px}.metric-card strong{display:block;font-size:25px;letter-spacing:-.03em}.metric-card small{display:block;margin-top:7px;color:#8b938c}.metric-good{background:#f5faf6}.metric-attention{background:#fbf6ee}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.section-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 4px 18px #18221c06}.section-title{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.section-title h2,.section-card h2{margin:4px 0 0;font-size:18px}.section-card p{color:var(--muted)}.span-2{grid-row:span 2}.big-number{display:block;font-size:44px;letter-spacing:-.05em;margin-top:24px}.mini-stat{border-top:1px solid var(--line);padding-top:13px;margin-top:20px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.mini-stat strong{color:var(--ink)}.status-dot{color:#4b9a6b}.alert-list{margin-top:16px;display:flex;flex-direction:column}.alert-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid #eceee9}.alert-row:first-child{border-top:0}.alert-row strong,.alert-row span{display:block}.alert-row strong{font-size:13px;margin-bottom:3px}.alert-row span{font-size:11px;color:var(--muted)}.alert-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#f1eee8;color:var(--warm)}.severity-high,.severity-critical{background:#faece9;color:var(--danger)}.calm-state{display:flex;gap:9px;color:#527460;align-items:center;margin-top:20px;font-size:13px}.table-wrap{overflow:auto;background:var(--paper);border:1px solid var(--line);border-radius:15px}.data-table{width:100%;border-collapse:collapse;min-width:650px}.data-table th{text-align:left;padding:12px 15px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#7b847d;background:#f8f8f4}.data-table td{padding:14px 15px;border-top:1px solid #eceee9;font-size:13px}.data-table tr:hover td{background:#fafbf8}.empty-state{text-align:center;padding:70px 25px;background:var(--paper);border:1px dashed #cfd5ce;border-radius:16px}.empty-state.compact{padding:45px 20px}.empty-state h3{margin:12px 0 6px}.empty-state p{color:var(--muted);margin:0 auto 18px;max-width:430px}.empty-orbit{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);margin:auto}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.subheading{font-size:15px;margin:0 0 10px}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.settings-grid .button{margin-top:8px}.global-search-card{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 15px;box-shadow:var(--shadow)}.global-search-card input{width:100%;height:56px;border:0;outline:0;font-size:16px}.muted{color:var(--muted)}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.auth-brand{background:#17251e;color:#f5f5ef;padding:9vw 8vw;display:flex;flex-direction:column;justify-content:center}.auth-brand>span{margin-top:16px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.68}.auth-brand h1{max-width:650px;font-size:clamp(38px,5vw,72px);line-height:.97;letter-spacing:-.055em;margin:28px 0 20px}.auth-brand p{max-width:520px;color:#bdc8c1;font-size:18px}.auth-card{align-self:center;width:min(420px,calc(100% - 50px));margin:auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow)}.auth-card h2{font-size:28px;margin:5px 0;letter-spacing:-.03em}.auth-card>p{color:var(--muted);margin-top:7px}.auth-card form{display:flex;flex-direction:column;gap:13px}.auth-card label{font-size:12px;font-weight:700}.auth-card input{display:block;width:100%;margin-top:6px;height:43px;border:1px solid var(--line);border-radius:9px;padding:0 11px;outline:none}.auth-card input:focus{border-color:#82a491;box-shadow:0 0 0 3px #38745314}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#f1f2ee;padding:3px;border-radius:10px;margin:20px 0}.segmented button{border:0;background:none;border-radius:8px;padding:8px;color:#69716b}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 1px 5px #0000000d;font-weight:700}.form-message{margin-top:13px;padding:10px;border-radius:9px;background:#f4f5f1;color:#545e56;font-size:12px}.loading-screen,.fatal-state{min-height:100vh;display:flex;gap:13px;align-items:center;justify-content:center;text-align:left}.loading-screen strong,.loading-screen span,.fatal-state strong,.fatal-state span{display:block}.loading-screen span,.fatal-state span{color:var(--muted);font-size:12px;margin-top:3px}.error-box{color:var(--danger)}.mobile-only{display:none}@media (max-width: 1050px){.metrics-grid,.dashboard-grid{grid-template-columns:1fr 1fr}.span-2{grid-column:1 / -1;grid-row:auto}.settings-grid{grid-template-columns:1fr 1fr}}@media (max-width: 780px){.app-shell{display:block}.sidebar{position:fixed;left:-290px;z-index:50;width:270px;transition:left .22s ease;box-shadow:20px 0 45px #0000002e}.sidebar.open{left:0}.mobile-only{display:grid}.sidebar-brand .mobile-only{margin-left:auto}.topbar{padding:0 14px;gap:8px}.search-button{min-width:0;flex:1}.search-button kbd{display:none}.content{padding:22px 15px 36px}.page-header{align-items:flex-start}.metrics-grid,.dashboard-grid,.two-column,.settings-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.auth-page{grid-template-columns:1fr}.auth-brand{min-height:42vh;padding:50px 26px 34px}.auth-brand h1{font-size:42px;margin-top:20px}.auth-brand p{font-size:15px}.auth-card{margin:26px auto}}@media (max-width: 480px){.search-button span{display:none}.topbar .button{padding:0 11px}.page-header h1{font-size:30px}.metrics-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:14px}.metric-card strong{font-size:20px}}.actions-cell{display:flex;flex-wrap:wrap;gap:7px;align-items:center}.action-wrap{display:inline-flex;flex-direction:column;align-items:flex-start;gap:3px}.inline-error{color:var(--danger);max-width:260px;font-size:10px}.status-pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#eef0ec;font-size:11px;font-weight:700}.status-pill.ok{background:#e8f3eb;color:#2d6b45}.status-pill.warning{background:#fbf0df;color:#8d5e24}.status-confirmed,.status-ready,.status-paid,.status-completed{background:#e8f3eb;color:#2d6b45}.status-cancelled{background:#f8e8e6;color:#8f3f39}.inline-form{display:grid;grid-template-columns:1.3fr 1.2fr 1fr auto;gap:10px;align-items:end;margin-bottom:16px}.inline-form strong{display:block;margin-top:4px}.inline-form input,.toolbar-card select,.form-grid input,.form-grid select{width:100%;min-height:40px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:0 10px;outline:none}.toolbar-card{display:flex;gap:12px;align-items:end;margin-bottom:12px}.toolbar-card label,.form-grid label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:700;color:#5f695f}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end;margin-top:16px}.form-heading{grid-column:1 / -1}.form-heading h2{margin:4px 0 2px}.span-two{grid-column:span 2}@media (max-width: 900px){.inline-form{grid-template-columns:1fr 1fr}.inline-form>div{grid-column:1 / -1}.form-grid{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.inline-form,.form-grid{grid-template-columns:1fr}.span-two{grid-column:auto}.actions-cell{min-width:170px}}.editor-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow)}.editor-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.field{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:750;color:#58635b}.field>span{letter-spacing:.01em}.field input,.field select,.field textarea,.line-row input,.line-row select,.sale-item-main input,.sale-item-main select{width:100%;border:1px solid var(--line);background:#fff;border-radius:9px;min-height:41px;padding:8px 10px;outline:none;color:var(--ink)}.field textarea{min-height:90px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.line-row input:focus,.line-row select:focus{border-color:#86a695;box-shadow:0 0 0 3px #1f5a4312}.field small{color:#8b938c;font-weight:500}.span-three{grid-column:1 / -1}.editor-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.form-error{margin-top:15px;padding:11px 13px;border-radius:9px;background:#faece9;color:#8f3f39;font-size:12px}.section-kicker{margin:24px 0 11px;padding-top:20px;border-top:1px solid var(--line);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:850;color:#747d75}.section-kicker:first-child{margin-top:0;padding-top:0;border-top:0}.section-kicker span span,.section-kicker>span:last-child{opacity:.6}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.line-editor{display:flex;flex-direction:column;gap:8px}.line-row{display:grid;grid-template-columns:2fr 1fr 70px 42px;gap:8px;align-items:center}.component-row{grid-template-columns:120px 2fr 1fr 70px 42px}.labor-row{grid-template-columns:2fr 1fr 1fr 1fr 42px}.adjustment-row{grid-template-columns:2fr 1.2fr 1fr 42px}.unit-chip{min-height:39px;border-radius:9px;background:#f0f2ed;display:grid;place-items:center;font-size:11px;font-weight:800;color:#667067}.icon-button.danger{color:#9a4b44;background:#fff8f6}.variant-stack{display:flex;flex-direction:column;gap:14px}.variant-card{border:1px solid var(--line);border-radius:14px;padding:15px;background:#fdfdfa}.variant-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.mini-section{margin:17px 0 8px;font-size:11px;font-weight:800;color:#626c64}.text-action{border:0;background:none;color:var(--brand);font-weight:800;padding:4px 0}.sale-items{display:flex;flex-direction:column;gap:9px}.sale-item-card{border:1px solid var(--line);border-radius:13px;padding:10px;background:#fff}.sale-item-main{display:grid;grid-template-columns:2.5fr .7fr .9fr .9fr 42px;gap:8px;align-items:center}.item-preview{display:flex;justify-content:space-between;gap:12px;margin-top:8px;padding:8px 10px;background:#f5f6f2;border-radius:8px;font-size:11px;color:#6d766f}.sale-total{display:flex;justify-content:flex-end;align-items:baseline;gap:12px;margin:13px 0 4px}.sale-total span{color:var(--muted);font-size:12px}.sale-total strong{font-size:24px}.order-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0 10px}.order-preview>div{padding:13px;border-radius:11px;background:#f2f4ef}.order-preview span,.order-preview strong{display:block}.order-preview span{color:#727b74;font-size:10px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px}.order-preview strong{font-size:16px}.page-actions a{text-decoration:none}@media (max-width: 900px){.editor-grid{grid-template-columns:1fr 1fr}.span-three{grid-column:1 / -1}.sale-item-main{grid-template-columns:1fr 1fr 1fr}.sale-item-main select{grid-column:1 / -1}.order-preview,.component-row,.labor-row,.adjustment-row{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.editor-card{padding:15px}.editor-grid{grid-template-columns:1fr}.span-two,.span-three{grid-column:auto}.editor-actions{flex-direction:column-reverse}.editor-actions .button{width:100%}.line-row,.component-row,.labor-row,.adjustment-row,.sale-item-main{grid-template-columns:1fr}.unit-chip{min-height:34px}.item-preview{flex-direction:column}.order-preview{grid-template-columns:1fr 1fr}}.back-link{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:0;margin:0 0 14px;color:#677168;font-size:12px;font-weight:700}.page-action-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.detail-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.detail-metrics>div{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:14px}.detail-metrics span,.detail-metrics strong{display:block}.detail-metrics span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.detail-metrics strong{font-size:20px}.detail-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,.85fr);gap:14px;align-items:start}.detail-main-stack,.detail-side{display:flex;flex-direction:column;gap:14px}.detail-list{display:flex;flex-direction:column;margin-top:12px}.detail-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 0;border-top:1px solid #eceee9}.detail-row:first-child{border-top:0}.detail-row strong,.detail-row span{display:block}.detail-row span{color:var(--muted);font-size:11px;margin-top:3px}.strong-link{font-weight:800;color:var(--ink)}.strong-link:hover{color:var(--brand)}.note-box{margin-top:14px;background:#f5f6f2;border-radius:10px;padding:12px}.note-box span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#778078}.note-box p{margin:5px 0 0}.connected-state,.stack-form{display:flex;flex-direction:column;gap:10px;margin-top:14px}.connected-state span{color:var(--muted);font-size:12px}.text-link{color:var(--brand);font-size:11px;font-weight:800;text-align:center}.finance-summary-line{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid #eceee9;font-size:12px}.finance-summary-line strong{font-size:13px}.top-line{border-top:1px solid var(--line);padding-top:13px}.inline-add{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:14px}.inline-add select,.purchase-add-card input,.purchase-add-card select,.purchase-line input,.purchase-line select{min-height:40px;border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 9px;outline:none}.task-list{display:flex;flex-direction:column;margin-top:12px}.task-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #eceee9}.task-row:first-child{border-top:0}.task-row strong,.task-row span{display:block}.task-row>div:first-child span{font-size:11px;color:var(--muted);margin-top:3px}.task-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.table-wrap.flat{border-radius:10px;box-shadow:none;margin-top:12px}.shortage-number{display:flex;align-items:baseline;gap:7px;margin:18px 0}.shortage-number strong{font-size:36px;letter-spacing:-.04em}.shortage-number span{color:var(--muted);font-size:11px}.microcopy{font-size:10px!important;line-height:1.45}.purchase-line{display:grid;grid-template-columns:2fr .8fr .8fr 1fr 42px;gap:8px;align-items:center}.purchase-add-card{display:grid;grid-template-columns:2fr .8fr .8fr 1fr auto;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.finance-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.money-in{color:#2e754c;font-weight:800}.money-out{color:#9a4b44;font-weight:800}.search-results{display:flex;flex-direction:column;gap:8px;margin-top:14px}.search-result{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:13px 15px}.search-result:hover{border-color:#b9c6bd;box-shadow:0 5px 18px #18221c0a}.search-result strong,.search-result span{display:block}.search-result div span{color:var(--muted);font-size:11px;margin-top:3px}.search-type{font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:850;color:var(--brand)}@media (max-width: 1050px){.detail-layout{grid-template-columns:1fr}.detail-side{display:grid;grid-template-columns:1fr 1fr}.purchase-add-card{grid-template-columns:1fr 1fr}}@media (max-width: 780px){.detail-metrics{grid-template-columns:1fr 1fr}.finance-columns,.detail-side{grid-template-columns:1fr;display:grid}.purchase-line,.purchase-add-card{grid-template-columns:1fr 1fr}.task-row,.detail-row{align-items:flex-start}}@media (max-width: 520px){.page-action-row{width:100%;justify-content:stretch}.page-action-row .action-wrap,.page-action-row .button{width:100%}.detail-metrics{grid-template-columns:1fr 1fr}.purchase-line,.purchase-add-card{grid-template-columns:1fr}.task-row,.detail-row{flex-direction:column}.task-actions{justify-content:flex-start}.inline-add{grid-template-columns:1fr}.search-result{grid-template-columns:1fr;gap:5px}}.onboarding-page{min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at top left,#e7eee8,transparent 45%),var(--soft)}.onboarding-card{width:min(520px,100%);background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:32px;box-shadow:var(--shadow)}.onboarding-card h1{font-size:34px;letter-spacing:-.04em;margin:12px 0 8px}.onboarding-card p{color:var(--muted);margin:0 0 22px}.text-button.dark{color:var(--muted);margin-top:14px}.top-gap{margin-top:16px}.variant-numbers{display:flex;gap:20px;flex-wrap:wrap}.variant-numbers span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em}.variant-numbers strong{color:var(--ink);margin-left:5px;font-size:12px}.variant-header>div:first-child{display:flex;gap:8px;align-items:center}@media (max-width:680px){.onboarding-card{padding:22px}.onboarding-card h1{font-size:29px}.variant-header{align-items:flex-start;flex-direction:column}.variant-numbers{gap:10px}.detail-layout>.editor-card{min-width:0}}