@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap");:root{--bg:#f4f6f9;--card:#fff;--card-hover:#f8fafc;--text:#1e293b;--muted:#64748b;--accent:#0091ff;--accent-gradient:linear-gradient(135deg,#00d4ff,#0091ff);--accent-soft:rgba(0,145,255,.08);--accent-border:rgba(0,145,255,.3);--accent-glow:0 2px 10px rgba(0,145,255,.25);--danger:#f76c6c;--danger-soft:hsla(0,90%,70%,.1);--ok:#00c472;--ok-gradient:linear-gradient(135deg,#00e68a,#00c472);--ok-soft:rgba(0,196,114,.08);--ok-glow:0 2px 10px rgba(0,196,114,.25);--warn:#f59e0b;--border:#e8ecf0;--border-strong:#dde2e8;--shadow:0 1px 4px rgba(0,0,0,.06);--radius:10px;--radius-sm:6px;--font:"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,sans-serif;--sidebar-width:220px;--sb-bg:#1a1f2e;--sb-text:#b0b8c8;--sb-heading:#f1f3f8;--sb-border:hsla(0,0%,100%,.08);--sb-group-label:hsla(0,0%,100%,.35);--sb-item-hover:hsla(0,0%,100%,.05);--sb-active-bg:rgba(0,210,255,.12);--sb-active-text:#00d4ff;--sb-logout-bg:hsla(0,0%,100%,.04);--sb-logout-text:#b0b8c8;--sb-toggle-bg:hsla(0,0%,100%,.06);--sb-toggle-text:#8892a6}[data-sidebar-theme=light]{--sb-bg:#fff;--sb-text:#64748b;--sb-heading:#1e293b;--sb-border:#e8ecf0;--sb-group-label:#94a3b8;--sb-item-hover:#f8fafc;--sb-active-bg:rgba(0,145,255,.08);--sb-active-text:#0091ff;--sb-logout-bg:#f8fafc;--sb-logout-text:#64748b;--sb-toggle-bg:#f1f5f9;--sb-toggle-text:#94a3b8}*,:after,:before{box-sizing:border-box}body,html{padding:0;margin:0;font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}.app-layout{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--sb-bg);border-right:1px solid var(--sb-border);display:flex;flex-direction:column;z-index:100;overflow-y:auto;transition:background .2s ease}.sidebar-header{padding:18px 16px 14px;border-bottom:1px solid var(--sb-border)}.sidebar-logo{display:flex;align-items:center;gap:10px;cursor:pointer}.sidebar-logo-img{width:28px;height:28px;border-radius:7px;flex-shrink:0}.sidebar-logo-text{font-weight:800;font-size:15px;letter-spacing:-.3px;color:var(--sb-heading)}.sidebar-nav{flex:1 1;padding:6px 0;overflow-y:auto}.nav-group{padding:4px 0}.nav-group-label{padding:10px 18px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--sb-group-label)}.nav-item{display:flex;align-items:center;gap:9px;padding:8px 16px;margin:1px 8px;border-radius:7px;color:var(--sb-text);font-weight:500;font-size:13px;cursor:pointer;transition:all .15s ease}.nav-item:hover{background:var(--sb-item-hover);color:var(--sb-heading)}.nav-item-active{background:var(--sb-active-bg);color:var(--sb-active-text);font-weight:600}.nav-icon{font-size:15px;width:20px;text-align:center;flex-shrink:0}.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:10px 14px;border-top:1px solid var(--sb-border);display:flex;flex-direction:column;gap:8px}.sidebar-theme-toggle{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:7px 0;font-size:11px;font-weight:600;border-radius:7px;border:1px solid var(--sb-border);background:var(--sb-toggle-bg);color:var(--sb-toggle-text);cursor:pointer;transition:all .15s ease}.sidebar-theme-toggle:hover{background:var(--sb-item-hover);color:var(--sb-heading)}.sidebar-logout{width:100%;padding:7px 0;font-size:12px;font-weight:600;border-radius:7px;border:1px solid var(--sb-border);background:var(--sb-logout-bg);color:var(--sb-logout-text);cursor:pointer;transition:all .15s ease}.sidebar-logout:hover{background:var(--danger-soft);color:var(--danger);border-color:hsla(0,90%,70%,.2)}.main-content{margin-left:var(--sidebar-width);flex:1 1;min-height:100vh;padding:24px 28px;max-width:calc(100vw - var(--sidebar-width))}.container{max-width:1100px;padding:24px;margin:0 auto}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.row{align-items:center;flex-wrap:wrap}.col,.row{display:flex;gap:10px}.col{flex-direction:column}.grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}input,select,textarea{font-family:var(--font);font-size:13px;font-weight:500;border-radius:8px;border:1px solid var(--border-strong);padding:9px 12px;background:var(--card);color:var(--text);transition:border-color .15s ease,box-shadow .15s ease;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,145,255,.1)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.6}textarea{min-height:70px;resize:vertical}button,select{cursor:pointer}button{font-family:var(--font);font-size:13px;font-weight:600;border-radius:8px;border:1px solid var(--border-strong);padding:9px 16px;background:var(--card);color:var(--text);transition:all .15s ease;white-space:nowrap}button:hover{background:var(--card-hover)}button.primary{background:var(--accent-gradient);border:none;color:#fff;font-weight:700;box-shadow:var(--accent-glow)}button.primary:hover{filter:brightness(1.08);box-shadow:0 4px 14px rgba(0,145,255,.35)}button.danger{background:var(--danger-soft);border-color:hsla(0,90%,70%,.2);color:var(--danger)}button.danger:hover{background:hsla(0,90%,70%,.15)}button:disabled{opacity:.4;cursor:not-allowed}.small{font-size:12px;color:var(--muted);line-height:1.4}.h1{font-size:22px;font-weight:800;letter-spacing:-.3px;margin:0 0 4px}.h1,.h2{color:var(--text)}.h2{font-size:15px;font-weight:700;letter-spacing:-.2px;margin:0}.hr{height:1px;background:var(--border);margin:14px 0}.badge{display:inline-block;padding:3px 10px;border-radius:999px;background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent);font-size:11px;font-weight:600}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:8px;border-bottom:1px solid var(--border);font-size:13px}th{color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.5px}td{color:var(--text)}.receipt{max-width:680px;margin:0 auto}.receiptHeader{text-align:center}.receiptTitle{font-size:20px;font-weight:700}.receiptPaper{max-width:420px;margin:14px auto;padding:14px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#111;box-shadow:0 4px 16px rgba(0,0,0,.08)}.receiptPaper .small{color:rgba(0,0,0,.55)}.receiptPaper th{color:rgba(0,0,0,.5)}.receiptPaper td{color:#111}.receiptPaper .hr{background:#e8ecf0}.receiptLogo{width:120px;height:auto;display:block;margin:0 auto 8px}.receiptMeta{font-size:12px;color:rgba(0,0,0,.6);margin-top:2px}.receiptItem{font-size:13px}.receiptFooter{font-size:12px;color:rgba(0,0,0,.65);text-align:center;margin-top:6px;line-height:1.25}@media print{body,html{background:#fff!important;color:#000!important}.sidebar{display:none!important}.main-content{margin-left:0!important;padding:0!important}.container{max-width:none;padding:0}.card{border:none;box-shadow:none;background:#fff}.badge,.noPrint,button{display:none!important}.receiptPaper{width:72mm;max-width:none;margin:0;padding:0;border:none;box-shadow:none;background:#fff!important;color:#000!important}.receiptPaper table td,.receiptPaper table th{font-size:11px;padding:4px 2px}@page{margin:6mm}}@media (max-width:768px){:root{--sidebar-width:56px}.nav-group-label,.nav-label,.sidebar-logo-text,.toggle-label{display:none}.sidebar-header{padding:16px 8px 12px}.nav-item,.sidebar-logo{justify-content:center}.nav-item{padding:10px 0;margin:1px 4px}.nav-icon{font-size:18px}.sidebar-footer{padding:8px 6px}.sidebar-logout{font-size:0;padding:8px}.sidebar-logout:after{content:"\2715";font-size:14px}.main-content{padding:16px 14px}.sidebar{width:60px!important;min-width:60px!important}.sidebar .logo-text,.sidebar .nav-label{display:none}.main-content{margin-left:60px!important;padding:12px!important}table{font-size:12px}table td,table th{padding:5px 4px}.h1{font-size:20px}.h2{font-size:15px}button,input,select{font-size:14px!important;min-height:40px}.row{flex-wrap:wrap}}@media (max-width:480px){.sidebar{display:none!important}.main-content{margin-left:0!important}}@media (max-width:768px){input[type=date],input[type=number],input[type=search],input[type=text],select,textarea{font-size:16px!important}}@media (hover:none){.clickable,a,button{min-height:44px;min-width:44px}}body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}@media (max-width:768px){:root{--sidebar-width:56px}.nav-group-label,.nav-label,.sidebar-logo-text,.toggle-label{display:none}.sidebar-header{padding:16px 8px 12px}.nav-item,.sidebar-logo{justify-content:center}.nav-item{padding:10px 0;margin:1px 4px}.nav-icon{font-size:18px}.sidebar-footer{padding:8px 6px}.sidebar-logout{font-size:0;padding:8px}.sidebar-logout:after{content:"\2715";font-size:14px}.main-content{padding:12px 10px}.h1{font-size:18px!important}.h2{font-size:14px!important}table{font-size:11px}table td,table th{padding:5px 3px}button,input,select{font-size:14px!important;min-height:38px}.row{flex-wrap:wrap;gap:6px}.card,[style*=grid-template-columns]{grid-template-columns:1fr!important}}@media (max-width:480px){.sidebar{display:none!important}.main-content{margin-left:0!important;padding:10px 8px!important;max-width:100vw!important}.h1{font-size:16px!important}table{font-size:10px;display:block;overflow-x:auto}button,input,select{font-size:16px!important;min-height:44px}}@supports (-webkit-touch-callout:none){input,select,textarea{font-size:16px!important}}@media (hover:none) and (pointer:coarse){.clickable,a,button{min-height:44px;min-width:44px}.nav-item{padding:12px 0!important}}.mobile-hamburger{display:none;position:fixed;top:10px;left:10px;z-index:200;width:40px;height:40px;border-radius:10px;background:var(--card);border:1px solid var(--border);font-size:22px;font-weight:800;color:var(--text);cursor:pointer;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.15)}.mobile-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99}@media (max-width:480px){.mobile-hamburger{display:flex}.mobile-overlay{display:block}.sidebar{transform:translateX(-100%);transition:transform .25s ease}.sidebar.sidebar-mobile-open{display:flex!important;transform:translateX(0);width:240px!important;min-width:240px!important;z-index:150}.sidebar.sidebar-mobile-open .nav-group-label,.sidebar.sidebar-mobile-open .nav-label,.sidebar.sidebar-mobile-open .sidebar-logo-text,.sidebar.sidebar-mobile-open .toggle-label{display:inline!important}.main-content{padding-top:56px!important}}.pos-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;align-items:start}.pos-left{order:1}.pos-right{order:2;position:-webkit-sticky;position:sticky;top:12px}.pos-toolbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.pos-scan-input{flex:1 1;min-width:180px}.pos-checkout-btns{display:flex;flex-wrap:wrap;gap:8px}.pos-checkout-btns button{min-height:44px}@media (max-width:900px){.pos-grid{grid-template-columns:1fr!important}.pos-right{order:1!important;position:relative!important;top:auto!important}.pos-left{order:2!important}.pos-scan-input{min-width:140px!important}}@media (max-width:480px){.pos-checkout-btns button{flex:1 1 45%;font-size:14px!important;padding:12px 8px!important}}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}