@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#20242c;background:#f5f6f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.shell{min-height:100vh;display:flex}.sidebar{width:238px;background:#fff;border-right:1px solid #e8eaf0;padding:25px 16px 15px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:2}.brand{display:flex;align-items:center;gap:11px;font:800 18px Manrope}.brand small{display:block;font:600 9px DM Sans;letter-spacing:1.5px;color:#99a0ad;margin-top:3px}.brand-mark{width:42px;height:42px;background:#1c766a;color:#fff;border-radius:13px;display:grid;place-items:center;font:700 23px Manrope}.brand-mark.small{width:36px;height:36px;border-radius:11px;font-size:19px}.workspace{margin:38px 8px 14px;color:#969eaa;font-size:9px;letter-spacing:1.4px;font-weight:700}.workspace b{display:block;color:#49515e;letter-spacing:0;font-size:12px;margin-top:7px}.sidebar nav{display:grid;gap:5px}.sidebar nav button{border:0;background:transparent;text-align:left;color:#727a87;padding:12px;border-radius:9px;font-weight:600;font-size:13px}.sidebar nav button span{display:inline-block;width:28px;font-size:16px}.sidebar nav button.active{background:#eaf5f2;color:#1a7768}.side-bottom{margin-top:auto;padding-top:14px;border-top:1px solid #edf0f3;display:flex;align-items:center;gap:9px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e8f1ee;color:#1c766a;font-weight:700}.user-mini{flex:1;min-width:0}.user-mini b,.user-mini small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-mini b{font-size:12px}.user-mini small{font-size:10px;color:#8a919c;margin-top:3px}.logout,.actions button{border:0;background:transparent;color:#7e8691;font-size:18px}.main{margin-left:238px;padding:32px 36px 48px;width:calc(100% - 238px);max-width:1800px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{font-size:9px;letter-spacing:1.6px;color:#8b939e;font-weight:700}h1,h2,p{margin:0}h1{font:800 26px Manrope;margin-top:4px;letter-spacing:-.6px}.top-right{display:flex;gap:20px;align-items:center;color:#7c8490;font-size:12px}.live{background:#fff;padding:8px 11px;border-radius:8px;color:#40796e}.live i{display:inline-block;width:7px;height:7px;background:#3ab58d;border-radius:50%;margin-right:6px}.pos-layout{display:grid;grid-template-columns:minmax(420px,1fr) 360px;gap:22px;align-items:start}.catalog,.cart,.panel{background:#fff;border:1px solid #e9ebef;border-radius:14px}.catalog{padding:22px;min-height:calc(100vh - 130px)}.catalog-head,.panel-head,.cart-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.catalog h2,.cart h2,.panel h2{font:700 16px Manrope}.catalog p,.cart-title p,.panel-head p{color:#9299a4;font-size:11px;margin-top:5px}.search{border:1px solid #e5e8ed;border-radius:8px;padding:10px 12px;min-width:175px;font-size:12px;color:#444}.pills{display:flex;gap:7px;margin:22px 0 18px;overflow:auto}.pills button{border:1px solid #e8ebef;border-radius:20px;background:#fff;padding:7px 13px;font-size:11px;color:#68717d;white-space:nowrap}.pills button.selected{background:#1c766a;color:#fff;border-color:#1c766a}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.product-card{position:relative;padding:0;border:1px solid #e9ebef;border-radius:11px;background:#fff;overflow:hidden;text-align:left;transition:.15s}.product-card:hover{border-color:#79b7a7;transform:translateY(-1px);box-shadow:0 5px 15px #102c220c}.product-card>img,.photo-placeholder{height:100px;width:100%;object-fit:cover;background:#eef4f1}.photo-placeholder{display:grid;place-items:center;font:700 30px Manrope;color:#7eaa9d}.product-info{display:grid;padding:10px 11px 12px}.product-info small{color:#9299a4;font-size:10px;margin-top:3px}.product-info strong{font-size:13px;color:#167766;margin-top:8px}.add-dot{position:absolute;right:9px;bottom:10px;color:#fff;background:#1c766a;width:23px;height:23px;border-radius:7px;display:grid;place-items:center;font-size:18px}.cart{position:sticky;top:18px;min-height:520px;display:flex;flex-direction:column;padding:20px}.cart-title{padding-bottom:17px;border-bottom:1px solid #edf0f3}.cart-title p{font-size:10px}.text-btn,.cancel-edit{border:0;background:none;color:#1b7869;font-size:11px;font-weight:700}.cart-lines{flex:1;min-height:225px}.cart-line{display:grid;grid-template-columns:32px 1fr auto;align-items:center;column-gap:9px;padding:14px 0;border-bottom:1px solid #f0f1f3}.line-icon,.list-placeholder{width:30px;height:30px;background:#eff6f3;color:#368c7b;border-radius:8px;display:grid;place-items:center;font-weight:700}.line-name b,.line-name small{display:block}.line-name b{font-size:11px}.line-name small{font-size:9px;color:#969da7;margin-top:4px}.stepper{display:flex;align-items:center;gap:7px}.stepper button{width:22px;height:22px;border:1px solid #e6e9ed;background:#fff;border-radius:6px}.stepper b{font-size:11px}.line-price{grid-column:2/4;justify-self:end;font-size:11px;margin-top:5px}.cart-empty{height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#a1a8b1;gap:8px}.cart-empty span{font-size:28px}.cart-empty b{font-size:12px;color:#6c7480}.cart-empty small{font-size:10px}.cart-bottom{border-top:1px solid #edf0f3;padding-top:13px}.total-row{display:flex;justify-content:space-between;margin:8px 0;color:#69717c;font-size:11px}.total-row b{color:#252a31}.total-row.amount{font-size:13px;margin-top:13px}.total-row.amount b{font:800 20px Manrope;color:#1a7768}.primary{background:#1c766a;color:#fff;border:0;border-radius:8px;padding:11px 15px;font-size:12px;font-weight:700}.primary:hover{background:#155f55}.primary:disabled{opacity:.45;cursor:not-allowed}.submit{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:16px}.hint{text-align:center;color:#9ba2ab;font-size:9px;margin:9px}.content{display:grid;gap:17px}.panel{padding:22px}.panel-head{margin-bottom:20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:15px;margin:16px 0}.form-grid label,.report-filter label{display:grid;gap:6px;font-size:11px;font-weight:600;color:#626b77}.form-grid input,.form-grid select,.report-filter input{border:1px solid #e4e8ec;border-radius:7px;padding:10px;font-size:12px;min-width:0}.simple-list>div{min-height:53px;border-bottom:1px solid #f0f1f3;display:flex;align-items:center;gap:12px;padding:7px 0}.simple-list img{width:35px;height:35px;object-fit:cover;border-radius:7px}.simple-list b{font-size:12px;flex:1}.simple-list small{font-size:10px;color:#9299a3}.simple-list strong{font-size:12px}.count{font:600 11px DM Sans;background:#eff4f2;color:#277c6d;padding:4px 8px;border-radius:12px;margin-left:6px}.table-wrap{overflow:auto;margin-top:16px}table{border-collapse:collapse;width:100%;font-size:11px;min-width:650px}th{text-align:left;font-size:9px;color:#9299a4;letter-spacing:.7px;background:#fafbfc}th,td{padding:12px;border-bottom:1px solid #eff0f2}td{color:#535b67}td b{color:#282d34}.actions{white-space:nowrap}.actions button{font-size:16px;padding:3px 7px}.badge{font-size:9px;text-transform:capitalize;background:#eef6f2;color:#287962;padding:5px 8px;border-radius:12px}.badge.cancelled{background:#fff0ee;color:#b44d45}.empty{text-align:center;color:#98a0aa;padding:40px}.report-filter{display:flex;align-items:end;gap:13px}.report-filter>div{flex:1;align-self:center}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stats>div{padding:20px;background:#fff;border:1px solid #e9ebef;border-radius:12px}.stats small,.stats b{display:block}.stats small{font-size:9px;letter-spacing:1px;color:#8d95a0}.stats b{font:800 23px Manrope;margin-top:9px}.report-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.permission-box{border:1px solid #e9ebef;padding:15px;border-radius:9px;margin:8px 0 17px}.permission-box>b{font-size:12px}.permission-note{display:block;color:#8a929c;font-size:10px;margin-top:5px}.permission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px}.permission-grid label{display:flex;align-items:center;gap:6px;font-size:11px}.permission-grid small{margin-left:auto;color:#9299a4;font-size:9px}.toast{position:fixed;right:28px;bottom:25px;padding:13px 18px;background:#243b36;color:#fff;border-radius:9px;z-index:10;box-shadow:0 8px 20px #0002;font-size:12px}.login-bg{min-height:100vh;background:#f4f7f6;display:grid;place-items:center}.login-card{background:#fff;width:min(400px,calc(100vw - 32px));padding:35px;border-radius:16px;box-shadow:0 15px 45px #183c2c10}.login-card .brand-mark{margin-bottom:20px}.login-card h1{font-size:24px}.login-card>p{color:#8e96a0;font-size:12px;margin:7px 0 25px}.login-card form>label{display:grid;gap:7px;margin:13px 0;font-size:11px;font-weight:600}.login-card input[type=email],.login-card input[type=password]{padding:12px;border:1px solid #e3e7eb;border-radius:8px}.login-card label.check{display:flex;align-items:center;color:#777}.full{width:100%;margin:12px 0}.login-card small{font-size:9px;color:#999}.error{background:#fff1ef;color:#b04740;padding:9px;border-radius:7px;font-size:11px}.receipt-print{display:none}@media(max-width:1050px){.pos-layout{grid-template-columns:minmax(320px,1fr) 320px}.main{padding:25px 20px}.sidebar{width:205px}.main{margin-left:205px;width:calc(100% - 205px)}}@media(max-width:760px){.sidebar{width:64px;padding:18px 9px}.brand{justify-content:center}.brand>span:last-child,.workspace,.sidebar nav button:not(.active){font-size:0}.sidebar nav button{padding:12px 15px}.sidebar nav button span{font-size:18px;width:auto}.sidebar nav button.active{font-size:0}.side-bottom{flex-wrap:wrap;justify-content:center}.user-mini,.logout{display:none}.main{margin-left:64px;width:calc(100% - 64px);padding:20px 12px}.pos-layout{grid-template-columns:1fr}.cart{position:relative;top:auto;min-height:400px}.catalog{padding:15px;min-height:auto}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card>img,.photo-placeholder{height:85px}.catalog-head{align-items:flex-start;flex-direction:column}.search{min-width:0;width:100%}.report-columns{grid-template-columns:1fr}.report-filter{align-items:stretch;flex-direction:column}.stats{gap:7px}.stats>div{padding:13px}.stats b{font-size:17px}.permission-grid,.form-grid{grid-template-columns:1fr}.today{display:none}}@media print{@page{size:58mm auto;margin:2mm}.shell,.toast{display:none!important}.receipt-print{display:block!important;width:54mm;margin:0 auto;font:11px Arial,sans-serif;color:#000}.receipt-print h2{text-align:center;font-size:16px;margin:3px 0}.receipt-print>small{display:block;text-align:center;font-size:9px}.receipt-no{text-align:center;font-weight:700;font-size:14px;margin:8px}.receipt-print hr{border:0;border-top:1px dashed #333;margin:7px 0}.receipt-line{display:grid;grid-template-columns:1fr auto;gap:2px;margin:6px 0;font-size:10px}.receipt-line small{grid-column:1/3;font-size:8px}.receipt-line.grand{font-size:13px;margin-top:8px}}:root{background:#f3f6f5}.sidebar{background:linear-gradient(180deg,#153e38,#102f2c);border:0;color:#effbf7;padding:26px 15px 15px;box-shadow:5px 0 22px #18332b12}.brand{color:#f4fffb;font-size:17px;letter-spacing:-.3px}.brand-mark{background:#dbf5e9;color:#156b5e;box-shadow:0 5px 16px #081e1b30}.brand-name{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand small{color:#a8c9be}.workspace{color:#93b4aa;margin-top:35px}.workspace b{color:#f0fbf7}.sidebar nav button{color:#b5cec6;border-radius:10px;padding:12px 13px;transition:background .15s,color .15s}.sidebar nav button:hover{background:#ffffff12;color:#fff}.sidebar nav button.active{background:#d9f2e7;color:#155f54;box-shadow:inset 3px 0 #48b99b}.side-bottom{border-color:#ffffff20}.side-bottom .avatar{background:#d8f1e7;color:#155f54}.user-mini b{color:#f2fbf7}.user-mini small{color:#aac5bc}.logout{color:#c5ddd5}.main{padding-top:28px}.topbar{margin-bottom:24px}.topbar h1{font-size:28px}.catalog,.cart,.panel{border-color:#e5ebe8;box-shadow:0 6px 22px #153a2c08;border-radius:16px}.catalog{padding:24px}.product-card{border-color:#e6ece9;border-radius:13px}.product-card:hover{box-shadow:0 9px 23px #164b3d15;border-color:#94c9b7}.product-card>img,.photo-placeholder{height:112px}.product-info{padding:12px}.product-info b{font-size:12px}.product-info strong{color:var(--accent,#167568)}.add-dot,.pills button.selected,.primary{background:var(--accent,#167568)}.primary:hover{filter:brightness(.9)}.cart{box-shadow:0 10px 28px #183b300d}.total-row.amount b{color:var(--accent,#167568)}.panel{padding:24px}.settings-layout{display:grid;grid-template-columns:minmax(360px,1fr) minmax(310px,.8fr);gap:18px;align-items:start}.settings-form>label{display:grid;gap:7px;margin:14px 0;font-size:11px;font-weight:700;color:#626d76}.settings-form>label input,.settings-form>label select,.settings-pair select{border:1px solid #e1e8e4;border-radius:9px;padding:11px 12px;font-size:12px;background:#fff;color:#27332e}.settings-divider{font-size:9px;font-weight:800;letter-spacing:1.4px;color:#84938c;border-top:1px solid #edf0ee;padding-top:17px;margin-top:18px}.settings-pair{margin:14px 0 8px}.settings-pair label{font-size:11px;font-weight:700;color:#626d76}.color-input{display:flex;align-items:center;gap:9px}.color-input input{width:44px;height:36px;border:1px solid #e1e8e4;padding:3px;border-radius:8px}.color-input span{font:600 11px monospace;color:#7f8983}.save-settings{margin-top:9px;min-width:230px}.preview-panel{background:#fbfcfb}.preview-dot{color:var(--accent,#167568);font-size:15px}.receipt-preview{width:min(100%,var(--receipt-preview-width,285px));margin:10px auto 16px;background:#fff;padding:19px 17px;border:1px solid #e4e9e6;box-shadow:0 8px 22px #1733290d;color:#252a27;font:11px Arial,sans-serif;min-height:265px}.receipt-preview.header-centered{text-align:center}.receipt-preview.header-banner .preview-brand{display:block;background:var(--accent,#167568);color:#fff;margin:-19px -17px 12px;padding:14px 6px}.receipt-preview.header-compact{padding:13px}.receipt-preview.header-compact .preview-brand{font-size:14px}.receipt-preview .preview-brand{display:block;color:var(--accent,#167568);font-size:17px;letter-spacing:.2px;margin-bottom:7px}.receipt-preview>small{display:block;color:#6d7771;font-size:9px;margin:4px 0}.receipt-preview hr{border:0;border-top:1px dashed #9ba49f;margin:11px 0}.preview-row{display:flex;justify-content:space-between;gap:8px;text-align:left;margin:8px 0;font-size:10px}.preview-footer{display:block;text-align:center;color:#6d7771;margin-top:15px;font-size:9px}.preview-tip{border-radius:10px;padding:12px;background:#edf5f1;color:#6b7972;font-size:10px;line-height:1.5}.receipt-brand{display:grid;gap:3px;text-align:center;padding:2px 0 4px}.receipt-brand strong{font-size:15px;color:var(--accent,#167568);letter-spacing:.3px}.receipt-brand b{font-size:11px}.receipt-brand small,.receipt-date,.receipt-footer{font-size:8px;text-align:center}.receipt-print.header-banner .receipt-brand{background:var(--accent,#167568);color:#fff;padding:7px 3px}.receipt-print.header-banner .receipt-brand strong{color:#fff}.receipt-print.header-compact .receipt-brand{gap:1px}.receipt-print.header-compact .receipt-brand strong{font-size:12px}.receipt-footer{display:block;margin-top:5px}@media(max-width:1050px){.settings-layout{grid-template-columns:1fr}.preview-panel{max-width:none}}@media print{@page{size:auto;margin:2mm}.receipt-print{display:block!important;width:var(--receipt-width,54mm);margin:0 auto;font:11px Arial,sans-serif;color:#000}.receipt-print hr{border:0;border-top:1px dashed #333;margin:7px 0}}.product-actions{display:flex;gap:6px;margin-left:8px}.product-actions button{border:1px solid #dfe8e3;background:#fff;color:#287568;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:700}.product-actions button:hover{background:#edf7f2}.product-actions button:last-child{color:#a2544e}.product-actions button:last-child:hover{background:#fff0ee}.simple-list>div:hover .product-actions button{border-color:#c9ddd4}@media(max-width:900px){.pos-layout{grid-template-columns:minmax(0,1fr)}.cart{position:relative;top:auto;min-height:400px}}.topbar-heading{display:flex;align-items:center;gap:13px}.collapse-toggle,.fullscreen-toggle{border:1px solid #e2e9e5;background:#fff;color:#45655a;border-radius:9px;height:38px;padding:0 12px;font-size:15px;transition:.15s}.collapse-toggle{width:40px;padding:0}.collapse-toggle:hover,.fullscreen-toggle:hover{border-color:#9fc8b8;background:#f3faf6;color:var(--accent,#167568)}.fullscreen-toggle{font-size:11px;font-weight:700}.top-right{gap:11px}.sidebar,.main{transition:width .2s ease,margin-left .2s ease,padding .2s ease}.nav-collapsed .sidebar{width:72px;padding-left:10px;padding-right:10px}.nav-collapsed .main{margin-left:72px;width:calc(100% - 72px)}.nav-collapsed .brand{justify-content:center}.nav-collapsed .brand-name,.nav-collapsed .workspace,.nav-collapsed .user-mini,.nav-collapsed .side-bottom .logout{display:none}.nav-collapsed .sidebar nav button{width:50px;padding:12px 0;text-align:center;font-size:0}.nav-collapsed .sidebar nav button span{width:auto;font-size:18px}.nav-collapsed .side-bottom{justify-content:center}.focus-mode .sidebar,.focus-mode .topbar{display:none!important}.focus-mode .main{width:100%;max-width:none;margin:0;padding:16px 20px}.focus-mode .pos-layout{min-height:calc(100vh - 32px);grid-template-columns:minmax(0,1fr) 390px;gap:18px}.focus-mode .catalog{min-height:calc(100vh - 32px)}.focus-mode .cart{position:sticky;top:10px;min-height:calc(100vh - 52px);max-height:calc(100vh - 52px)}.focus-mode .cart-lines{overflow:auto}.focus-exit{position:fixed;right:18px;top:14px;z-index:60;border:1px solid #dce7e1;border-radius:9px;background:#fff;color:#355c50;padding:9px 13px;font-size:11px;font-weight:700;box-shadow:0 5px 18px #173b301c}.focus-exit:hover{background:#f1f8f4}.focus-mode .toast{z-index:70}@media(max-width:900px){.focus-mode .pos-layout{grid-template-columns:minmax(0,1fr)}.focus-mode .catalog{min-height:auto}.focus-mode .cart{position:relative;top:auto;min-height:400px;max-height:none}}@media(max-width:760px){.nav-collapsed .sidebar{width:64px}.nav-collapsed .main{margin-left:64px;width:calc(100% - 64px)}.topbar-heading{gap:8px}.collapse-toggle{width:36px;height:36px}.fullscreen-toggle{padding:0 8px}.focus-mode .main{margin:0;width:100%;padding:12px 10px}.focus-exit{right:10px;top:10px;padding:8px 10px}}.print-mode-note{border-radius:9px;padding:11px 12px;background:#f1f6f3;color:#63736a;font-size:10px;line-height:1.5;margin-top:-5px}