:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111d23;font-synthesis:none;text-rendering:optimizelegibility;--bg:#f4faff;--surface:#fff;--surface-2:#e3f0f8;--surface-3:#d7e4ec;--text:#111d23;--muted:#4c616c;--primary:#ba002e;--primary-strong:#e5173f;--ok:#006864;--needed:#b7791f;--danger:#ba1a1a;--overlay:#f4faffad;background:#f4faff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}body,button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent;color:inherit}h1,h2,h3,p{margin-top:0}.headline,h1,h2,h3{font-family:Space Grotesk,sans-serif}.headline{letter-spacing:-.04em;text-transform:uppercase;font-weight:800}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.page-shell,.app-shell{min-height:100vh;position:relative}.page-shell.is-locked{overflow:hidden}.page-shell.is-locked .page-content{filter:grayscale();opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.header{border-bottom:4px solid var(--text);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;min-height:82px;padding:16px;display:flex}.header-left,.title-stack{flex-direction:column;gap:4px;min-width:0;display:flex}.header h1,.header-title{text-transform:uppercase;letter-spacing:-.04em;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(25px,4vw,36px);font-weight:800;line-height:1}.header-kicker,.eyebrow{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:800}.header-sub,.last-updated{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.header-right,.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.header-btn{border:1px solid var(--surface-3);background:var(--surface);min-height:42px;color:var(--text);cursor:pointer;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-weight:700;text-decoration:none;display:inline-flex}.header-btn:hover{border-color:var(--text)}.settings-link{color:var(--text);font-size:22px;line-height:1;text-decoration:none}.status-banner{border-bottom:1px solid var(--surface-3);color:#7a4b00;letter-spacing:.1em;text-transform:uppercase;background:#fff4e5;padding:10px 16px;font-size:12px;font-weight:800;display:none}.status-banner.show{display:block}.status-banner.trial{color:var(--ok);background:#e7f6f4}.controls{flex-wrap:wrap;align-items:center;gap:10px;padding:16px;display:flex}.filter-btn{border:1px solid var(--surface-3);background:var(--surface);color:var(--text);cursor:pointer;border-radius:0;padding:10px 12px;font-weight:700}.filter-btn.active{border-color:var(--text);background:var(--text);color:#fff}.grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:0 16px 16px;display:grid}.card{border-left:8px solid var(--surface-3);background:var(--surface);min-height:200px;color:inherit;flex-direction:column;justify-content:space-between;padding:16px;text-decoration:none;display:flex}.card.ok{border-color:var(--ok)}.card.needed{border-color:var(--needed)}.card.overdue{border-color:var(--danger)}.fryer-id{opacity:.24;letter-spacing:-.04em;text-transform:uppercase;word-break:break-word;font-family:Space Grotesk,sans-serif;font-size:30px;font-weight:800;line-height:1.05}.status{letter-spacing:-.04em;text-transform:uppercase;margin:10px 0 12px;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:800;line-height:1}.label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700}.value{text-transform:uppercase;font-weight:700}.meta{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.45}.footer{color:var(--muted);text-align:center;padding:16px;font-size:12px}.empty-state{color:var(--muted);padding:16px;font-size:14px}.empty-state.compact{padding:12px 0}.error-state{color:var(--danger);padding:12px 16px;font-size:14px;font-weight:600;position:relative}.error-state button{cursor:pointer;background:0 0;border:0;font-size:22px;position:absolute;top:6px;right:12px}.route-loading{min-height:100vh;color:var(--muted);background:var(--bg);place-items:center;display:grid}.lock-overlay{z-index:900;background:var(--overlay);pointer-events:none;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.page-shell.is-locked .lock-overlay{display:flex}.lock-banner{opacity:.18;color:var(--text);letter-spacing:-.05em;text-transform:uppercase;font-family:Space Grotesk,sans-serif;font-size:42px;font-weight:800;transform:rotate(-12deg)}.topbar{border-bottom:4px solid var(--primary);background:#f8fcff;justify-content:space-between;align-items:center;gap:12px;height:64px;padding:0 16px;display:flex}.topbar-left{align-items:center;gap:12px;min-width:0;display:flex}.back{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0;font-size:24px;line-height:1}.topbar h1{color:var(--primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:28px;line-height:1;overflow:hidden}.topbar a,.topbar .header-actions a{color:var(--primary);text-transform:uppercase;white-space:nowrap;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;text-decoration:none}.wrap{width:min(1100px,100% - 32px);margin:0 auto;padding:28px 0 46px}.fryer-wrap{width:auto;max-width:460px;padding:20px 16px 28px}.status-card{border-left:8px solid var(--danger);background:var(--surface);margin-bottom:20px;padding:22px}.status-card.ok{border-color:var(--ok)}.status-card.needed{border-color:var(--needed)}.status-card.overdue{border-color:var(--danger)}.status-top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.status-top .eyebrow{margin-bottom:6px}.status-word{margin:0;font-size:44px;line-height:.95}.status-word.ok,.status-icon.ok{color:var(--ok)}.status-word.needed,.status-icon.needed{color:var(--needed)}.status-word.overdue,.status-icon.overdue{color:var(--danger)}.status-icon{flex-shrink:0;font-size:48px;font-weight:700;line-height:1}.last-box{background:var(--surface-2);padding:16px}.last-label{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800}.last-value{letter-spacing:-.03em;text-transform:uppercase;font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:800}.meta-line{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.45}.actions{gap:12px;margin-bottom:16px;display:grid}.action-btn{color:#fff;text-align:left;cursor:pointer;border:0;border-radius:0;justify-content:space-between;align-items:center;width:100%;min-height:84px;padding:20px 22px;display:flex}.action-btn.primary{background:var(--primary-strong)}.action-btn.secondary{background:var(--needed)}.action-btn span:first-child{letter-spacing:-.04em;text-transform:uppercase;font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:800}.action-btn span:last-child{flex-shrink:0;margin-left:10px;font-size:26px;font-weight:700}.dropdown-section{border-top:2px solid var(--surface-3);margin-top:18px;padding-top:10px}.dropdown-toggle{cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:12px 0;display:flex}.dropdown-toggle-title{color:var(--muted);letter-spacing:-.03em;text-transform:uppercase;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:800}.dropdown-toggle-icon{color:var(--muted);font-size:24px;transition:transform .18s}.dropdown-toggle.open .dropdown-toggle-icon{transform:rotate(180deg)}.dropdown-content{padding-top:8px;display:none}.dropdown-content.open{display:block}.tool-box{border:1px solid var(--surface-3);background:var(--surface);margin-bottom:12px;padding:16px}.tool-title{letter-spacing:-.03em;text-transform:uppercase;margin:0 0 8px;font-size:20px;font-weight:800}.tool-desc{color:var(--muted);margin:0 0 12px;font-size:14px;line-height:1.45}.field{margin-bottom:12px}.field label,label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:800;display:block}input,select,textarea{border:1px solid var(--surface-3);width:100%;min-height:46px;color:var(--text);resize:vertical;background:#fff;border-radius:0;outline:none;padding:12px}textarea{min-height:88px}input:focus,select:focus,textarea:focus{border-color:var(--text)}input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--primary);padding:0}.inline-actions,.modal-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.btn{cursor:pointer;border:0;border-radius:0;padding:14px 16px;font-weight:700}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:var(--surface-3);color:var(--text)}.btn:disabled{opacity:.5;cursor:not-allowed}.history-list{gap:10px;display:grid}.history-empty{color:var(--muted);font-size:14px}.history-item{border:1px solid var(--surface-3);background:var(--surface);padding:12px}.history-title{margin-bottom:4px;font-size:14px;font-weight:700}.history-meta{color:var(--muted);margin-bottom:4px;font-size:12px}.history-notes{color:var(--text);white-space:pre-wrap;font-size:13px;line-height:1.4}.modal-backdrop{z-index:1000;background:#111d238c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{border:0;border-top:4px solid var(--primary);background:var(--surface);border-radius:0;width:100%;max-width:460px;max-height:92vh;padding:20px 16px 24px;overflow:auto}.store-page .modal{border-top-color:var(--text)}.modal h2{margin:0 0 12px;font-size:28px}.modal p,.modal-description{color:var(--muted);margin:0 0 14px;font-size:14px;line-height:1.45}.modal-steps{color:var(--text);margin:0 0 16px;padding-left:18px;font-size:14px;line-height:1.55}.modal-steps li{margin-bottom:8px}.install-url{border:1px solid var(--surface-3);color:var(--muted);word-break:break-all;background:#f7fafc;margin-bottom:14px;padding:12px;font-size:12px;line-height:1.45}.toast{z-index:2000;opacity:0;border:1px solid var(--surface-3);color:var(--text);pointer-events:none;background:#fff;align-items:center;gap:10px;padding:12px 16px;transition:opacity .18s,transform .18s;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)translateY(-8px);box-shadow:0 8px 18px #111d231f}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.toast-check{background:var(--ok);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:800;display:inline-flex}.toast-text{font-size:14px;font-weight:600}.button{border:1px solid var(--surface-3);min-height:42px;color:var(--text);cursor:pointer;background:#fff;border-radius:0;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-weight:700;text-decoration:none;display:inline-flex}.button:hover:not(:disabled){border-color:var(--text)}.button:disabled{opacity:.5;cursor:not-allowed}.button.primary{border-color:var(--primary);background:var(--primary);color:#fff}.button.ghost{background:#fff}.button.danger{border-color:var(--danger);background:var(--danger);color:#fff}.button.small{min-height:36px;padding:7px 11px;font-size:12px}.notice{border-left:5px solid var(--surface-3);color:var(--text);background:#fff;margin-bottom:16px;padding:12px 42px 12px 14px;font-size:14px;line-height:1.45;position:relative}.notice button{cursor:pointer;background:0 0;border:0;font-size:21px;position:absolute;top:6px;right:9px}.notice.success{border-color:var(--ok);background:#e7f6f4}.notice.error{border-color:var(--danger);color:var(--danger);background:#fff1f0}.notice.warning{border-color:var(--needed);color:#7a4b00;background:#fff4e5}.notice.trial{border-color:var(--ok);color:var(--ok);background:#e7f6f4}.admin-stack{gap:18px;display:grid}.panel{border:1px solid var(--surface-3);background:#fff;padding:20px}.panel h2{letter-spacing:-.03em;text-transform:uppercase;margin-bottom:0;font-size:24px}.section-heading,.store-admin-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.section-heading span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.admin-list{gap:9px;display:grid}.admin-row{border:1px solid var(--surface-3);background:#f8fcff;grid-template-columns:1.2fr 1fr 1fr auto;align-items:end;gap:10px;padding:13px;display:grid}.admin-row.type-row{grid-template-columns:1.2fr .8fr .8fr auto}.row-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.add-row{border:1px dashed var(--muted);background:#f8fcff;grid-template-columns:auto 1fr 1fr 1fr auto;align-items:end;gap:10px;margin-top:16px;padding:14px;display:grid}.add-row>strong{text-transform:uppercase;align-self:center;font-size:13px}.recipient-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.recipient-card{border:1px solid var(--surface-3);background:#f8fcff;gap:14px;padding:16px;display:grid}.recipient-card>div:first-child{flex-direction:column;gap:4px;display:flex}.recipient-card span{color:var(--muted);font-size:12px}.toggle-list{flex-wrap:wrap;gap:12px;display:flex}.toggle-list label,.feature-controls label{color:var(--text);letter-spacing:0;text-transform:none;flex-direction:row;align-items:center;gap:7px;margin:0;display:flex}.recipient-add{grid-template-columns:auto 1fr 1.2fr auto}.disabled-panel{opacity:.78}.management-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-stack{gap:15px;display:grid}.field-help{color:var(--muted);margin:-6px 0 0;font-size:12px;line-height:1.5}.report-panel{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.report-panel p{color:var(--muted);margin:0;line-height:1.6}.dashboard-toolbar{justify-content:space-between;align-items:center;gap:16px;margin:20px 0;display:flex}.segmented{border:1px solid var(--surface-3);background:#fff;flex-wrap:wrap;display:inline-flex}.segmented button{border:0;border-right:1px solid var(--surface-3);min-height:38px;color:var(--text);cursor:pointer;background:#fff;padding:0 13px;font-size:12px;font-weight:700}.segmented button:last-child{border-right:0}.segmented button.active{background:var(--text);color:#fff}.sync-label{color:var(--muted);font-size:12px}.metric-strip{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.metric-strip>div{border-left:6px solid var(--primary);background:#fff;flex-direction:column;gap:8px;padding:16px;display:flex}.metric-strip span{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:700}.metric-strip strong{font-family:Space Grotesk,sans-serif;font-size:28px}.store-admin-list{gap:12px;display:grid}.store-admin-card{border:1px solid var(--surface-3);background:#fff;gap:18px;padding:20px;display:grid}.store-admin-heading{margin:0}.store-admin-heading h2{text-transform:uppercase;margin:0;font-size:24px}.store-metrics{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.store-metrics span{background:var(--surface-2);color:var(--muted);letter-spacing:.07em;text-transform:uppercase;flex-direction:column;gap:5px;padding:11px;font-size:10px;font-weight:700;display:flex}.store-metrics strong{overflow-wrap:anywhere;color:var(--text);letter-spacing:normal;text-transform:none;font-family:Inter,sans-serif;font-size:12px}.feature-controls{border-top:1px solid var(--surface-3);flex-wrap:wrap;gap:20px;padding-top:16px;display:flex}.hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:16px;display:grid}.hero-panel,.metric-panel{border:1px solid var(--surface-3);background:#fff;padding:clamp(24px,5vw,44px)}.hero-panel{border-left:8px solid var(--primary)}.hero-panel h2{letter-spacing:-.04em;text-transform:uppercase;margin-bottom:26px;font-size:clamp(28px,5vw,45px)}.metric-panel{background:var(--surface-2);flex-direction:column;justify-content:flex-end;display:flex}.metric-panel span{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:800}.metric-panel strong{text-transform:uppercase;margin:10px 0 13px;font-family:Space Grotesk,sans-serif;font-size:24px;line-height:1.2}.metric-panel p{color:var(--muted);margin:0;line-height:1.6}.inline-form{grid-template-columns:1fr auto;align-items:end;gap:12px;display:grid}.auth-page{background:var(--bg);place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{border-top:6px solid var(--primary);background:#fff;gap:17px;width:min(440px,100%);padding:clamp(24px,6vw,40px);display:grid}.auth-back{color:var(--primary);letter-spacing:-.02em;text-transform:uppercase;justify-self:start;font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:800;text-decoration:none}.auth-back:hover{text-decoration:underline}.auth-card>img{object-fit:contain;width:64px;height:64px}.auth-card h1{letter-spacing:-.04em;text-transform:uppercase;margin:-6px 0 0;font-size:31px}.auth-card p:not(.eyebrow){color:var(--muted);margin-bottom:0;line-height:1.55}@media (width<=860px){.hero-grid,.management-grid{grid-template-columns:1fr}.admin-row,.admin-row.type-row,.add-row,.recipient-add{grid-template-columns:1fr 1fr}.recipient-grid{grid-template-columns:1fr}.metric-strip,.store-metrics{grid-template-columns:1fr 1fr}}@media (width<=700px){.store-page .header,.admin-shell .header{flex-direction:column;align-items:flex-start}.header-right,.admin-shell .header-actions{justify-content:flex-start;width:100%}.wrap{width:min(100% - 22px,1100px);padding-top:22px}}@media (width<=620px){.inline-form,.admin-row,.admin-row.type-row,.add-row,.recipient-add,.metric-strip,.store-metrics{grid-template-columns:1fr}.dashboard-toolbar{flex-direction:column;align-items:flex-start}.segmented{grid-template-columns:1fr 1fr;width:100%;display:grid}.section-heading,.store-admin-heading{flex-direction:column}.header-actions .button{min-height:36px;padding:7px 10px;font-size:11px}}@media (width<=420px){.topbar h1{font-size:24px}.status-word{font-size:38px}.action-btn span:first-child{font-size:22px}.inline-actions,.modal-actions{grid-template-columns:1fr}.lock-banner{font-size:28px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
