:root,:root[data-theme=light]{--font-ui: "Bahnschrift", "Segoe UI", "Trebuchet MS", sans-serif;--font-mono: "Consolas", "Courier New", monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.3rem;--space-6: 1.8rem;--space-7: 2.4rem;--space-8: 3rem;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--radius-pill: 999px;--text-xs: .8rem;--text-sm: .92rem;--text-md: 1.05rem;--text-lg: 1.35rem;--text-xl: clamp(1.9rem, 2.8vw, 2.5rem);--color-bg: #f2f5fb;--color-bg-soft: #e7edf7;--color-surface: rgba(255, 255, 255, .84);--color-surface-solid: #ffffff;--color-surface-muted: #f1f5fc;--color-line: #cfd8e7;--color-line-strong: #bcc9de;--color-line-accent: #8ebfb1;--color-text-main: #141c2f;--color-text-soft: #4f5f7c;--color-text-faint: #7687a6;--color-accent: #0f8f72;--color-accent-strong: #0b6f59;--color-accent-soft: #e4f7f1;--color-accent-contrast: #f6fffc;--color-danger: #c2465f;--color-danger-strong: #9e2f47;--color-info-bg: #edf4ff;--color-info-line: #c7d9f6;--color-success-bg: #e6f7ed;--color-success-line: #bfdfcb;--color-warning-bg: #fff5e6;--color-warning-line: #eed4a8;--color-error-bg: #feecef;--color-error-line: #f0bcc7;--color-row-alt: #f5f8fd;--color-eligible-bg: #ecf8f2;--color-eligible-line: #c5e4d3;--color-eligible-hover: #e0f0e8;--color-cashback-bg: linear-gradient(145deg, #ebfdf4 0%, #d8f3e6 100%);--color-cashback-line: #b6e2cc;--elevation-1: 0 10px 26px rgba(20, 32, 55, .08);--elevation-2: 0 18px 40px rgba(16, 28, 50, .14);--elevation-3: 0 26px 60px rgba(8, 20, 39, .2);--focus-ring: 0 0 0 4px rgba(15, 143, 114, .24)}:root[data-theme=dark]{--color-bg: #061128;--color-bg-soft: #040e21;--color-surface: rgba(16, 30, 58, .86);--color-surface-solid: #102246;--color-surface-muted: #1a2e57;--color-line: #2f4573;--color-line-strong: #406094;--color-line-accent: #2c8a73;--color-text-main: #f4f8ff;--color-text-soft: #b3c2df;--color-text-faint: #8d9fc2;--color-accent: #38b795;--color-accent-strong: #1f9274;--color-accent-soft: #1b3c34;--color-accent-contrast: #ecfffa;--color-danger: #d05a75;--color-danger-strong: #b2455f;--color-info-bg: #1b2f52;--color-info-line: #355282;--color-success-bg: #1a3a30;--color-success-line: #2e6554;--color-warning-bg: #3c311f;--color-warning-line: #5f4b2e;--color-error-bg: #432632;--color-error-line: #6c3d4c;--color-row-alt: #152d58;--color-eligible-bg: #1e4237;--color-eligible-line: #2e6655;--color-eligible-hover: #285043;--color-cashback-bg: linear-gradient(145deg, #1e4a3d 0%, #18392f 100%);--color-cashback-line: #2c705d;--elevation-1: 0 12px 28px rgba(0, 0, 0, .28);--elevation-2: 0 22px 46px rgba(0, 0, 0, .38);--elevation-3: 0 34px 68px rgba(0, 0, 0, .48);--focus-ring: 0 0 0 4px rgba(56, 183, 149, .3)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font-ui);color:var(--color-text-main);background:radial-gradient(circle at 10% 18%,rgba(48,178,143,.28),transparent 34%),radial-gradient(circle at 89% 14%,rgba(80,113,199,.3),transparent 30%),linear-gradient(110deg,var(--color-bg) 0%,var(--color-bg-soft) 100%);letter-spacing:.005em}.app-shell{position:relative;display:flex;flex-direction:column;min-height:100vh;overflow-x:clip;padding-bottom:0}.bg-shape{position:absolute;z-index:0;pointer-events:none;filter:blur(2px)}.bg-shape-left{top:-220px;left:-220px;width:560px;height:560px;border-radius:46% 54% 61% 39%/44% 42% 58% 56%;background:radial-gradient(circle at 36% 36%,#38bf9b42,#10376500)}.bg-shape-right{top:-280px;right:-180px;width:680px;height:680px;border-radius:58% 42% 37% 63%/54% 62% 38% 46%;background:radial-gradient(circle at 40% 42%,#5274d740,#0e235200)}.bg-grid{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.08) 42%,transparent 100%);mask-image:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.08) 42%,transparent 100%)}.topbar{position:fixed;inset-block-start:max(8px,env(safe-area-inset-top));inset-inline-end:max(8px,env(safe-area-inset-right));z-index:100}.layout{position:relative;z-index:1;width:min(1420px,calc(100% - 2.2rem));margin:clamp(.7rem,1.8vw,1rem) auto var(--space-4);display:grid;gap:var(--space-5);animation:layout-fade .5s ease both}.site-footer{position:relative;z-index:1;width:min(1420px,calc(100% - 2.2rem));margin-top:auto;margin-inline:auto;padding-bottom:max(8px,env(safe-area-inset-bottom))}.site-footer-text{margin:0;color:var(--color-text-faint);opacity:.86;font-size:.78rem;line-height:1.4;text-align:center;overflow-wrap:anywhere}.site-footer-text+.site-footer-text{margin-top:.2rem}.site-footer-label{font-weight:700}.site-footer-separator{margin-inline:var(--space-1)}.site-footer-link{color:inherit;text-decoration-color:color-mix(in srgb,var(--color-text-faint) 55%,transparent 45%);text-underline-offset:2px;transition:color .2s ease,text-decoration-color .2s ease}.site-footer-link:hover{color:var(--color-text-soft);text-decoration-color:currentcolor}.site-footer-link:focus-visible{outline:none;border-radius:4px;box-shadow:var(--focus-ring)}.site-footer-version-button{border:0;padding:0;background:none;color:inherit;font:inherit;cursor:pointer;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-text-faint) 55%,transparent 45%);text-underline-offset:2px;transition:color .2s ease,text-decoration-color .2s ease}.site-footer-version-button:hover{color:var(--color-text-soft);text-decoration-color:currentcolor}.site-footer-version-button:focus-visible{outline:none;border-radius:4px;box-shadow:var(--focus-ring)}.whats-new-modal{position:fixed;inset:0;z-index:220;display:grid;place-items:center;padding:var(--space-4);background:#0710218c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.whats-new-modal[hidden]{display:none!important}.whats-new-modal-dialog{width:min(760px,100%);max-height:min(80vh,760px);border:1px solid color-mix(in srgb,var(--color-line) 70%,var(--color-line-accent) 30%);border-radius:var(--radius-lg);background:linear-gradient(150deg,color-mix(in srgb,var(--color-surface-solid) 90%,var(--color-accent-soft) 10%) 0%,var(--color-surface) 100%);box-shadow:var(--elevation-3);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden}.whats-new-modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-line);background:color-mix(in srgb,var(--color-surface-muted) 70%,var(--color-surface-solid) 30%)}.whats-new-modal-title{margin:0;font-size:clamp(1.05rem,1.8vw,1.26rem);color:var(--color-text-main)}.whats-new-modal-close{width:36px;height:36px;min-width:36px;border:1px solid var(--color-line);border-radius:10px;background:color-mix(in srgb,var(--color-surface-solid) 82%,var(--color-surface-muted) 18%);color:var(--color-text-soft);font-size:1.32rem;line-height:1;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.whats-new-modal-close:hover{border-color:var(--color-line-strong);color:var(--color-text-main)}.whats-new-modal-close:focus-visible{outline:none;box-shadow:var(--focus-ring)}.whats-new-modal-content{padding:var(--space-4) var(--space-5) var(--space-5);overflow:auto;display:grid;gap:var(--space-4)}.whats-new-empty{margin:0;color:var(--color-text-soft);font-size:var(--text-sm)}.whats-new-entry{display:grid;gap:var(--space-2);padding:var(--space-4);border:1px solid color-mix(in srgb,var(--color-line) 74%,var(--color-line-accent) 26%);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface-muted) 70%,var(--color-surface-solid) 30%)}.whats-new-entry-version{margin:0;color:var(--color-text-main);font-size:var(--text-md);font-weight:800;letter-spacing:.02em}.whats-new-entry-date{margin:0;color:var(--color-text-soft);font-size:var(--text-xs)}.whats-new-section-title{margin:var(--space-2) 0 0;color:var(--color-text-main);font-size:var(--text-sm);font-weight:800}.whats-new-section-title-new,.whats-new-section-title-changed,.whats-new-section-title-fixed{color:var(--color-accent)}.whats-new-list{margin:0;padding-left:1.3rem;color:var(--color-text-main);line-height:1.45;display:grid;gap:var(--space-1)}.services-toolbar{position:sticky;top:max(8px,env(safe-area-inset-top));z-index:80;display:grid;gap:var(--space-2);padding:var(--space-3);border:1px solid color-mix(in srgb,var(--color-line) 70%,var(--color-line-accent) 30%);border-radius:var(--radius-lg);background:linear-gradient(150deg,color-mix(in srgb,var(--color-surface-solid) 88%,var(--color-accent-soft) 12%) 0%,var(--color-surface) 100%);box-shadow:var(--elevation-2);-webkit-backdrop-filter:blur(10px) saturate(140%);backdrop-filter:blur(10px) saturate(140%)}.services-toolbar-head{display:flex;align-items:baseline;justify-content:flex-start;gap:var(--space-2)}.services-toolbar-label{margin:0;font-size:var(--text-xs);letter-spacing:.09em;text-transform:uppercase;color:var(--color-text-soft);font-weight:800}.services-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.service-tab{display:grid;gap:.18rem;align-content:center;text-align:left;border:1px solid var(--color-line);border-radius:var(--radius-md);padding:.68rem .85rem;font:inherit;color:var(--color-text-soft);background:color-mix(in srgb,var(--color-surface-muted) 64%,transparent 36%);cursor:pointer;transition:transform .16s ease,border-color .2s ease,color .2s ease,background-color .2s ease,box-shadow .2s ease,filter .2s ease}.service-tab:hover{transform:translateY(-1px);box-shadow:var(--elevation-1)}.service-tab:focus-visible{outline:none;box-shadow:var(--focus-ring)}.service-tab-active{color:var(--color-accent-contrast);border-color:color-mix(in srgb,var(--color-accent) 72%,var(--color-accent-strong) 28%);background:linear-gradient(145deg,var(--color-accent) 0%,var(--color-accent-strong) 100%);box-shadow:var(--elevation-1);filter:saturate(1.06)}.service-tab-title{font-size:1rem;line-height:1.15;font-weight:800}.service-tab-subtitle{font-size:.74rem;line-height:1.25;font-weight:700;opacity:.88}.service-pane{display:grid;gap:var(--space-5)}.service-pane[hidden]{display:none!important}.workspace{display:grid;grid-template-columns:minmax(0,1.74fr) minmax(320px,.84fr);gap:var(--space-5);align-items:stretch}.workspace-side{display:grid;gap:var(--space-4);align-content:start}.panel{border:1px solid var(--color-line);border-radius:var(--radius-lg);padding:var(--space-5);background:linear-gradient(165deg,rgba(255,255,255,.14) 0%,transparent 46%),var(--color-surface);-webkit-backdrop-filter:blur(10px) saturate(135%);backdrop-filter:blur(10px) saturate(135%);box-shadow:var(--elevation-1);animation:panel-rise .46s ease both}.panel-input{border-color:color-mix(in srgb,var(--color-line) 78%,var(--color-line-accent) 22%)}.panel-orders{background:var(--color-surface-solid)}.panel h2{margin:0 0 var(--space-4);font-size:var(--text-lg);font-weight:800;letter-spacing:.008em}.control-row{display:grid;gap:.42rem;max-width:380px}.control-row label,.control-row-label{color:var(--color-text-soft);font-size:var(--text-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.control-row-title{margin-bottom:var(--space-3)}textarea,input[type=text],input[type=number],input[type=time],select{width:100%;border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);padding:.82rem .95rem;font-family:inherit;font-size:1rem;font-weight:500;color:var(--color-text-main);background:var(--color-surface-muted);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}textarea::placeholder,input[type=text]::placeholder,input[type=number]::placeholder,input[type=time]::placeholder{color:var(--color-text-faint);font-weight:500}textarea{resize:vertical}#order-input{min-height:224px;flex:1 1 auto}.panel-input{display:flex;flex-direction:column}.panel-percent{border-color:color-mix(in srgb,var(--color-line) 64%,var(--color-line-accent) 36%)}.panel-percent .control-row{max-width:none}.percent-preset-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.percent-preset-button{border:1px solid var(--color-line);border-radius:var(--radius-sm);padding:.66rem .35rem;background:color-mix(in srgb,var(--color-surface-muted) 78%,transparent 22%);color:var(--color-text-soft);font-family:var(--font-mono);font-size:clamp(1.16rem,2.8vw,1.8rem);line-height:1.05;font-weight:800;letter-spacing:.02em;text-align:center;cursor:pointer;transition:transform .16s ease,box-shadow .2s ease,border-color .2s ease,background-color .2s ease,color .2s ease}.percent-preset-button:hover{transform:translateY(-1px);border-color:var(--color-line-strong)}.percent-preset-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.percent-preset-button-active{color:var(--color-accent-contrast);border-color:color-mix(in srgb,var(--color-accent) 72%,var(--color-accent-strong) 28%);background:linear-gradient(145deg,var(--color-accent) 0%,var(--color-accent-strong) 100%);box-shadow:var(--elevation-1)}.panel-service-placeholder{display:grid;gap:var(--space-4);min-height:clamp(340px,48vh,520px);place-content:center;justify-items:center;text-align:center;border-color:color-mix(in srgb,var(--color-line) 62%,var(--color-line-accent) 38%);background:linear-gradient(150deg,color-mix(in srgb,var(--color-surface-solid) 88%,var(--color-accent-soft) 12%) 0%,var(--color-surface) 100%)}.service-placeholder-badge{display:inline-flex;align-items:center;justify-content:center;padding:.32rem .78rem;border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--color-line-accent) 70%,var(--color-line) 30%);background:color-mix(in srgb,var(--color-accent-soft) 76%,var(--color-surface-solid) 24%);color:var(--color-accent-strong);font-size:var(--text-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.panel-cleaner{display:grid;gap:var(--space-4)}.cleaner-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);align-items:start}.cleaner-field{display:grid;gap:.42rem;align-content:start}.cleaner-field label{color:var(--color-text-soft);font-size:var(--text-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cleaner-field textarea{min-height:310px;font-family:inherit;font-size:.96rem;line-height:1.42}#text-cleaner-output{background:color-mix(in srgb,var(--color-surface-muted) 84%,var(--color-surface-solid) 16%)}.cleaner-character-count{margin:0;color:var(--color-text-soft);font-size:var(--text-xs);font-weight:700;text-align:right}.cleaner-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:flex-end;margin-top:var(--space-2)}#text-cleaner-settings-toggle{transition:transform .12s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease}#text-cleaner-settings-toggle.cleaner-settings-toggle-open{transform:translateY(1px);border-color:color-mix(in srgb,var(--color-accent) 64%,var(--color-accent-strong) 36%);background:color-mix(in srgb,var(--color-accent-soft) 52%,var(--color-surface-muted) 48%);box-shadow:inset 0 2px 6px #07171238}.cleaner-settings{border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-4);background:color-mix(in srgb,var(--color-surface-muted) 72%,var(--color-surface-solid) 28%)}.cleaner-settings-title{margin:0 0 var(--space-3);color:var(--color-text-soft);font-size:var(--text-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cleaner-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2) var(--space-3)}.cleaner-setting-row{display:flex;align-items:flex-start;gap:var(--space-2);color:var(--color-text-main);font-size:var(--text-sm);font-weight:700;line-height:1.35}.cleaner-setting-row input[type=checkbox]{margin-top:.18rem;accent-color:var(--color-accent)}.panel-shelf-life{display:grid;gap:var(--space-4)}.shelf-life-form{display:grid;gap:var(--space-3);max-width:780px}.shelf-life-row{display:grid;gap:.42rem}.shelf-life-time-row[hidden]{display:none!important}.shelf-life-row label{color:var(--color-text-soft);font-size:var(--text-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.shelf-life-term-controls{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:var(--space-2);align-items:center}.shelf-life-time-toggle{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-main);font-size:var(--text-sm);font-weight:700}.shelf-life-time-toggle input[type=checkbox]{accent-color:var(--color-accent);width:1.32rem;height:1.32rem;margin:0;flex:0 0 auto}.shelf-life-actions{display:flex}.shelf-life-result{border:1px solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-4);background:var(--color-surface-solid)}.shelf-life-result p{margin:0;color:var(--color-text-main);font-size:clamp(1.22rem,2.8vw,2.1rem);line-height:1.15;font-weight:800}.shelf-life-result-valid{border-color:var(--color-success-line);background:var(--color-success-bg)}.shelf-life-result-expired{border-color:var(--color-error-line);background:var(--color-error-bg)}.field-invalid{border-color:var(--color-danger)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-danger) 28%,transparent 72%)}.input-actions,.control-actions{margin-top:var(--space-4);display:flex;flex-wrap:wrap;gap:var(--space-3)}textarea:focus,input[type=text]:focus,input[type=number]:focus,input[type=time]:focus,select:focus,.btn:focus-visible,summary:focus-visible,.metric-copy:focus-visible,.order-title-edit:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:var(--focus-ring)}.field-invalid:focus{border-color:var(--color-danger)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-danger) 28%,transparent 72%)}.btn{border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);padding:.68rem 1.22rem;font-family:inherit;font-size:.96rem;font-weight:800;letter-spacing:.02em;color:var(--color-text-main);background:var(--color-surface-muted);cursor:pointer;transition:transform .16s ease,box-shadow .2s ease,border-color .2s ease,filter .2s ease}.btn:hover{transform:translateY(-2px);border-color:var(--color-text-soft);box-shadow:var(--elevation-1)}.btn:active{transform:translateY(-1px) scale(.995)}.btn-theme{width:48px;height:48px;min-width:48px;padding:0;border-radius:14px;border-color:var(--color-line);background:var(--color-surface);box-shadow:var(--elevation-2);font-size:1.35rem;line-height:1}.btn-primary{color:var(--color-accent-contrast);border-color:transparent;background:linear-gradient(145deg,var(--color-accent) 0%,var(--color-accent-strong) 100%)}.btn-primary:hover{border-color:transparent;box-shadow:var(--elevation-2);filter:saturate(1.06)}.btn-danger{color:#fff;border-color:transparent;background:linear-gradient(145deg,var(--color-danger) 0%,var(--color-danger-strong) 100%)}.btn-danger:hover{border-color:transparent;box-shadow:var(--elevation-2);filter:saturate(1.05)}.btn-block{width:100%}.clear-all-standalone{align-self:stretch}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.metrics-vertical{grid-template-columns:1fr}.metric-card{border-radius:var(--radius-md);border:1px solid var(--color-line);background:color-mix(in srgb,var(--color-surface-solid) 84%,var(--color-surface-muted) 16%);box-shadow:var(--elevation-1);padding:var(--space-4);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.metric-card:hover{transform:translateY(-2px);border-color:var(--color-line-strong);box-shadow:var(--elevation-2)}.metric-card-cashback{background:var(--color-cashback-bg);border-color:var(--color-cashback-line)}.metric-card h3{margin:0;color:var(--color-text-soft);font-size:var(--text-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.metric-card p{margin:.58rem 0 0;font-size:clamp(1.6rem,3.1vw,2rem);line-height:1;font-weight:800}.metric-copy{margin:.58rem 0 0;padding:0;border:none;background:transparent;color:var(--color-text-main);font-family:inherit;font-size:clamp(1.6rem,3.1vw,2rem);line-height:1;font-weight:800;text-align:left;cursor:pointer;border-bottom:1px dashed transparent;width:fit-content}.metric-copy:hover{color:var(--color-accent);border-bottom-color:var(--color-accent)}.orders-list{display:grid;gap:var(--space-3)}.orders-empty{margin:0;color:var(--color-text-soft);font-size:var(--text-sm);font-weight:700}.order-card{border:1px solid var(--color-line);background:var(--color-surface-solid);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--elevation-1);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.order-card:hover{transform:translateY(-2px);border-color:var(--color-line-strong);box-shadow:var(--elevation-2)}.order-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.order-title-wrap{display:flex;align-items:center;gap:var(--space-2);min-width:0}.order-title-copy{border:none;padding:0;margin:0;background:transparent;color:var(--color-text-main);font-family:inherit;font-size:1.02rem;font-weight:800;cursor:pointer;text-align:left;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:380px}.order-title-copy:hover{color:var(--color-accent);text-decoration-color:var(--color-accent)}.order-title-edit{width:28px;min-width:28px;height:28px;padding:0;margin:0;border:none;border-radius:8px;background:transparent;color:var(--color-text-faint);font-size:1rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.order-title-edit:hover{color:var(--color-accent);background:var(--color-accent-soft)}.order-number{margin:0;font-size:1.14rem;line-height:1.1;font-weight:800;opacity:.55}.order-meta{margin:var(--space-2) 0 0;color:var(--color-text-soft);font-size:var(--text-xs);font-weight:700}.order-summary{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.order-summary p{margin:0;padding:.4rem .58rem;border-radius:10px;border:1px solid var(--color-line);background:var(--color-surface-muted);font-size:.84rem;font-weight:700}details{margin-top:var(--space-3)}summary{cursor:pointer;font-size:var(--text-sm);font-weight:800}.items-table{width:100%;border-collapse:collapse;margin-top:var(--space-3);font-size:.88rem}.items-table th,.items-table td{border:1px solid var(--color-line);padding:.58rem;text-align:left;vertical-align:top}.items-table th:first-child,.items-table td:first-child{width:52px;text-align:center}.items-table th{background:var(--color-surface-muted);color:var(--color-text-soft);font-weight:800}.items-table tbody tr:nth-child(2n){background:var(--color-row-alt)}.items-table tbody tr.items-row-eligible{background:var(--color-eligible-bg)}.items-table tbody tr.items-row-eligible td{border-color:var(--color-eligible-line)}.items-table tbody tr.items-row-eligible:hover{background:var(--color-eligible-hover)}.status{border-radius:var(--radius-sm);padding:.72rem .92rem;border:1px solid transparent;font-size:var(--text-sm);font-weight:800}.status-floating{position:fixed;left:14px;bottom:14px;z-index:95;max-width:min(500px,calc(100vw - 28px));box-shadow:var(--elevation-2);opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.status-visible{opacity:1;transform:translateY(0)}.status-info{background:var(--color-info-bg);border-color:var(--color-info-line)}.status-success{background:var(--color-success-bg);border-color:var(--color-success-line)}.status-warning{background:var(--color-warning-bg);border-color:var(--color-warning-line)}.status-error{background:var(--color-error-bg);border-color:var(--color-error-line)}.scroll-top-btn{position:fixed;right:14px;bottom:14px;z-index:90;width:46px;height:46px;min-width:46px;padding:0;border-radius:14px;border-color:transparent;color:#fff;background:linear-gradient(145deg,var(--color-accent),var(--color-accent-strong));font-size:1.18rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transform:translateY(8px);box-shadow:var(--elevation-2);transition:opacity .2s ease,transform .2s ease}.scroll-top-visible{opacity:1;pointer-events:auto;transform:translateY(0)}@keyframes layout-fade{0%{opacity:0}to{opacity:1}}@keyframes panel-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1180px){.layout,.site-footer{width:min(1360px,calc(100% - 1.5rem))}.workspace{grid-template-columns:minmax(0,1.54fr) minmax(300px,.88fr)}}@media(max-width:920px){.layout{margin-top:.6rem;gap:var(--space-4)}.workspace{grid-template-columns:1fr;gap:var(--space-4)}.services-toolbar{top:max(6px,env(safe-area-inset-top));padding:var(--space-2);border-radius:var(--radius-md)}.services-toolbar-head{align-items:center}.services-nav{grid-template-columns:1fr}.service-tab{min-width:0}.workspace-side{gap:var(--space-3)}.cleaner-columns{grid-template-columns:1fr;gap:var(--space-3)}.cleaner-settings-grid,.shelf-life-term-controls{grid-template-columns:1fr}.shelf-life-actions .btn{width:100%}.cleaner-field textarea{min-height:230px}.whats-new-modal{padding:var(--space-3)}.whats-new-modal-dialog{max-height:84vh}.whats-new-modal-header{padding:var(--space-3) var(--space-4)}.whats-new-modal-content{padding:var(--space-3) var(--space-4) var(--space-4)}.panel-service-placeholder{min-height:300px}.order-header{flex-direction:column;align-items:flex-start}.control-row{max-width:none}.btn{width:100%}}@media(max-width:640px){.layout{width:calc(100% - .8rem);margin-top:.55rem}.site-footer{width:calc(100% - .8rem)}.site-footer-text{font-size:.76rem;line-height:1.45}.whats-new-modal{padding:.6rem}.whats-new-modal-dialog{border-radius:var(--radius-md)}.whats-new-entry{padding:var(--space-3)}.panel{padding:var(--space-4);border-radius:var(--radius-md)}.percent-preset-group{grid-template-columns:repeat(2,minmax(0,1fr))}.percent-preset-button{font-size:clamp(1.06rem,5.6vw,1.35rem);padding-block:.56rem}.service-tab{padding:.62rem .75rem}.service-tab-title{font-size:.93rem}.service-tab-subtitle{font-size:.71rem}.status-floating{left:8px;bottom:8px;max-width:calc(100vw - 16px)}.scroll-top-btn{right:8px;bottom:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}