.demo-cabinet{--demo-ink: #25231e;--demo-paper: #f7f3ec;--demo-card: #fffaf2;--demo-orange: #f05a28;--demo-lime: #d9f274;display:flex;min-height:100vh;background:var(--demo-paper);color:var(--demo-ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.demo-company-layout>*{min-width:0}.demo-cabinet *{box-sizing:border-box}.demo-cabinet button,.demo-cabinet input{font-family:inherit}.demo-cabinet button{cursor:pointer}.demo-sidebar{position:sticky;top:0;z-index:30;display:flex;flex:0 0 272px;flex-direction:column;height:100vh;background:#25231e;color:#fffaf2}.demo-brand{display:flex;align-items:center;gap:13px;padding:27px 22px 19px}.demo-brand>span{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:var(--demo-orange);color:#fff;font-size:24px;font-weight:850;transform:rotate(-8deg)}.demo-brand strong,.demo-brand small{display:block}.demo-brand strong{font-size:25px;line-height:1;letter-spacing:-.05em}.demo-brand small{margin-top:5px;color:#bcb5aa;font-size:11px}.demo-tenant{display:flex;flex-direction:column;align-items:flex-start;margin:3px 16px 19px;padding:17px;border:1px solid #5c574e;border-radius:16px;background:#ffffff0b}.demo-tenant>span,.demo-sidebar-caption{color:var(--demo-lime);font-size:10px;font-weight:850;letter-spacing:.13em}.demo-tenant strong{margin:10px 0;font-size:17px}.demo-tenant em{padding:4px 7px;border-radius:5px;background:#fffaf2;color:#9b5b12;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.1em}.demo-sidebar-caption{padding:0 25px 13px;color:#aaa397}.demo-sidebar nav{display:flex;flex-direction:column;gap:4px;padding:0 12px}.demo-sidebar nav button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 13px;border:0;border-radius:10px;background:transparent;color:#e8e1d6;font-size:13px;font-weight:680;text-align:left}.demo-sidebar nav button:hover{background:#ffffff17;color:#fff}.demo-sidebar nav button.active{background:var(--demo-orange);color:#fff}.demo-sidebar nav svg{font-size:15px}.demo-sidebar-bottom{margin-top:auto;padding:17px 22px 23px;border-top:1px solid #514c43;color:#aaa397;font-size:10px;line-height:1.5}.demo-mobile-scrim,.demo-mobile-menu{display:none}.demo-main{flex:1;min-width:0}.demo-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:74px;padding:12px 32px;border-bottom:1px solid #e6dccd;background:var(--demo-card)}.demo-topbar>div{display:flex;align-items:center;gap:16px}.demo-topbar>div:first-child>span{color:#9b6b51;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.demo-share{padding:9px 12px;border:0;border-radius:9px;background:transparent;color:#5f594e;font-size:12px;font-weight:700}.demo-share:hover{background:#eee7da}.demo-register{display:inline-flex;align-items:center;gap:9px;padding:11px 15px;border-radius:10px;background:var(--demo-orange);color:#fff;font-size:12px;font-weight:750;text-decoration:none;white-space:nowrap}.demo-register:hover{background:#da4c1d;color:#fff}.demo-workspace{max-width:1420px;margin:0 auto;padding:28px 32px 36px}.demo-notice{margin-bottom:22px;padding:12px 16px;border:1px solid #e6dccd;border-radius:11px;background:#fffaf2;color:#625a50;font-size:12px;line-height:1.5}.demo-notice strong{color:#be4b20}.demo-eyebrow,.demo-section-heading>div>span,.demo-section-intro>span{color:var(--demo-orange);font-size:11px;font-weight:850;letter-spacing:.12em}.demo-hero{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:305px;padding:42px 50px;overflow:hidden;border-radius:25px;background:#25231e;color:#fffaf2}.demo-hero .demo-eyebrow{color:var(--demo-lime)}.demo-hero h1{margin:25px 0 7px;color:#fff;font-size:clamp(38px,4vw,65px);font-weight:850;letter-spacing:-.065em;line-height:1.05}.demo-hero h1 em{color:#ff916f;font-style:normal}.demo-hero p{margin:0;color:#ddd6cb;font-size:15px}.demo-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:29px}.demo-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;padding:10px 16px;border:1px solid transparent;border-radius:10px;font-size:13px;font-weight:750;text-decoration:none}.demo-button.primary{background:var(--demo-orange);color:#fff}.demo-button.primary:hover{background:#da4c1d;color:#fff}.demo-button.outline{border-color:#72695d;background:transparent;color:#fff}.demo-button.outline:hover{border-color:#c7bdab}.demo-hero-count{display:flex;flex:0 0 226px;flex-direction:column;padding:22px 25px;border:1px solid #746c60;border-radius:18px;background:#ffffff0a}.demo-hero-count>span{color:var(--demo-lime);font-size:10px;font-weight:850;letter-spacing:.12em}.demo-hero-count strong{margin:11px 0 2px;font-size:70px;line-height:1}.demo-hero-count small{color:#cfc7bb;font-size:11px}.demo-section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:34px 0 14px}.demo-section-heading h2{margin:8px 0 0;font-size:27px;font-weight:800;letter-spacing:-.04em}.demo-section-heading>p{margin:0;color:#777064;font-size:12px}.demo-metrics,.demo-statuses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.demo-metrics article,.demo-statuses article{min-width:0;padding:23px 25px;border:1px solid #e6dccd;border-radius:18px;background:var(--demo-card)}.demo-metrics article>span{color:#665e52;font-size:13px;font-weight:700}.demo-metrics strong{display:block;margin-top:15px;font-size:clamp(29px,3vw,48px);font-weight:850;letter-spacing:-.06em;line-height:1;white-space:nowrap}.demo-metrics strong small{font-size:21px}.demo-metrics p{margin:8px 0 0;color:#817a70;font-size:11px}.demo-feature-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.demo-feature-links button{display:flex;align-items:center;gap:14px;min-width:0;padding:18px 20px;border:1px solid #e6dccd;border-radius:16px;background:var(--demo-card);color:var(--demo-ink);text-align:left}.demo-feature-links button:hover{border-color:var(--demo-orange);background:#fff1e9}.demo-feature-links button>svg:first-child{flex:none;color:var(--demo-orange);font-size:24px}.demo-feature-links button>span{flex:1;min-width:0}.demo-feature-links strong,.demo-feature-links small{display:block}.demo-feature-links strong{font-size:14px}.demo-feature-links small{margin-top:4px;color:#756c60;font-size:11px;line-height:1.35}.demo-feature-links button>svg:last-child{flex:none;color:#a9603d}.demo-text-button{padding:4px 0;border:0;background:transparent;color:#2762cb;font-size:12px;font-weight:700}.demo-statuses article{display:flex;align-items:center;gap:10px;padding-block:17px}.demo-statuses i{width:11px;height:11px;border-radius:50%}.demo-statuses i.new{background:#f05a28}.demo-statuses i.cooking{background:#f5b623}.demo-statuses i.delivery{background:#4c9dce}.demo-statuses strong{font-size:24px}.demo-statuses span{color:#5c554c;font-size:12px}.demo-section-intro{margin:5px 0 26px}.demo-section-intro h1{margin:18px 0 10px;font-size:clamp(34px,3.5vw,56px);font-weight:850;letter-spacing:-.055em;line-height:1.08}.demo-section-intro p{max-width:710px;margin:0;color:#635d54;font-size:15px;line-height:1.55}.demo-filter-row,.demo-catalog-tools>div,.demo-tool-strip{display:flex;flex-wrap:wrap;gap:8px}.demo-filter-row{margin:26px 0 18px}.demo-filter-row button,.demo-catalog-tools button{padding:9px 13px;border:1px solid #e6dccd;border-radius:9px;background:var(--demo-card);color:#514a40;font-size:12px;font-weight:700}.demo-filter-row button.active,.demo-catalog-tools button.active{border-color:var(--demo-orange);background:#fff0e9;color:#bf451c}.demo-orders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.demo-orders article{display:flex;flex-direction:column;min-height:191px;padding:21px;border:1px solid #e6dccd;border-radius:17px;background:var(--demo-card)}.demo-orders article>div:first-child,.demo-order-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.demo-order-number{font-size:16px;font-weight:800}.demo-status-pill{padding:5px 8px;border-radius:7px;font-size:10px;font-weight:750;white-space:nowrap}.demo-status-pill.new{background:#ffebdf;color:#cf4e22}.demo-status-pill.cooking{background:#fff3cd;color:#916f00}.demo-status-pill.delivery{background:#e1f0fc;color:#236998}.demo-orders h3{flex:1;margin:23px 0;font-size:16px;line-height:1.3}.demo-order-foot{padding-top:13px;border-top:1px solid #eee6da;font-size:12px}.demo-order-foot span{color:#80776b}.demo-small-note{margin:19px 0;color:#7b7367;font-size:11px;line-height:1.5}.demo-catalog-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:19px}.demo-catalog-tools input{min-height:40px;padding:8px 12px;border:1px solid #e6dccd;border-radius:9px;background:var(--demo-card);outline-color:var(--demo-orange)}.demo-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.demo-products article{display:flex;align-items:center;gap:15px;min-width:0;padding:17px;border:1px solid #e6dccd;border-radius:15px;background:var(--demo-card)}.demo-product-icon{display:grid;flex:0 0 62px;width:62px;height:62px;place-items:center;border-radius:14px;background:#f5eee0;color:#b84220;font-size:27px;font-weight:850}.demo-products article>div:nth-child(2){flex:1;min-width:0}.demo-products h3{margin:3px 0 4px;font-size:16px}.demo-products span,.demo-products small{color:#797165;font-size:11px}.demo-products strong{font-size:15px;white-space:nowrap}.demo-client-summary,.demo-report-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.demo-client-summary article,.demo-report-metrics article{min-width:0;padding:22px;border:1px solid #e6dccd;border-radius:16px;background:var(--demo-card)}.demo-client-summary span,.demo-report-metrics span{display:block;color:#70685d;font-size:12px;font-weight:700}.demo-client-summary strong,.demo-report-metrics strong{display:block;margin-top:12px;font-size:clamp(27px,2.7vw,39px);font-weight:850;letter-spacing:-.05em;white-space:nowrap}.demo-client-summary small{display:block;margin-top:7px;color:#817a70;font-size:11px}.demo-client-tools{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:15px;margin:27px 0 14px}.demo-client-tools label{display:grid;gap:7px;color:#625a50;font-size:12px;font-weight:750}.demo-client-tools input{width:min(300px,80vw);min-height:40px;padding:8px 12px;border:1px solid #e6dccd;border-radius:9px;background:var(--demo-card);outline-color:var(--demo-orange)}.demo-client-tools .demo-filter-row{margin:0}.demo-client-list{overflow:hidden;border:1px solid #e6dccd;border-radius:16px;background:var(--demo-card)}.demo-client-head,.demo-client-list article{display:grid;grid-template-columns:minmax(160px,1.4fr) repeat(4,minmax(80px,1fr));align-items:center;gap:12px;padding:14px 20px}.demo-client-head{background:#f0e8dc;color:#71695e;font-size:11px;font-weight:800}.demo-client-list article{min-height:66px;border-top:1px solid #eee6da;font-size:12px}.demo-client-list article>div{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.demo-client-list article strong{font-size:13px}.demo-client-list article>span{color:#5e574e}.demo-client-tag{padding:5px 7px;border-radius:6px;background:#e7efd2;color:#566b2c;font-size:10px;font-weight:750}.demo-empty{margin:0;padding:25px 20px;color:#756c60;font-size:12px}.demo-report-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin:17px 0}.demo-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.demo-report-panel{min-width:0;padding:24px;border:1px solid #e6dccd;border-radius:17px;background:var(--demo-card)}.demo-report-panel-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.demo-report-panel-title h2{margin:0;font-size:18px;letter-spacing:-.03em}.demo-report-panel-title span{color:#83796d;font-size:11px}.demo-report-panel p{margin:18px 0 0;color:#817a70;font-size:11px;line-height:1.4}.demo-report-chart{display:flex;align-items:end;gap:12px;height:205px;margin-top:26px;padding:0 3px;border-bottom:1px solid #d9cfbf}.demo-report-chart>div{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px;height:100%}.demo-report-chart>div span{width:min(100%,42px);min-height:8px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#ff936c,var(--demo-orange))}.demo-report-chart small{height:17px;color:#83796d;font-size:10px}.demo-report-channels{display:grid;gap:20px;margin-top:32px}.demo-report-channels>div>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:12px}.demo-report-channels span{color:#736b61}.demo-report-channels progress{display:block;width:100%;height:12px;overflow:hidden;border:0;border-radius:8px;background:#ede4d6}.demo-report-channels progress::-webkit-progress-bar{background:#ede4d6}.demo-report-channels progress::-webkit-progress-value{border-radius:8px;background:var(--demo-orange)}.demo-report-channels progress::-moz-progress-bar{border-radius:8px;background:var(--demo-orange)}.demo-inline-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:27px;padding:20px 24px;border-radius:17px;background:var(--demo-lime)}.demo-inline-cta strong{font-size:18px}.demo-inline-cta p{margin:6px 0 0;color:#514c3a;font-size:12px}.demo-tool-strip{margin:27px 0}.demo-tool-strip span{padding:10px 13px;border:1px solid #e6dccd;border-radius:9px;background:var(--demo-card);font-size:12px;font-weight:700}.demo-preset-section{margin-top:28px}.demo-preset-section h2{padding-bottom:12px;border-bottom:1px solid #ded4c6;font-size:18px}.demo-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.demo-preset-grid article{display:flex;gap:13px;min-height:125px;padding:18px;border:1px solid #e6dccd;border-left:4px solid #f05a28;border-radius:13px;background:var(--demo-card)}.demo-preset-grid article.enabled{border-left-color:#72bd39}.demo-preset-icon{color:#d64d24;font-size:24px}.demo-preset-copy{flex:1;min-width:0}.demo-preset-copy h3{margin:3px 0 6px;font-size:14px}.demo-preset-copy p{margin:0;color:#6f675d;font-size:11px;line-height:1.4}.demo-preset-copy button{margin-top:12px;padding:0;border:0;background:transparent;color:#e85525;font-size:11px;font-weight:750}.demo-toggle{flex:0 0 38px;width:38px;height:21px;padding:2px;border:0;border-radius:11px;background:#c7c3bd}.demo-toggle.on{background:#61b92c}.demo-toggle span{display:block;width:17px;height:17px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}.demo-toggle.on span{transform:translate(17px)}.demo-modal-backdrop{position:fixed;z-index:50;inset:0;display:flex;justify-content:flex-end;background:#0008}.demo-modal{position:relative;width:min(480px,100%);height:100%;overflow-y:auto;padding:36px 28px;background:#fffaf2;box-shadow:-18px 0 48px #0003}.demo-modal-close{position:absolute;top:18px;right:22px;border:0;background:transparent;font-size:29px}.demo-modal h2{margin-top:16px;font-size:24px}.demo-modal>p{color:#6d665c}.demo-sample-fields{display:grid;gap:16px;margin-top:26px}.demo-sample-fields label{display:grid;gap:6px;color:#514a40;font-size:12px;font-weight:750}.demo-sample-fields input{width:100%;padding:11px;border:1px solid #e0d6c8;border-radius:9px;background:#f8f2e8;color:#70675b}.demo-company-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.65fr);gap:16px}.demo-company-main,.demo-company-layout aside{padding:25px;border:1px solid #e6dccd;border-radius:18px;background:var(--demo-card)}.demo-tabs{display:flex;gap:18px;overflow-x:auto;border-bottom:1px solid #e6dccd}.demo-tabs button{flex:none;padding:0 0 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:#625c52;font-size:12px;font-weight:750}.demo-tabs button.active{border-color:var(--demo-orange);color:#d04d22}.demo-company-main h2{margin:24px 0 5px;font-size:24px}.demo-company-main>p{color:#6d655b;font-size:12px}.demo-company-fields{display:grid;gap:12px;margin-top:24px}.demo-company-fields>div{display:flex;justify-content:space-between;gap:16px;padding:14px;border:1px solid #eee5d8;border-radius:10px}.demo-company-fields span{color:#70685d;font-size:12px}.demo-company-fields strong{font-size:12px;text-align:right}.demo-company-layout aside h3{margin:16px 0;font-size:22px}.demo-company-layout aside ul{display:grid;gap:15px;padding-left:20px;color:#5d554a;font-size:13px;line-height:1.45}.demo-storefront-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(190px,.65fr);align-items:start;gap:30px}.demo-storefront-grid>div{min-width:0}.demo-browser{padding:16px;border:2px solid #e1d7c7;border-radius:25px;background:#fff}.demo-browser-dots{display:flex;gap:6px;margin-bottom:13px}.demo-browser-dots i{width:8px;height:8px;border-radius:50%;background:#ded5ca}.demo-browser img{display:block;width:100%;max-height:460px;object-fit:cover;object-position:top;border-radius:11px}.demo-phone{width:min(100%,245px);height:470px;margin-inline:auto;padding:10px;overflow:hidden;border:9px solid #191816;border-radius:39px;background:#fff}.demo-phone img{display:block;width:100%;height:100%;border-radius:22px;object-fit:cover;object-position:top}.demo-storefront-grid h3{margin:19px 0 5px;font-size:18px}.demo-storefront-grid p{margin:0;color:#625b50;font-size:12px}.demo-footer{display:flex;justify-content:space-between;gap:18px;margin-top:45px;padding-top:17px;border-top:1px solid #ded4c6;color:#847b6f;font-size:10px}@media(max-width:1100px){.demo-sidebar{flex-basis:235px}.demo-hero{padding:35px}.demo-hero-count{flex-basis:190px}.demo-workspace{padding:24px}.demo-report-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.demo-sidebar{position:fixed;left:0;top:0;width:272px;transform:translate(-100%);transition:transform .2s}.demo-sidebar.open{transform:translate(0)}.demo-mobile-scrim{position:fixed;z-index:25;inset:0;display:block;width:100%;border:0;background:#0007}.demo-mobile-menu{display:inline-flex;padding:7px;border:0;background:transparent;font-size:17px}.demo-main{width:100%}.demo-topbar{min-height:65px;padding:10px 16px}.demo-topbar>div:first-child{gap:8px}.demo-hero{min-height:275px}.demo-hero-count{flex-basis:150px;padding:17px}.demo-hero-count strong{font-size:55px}}@media(max-width:600px){.demo-workspace{padding:16px 12px 27px}.demo-notice{font-size:11px}.demo-topbar>div:first-child>span{max-width:115px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-share{font-size:0}.demo-share svg{font-size:15px}.demo-register{padding:9px 10px;font-size:11px}.demo-hero{display:block;padding:28px 24px}.demo-hero h1{font-size:44px}.demo-hero-count{width:175px;margin-top:24px}.demo-metrics,.demo-client-summary,.demo-report-metrics,.demo-feature-links,.demo-report-grid{grid-template-columns:1fr}.demo-statuses{gap:7px}.demo-statuses article{flex-wrap:wrap;gap:4px;padding:13px}.demo-statuses strong{font-size:21px}.demo-statuses span{width:100%}.demo-orders,.demo-products,.demo-preset-grid,.demo-company-layout,.demo-storefront-grid{grid-template-columns:1fr}.demo-client-head{display:none}.demo-client-list article{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-client-list article>div{grid-column:1 / -1}.demo-client-list article [data-label]:before{display:block;margin-bottom:4px;color:#817a70;content:attr(data-label);font-size:10px;font-weight:650}.demo-inline-cta{align-items:flex-start;flex-direction:column}.demo-section-intro h1{font-size:36px}.demo-footer{display:block}.demo-footer span{display:block;margin-bottom:7px}.demo-storefront-grid{gap:34px}.demo-storefront-grid>div:last-child{text-align:center}}