@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#21342d;background:#f7f8f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #a6c8b3;outline-offset:2px}.app-shell{min-height:100vh}.sidebar{width:246px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #e9eeea;display:flex;flex-direction:column;padding:30px 15px 17px;z-index:30}.side-head{padding:0 12px 34px}.brand{display:flex;align-items:center;gap:10px;color:#183f32;font-family:Manrope,sans-serif;font-size:27px;font-weight:800;letter-spacing:-1.8px;line-height:1}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#174c3c;color:#fff;font-size:25px;font-weight:800;letter-spacing:-4px;padding-right:3px}.brand-dot{color:#e7a57b}.side-group-label{font-size:10px;letter-spacing:1.5px;color:#a1aaa3;font-weight:800;padding:0 14px;margin-bottom:11px}.store-selector{display:flex;align-items:center;gap:9px;background:#f7f9f6;border:1px solid #edf1eb;border-radius:13px;padding:10px;margin:0 5px;min-height:63px}.store-avatar{flex:none;width:36px;height:36px;border-radius:10px;background:#e3eee6;color:#326f50;display:grid;place-items:center;font-size:17px;font-weight:800}.store-selector>div{min-width:0;flex:1}.store-selector small{display:block;font-size:9px;font-weight:800;letter-spacing:.8px;color:#9ba69c}.store-selector select{background:transparent;border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;font-size:13px;font-weight:800;color:#263a2e;padding:3px 0 0;cursor:pointer}.store-selector>svg{color:#93a096}.nav-label{margin-top:31px}.side-nav{display:grid;gap:5px}.nav-button{display:flex;align-items:center;gap:13px;width:100%;border:0;background:transparent;color:#728179;font-size:13px;font-weight:700;text-align:left;border-radius:10px;padding:12px 14px;transition:.15s}.nav-button:hover{background:#f5f8f5;color:#20523e}.nav-button.active{background:#e8f2eb;color:#205c42}.side-bottom{margin-top:auto}.helper-card{background:#f2f7f1;border-radius:15px;padding:17px;margin:0 5px 20px}.helper-icon{display:grid;place-items:center;background:#dcebdd;color:#386c4a;width:30px;height:30px;border-radius:9px;margin-bottom:11px}.helper-card strong{font-size:13px}.helper-card p{margin:5px 0 0;font-size:11px;line-height:1.55;color:#7b8a7e}.profile{border-top:1px solid #eef0ed;padding:16px 5px 0;display:flex;align-items:center;gap:10px;min-width:0}.profile-avatar,.top-avatar{display:grid;place-items:center;flex:none;border-radius:50%;background:#eddbce;color:#815336;font-weight:800}.profile-avatar{width:34px;height:34px}.profile>div{min-width:0;flex:1}.profile strong,.profile small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile strong{font-size:12px}.profile small{font-size:10px;color:#95a098;margin-top:2px}.icon-button{border:0;background:transparent;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:#7a8b80;flex:none}.icon-button:hover{background:#edf3ee;color:#285a43}.main-content{margin-left:246px;min-height:100vh}.topbar{height:74px;border-bottom:1px solid #e9eeea;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.breadcrumbs{display:flex;align-items:center;gap:10px;font-size:12px;color:#99a49d}.breadcrumbs strong{color:#284033;font-weight:700}.top-actions{display:flex;align-items:center;gap:19px}.sync-status{display:flex;align-items:center;gap:7px;font-size:11px;color:#809188;font-weight:700}.sync-status span{width:7px;height:7px;border-radius:50%;background:#5ebd83}.notification{position:relative}.notification i{width:7px;height:7px;background:#ed9776;border:2px solid white;border-radius:50%;position:absolute;top:4px;right:4px}.top-avatar{width:30px;height:30px;font-size:11px}.page-content{max-width:1440px;margin:auto;padding:34px 42px 70px}.page-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:36px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;color:#6a9a75;letter-spacing:2px;font-weight:800;margin-bottom:11px}.eyebrow-line{display:inline-block;width:24px;height:1px;background:#a2c6a8}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:29px;letter-spacing:-1.4px;line-height:1.25;margin-bottom:7px;color:#1c3327}.wave{color:#e5ab80;font-size:22px;vertical-align:3px}.subtitle{font-size:13px;color:#8b998f;margin:0}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#205b43;border:1px solid #205b43;color:#fff;border-radius:9px;padding:12px 17px;min-height:43px;font-size:12px;font-weight:800;white-space:nowrap;box-shadow:0 3px 8px #1e5c4414;transition:.15s}.primary-button:hover{background:#174b36;transform:translateY(-1px)}.secondary-button{background:#fff;border:1px solid #dce5dd;border-radius:9px;padding:11px 17px;color:#486050;font-size:12px;font-weight:800}.period-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.period-label{font-size:10px;letter-spacing:1.7px;font-weight:800;color:#7b8b7e}.period-control,.year-control{display:flex;align-items:center;gap:15px;background:#fff;border:1px solid #e9eeea;border-radius:8px;padding:3px}.period-control button,.year-control button{width:25px;height:26px;border:0;background:transparent;color:#778d7b;display:grid;place-items:center;border-radius:5px}.period-control button:hover,.year-control button:hover{background:#eff5ef}.period-control strong,.year-control strong{font-size:11px;min-width:105px;text-align:center;color:#3f5546}.year-control strong{min-width:38px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric-card{background:#fff;border:1px solid #ebefea;border-radius:13px;padding:19px 20px;min-height:156px;display:flex;flex-direction:column;box-shadow:0 4px 18px #18392504}.metric-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;margin-bottom:15px}.metric-icon.green{background:#e6f3e9;color:#4d9c67}.metric-icon.blue{background:#e8f1f7;color:#679ab8}.metric-icon.orange{background:#fcf0e7;color:#d1976e}.metric-icon.purple{background:#f0edfa;color:#9887c7}.metric-label{font-size:11px;color:#89988c;font-weight:700}.metric-card strong{font:800 23px Manrope,sans-serif;letter-spacing:-1px;color:#253b2c;margin:4px 0}.metric-card small{font-size:10px;color:#9daa9f}.content-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:17px;margin-top:19px}.panel{background:#fff;border:1px solid #ebefea;border-radius:13px;padding:21px 22px;min-width:0;box-shadow:0 4px 18px #18392504}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.panel-heading h2{font-size:14px;letter-spacing:-.3px;color:#2a3d2f;margin:0 0 4px}.panel-heading p{font-size:11px;color:#9ba89d;margin:0}.panel-heading>svg{color:#9aa79a}.soft-tag{padding:6px 9px;border-radius:6px;background:#f2f6f0;color:#65826a;font-size:10px;font-weight:800}.chart-panel{min-height:281px}.bar-chart{height:206px;display:flex;align-items:flex-end;gap:7px;padding-top:15px}.bar-column{border:0;background:transparent;flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;padding:0;min-width:0}.bar-track{width:100%;height:calc(100% - 28px);display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid #edf0eb}.bar-track>span{display:block;width:min(30px,75%);background:#d7e9dd;border-radius:5px 5px 0 0;transition:height .25s,background .2s}.bar-column:hover .bar-track>span,.bar-column.active .bar-track>span{background:#347d5c}.bar-column small{font-size:9px;color:#a0aaa0;font-weight:700}.bar-column.active small{color:#317651}.action-panel{padding-bottom:15px}.quick-action{width:100%;display:flex;align-items:center;gap:11px;border:1px solid #edf1ec;border-radius:10px;background:#fff;text-align:left;padding:11px;margin:8px 0;transition:.15s}.quick-action:hover{border-color:#bfd6c4;transform:translate(2px)}.quick-icon{width:36px;height:36px;flex:none;border-radius:9px;display:grid;place-items:center}.quick-icon.green{background:#e8f3e9;color:#4b9b64}.quick-icon.peach{background:#faf0e8;color:#cf956c}.quick-icon.lilac{background:#f0eff9;color:#8d82b8}.quick-action>span:nth-child(2){flex:1;min-width:0}.quick-action strong,.quick-action small{display:block}.quick-action strong{font-size:11px;color:#314638}.quick-action small{font-size:10px;color:#9ba89d;margin-top:3px}.quick-action>svg{color:#aab7ac}.lower-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr)}.text-link{border:0;background:transparent;color:#497f5e;font-size:11px;font-weight:800;display:flex;align-items:center;gap:4px}.activity-list{display:grid}.activity-item{display:flex;align-items:flex-start;gap:11px;padding:12px 0;border-top:1px solid #f0f2ee}.activity-item:first-child{border-top:0}.activity-icon{flex:none;width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.activity-icon.sale{background:#e9f4ec;color:#579d6e}.activity-icon.restock{background:#f9f0e8;color:#d09b71}.activity-icon.muted{background:#f1f1f0;color:#9ea79e}.activity-main{min-width:0;flex:1}.activity-main strong{font-size:11px;color:#394d3e;display:block;line-height:1.4}.activity-main small{font-size:10px;color:#a0aba1;display:block;margin-top:3px}.activity-main p{font-size:10px;color:#899a8b;margin:5px 0 0}.activity-end{text-align:right;flex:none}.activity-end strong{display:block;font-size:11px;color:#2f6348}.activity-end button{border:0;background:transparent;color:#ad7b6d;font-size:10px;font-weight:700;margin-top:6px;padding:2px}.muted-text{text-decoration:line-through;color:#9fa9a0!important}.alert-count{background:#fdf0e8;color:#cc8d65;border-radius:7px;padding:4px 8px;font-size:11px;font-weight:800}.alert-item{width:100%;display:flex;gap:10px;align-items:center;text-align:left;border:0;border-top:1px solid #f0f2ee;background:transparent;padding:13px 0}.alert-item>span:nth-child(2){flex:1;min-width:0}.alert-item strong,.alert-item small{display:block}.alert-item strong{font-size:11px;color:#3b4b3e}.alert-item small{font-size:10px;color:#9aa89b;margin-top:3px}.alert-item>svg{color:#a5b0a4}.alert-product-icon{width:33px;height:33px;border-radius:8px;background:#f9f0e7;color:#cb9b71;display:grid;place-items:center;flex:none}.empty{text-align:center;padding:28px 12px;color:#9dad9e}.empty>span{display:grid;place-items:center;margin:0 auto 12px;width:43px;height:43px;border-radius:12px;background:#eff5ef;color:#6a9e77}.empty strong{font-size:12px;color:#5d765f}.empty p{font-size:11px;margin:5px 0 0}.toolbar{display:flex;align-items:center;gap:16px;margin-bottom:20px}.search-box{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e4ece5;border-radius:9px;padding:0 13px;min-width:270px;width:min(420px,100%);height:43px;color:#93a298}.search-box input{border:0;outline:0;flex:1;min-width:0;color:#2d4435;font-size:12px}.search-box input::placeholder{color:#a7b1a8}.archive-toggle{font-size:11px;color:#849185;display:flex;gap:6px;align-items:center}.archive-toggle input,.check-row input{accent-color:#2b7952}.item-count{margin-left:auto;color:#9ba79b;font-size:11px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-card{background:#fff;border:1px solid #e9efea;border-radius:13px;overflow:hidden;box-shadow:0 4px 18px #18392504}.product-card.archived{opacity:.65}.product-image{height:159px;background:#eef3ed;display:grid;place-items:center;color:#aec3b2;position:relative}.product-image img{width:100%;height:100%;object-fit:cover}.low-badge{position:absolute;top:11px;left:11px;background:#fff5e9;color:#b97745;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:800}.product-body{padding:15px}.product-top{display:flex;align-items:center;justify-content:space-between}.product-top small{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#9aa99a;font-weight:800}.product-body h3{font-size:14px;line-height:1.35;min-height:37px;margin:3px 0 10px;letter-spacing:-.3px}.product-info{display:flex;align-items:center;justify-content:space-between;gap:5px}.product-info strong{font:800 16px Manrope,sans-serif}.product-info span{font-size:10px;color:#7c907f;background:#f2f6f1;border-radius:6px;padding:5px 7px}.product-actions{display:flex;gap:8px;margin-top:17px}.product-actions button{flex:1;border-radius:8px;padding:9px 5px;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:5px}.sell-button{background:#225c43;color:#fff;border:1px solid #225c43}.restock-button{background:#fff;color:#397454;border:1px solid #d9e6da}.activity-full{max-width:900px}.stats-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.segmented{display:flex;background:#e9eee8;padding:3px;border-radius:9px}.segmented button{border:0;background:transparent;color:#7d8c7e;padding:8px 13px;border-radius:7px;font-size:11px;font-weight:800}.segmented button.active{background:#fff;color:#2e6b4b;box-shadow:0 1px 5px #123b1b12}.insight{display:flex;gap:10px;border-top:1px solid #f0f2ee;padding:13px 0}.insight-dot{width:7px;height:7px;border-radius:50%;background:#8dbb94;margin-top:7px;flex:none}.insight small,.insight strong{display:block}.insight small{font-size:10px;color:#9da99d}.insight strong{font-size:12px;margin-top:3px}.insight p{font-size:10px;color:#8b998b;margin:4px 0 0;line-height:1.45}.yearly-panel{margin-top:19px}.year-table{width:100%;overflow:auto}.year-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;min-width:520px;padding:12px 10px;border-top:1px solid #f0f2ee;font-size:11px;cursor:pointer}.year-row:hover,.year-row.selected{background:#f3f8f2}.year-row.head{border:0;color:#a4b0a5;font-size:9px;letter-spacing:.7px;font-weight:800;cursor:default}.year-row strong{color:#3c5c45}.report-note{font-size:10px;color:#99a79a;margin:13px 0 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#182a20a8;display:flex;align-items:center;justify-content:center;padding:15px}.modal{background:#fff;width:min(100%,490px);max-height:min(92vh,850px);overflow:auto;border-radius:17px;box-shadow:0 20px 70px #0b291d45}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:23px 25px 18px;border-bottom:1px solid #edf1ec}.modal-head small{color:#74a17a;font-size:9px;letter-spacing:1.5px;font-weight:800}.modal-head h2{margin:5px 0 0;font-size:21px;letter-spacing:-.8px}.modal-body{padding:22px 25px}.field{display:block;font-size:11px;font-weight:800;color:#506353;margin-bottom:16px}.field input,.field textarea{display:block;width:100%;border:1px solid #dfe8df;border-radius:9px;background:#fbfcfa;padding:11px 12px;margin-top:7px;font-size:13px;font-weight:500;color:#28402f;outline:0;resize:vertical}.field input:focus,.field textarea:focus{border-color:#76a587;background:#fff}.field input::placeholder,.field textarea::placeholder{color:#b0bab0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.optional{color:#acb6aa;font-weight:500}.photo-field{border:1px dashed #cbdccf;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;margin-bottom:16px;color:#4f8962;font-size:11px;font-weight:800;cursor:pointer}.photo-field input{display:none}.check-row{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;color:#526854;margin:5px 0}.selected-product{display:flex;align-items:center;gap:12px;background:#f5f8f4;border-radius:10px;padding:12px;margin-bottom:20px}.selected-icon{width:39px;height:39px;display:grid;place-items:center;background:#e2eee4;border-radius:9px;color:#548866}.selected-product strong,.selected-product small{display:block}.selected-product strong{font-size:12px}.selected-product small{font-size:10px;color:#9aa99a;margin-top:3px}.field-hint{font-size:10px;color:#a0aa9f;margin:-10px 0 16px}.total-preview{border-top:1px solid #e9efe9;padding-top:15px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#819183}.total-preview strong{font:800 19px Manrope,sans-serif;color:#2c694b}.modal-explanation{font-size:12px;line-height:1.5;color:#819182}.restore-row{background:#f4f8f3;padding:13px;border-radius:9px;margin:16px 0}.form-error{background:#fdf0ed;color:#ac604f;padding:10px;border-radius:8px;font-size:11px;margin-bottom:10px}.modal-footer{border-top:1px solid #edf1ec;padding:16px 25px;display:flex;justify-content:flex-end;gap:9px}.auth-page{min-height:100vh;background:radial-gradient(circle at 10% 10%,#e3efe3,transparent 31%),#f7f9f5;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px}.auth-brand{margin-bottom:24px;text-align:center}.auth-brand .brand{justify-content:center}.auth-brand p{font-size:12px;color:#8fa08f;margin:11px 0 0}.auth-card{background:#fff;border:1px solid #e8eee7;border-radius:17px;padding:32px;width:min(100%,410px);box-shadow:0 15px 50px #183c2610}.auth-icon,.setup-icon{display:grid;place-items:center;background:#e9f3e9;color:#4f9363;border-radius:11px;width:44px;height:44px;margin-bottom:18px}.auth-card h1{font-size:23px;margin-bottom:7px}.auth-card>p{font-size:12px;color:#94a394;line-height:1.5;margin-bottom:25px}.auth-card .field{margin-bottom:18px}.auth-submit{width:100%;margin-top:3px}.auth-card>small{display:block;text-align:center;color:#a5b1a5;font-size:10px;margin-top:20px}.auth-footer{position:absolute;bottom:22px;color:#a5b1a5;font-size:10px}.setup-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;gap:30px}.setup-card{background:#fff;max-width:520px;padding:30px;border-radius:15px;border:1px solid #e7eee6}.setup-card h1{font-size:23px}.setup-card p{font-size:13px;line-height:1.7;color:#718674}.setup-card code{background:#eaf3e9;padding:2px 5px;border-radius:4px;color:#367352}.error-banner{background:#fff0ed;color:#9f5c4e;padding:12px 15px;border-radius:9px;font-size:12px;margin-bottom:18px}.error-banner button{margin-left:10px;border:0;background:transparent;color:#a85e50;text-decoration:underline;font-weight:800}.toast{position:fixed;right:26px;bottom:26px;z-index:100;background:#244f39;color:#fff;border-radius:10px;padding:12px 16px;display:flex;gap:8px;align-items:center;box-shadow:0 7px 25px #153e2540;font-size:12px;font-weight:700}.loading-line{position:fixed;top:0;left:0;right:0;height:3px;background:#77b387;z-index:99;animation:pulse 1s infinite alternate}.splash{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}.spinner{width:24px;height:24px;border:2px solid #cfe4d1;border-top-color:#2d7952;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{to{opacity:.3}}.bottom-nav,.mobile-only{display:none}.sync-status.offline span{background:#d69572}.brand{font-size:15px;letter-spacing:-.5px;gap:8px;white-space:nowrap}.brand-art{width:37px;height:37px;display:block;position:relative;overflow:hidden;flex:none;border-radius:9px;background:#0b0b0b}.brand-art img{position:absolute;width:70px;height:auto;max-width:none;left:-16px;top:-1px}.store-avatar{overflow:hidden;background:#e9eceb}.store-avatar img{width:100%;height:100%;object-fit:cover}.store-selector select{font-size:10px;text-overflow:ellipsis}.product-image{height:180px;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f7f8f6}.product-image img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.product-top small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-tools{display:flex;align-items:center;gap:2px;flex:none}.product-tools .icon-button{width:29px;height:29px}.product-tools .delete-icon:hover{background:#fbece9;color:#ba5648}.danger-button{background:#ad493f;border-color:#ad493f}.danger-button:hover{background:#92372f}.product-card,.product-body{min-width:0}.product-image{position:relative;overflow:visible}.product-image img{border-radius:12px 12px 0 0}.image-actions{position:absolute;right:10px;top:10px;z-index:5}.image-edit-button{width:34px;height:34px;display:grid;place-items:center;background:#fff;border:1px solid #e4eae3;border-radius:9px;color:#245e43;box-shadow:0 2px 12px #172f1d20}.image-action-menu{position:absolute;right:0;top:40px;width:170px;padding:5px;background:#fff;border:1px solid #e5ebe5;border-radius:10px;box-shadow:0 12px 28px #172b1c30}.image-action-menu button{display:flex;align-items:center;gap:8px;width:100%;border:0;background:transparent;color:#395243;text-align:left;font-size:11px;font-weight:800;padding:10px;border-radius:7px}.image-action-menu button:hover{background:#eff5ee}.image-action-menu .delete-option{color:#ad4f46}.image-action-menu .delete-option:hover{background:#fff0ed}.product-card{overflow:visible}.product-body{background:#fff;border-radius:0 0 13px 13px}.history-filter{display:flex;align-items:center;gap:12px;max-width:900px;margin:-14px 0 15px;color:#5d755f;font-size:11px;font-weight:800}.history-filter label{display:flex;align-items:center;gap:9px}.history-filter input{border:1px solid #dce8dd;border-radius:8px;background:#fff;color:#2e513a;padding:8px;font-size:12px;min-height:37px}.history-filter button{border:0;background:transparent;color:#397b53;font-size:11px;font-weight:800}.history-filter>span{margin-left:auto;color:#9aa89c;font-weight:600}@media(max-width:420px){.history-filter{flex-wrap:wrap}.history-filter>span{margin-left:0;width:100%}}@media(max-width:1100px){.metric-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.page-content{padding:32px 28px 60px}.topbar{padding:0 28px}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .2s;box-shadow:15px 0 35px #16311d12}.sidebar.open{transform:translate(0)}.side-head{display:flex;align-items:center;justify-content:space-between}.main-content{margin-left:0}.mobile-only{display:grid}.topbar{height:59px;padding:0 18px}.sync-status{display:none}.page-content{padding:27px 18px 100px}.bottom-nav{position:fixed;display:flex;z-index:25;left:0;right:0;bottom:0;padding:7px 8px calc(7px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e8eee8;box-shadow:0 -5px 20px #1b3d2609}.bottom-nav .nav-button{padding:6px 2px;flex:1;display:flex;flex-direction:column;gap:4px;text-align:center;border-radius:8px;font-size:9px}.bottom-nav .nav-button.active{background:transparent;color:#276b4a}.page-title-row{margin-bottom:27px}h1{font-size:25px}.content-grid{grid-template-columns:1fr}.metric-grid{gap:10px}.metric-card{min-height:143px;padding:15px}.metric-card strong{font-size:20px}.metric-icon{margin-bottom:9px}.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.toolbar{flex-wrap:wrap}.search-box{width:100%}.item-count{margin-left:0}.stats-controls{align-items:flex-start;flex-direction:column}.stats-controls .period-control{align-self:flex-end}.desktop-action{display:none}.toast{bottom:80px;right:15px;left:15px}.modal-backdrop{align-items:flex-end;padding:0}.modal{width:100%;max-height:92vh;border-radius:18px 18px 0 0;padding-bottom:env(safe-area-inset-bottom)}}.receipt-dialog{max-width:420px}.receipt-content{padding:20px 25px}.receipt-paper{width:58mm;max-width:100%;margin:auto;background:#fff;color:#111;padding:4mm 3mm;font:11px/1.35 Arial,sans-serif;box-shadow:0 3px 20px #152c1b1c;overflow-wrap:anywhere}.receipt-brand{text-align:center;font-size:20px;font-weight:900;letter-spacing:2px}.receipt-store{text-align:center;font-size:11px;font-weight:700;margin:3px 0 9px}.receipt-rule{border-top:1px dashed #111;margin:9px 0}.receipt-title{text-align:center;font-size:10px;font-weight:800;letter-spacing:.5px;margin:8px 0}.receipt-detail,.receipt-total{display:flex;justify-content:space-between;gap:7px}.receipt-detail span:last-child,.receipt-detail strong,.receipt-total strong{text-align:right;white-space:nowrap}.receipt-product{font-weight:700;margin-bottom:6px}.receipt-total{font-size:14px;font-weight:800}.receipt-thanks{text-align:center;margin:12px 0 4px;font-weight:700}.receipt-help{font-size:11px;color:#748476;line-height:1.5;margin:17px 0 0}@media print{@page{size:58mm auto;margin:0}html,body,#root,.app-shell{width:58mm!important;min-width:0!important;margin:0!important;padding:0!important;background:#fff!important}.app-shell>*:not(.receipt-backdrop){display:none!important}.receipt-backdrop{position:static!important;display:block!important;background:#fff!important;padding:0!important}.receipt-dialog{width:58mm!important;max-width:none!important;max-height:none!important;overflow:visible!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.receipt-controls,.receipt-help{display:none!important}.receipt-content{padding:0!important}.receipt-paper{width:58mm!important;max-width:none!important;box-shadow:none!important;break-inside:avoid}}@media(max-width:420px){.product-grid{grid-template-columns:1fr 1fr}.product-image{height:120px}.product-body{padding:11px}.product-body h3{font-size:12px;min-height:33px}.product-info{align-items:flex-start;flex-direction:column}.product-actions{flex-direction:column}.product-actions button{padding:8px}.metric-card strong{font-size:17px}.metric-label,.metric-card small{font-size:10px}.panel{padding:18px}.bar-chart{gap:3px}.form-grid{gap:9px}.subtitle{font-size:12px}}