@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#17211d;font-synthesis:none;--green:#165c43;--green-dark:#104634;--mint:#e4f1ea;--line:#e1e5df;--muted:#66736d;--paper:#fff;--sidebar:#15241f;background:#f5f6f3;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100dvh;display:flex}.skip-link{z-index:100;color:#111;background:#fff;border-radius:8px;padding:12px 16px;position:fixed;top:-60px;left:16px}.skip-link:focus{top:12px}:focus-visible{outline-offset:2px;outline:3px solid #e0a43a}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sidebar{background:var(--sidebar);color:#e9f0ec;z-index:20;flex-direction:column;width:236px;padding:27px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 12px 28px;display:flex}.brand-mark{color:#173328;background:#d8ad5a;border-radius:11px;place-items:center;width:36px;height:36px;font:800 19px Manrope;display:grid}.brand strong,.brand small{display:block}.brand strong{font:800 16px Manrope}.brand small{color:#94a69f;margin-top:1px;font-size:11px}.sidebar nav{gap:5px;display:grid}.sidebar nav button{color:#aebbb6;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;min-height:46px;padding:0 13px;font-weight:600;display:flex}.sidebar nav button svg{width:20px}.sidebar nav button:hover{color:#fff;background:#1d3029}.sidebar nav button.active{color:#fff;background:#27463a}.store-card{border-top:1px solid #2c3b36;align-items:center;gap:10px;margin-top:auto;padding:18px 4px 0;display:flex}.store-card>span:nth-child(2){flex:1;min-width:0}.store-card strong,.store-card small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.store-card strong{font-size:13px}.store-card small{color:#91a29b;margin-top:3px;font-size:10px}.store-card>svg{color:#80918a;width:16px}.avatar{color:#183026;background:#d8ad5a;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.workspace{flex:1;min-width:0;margin-left:236px}.topbar{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;align-items:center;height:62px;padding:0 24px;display:flex;position:sticky;top:0}.connection{color:#50605a;align-items:center;gap:7px;font-size:12px;font-weight:600;display:flex}.status-dot{background:#2f9b68;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #e3f3ea}.connection.offline .status-dot,.status-dot.red{background:#d06a56;box-shadow:0 0 0 3px #f8e8e5}.topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.sync-status,.user-button,.icon-button{color:#52615c;background:0 0;border:0;align-items:center;gap:8px;display:flex}.sync-status{border-radius:8px;padding:8px 10px;font-size:11px}.sync-status:hover{background:#f2f4f1}.sync-status:disabled{cursor:default}.sync-status svg{width:16px}.user-button{border-left:1px solid var(--line);margin-left:3px;padding-left:15px;font-size:12px;font-weight:600}.user-button svg{width:20px}.icon-button{border-radius:9px;justify-content:center;width:40px;height:40px}.icon-button svg{width:21px}.menu-button{display:none}.register-layout{grid-template-columns:minmax(480px,1fr) 370px;height:calc(100dvh - 62px);display:grid}.catalog{min-width:0;padding:26px 28px 40px;overflow:auto}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.eyebrow{color:#77837e;text-transform:uppercase;letter-spacing:.12em;margin:0 0 4px;font-size:10px;font-weight:800}.page-heading h1{letter-spacing:-.04em;margin:0;font:800 26px/1.1 Manrope}.search{color:#7a8580;background:#fff;border:1px solid #dce1dc;border-radius:9px;align-items:center;gap:8px;width:min(320px,45%);height:42px;padding:0 11px;display:flex}.search:focus-within{border-color:#519175;box-shadow:0 0 0 3px #dcece4}.search svg{width:18px}.search input{color:#24302b;border:0;outline:0;flex:1;min-width:0}.search kbd{color:#8b948f;background:#f1f3f0;border:1px solid #e4e7e3;border-radius:5px;padding:2px 5px;font-size:9px}.category-tabs{gap:7px;padding:2px 2px 16px;display:flex;overflow:auto}.category-tabs button{color:#596660;white-space:nowrap;background:#fff;border:1px solid #dce1dc;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:600}.category-tabs button.active{background:var(--green);border-color:var(--green);color:#fff}.product-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px;display:grid}.product-card{text-align:left;background:#fff;border:1px solid #e2e5e1;border-radius:12px;padding:0;transition:transform .15s,box-shadow .15s;overflow:hidden}.product-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #1c35230d}.product-card:active{transform:scale(.98)}.product-art{place-items:center;height:105px;display:grid}.product-art span{filter:saturate(.75);font-size:39px}.product-info{padding:11px 12px 12px;display:block}.product-info strong,.product-info>span{display:block}.product-info strong{margin-bottom:4px;font-size:13px}.product-info>span{color:#65716c;font-size:12px}.cart-panel{border-left:1px solid var(--line);background:#fff;flex-direction:column;min-height:0;display:flex}.cart-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;height:80px;padding:20px 22px 15px;display:flex}.cart-title h2{margin:0;font:700 19px Manrope}.cart-title h2 span{color:#315446;background:#e8efeb;border-radius:99px;place-items:center;min-width:20px;height:20px;margin-left:5px;font:700 10px DM Sans;display:inline-grid}.text-button{color:var(--green);background:0 0;border:0;padding:5px;font-size:12px;font-weight:700}.empty-cart{text-align:center;color:#77827e;margin:auto;padding:25px}.empty-cart>span{color:#87938e;background:#f0f3f0;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 16px;display:grid}.empty-cart svg{width:27px}.empty-cart h3{color:#3a4741;margin:0 0 6px;font:700 15px Manrope}.empty-cart p{margin:0;font-size:12px}.cart-lines{flex:1;padding:5px 20px;overflow:auto}.cart-line{border-bottom:1px solid #edf0ed;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:15px 0;display:grid}.cart-line>div:first-child strong,.cart-line>div:first-child span{display:block}.cart-line>div:first-child strong{font-size:13px}.cart-line>div:first-child span{color:#7a8580;margin-top:3px;font-size:10px}.cart-line>strong{font-size:12px}.line-controls{border:1px solid #dfe3df;border-radius:7px;align-items:center;display:flex}.line-controls button{background:#fafbf9;border:0;place-items:center;width:27px;height:29px;display:grid}.line-controls svg{width:13px}.line-controls output{text-align:center;width:25px;font-size:11px;font-weight:700}.cart-summary{border-top:1px solid var(--line);padding:18px 22px 20px;box-shadow:0 -10px 30px #24392a08}.cart-summary>div{color:#67736e;justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.cart-summary .total{color:#1a2621;margin:14px 0 17px;font-size:17px;font-weight:800}.primary,.secondary{border-radius:9px;min-height:42px;padding:0 16px;font-weight:700}.primary{background:var(--green);border:1px solid var(--green);color:#fff}.primary:hover{background:var(--green-dark)}.primary:disabled{cursor:not-allowed;background:#c7d0cb;border-color:#c7d0cb}.secondary{color:#34433d;background:#fff;border:1px solid #d9ded9}.charge{justify-content:space-between;align-items:center;width:100%;height:50px;padding:0 19px;display:flex}.content-page{max-width:1280px;margin:auto;padding:30px clamp(20px,4vw,55px)}.content-page>.page-heading{margin-bottom:26px}.compact{align-items:center;gap:8px;display:flex}.compact svg{width:17px}.data-card,.stat-card,.settings-card,.shift-hero{border:1px solid var(--line);background:#fff;border-radius:13px}.table-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;padding:14px;display:flex}.table-list{padding:3px 18px}.table-row{border-bottom:1px solid #edf0ed;grid-template-columns:40px minmax(145px,1.4fr) 1fr auto auto 16px;align-items:center;gap:13px;min-height:69px;font-size:12px;display:grid}.table-row:last-child{border:0}.table-row>span:nth-child(2) strong,.table-row>span:nth-child(2) small{display:block}.table-row>span:nth-child(2) small{color:#7b8581;margin-top:3px}.table-row>svg{color:#8e9994;width:15px}.row-icon{color:#396b57;background:#eaf2ed;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.row-icon svg{width:17px}.sync-pill{text-transform:capitalize;color:#567066;background:#eef5f1;border-radius:99px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;display:flex}.sync-pill span{background:#3d9b70;border-radius:50%;width:5px;height:5px}.sync-pill.pending{color:#87682e;background:#fcf4df}.sync-pill.pending span{background:#d29a35}.mini-art{border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.avatar.pale{color:#356450;background:#e3eee8}.stat-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px;display:grid}.stat-card{padding:20px}.stat-card>span,.stat-card>strong,.stat-card>small{display:block}.stat-card>span{color:#69756f;font-size:11px}.stat-card>strong{margin:10px 0 4px;font:800 25px Manrope}.stat-card>small{color:#8a948f;font-size:10px}.shift-hero{text-align:center;color:#fff;background:linear-gradient(135deg,#173f31,#1d6047);margin-bottom:16px;padding:42px}.status-badge{background:#ffffff19;border-radius:99px;align-items:center;gap:7px;padding:6px 10px;font-size:10px;display:inline-flex}.status-badge span{background:#71d5a5;border-radius:50%;width:6px;height:6px}.shift-hero h2{margin:20px 0 2px;font:800 40px Manrope}.shift-hero p{color:#b8d2c7;margin:0;font-size:11px}.settings-grid{gap:14px;display:grid}.settings-card{gap:17px;padding:22px;display:flex}.settings-card h2{margin:0 0 7px;font:700 15px Manrope}.settings-card p{color:#69756f;max-width:600px;margin:0 0 11px;font-size:12px;line-height:1.6}.setting-status{align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#101a16a8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(430px,100%);overflow:hidden;box-shadow:0 25px 70px #0004}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:63px;padding:0 12px;display:flex}.modal-header h2{font:700 16px Manrope}.amount-due{text-align:center;background:#f5f7f4;padding:26px}.amount-due span,.amount-due strong{display:block}.amount-due span{color:#77827d;font-size:11px}.amount-due strong{margin-top:5px;font:800 35px Manrope}.payment-options{gap:10px;padding:16px;display:grid}.payment-options button{text-align:left;background:#fff;border:1px solid #dfe3df;border-radius:11px;grid-template-rows:1fr 1fr;grid-template-columns:44px 1fr 20px;align-items:center;column-gap:12px;min-height:74px;padding:11px 13px;display:grid}.payment-options button:hover{background:#f9fbf9;border-color:#699780}.payment-options button>span{color:#275e48;background:#e6f0ea;border-radius:10px;grid-row:1/3;place-items:center;width:42px;height:42px;display:grid}.payment-options button>span svg{width:21px}.payment-options button>strong{align-self:end;font-size:13px}.payment-options button>small{color:#7d8883;align-self:start}.payment-options button>svg{grid-area:1/3/3;width:16px}.payment-note{color:#7a8580;justify-content:center;align-items:center;gap:7px;margin:0 16px 18px;font-size:10px;display:flex}.payment-note svg{width:14px}.success-modal{text-align:center;padding:36px 32px}.success-check{color:#1f7956;background:#dff1e7;border-radius:50%;place-items:center;width:58px;height:58px;margin:0 auto 17px;display:grid}.success-check svg{width:29px}.success-modal h2{margin:4px;font:800 34px Manrope}.success-modal>p:not(.eyebrow){color:#68746e;font-size:12px;line-height:1.5}.success-modal .primary{width:100%;margin-top:18px}.toast{z-index:60;color:#fff;background:#172a23;border-radius:8px;padding:10px 15px;font-size:11px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #0003}.toast:empty,.nav-scrim{display:none}@media (width<=1000px){.register-layout{grid-template-columns:minmax(400px,1fr) 330px}.sidebar{width:82px;padding-inline:11px}.workspace{margin-left:82px}.brand{padding-inline:10px}.brand>span:last-child,.sidebar nav span,.store-card>span:nth-child(2),.store-card>svg{display:none}.sidebar nav button{justify-content:center;padding:0}.store-card{justify-content:center}.catalog{padding-inline:20px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media (width<=760px){.sidebar{width:236px;transition:transform .2s;transform:translate(-100%)}.sidebar.open{transform:none}.workspace{margin-left:0}.menu-button{display:flex}.nav-scrim{z-index:19;background:#101a1699;border:0;display:block;position:fixed;inset:0}.topbar{padding:0 13px}.connection span:last-child,.sync-status span,.user-button span{display:none}.register-layout{height:auto;display:block}.catalog{padding:20px 15px 150px}.cart-panel{z-index:8;border:0;border-top:1px solid var(--line);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -10px 30px #17231d14}.cart-title,.cart-lines,.cart-summary>div:not(.total){display:none}.cart-summary{padding:11px 14px}.cart-summary .total{display:none}.charge{height:52px}.page-heading{align-items:flex-end}.page-heading .search{width:46%}.page-heading h1{font-size:23px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-art{height:90px}.content-page{padding:22px 14px}.stat-grid{grid-template-columns:1fr}.hide-mobile{display:none}.table-row{grid-template-columns:38px minmax(120px,1fr) auto 14px;gap:9px}.table-row .sync-pill{display:none}.table-toolbar .search{width:70%}.settings-card{padding:17px}.shift-hero{padding:32px 15px}}@media (width<=420px){.search kbd{display:none}.product-info{padding:9px 10px}.product-info strong{font-size:12px}.product-art{height:82px}.content-page>.page-heading{align-items:center}.compact{padding:0 10px;font-size:11px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}