@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#17332f;background:#f5f7f6;font-synthesis:none;--primary: #0f766e;--primary-dark: #0b5f59;--ink: #17332f;--muted: #6b7e7a;--line: #dce5e2;--surface: #ffffff;--danger: #c2414b;--shadow: 0 16px 50px rgb(16 69 62 / 8%)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}a.link-button{text-decoration:none}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:3px solid rgb(20 184 166 / 35%);outline-offset:2px}.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:#0c302d;color:#fff;padding:24px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.login-brand{display:flex;align-items:center;gap:12px}.brand{display:grid;gap:6px;padding-inline:4px}.brand-logo{display:block;width:100%;height:auto}.brand .brand-logo{max-width:196px}.login-brand .brand-logo{width:min(260px,100%)}.user-card div{display:flex;flex-direction:column;min-width:0}.brand small{color:#9cc3bd}.sidebar nav{display:grid;gap:7px;margin-top:40px}.nav-group-label{padding:12px 14px 2px;color:#6f9d96;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.sidebar nav a{display:flex;gap:12px;align-items:center;color:#afd0ca;text-decoration:none;padding:12px 14px;border-radius:10px;font-weight:600}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#ffffff1a}.sidebar-footer{margin-top:auto;border-top:1px solid rgb(255 255 255 / 12%);padding-top:18px}.user-card{display:flex;align-items:center;gap:10px;overflow:hidden}.user-card>span{display:grid;place-items:center;min-width:38px;height:38px;border-radius:50%;color:#0c302d;background:#99f6e4;font-weight:800}.user-card strong,.user-card small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card small{color:#9cc3bd}.logout-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:14px;border:1px solid rgb(255 255 255 / 15%);border-radius:9px;padding:9px;background:transparent;color:#d9efeb}.main-content{min-width:0}.topbar{min-height:64px;display:flex;justify-content:flex-end;align-items:center;padding:10px 40px;background:#fff;border-bottom:1px solid var(--line)}.store-selector{width:auto;display:flex;align-items:center;gap:9px;color:var(--muted)}.store-selector select{min-width:190px;padding:7px 32px 7px 10px}.page{max-width:1360px;margin:auto;padding:40px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.header-actions{display:flex;align-items:center;gap:10px}h1,h2,p{margin-top:0}h1{margin-bottom:6px;font-size:clamp(28px,3vw,38px);letter-spacing:-.04em}.eyebrow{color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.13em;margin-bottom:8px}.muted{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.primary-button,.secondary-button{border:0;border-radius:9px;min-height:42px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.primary-button{color:#fff;background:var(--primary)}.primary-button:hover{background:var(--primary-dark)}.secondary-button{color:var(--ink);background:#fff;border:1px solid var(--line)}.secondary-button:hover{background:#f1f7f5}.icon-button{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;color:#53706b;background:transparent;border:1px solid var(--line);border-radius:8px}.icon-button:hover{background:#edf7f5;color:var(--primary)}.icon-button.danger:hover{color:var(--danger);background:#fff1f2;border-color:#fecdd3}.table-card{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:17px 20px;border-bottom:1px solid #edf1f0}th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.07em}tbody tr:last-child td{border-bottom:0}.actions{text-align:right;white-space:nowrap}.actions button+button{margin-left:7px}.badge{display:inline-block;border-radius:999px;padding:5px 9px;color:#36635c;background:#e8f5f2;font-size:12px;font-weight:700}.table-subtitle{display:block;margin-top:4px;color:var(--muted)}.status-pill{display:inline-block;padding:5px 9px;color:#9f2632;background:#fff0f1;border-radius:999px;font-size:12px;font-weight:800}.status-pill.active{color:#116149;background:#d1fae5}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat-card{display:grid;gap:8px;padding:22px}.stat-card svg{color:var(--primary)}.stat-card span{color:var(--muted)}.stat-card strong{font-size:32px}.dashboard-section{margin-top:32px}.dashboard-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.dashboard-section-header h2{margin-bottom:4px;font-size:19px;letter-spacing:-.02em}.dashboard-section-header p{margin-bottom:0}.dashboard-date{width:200px}.dashboard-section .stat-card strong{overflow-wrap:anywhere;font-size:clamp(24px,3vw,32px)}.stat-grid-3{grid-template-columns:repeat(3,1fr)}.chart-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px}.chart-card{position:relative;min-width:0;padding:20px 20px 12px}.chart-card h2{margin-bottom:12px;font-size:16px}.chart-frame{position:relative;min-width:0}.chart-frame svg{display:block;max-width:100%;overflow:visible}.chart-grid line{stroke:#edf1f0}.chart-grid text,.chart-axis{fill:var(--muted);font-size:11px}.chart-area{fill:var(--primary);fill-opacity:.12}.chart-line{fill:none;stroke:var(--primary);stroke-width:2;stroke-linejoin:round}.chart-crosshair{stroke:#9fb3ae;stroke-dasharray:3 3}.chart-point{fill:var(--primary);stroke:var(--surface);stroke-width:2}.chart-hit{fill:transparent;cursor:crosshair;touch-action:pan-y}.chart-tooltip{position:absolute;top:0;display:grid;gap:2px;padding:8px 10px;transform:translate(-50%);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);font-size:12px;white-space:nowrap;pointer-events:none}.report-section{margin-top:24px}.report-heading{margin-bottom:12px}.report-heading h2{margin-bottom:4px;font-size:16px}.report-heading p{margin-bottom:0;font-size:14px}.product-sales-table .number-column{text-align:right;white-space:nowrap}.product-sales-list{display:none}.report-pagination{margin-top:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.narrow-page{max-width:960px}.entity-form{padding:24px}.form-actions{display:flex;justify-content:flex-end;gap:10px}.detail-card{display:grid;grid-template-columns:130px 1fr;gap:28px;padding:26px}.store-logo{display:grid;place-items:center;width:130px;height:130px;overflow:hidden;color:var(--primary);background:#e8f5f2;border-radius:18px;font-size:48px;font-weight:800}.store-logo img{width:100%;height:100%;object-fit:cover}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.detail-grid div{display:grid;align-content:start;gap:5px}.detail-grid span{color:var(--muted);font-size:13px}.staff-callout{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:22px}.staff-callout>div{display:flex;align-items:center;gap:14px}.staff-callout svg{color:var(--primary)}.staff-callout p{margin:4px 0 0;color:var(--muted)}.alert{padding:12px 15px;border-radius:9px;margin-bottom:18px}.alert-error{color:#9f2632;background:#fff0f1;border:1px solid #fecdd3}.alert-ok{color:#116149;background:#ecfdf5;border:1px solid #a7f3d0}.state-box{min-height:220px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted);background:#fff;border:1px dashed #cbd8d5;border-radius:14px}.empty-state strong{color:var(--ink);font-size:18px}.toolbar{padding:14px;display:flex;gap:12px;margin-bottom:22px}.toolbar select{min-width:210px}.search-field{flex:1;display:flex;align-items:center;gap:9px;color:#75908b;border:1px solid var(--line);border-radius:9px;padding:0 12px}.search-field input{width:100%;border:0;outline:0;padding:10px 0}input,textarea,select{width:100%;color:var(--ink);background:#fff;border:1px solid #cddbd7;border-radius:8px;padding:10px 12px}textarea{resize:vertical}label{display:grid;gap:7px;color:#304c47;font-size:14px;font-weight:700}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}.product-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.product-image{position:relative;display:grid;place-items:center;height:175px;color:#91aaa5;background:linear-gradient(135deg,#e7f3f0,#f6f7f5)}.product-image img{width:100%;height:100%;object-fit:cover}.status{position:absolute;top:12px;right:12px;padding:5px 9px;border-radius:999px;color:#733b42;background:#ffe4e6;font-size:11px;font-weight:800}.status.active{color:#116149;background:#d1fae5}.product-info{padding:17px}.product-title{display:flex;align-items:start;justify-content:space-between;gap:8px}.product-title small{color:var(--muted);letter-spacing:.06em}.product-title h2{font-size:18px;margin:3px 0 14px}.price{display:block;font-size:20px;color:var(--primary)}.card-actions{display:flex;gap:8px;margin-top:14px}.card-actions .secondary-button{flex:1}.pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:22px;color:var(--muted)}.pagination>div{display:flex;align-items:center;gap:12px}.modal-backdrop{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:20px;background:#07221f94;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:min(620px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:16px;box-shadow:0 30px 100px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line)}.modal-header h2{margin:0;font-size:21px}.modal-body{padding:22px}.form-stack{display:grid;gap:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.span-2{grid-column:span 2}.checkbox{display:flex;grid-column:span 2;flex-direction:row;align-items:center}.checkbox input{width:auto}.modal-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:6px}.import-info{display:flex;gap:13px;padding:15px;border-radius:10px;color:#28554f;background:#edf8f6}.import-info svg{flex:0 0 auto;color:var(--primary)}.import-info p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.template-button{width:max-content}.file-drop{position:relative;place-items:center;padding:25px;border:2px dashed #b8cec9;border-radius:12px;color:var(--primary);background:#fbfdfc;text-align:center;cursor:pointer}.file-drop:hover{border-color:var(--primary);background:#f1faf8}.file-drop small{color:var(--muted);font-weight:500}.file-drop input{position:absolute;width:1px;height:1px;opacity:0}.import-result{padding:15px;border:1px solid var(--line);border-radius:10px}.import-result h3{margin-bottom:12px}.import-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.import-stats span{padding:10px;border-radius:8px;background:#f4f7f6;color:var(--muted);font-size:12px;text-align:center}.import-stats strong{display:block;color:var(--ink);font-size:20px}.import-errors{max-height:150px;overflow:auto;margin-top:12px;padding:10px;border-radius:8px;color:#9f2632;background:#fff0f1}.import-errors p{margin:0 0 6px;font-size:13px}.import-errors p:last-child{margin-bottom:0}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,.85fr) 1.15fr}.login-panel{display:flex;flex-direction:column;justify-content:center;max-width:470px;width:100%;margin:auto;padding:48px}.login-brand{margin-bottom:70px}.login-panel h1{font-size:36px}.password-field{position:relative}.password-field input{padding-right:45px}.password-field button{position:absolute;right:5px;top:4px;width:36px;height:36px;border:0;color:var(--muted);background:transparent}.full-button{width:100%;margin-top:5px}.login-panel .alert{margin-bottom:16px}.form-field{display:grid;gap:7px}.field-hint,.field-error{font-size:13px;font-weight:500}.field-hint{color:var(--muted)}.field-error{margin:0;color:var(--danger)}.password-field input[aria-invalid=true]{border-color:#f3a4ad}.auth-field-group{display:grid;gap:8px}.auth-link{color:var(--primary);font-weight:700;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-forgot{justify-self:end;font-size:14px}.captcha-field{min-height:65px}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0 16px;color:var(--muted);font-size:13px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--line)}.google-button{display:flex;justify-content:center;min-height:44px}.auth-switch{margin:24px 0 0;color:var(--muted);text-align:center}.auth-inline-action{margin:0 0 16px}.auth-result{display:grid;justify-items:start;gap:12px;margin-bottom:20px;padding:18px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:12px}.auth-result svg{color:var(--primary)}.auth-result.error svg{color:var(--danger)}.auth-result p{margin:0;line-height:1.55;overflow-wrap:anywhere}.auth-actions{display:grid;gap:10px}.auth-actions .full-button{margin:0}.auth-help{margin:0 0 12px;font-size:14px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spin{animation:none}}.login-visual{margin:16px;display:grid;place-items:center;border-radius:22px;color:#fff;background:radial-gradient(circle at 20% 20%,#2dd4bf 0,transparent 28%),linear-gradient(145deg,#134e4a,#0f766e);overflow:hidden}.visual-card{max-width:520px;padding:50px}.visual-logo{display:block;width:112px;height:112px;border-radius:24px;box-shadow:0 18px 40px #041e1b59}.visual-card h2{font-size:46px;letter-spacing:-.04em;margin:25px 0 10px}.visual-card p{color:#c7f5ec;font-size:18px;line-height:1.7}.app-loader{min-height:100vh;display:grid;place-items:center;color:var(--primary)}.sales-page{position:relative;width:min(100%,760px);min-height:100vh;margin:0 auto;padding-bottom:96px;background:#fff}.sales-header{position:sticky;z-index:4;top:0;min-height:66px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:8px 16px;background:#fffffff5;border-bottom:1px solid #e9efed;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sales-header>button{display:grid;place-items:center;width:40px;height:40px;padding:0;color:var(--ink);background:transparent;border:0;border-radius:50%}.sales-header>div{grid-column:2;display:grid;justify-items:center}.sales-header>div strong{font-size:17px}.sales-header>div small{margin-top:2px;color:var(--muted);font-weight:600}.sales-header-spacer{width:40px}.sales-content{padding:16px}.sales-search{display:flex;grid-template-columns:none;align-items:center;gap:10px;height:46px;padding:0 14px;color:#77908b;background:#f3f7f6;border:1px solid #e2ebe8;border-radius:13px}.sales-search input{height:42px;padding:0;background:transparent;border:0;outline:0}.category-chips{display:flex;gap:8px;overflow-x:auto;margin:14px -16px 16px;padding:0 16px 4px;scrollbar-width:none}.category-chips::-webkit-scrollbar{display:none}.category-chips button{flex:0 0 auto;padding:8px 14px;color:#55716c;background:#fff;border:1px solid #dce7e4;border-radius:999px;font-size:13px;font-weight:700}.category-chips button.active{color:#fff;background:var(--primary);border-color:var(--primary)}.sales-product-list{display:grid}.sales-product{width:100%;display:grid;grid-template-columns:48px minmax(0,1fr) auto 28px;align-items:center;gap:12px;padding:12px 2px;color:var(--ink);text-align:left;background:#fff;border:0;border-bottom:1px solid #edf2f0}.sales-product:disabled{opacity:.5}.sales-product-image{display:grid;place-items:center;width:48px;height:48px;overflow:hidden;color:#89a29d;background:#edf5f3;border-radius:12px}.sales-product-image img{width:100%;height:100%;object-fit:cover}.sales-product-copy{min-width:0;display:grid;gap:4px}.sales-product-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sales-product-copy small{color:var(--muted)}.sales-product-count{display:grid;place-items:center;min-width:25px;height:25px;padding:0 6px;color:#fff;background:var(--primary);border-radius:50%;font-size:12px;font-weight:800}.sales-product>svg{color:var(--primary)}.sales-sticky-action{position:fixed;z-index:6;right:0;bottom:78px;left:248px;width:min(calc(100% - 248px),760px);margin:auto;padding:12px 16px;background:linear-gradient(transparent,#fff 25%)}.sales-sticky-action>button{width:100%;min-height:54px;display:grid;grid-template-columns:1fr auto 22px;align-items:center;gap:10px;padding:0 16px;color:#fff;background:var(--primary);border:0;border-radius:14px;font-weight:700;box-shadow:0 10px 24px #0f766e40}.sales-sticky-action>button>span{display:flex;align-items:center;gap:8px}.cart-content{display:grid;gap:0}.cart-item{display:grid;grid-template-columns:24px 1fr auto;gap:10px;padding:17px 0;border-bottom:1px solid #e9efed}.cart-index{color:var(--muted)}.cart-copy{display:grid;gap:4px}.cart-copy small{color:var(--muted)}.cart-item>strong{font-size:14px}.quantity-control{grid-column:2 / 4;display:flex;justify-content:flex-end;align-items:center;gap:11px}.quantity-control button{display:grid;place-items:center;width:32px;height:32px;padding:0;color:var(--primary);background:#eff8f6;border:1px solid #d9ebe7;border-radius:9px}.quantity-control .remove-item{margin-left:7px;color:var(--danger);background:#fff3f4;border-color:#ffe0e3}.order-notes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.cart-checkout{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;gap:14px}.cart-checkout>div{display:grid}.cart-checkout>div span{color:var(--muted);font-size:12px}.cart-checkout>div strong{font-size:18px}.cart-checkout>button{display:block}.payment-content{min-height:calc(100vh - 66px);display:flex;flex-direction:column;padding:22px 18px 18px}.payment-amount{display:grid;justify-items:center;min-height:125px;align-content:center}.payment-amount span,.payment-amount small{color:var(--muted)}.payment-amount strong{margin:8px 0;color:var(--primary);font-size:clamp(30px,8vw,44px)}.payment-method-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 0;border-top:1px solid #edf2f0;border-bottom:1px solid #edf2f0}.payment-method-options button{min-height:45px;display:flex;align-items:center;justify-content:center;gap:8px;color:#536e69;background:#f4f7f6;border:1px solid transparent;border-radius:10px;font-weight:700}.payment-method-options button.active{color:var(--primary);background:#e9f7f4;border-color:#9ed8ce}.payment-method{display:flex;justify-content:space-between;padding:15px 2px;color:var(--muted)}.payment-method strong{display:flex;align-items:center;gap:7px;color:var(--ink)}.number-pad{flex:1;display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch}.number-pad button{min-height:62px;color:#405d58;background:transparent;border:0;border-radius:12px;font-size:21px;font-weight:600}.number-pad button:active{background:#edf7f5}.number-pad .zero-key{grid-column:span 2}.qris-summary{flex:1;display:grid;place-items:center;align-content:center;gap:9px;padding:30px;color:var(--muted);text-align:center}.qris-summary strong{color:var(--ink);font-size:20px}.qris-summary small{padding:7px 10px;color:var(--primary);background:#e9f7f4;border-radius:8px;font-weight:700}.complete-payment{width:100%;min-height:54px;margin-top:12px;color:#fff;background:var(--primary);border:0;border-radius:14px;font-weight:800}.shift-page{max-width:760px;margin:auto;padding:32px 24px 110px}.shift-header{margin-bottom:20px}.shift-header h1{margin-bottom:5px}.shift-header>p:last-child{color:var(--muted)}.shift-card{margin-bottom:16px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.shift-identity{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.shift-identity>div{min-width:0;display:grid;align-content:start;gap:5px}.shift-identity strong{overflow-wrap:anywhere}.shift-identity small{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.04em}.shift-identity .status-badge{justify-self:start}.shift-identity span,.shift-summary span{color:var(--muted);font-size:13px}.shift-identity .active{color:var(--primary)}.shift-identity .ended,.shift-summary .expense{color:var(--danger)}.shift-summary{padding:8px 18px}.shift-summary>div{display:flex;justify-content:space-between;align-items:center;min-height:43px;border-bottom:1px solid #edf2f0}.shift-summary>div:last-child{border-bottom:0}.shift-summary button{display:flex;align-items:center;gap:5px;padding:6px 8px;color:var(--ink);background:transparent;border:0;font-weight:700}.shift-summary .shift-subtotal{font-weight:800}.shift-summary .system-total{margin:0 -10px;padding:0 10px;color:#0d665d;background:#dcf5ef;border-radius:8px}.shift-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.shift-actions button{min-height:46px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--primary);background:#fff;border:1px solid #bcded8;border-radius:11px;font-weight:700}.cash-history h2{font-size:17px}.cash-empty{min-height:130px;display:grid;place-items:center;align-content:center;gap:9px;color:var(--muted)}.cash-history article{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #edf2f0}.cash-history article>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%}.cash-history article>div{display:grid;gap:3px}.cash-history article small{color:var(--muted)}.cash-history .in{color:var(--primary);background:#e5f7f3}.cash-history .out{color:var(--danger);background:#fff0f1}.cash-history article>strong.in,.cash-history article>strong.out{background:transparent}.shift-footer-actions{display:flex;justify-content:flex-end;margin-top:8px}.end-shift-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;color:var(--danger);background:#fff;border:1px solid #f3b9bf;border-radius:9px;font-weight:800}.end-shift-button:hover:not(:disabled){background:#fff1f2;border-color:#fda4af}.shift-footer-actions .end-shift-button{min-width:200px}@media(max-width:800px){.app-shell{display:block;padding-bottom:74px}.sidebar{position:fixed;z-index:5;top:auto;bottom:0;width:100%;height:68px;padding:8px 14px;flex-direction:row;align-items:center}.brand,.sidebar-footer{display:none}.sidebar nav{width:100%;display:flex;gap:4px;margin:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}.nav-group-label{display:none}.sidebar nav a{flex:0 0 max(68px,calc((100vw - 28px)/4));justify-content:center;padding:10px}.page{padding:25px 18px}.page-header,.pagination{align-items:stretch;flex-direction:column}.header-actions{width:100%}.header-actions button{flex:1}.toolbar{flex-direction:column}.stat-grid{grid-template-columns:1fr 1fr}.dashboard-section{margin-top:24px}.dashboard-section-header{align-items:stretch;flex-direction:column}.dashboard-date{width:100%}.chart-card{padding:16px 12px 8px}.product-sales-table{display:none}.product-sales-list{display:grid;gap:12px}.product-sales-card{display:grid;gap:12px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.product-sales-card>div{display:grid;gap:4px;min-width:0}.product-sales-card strong{overflow-wrap:anywhere}.product-sales-card>div span{color:var(--muted);font-size:13px}.product-sales-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding-top:12px;border-top:1px solid #edf2f0}.product-sales-card dl>div:last-child{grid-column:1 / -1}.product-sales-card dt{color:var(--muted);font-size:12px}.product-sales-card dd{margin:4px 0 0;font-weight:700;white-space:nowrap}.toolbar select{min-width:0}.pagination>div{justify-content:space-between}.login-page{display:block}.login-panel{min-height:100vh;padding:28px}.login-brand{margin-bottom:55px}.login-visual{display:none}.sales-page{min-height:calc(100vh - 74px)}.sales-sticky-action{bottom:68px;left:0;width:min(100%,760px)}.payment-content{min-height:calc(100vh - 140px)}.shift-page{padding:24px 16px 100px}.shift-footer-actions{position:fixed;z-index:4;right:0;bottom:68px;left:0;margin:0;padding:10px 16px;background:#f5f7f6f0;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.shift-footer-actions .end-shift-button{width:100%;min-height:46px}}@media(max-width:520px){.form-grid{display:grid;grid-template-columns:1fr}.span-2,.checkbox{grid-column:span 1}.product-grid{grid-template-columns:1fr}.modal-backdrop{padding:8px}.modal{border-radius:12px}.import-stats{grid-template-columns:1fr 1fr}th,td{padding:13px}.sidebar nav a{flex-direction:column;gap:2px;padding:6px;font-size:11px}.order-notes{grid-template-columns:1fr}.shift-identity{grid-template-columns:1fr 1fr}.stat-grid,.detail-grid,.detail-card{grid-template-columns:1fr}.staff-callout{align-items:stretch;flex-direction:column}}.shift-open-form{max-width:720px}.shift-open-form textarea,.modal textarea{min-height:90px;resize:vertical}.difference-preview{display:flex;justify-content:space-between;gap:20px;padding:14px 0}.shift-summary.compact{box-shadow:none;padding:0}.shift-history-page{overflow:hidden}.shift-history-heading p:last-child{margin-bottom:0;color:var(--muted)}.shift-filters{display:grid;grid-template-columns:minmax(220px,1.5fr) repeat(4,minmax(130px,1fr)) auto;align-items:end;gap:12px;margin-bottom:24px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.shift-filter-field{min-width:0}.shift-filter-field>span:first-child:not(.shift-search-control){color:var(--muted);font-size:12px;font-weight:700}.shift-filter-field input,.shift-filter-field select{height:44px;min-width:0}.shift-search-field{align-self:end}.shift-search-control{height:44px;display:flex;align-items:center;gap:9px;padding:0 12px;color:#75908b;background:#fff;border:1px solid #cddbd7;border-radius:8px}.shift-search-control:focus-within{outline:3px solid rgb(20 184 166 / 35%);outline-offset:2px}.shift-search-control input{height:42px;padding:0;border:0;outline:0}.shift-filter-button{min-height:44px;white-space:nowrap}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.shift-history-table{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.shift-history-table table{min-width:980px;table-layout:fixed}.shift-history-table th{white-space:nowrap}.shift-history-table .shift-col-staff{width:17%}.shift-history-table .shift-col-date{width:19%}.shift-history-table .shift-col-money{width:12%}.shift-history-table .shift-col-status{width:10%}.shift-history-table .date-column,.shift-history-table .money-column{white-space:nowrap}.shift-history-table .money-column{text-align:right}.shift-mobile-list{display:none}.status-badge{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em}.table-subtitle{display:block;margin-top:3px;color:#64748b}.status-badge.open{background:#dcfce7;color:#166534}.status-badge.closed{background:#e2e8f0;color:#334155}.back-link{display:inline-flex;align-items:center;gap:7px;margin-bottom:22px;color:var(--primary);text-decoration:none;font-size:14px;font-weight:700}.back-link:hover{color:var(--primary-dark)}.shift-detail-page{max-width:1120px}.shift-detail-header{margin-bottom:22px}.shift-detail-header h1{margin-bottom:7px}.shift-detail-subtitle{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0;color:var(--muted)}.shift-detail-header>.status-badge{min-width:76px}.shift-detail-card{margin-bottom:16px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 35px #10453e12}.shift-detail-period{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.shift-detail-period>div{min-width:0;display:grid;gap:6px}.shift-detail-period span,.shift-note-grid span{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.03em}.shift-detail-period strong{overflow-wrap:anywhere;font-size:15px}.shift-detail-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:16px;border-bottom:1px solid #edf2f0}.shift-detail-section-title .eyebrow{margin-bottom:5px}.shift-detail-section-title h2{margin:0;font-size:19px;letter-spacing:-.02em}.shift-detail-rows{display:grid}.shift-detail-rows>div{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:48px;padding:10px 0;border-bottom:1px solid #edf2f0}.shift-detail-rows>div:last-child{border-bottom:0}.shift-detail-rows span{color:var(--muted);font-size:14px}.shift-detail-rows strong{white-space:nowrap;font-size:15px}.shift-detail-rows .highlight{margin:4px -10px;padding-inline:10px;color:#0d665d;background:#edf9f6;border:0;border-radius:9px}.shift-detail-rows .highlight span{color:#33776f;font-weight:700}.shift-detail-rows .difference{font-size:16px}.shift-detail-notes{margin-bottom:0}.shift-note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-top:8px}.shift-note-grid>div{min-width:0}.shift-note-grid p{margin:7px 0 0;overflow-wrap:anywhere;line-height:1.55}@media(max-width:1180px){.shift-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.shift-search-field{grid-column:span 2}}@media(max-width:700px){body{overflow-x:hidden}.shift-history-page{width:100%;padding:22px 16px 112px}.shift-history-header{gap:18px;margin-bottom:20px}.shift-history-heading .eyebrow{margin-bottom:7px}.shift-history-heading h1{margin-bottom:6px;font-size:28px}.shift-history-heading p:last-child{font-size:14px;line-height:1.45}.shift-mine-button{width:100%;min-height:46px}.shift-filters{grid-template-columns:minmax(0,1fr);gap:11px;margin-bottom:20px;padding:14px;box-shadow:none}.shift-search-field{grid-column:auto}.shift-filter-field input,.shift-filter-field select,.shift-search-control{height:46px}.shift-filter-button{width:100%;min-height:46px;margin-top:2px}.shift-history-table{display:none}.shift-mobile-list{display:grid;gap:12px}.shift-history-card{min-width:0;display:grid;gap:17px;padding:17px;color:var(--ink);text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 26px #10453e12}.shift-card-header{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.shift-card-header>div{min-width:0;display:grid;gap:4px}.shift-card-header strong{overflow-wrap:anywhere;font-size:16px}.shift-card-header div span{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.07em}.shift-card-times{display:grid;gap:14px}.shift-card-times>div,.shift-card-cash>div{min-width:0;display:grid;gap:4px}.shift-card-times span,.shift-card-cash span{color:var(--muted);font-size:12px}.shift-card-times strong{font-size:14px;font-weight:600}.shift-card-cash{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:15px;border-top:1px solid #edf2f0}.shift-card-cash>div:last-child{text-align:right}.shift-card-cash strong{overflow-wrap:anywhere;font-size:15px}.shift-history-page .pagination{gap:12px;margin-top:18px}.shift-history-page .pagination button{min-height:42px;display:flex;align-items:center;justify-content:center;gap:4px}.shift-history-page .pagination span{text-align:center}.topbar{min-height:56px;padding:8px 16px}.store-selector{max-width:100%;min-width:0}.store-selector strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store-selector select{min-width:0;max-width:min(240px,calc(100vw - 126px));height:40px}.shift-detail-page{width:100%;padding:20px 16px 110px}.shift-detail-page .back-link{margin-bottom:18px}.shift-detail-header{align-items:flex-start;gap:14px;margin-bottom:18px}.shift-detail-header h1{font-size:28px}.shift-detail-header>.status-badge{align-self:flex-start;min-width:68px}.shift-detail-card{margin-bottom:12px;padding:16px;box-shadow:none}.shift-detail-period,.shift-note-grid{grid-template-columns:1fr;gap:16px}.shift-detail-period>div+div,.shift-note-grid>div+div{padding-top:16px;border-top:1px solid #edf2f0}.shift-detail-section-title{padding-bottom:13px}.shift-detail-rows>div{min-height:46px;gap:16px}.shift-detail-rows .highlight{margin-inline:-6px;padding-inline:6px}}.pos-page{max-width:1440px;margin:auto;padding:28px 32px 110px}.pos-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.pos-heading h1{font-size:28px}.pos-heading>div:last-child{display:grid;justify-items:end;gap:3px}.pos-heading>div:last-child span{color:var(--muted);font-size:13px}.pos-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.8fr);gap:20px;align-items:start}.pos-catalog,.pos-cart{min-width:0;padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.pos-catalog .category-chips{margin:14px -18px 18px;padding-inline:18px}.pos-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.pos-product-card{min-width:0;display:grid;grid-template-columns:52px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:12px;color:var(--ink);text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px}.pos-product-card:hover{border-color:#9ed8ce;background:#f7fcfb}.pos-product-image{width:52px;height:52px;display:grid;place-items:center;overflow:hidden;color:#89a29d;background:#edf5f3;border-radius:10px}.pos-product-image img{width:100%;height:100%;object-fit:cover}.pos-product-card>span:nth-child(2){min-width:0;display:grid;gap:3px}.pos-product-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-product-card small{color:var(--muted)}.pos-product-card b{color:var(--primary)}.pos-cart{position:sticky;top:84px;display:flex;flex-direction:column;max-height:calc(100vh - 108px)}.pos-cart-title,.pos-cart-title>div{display:flex;align-items:center;gap:8px}.pos-cart-title{justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #edf2f0}.pos-cart-title h2{margin:0;font-size:18px}.pos-cart-title button{padding:7px;color:var(--danger);background:transparent;border:0;font-weight:700}.pos-cart-empty{min-height:220px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted);text-align:center}.pos-cart-empty strong{color:var(--ink)}.pos-cart-items{overflow-y:auto}.pos-cart-items article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:14px 0;border-bottom:1px solid #edf2f0}.pos-cart-items article>div:first-child{min-width:0;display:grid;gap:3px}.pos-cart-items article small{color:var(--muted)}.pos-cart-items .quantity-control{grid-column:1 / 3}.pos-totals{display:grid;gap:11px;padding-top:14px}.pos-totals label{grid-template-columns:1fr 130px;align-items:center}.pos-totals>div{display:flex;justify-content:space-between;gap:16px}.pos-grand-total{padding-top:12px;border-top:1px solid var(--line);font-size:18px}.pos-pay-button{width:100%;min-height:50px;margin-top:4px}.pos-success{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;margin-bottom:18px;padding:14px 16px;color:#116149;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px}.pos-success>span{color:var(--muted)}.pos-success>div{display:flex;gap:8px}.pos-no-shift{display:grid;gap:14px}.pos-no-shift .primary-button{justify-self:center;margin-top:-90px;z-index:1}.pos-payment{display:grid;gap:18px}.payment-total{display:grid;justify-items:center;gap:5px;padding:18px;color:var(--muted);background:#f4f8f7;border-radius:12px}.payment-total strong{color:var(--primary);font-size:30px}.pos-payment .payment-method-options{grid-template-columns:repeat(3,1fr)}.payment-change{display:flex;justify-content:space-between}.transaction-filters{display:grid;grid-template-columns:minmax(210px,1.4fr) repeat(5,minmax(125px,1fr)) auto;align-items:center;gap:10px;margin-bottom:22px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px}.transaction-table{background:#fff;border:1px solid var(--line);border-radius:14px}.transaction-table table{min-width:850px}.transaction-table .money-column{text-align:right;white-space:nowrap}.transaction-table .date-column{white-space:nowrap}.transaction-mobile-list{display:none}.status-badge.completed{color:#166534;background:#dcfce7}.status-badge.void{color:#9f2632;background:#fff0f1}.transaction-detail-page{max-width:900px}.transaction-detail-card{margin-bottom:16px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.transaction-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.transaction-meta>div{min-width:0;display:grid;gap:5px}.transaction-meta span,.transaction-summary span{color:var(--muted);font-size:13px}.transaction-meta strong{overflow-wrap:anywhere}.transaction-line{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-top:1px solid #edf2f0}.transaction-line>div{display:grid;gap:4px}.transaction-line small{color:var(--muted)}.transaction-summary{display:grid;gap:12px}.transaction-summary>div{display:flex;justify-content:space-between;gap:16px}.transaction-summary .grand{padding-block:12px;border-block:1px solid var(--line);font-size:18px}@media(max-width:1150px){.transaction-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.pos-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,.8fr)}}@media(max-width:800px){.pos-page{width:100%;padding:20px 16px 110px}.pos-heading{align-items:flex-start}.pos-heading>div:last-child{justify-items:end;text-align:right}.pos-layout{display:grid;grid-template-columns:1fr;gap:16px}.pos-catalog,.pos-cart{padding:14px;box-shadow:none}.pos-cart{position:static;max-height:none}.pos-cart-items{overflow:visible}.pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-success{grid-template-columns:1fr auto}.pos-success>span{grid-column:1}.pos-success>div{grid-column:1 / 3}.pos-success>div>*{flex:1}.transaction-history-page{padding-bottom:110px}.transaction-filters{grid-template-columns:1fr}.transaction-table{display:none}.transaction-mobile-list{display:grid;gap:12px}.transaction-card{display:grid;gap:8px;padding:16px;color:var(--ink);text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:14px}.transaction-card>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.transaction-card time,.transaction-card p,.transaction-card>div:last-child span{margin:0;color:var(--muted);font-size:13px}.transaction-meta{grid-template-columns:1fr}}@media(max-width:430px){.pos-heading h1{font-size:23px}.pos-product-grid{grid-template-columns:1fr}.pos-product-card{min-height:72px}.pos-success{grid-template-columns:1fr}.pos-success>span,.pos-success>div{grid-column:1}.pos-success>div{display:grid}.pos-payment .payment-method-options,.pos-totals label{grid-template-columns:1fr}.transaction-line{align-items:flex-start}}.print-agent-indicator{width:fit-content;display:flex;align-items:center;gap:7px;margin:-8px 0 16px auto;color:var(--muted);font-size:12px;font-weight:700}.print-agent-indicator>span{width:8px;height:8px;border-radius:50%}.print-agent-indicator .online{background:#22c55e;box-shadow:0 0 0 3px #dcfce7}.print-agent-indicator .offline{background:#94a3b8;box-shadow:0 0 0 3px #e2e8f0}.pos-success .print-feedback{grid-column:1 / -1;margin:0;font-size:13px}.pos-success .print-feedback.error{color:#9f2632}.pos-success .print-feedback.success{color:#116149}.transaction-detail-actions{display:flex;align-items:center;gap:12px}.printer-settings-page{max-width:980px}.printer-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.printer-status-card{display:flex;align-items:center;gap:14px;padding:18px}.printer-status-card svg{color:var(--primary)}.printer-status-card>div{display:grid;gap:4px}.printer-status-card span{color:var(--muted);font-size:13px}.printer-status-card .online{color:#15803d}.printer-status-card .offline{color:#64748b}.printer-agent-help{display:flex;gap:14px;margin-bottom:16px;padding:18px;color:#7c5414;background:#fffbeb;border-color:#fde68a}.printer-agent-help p{margin:5px 0 0;color:#80652f}.printer-agent-help code{padding:2px 5px;background:#ffffffb3;border-radius:4px}.printer-form{padding:22px}.printer-form .form-actions{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.bluetooth-help{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;color:#28554f;background:#edf8f6;border-radius:10px}.bluetooth-help p{margin:0;font-size:13px;line-height:1.5}.bluetooth-help button{flex:0 0 auto}@media(max-width:700px){.print-agent-indicator{margin:-4px 0 14px}.pos-success>div{flex-wrap:wrap}.pos-success>div>button{min-width:145px}.transaction-detail-actions{width:100%;align-items:stretch;flex-direction:column}.transaction-detail-actions .status-badge{align-self:flex-start}.transaction-detail-actions button{width:100%}.printer-settings-page{padding-bottom:110px}.printer-status-grid{grid-template-columns:1fr;gap:12px}.printer-agent-help{align-items:flex-start}.printer-form{padding:16px}.printer-form .form-actions{align-items:stretch;flex-direction:column-reverse}.printer-form .form-actions button{width:100%;min-height:46px}.bluetooth-help{align-items:stretch;flex-direction:column}.bluetooth-help button{width:100%}}