@font-face{font-family:GeistSans;src:url(../media/Geist_Variable-s.p.0mrjj4bg00-he.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geistsans_d5a4f12f-module__Ur3q_a__className{font-family:GeistSans,GeistSans Fallback}.geistsans_d5a4f12f-module__Ur3q_a__variable{--font-geist-sans:"GeistSans", "GeistSans Fallback"}
@font-face{font-family:GeistMono;src:url(../media/GeistMono_Variable.p.3ms9vq719j3f8.woff2)format("woff2");font-display:swap;font-weight:100 900}.geistmono_157ca88a-module__iaM1Ya__className{font-family:GeistMono,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.geistmono_157ca88a-module__iaM1Ya__variable{--font-geist-mono:"GeistMono", ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-geist-sans), sans-serif;margin:0;transition:background-color .16s,color .16s}a{color:inherit;text-decoration:none}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.block{display:block}.uppercase{text-transform:uppercase}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#10233b;--paper:#f3f7fb;--surface:#fff;--surface-subtle:#f8fafc;--surface-soft:#f1f5f9;--line:#c9d5e4;--line-soft:#e7edf4;--line-faint:#edf1f5;--text-muted:#52657c;--text-subtle:#7890a8;--blue:#2257f2;--lime:#d9ff59;--cyan:#84e1ff;--brand-soft:#edf2ff;--brand-wash:#e9efff;--danger-bg:#fff1f1;--danger-line:#f5b8b8;--danger-text:#991b1b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--ink:#f4f7fb;--paper:#0b1220;--surface:#131d2d;--surface-subtle:#182538;--surface-soft:#1e2c3e;--line:#2b3b52;--line-soft:#30435a;--line-faint:#233247;--text-muted:#bdc9d8;--text-subtle:#8fa2b8;--blue:#8eaeff;--cyan:#84e1ff;--brand-soft:#1e2d52;--brand-wash:#1e335f;--danger-bg:#3b2023;--danger-line:#7b3941;--danger-text:#ffc3c9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}main{min-height:100vh;overflow:hidden}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;padding:24px clamp(24px,5vw,72px);display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:12px;font-weight:750;display:inline-flex}.brand-mark{background:var(--blue);color:#fff;width:38px;height:38px;font-family:var(--font-geist-mono), monospace;border-radius:11px 11px 3px;place-items:center;font-size:12px;display:grid}.status-line,.eyebrow,.tempo-cycle,.board-header,.board-total small{font-family:var(--font-geist-mono), monospace;text-transform:uppercase;letter-spacing:.08em}.status-line{color:#52657c;font-size:11px}.hero{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:center;gap:clamp(48px,7vw,112px);max-width:1440px;margin:0 auto;padding:clamp(72px,10vw,148px) clamp(24px,5vw,72px);display:grid}.hero-copy{max-width:760px}.eyebrow{color:var(--blue);margin:0 0 22px;font-size:12px;font-weight:700}h1{letter-spacing:-.075em;max-width:760px;margin:0;font-size:clamp(58px,7.7vw,118px);font-weight:800;line-height:.87}.lede{color:#42566f;max-width:620px;margin:36px 0;font-size:clamp(17px,1.5vw,21px);line-height:1.55}.primary-action{border:2px solid var(--ink);background:var(--lime);min-height:48px;box-shadow:5px 5px 0 var(--ink);border-radius:6px;align-items:center;gap:28px;padding:12px 17px 12px 21px;font-weight:750;transition:box-shadow .15s,transform .15s;display:inline-flex}.primary-action:hover{box-shadow:2px 2px 0 var(--ink);transform:translate(3px,3px)}.primary-action:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.transaction-board{border:2px solid var(--ink);background:var(--surface);box-shadow:18px 18px 0 var(--cyan);border-radius:18px;padding:26px;position:relative}.transaction-board:before{border:2px solid var(--ink);background:var(--lime);content:"";border-radius:50%;width:72px;height:32px;position:absolute;top:-16px;right:28px}.board-header{border-bottom:1px solid var(--line);color:#52657c;justify-content:space-between;padding-bottom:18px;font-size:10px;display:flex}.board-total{padding:36px 0 32px;display:grid}.board-total span{color:#52657c;font-size:13px}.board-total strong{letter-spacing:-.055em;margin:5px 0 7px;font-size:clamp(36px,4vw,58px)}.board-total small{color:#687c93;font-size:9px}.cycle{border:1px solid var(--line);border-radius:10px;margin:0;padding:0;list-style:none;display:grid}.cycle li{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr;align-items:center;min-height:54px;padding:0 14px;font-weight:650;display:grid}.cycle li:last-child{border-bottom:0}.cycle li span{color:#7b8da2;font-family:var(--font-geist-mono), monospace;font-size:11px}.cycle li.complete{background:#edf2ff}.cycle li.complete span{color:var(--blue)}.board-note{color:#52657c;margin:22px 0 0;font-size:13px;line-height:1.5}.operating-loop{background:var(--ink);color:#fff;padding:clamp(72px,9vw,126px) clamp(24px,5vw,72px)}.section-heading,.tempo-grid{max-width:1296px;margin-left:auto;margin-right:auto}.section-heading{grid-template-columns:.65fr 1.35fr;align-items:start;gap:32px;margin-bottom:72px;display:grid}.section-heading .eyebrow{color:var(--cyan)}h2{letter-spacing:-.055em;max-width:880px;margin:0;font-size:clamp(36px,5vw,72px);line-height:.98}.tempo-grid{background:#40516a;border:1px solid #40516a;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.tempo-grid article{background:var(--ink);min-height:230px;padding:28px}.tempo-cycle{color:var(--cyan);margin:0 0 64px;font-size:9px}.tempo-grid h3,.module-strip h3{letter-spacing:-.025em;margin:0 0 10px;font-size:20px}.tempo-grid article>p:last-child{color:#a9b9cb;margin:0;line-height:1.5}.module-strip{grid-template-columns:repeat(5,1fr);max-width:1440px;margin:0 auto;padding:0 clamp(24px,5vw,72px) 72px;display:grid}.module-strip article{border-top:4px solid var(--blue);padding:42px 22px 0 0}.module-strip article:nth-child(2n){border-color:var(--cyan)}.module-strip article:nth-child(3n){border-color:var(--lime)}.module-strip p{color:#52657c;max-width:190px;margin:0;font-size:13px;line-height:1.5}@media (max-width:900px){.hero{grid-template-columns:1fr}.transaction-board{max-width:620px}.section-heading,.tempo-grid{grid-template-columns:1fr}.tempo-grid article{min-height:180px}.tempo-cycle{margin-bottom:36px}.module-strip{grid-template-columns:repeat(2,1fr);gap:28px 14px}}@media (max-width:520px){.status-line{display:none}.hero{padding-top:62px}h1{font-size:clamp(52px,16vw,70px)}.transaction-board{box-shadow:9px 9px 0 var(--cyan);padding:20px}.board-total strong{font-size:34px}.module-strip{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-action{transition:none}}.auth-links{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.auth-links .primary-action{padding:10px 16px;font-size:13px}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;gap:16px;width:min(100%,440px);padding:28px;display:grid}.auth-card h1{letter-spacing:-.04em;margin:8px 0 0;font-size:32px}.auth-card p,.auth-card label{color:#52657c}.auth-card label{color:var(--ink);gap:8px;font-weight:700;display:grid}.auth-card input,.auth-card select{border:1px solid var(--line);width:100%;min-height:44px;font:inherit;background:#fff;border-radius:12px;padding:10px 12px}.auth-card button,.auth-card .primary-action{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:12px;place-items:center;min-height:44px;font-weight:700;display:grid}.auth-card button:disabled{opacity:.55}.auth-card a{font-weight:700;text-decoration:underline}.auth-card [role=alert]{color:#991b1b;background:#fee2e2;border-radius:12px;padding:12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.language-switcher select{border:1px solid var(--line);min-height:44px;font:inherit;background:#fff;border-radius:12px;padding:8px 12px}.staff-shell{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.staff-topbar{border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:16px 24px;display:flex}.staff-topbar-meta{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.staff-business-name{font-weight:700}.staff-switch{font-weight:700;text-decoration:underline}.staff-body{grid-template-columns:minmax(180px,220px) minmax(0,1fr);min-width:0;display:grid}@media (max-width:768px){.staff-body{grid-template-columns:1fr}}.staff-nav{border-right:1px solid var(--line);background:#f8fafc;flex-direction:column;gap:4px;padding:16px;display:flex}.staff-nav a{border-radius:12px;align-items:center;min-height:44px;padding:8px 12px;font-weight:600;display:flex}.staff-nav a:hover{background:#fff}.staff-main{min-width:0;padding:32px 24px 48px}.staff-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-top:24px;display:grid}.staff-stats article{border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px}.staff-stats p{color:var(--muted);margin:0 0 8px}.staff-picker-list{gap:12px;display:grid}.catalog-page h1{margin:0 0 8px}.catalog-create{flex-wrap:wrap;align-items:end;gap:12px;margin:24px 0;display:flex}.catalog-create label{gap:6px;font-weight:600;display:grid}.catalog-create input{border:1px solid var(--line);min-width:240px;min-height:44px;font:inherit;border-radius:12px;padding:10px 12px}.catalog-create button,.catalog-table button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:12px;min-height:44px;padding:8px 16px;font-weight:700}.catalog-table button:disabled,.catalog-create button:disabled{opacity:.55}.catalog-table{border-collapse:collapse;width:100%;margin-top:16px}.catalog-table th,.catalog-table td{text-align:left;border-bottom:1px solid var(--line);padding:12px 8px}.catalog-page [role=alert]{color:#991b1b;background:#fee2e2;border-radius:12px;padding:12px}.pos-layout{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:20px;margin-top:24px;display:grid}.pos-item-list,.pos-cart ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.pos-item-list button,.pos-actions button{border:1px solid var(--line);width:100%;min-height:44px;font:inherit;cursor:pointer;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-weight:650;display:flex}.pos-actions button{flex:140px}.pos-actions button[data-testid=pos-pay],.jualan-dialog button[data-testid=pos-confirm-tender]{background:var(--blue);color:#fff;border-color:var(--blue)}.pos-cart{border:1px solid var(--line);background:#fff;border-radius:16px;min-width:0;padding:16px}.pos-settled{border:1px solid var(--line);background:#fff;border-radius:16px;margin-top:24px;padding:16px}.pos-page [role=alert]{color:#991b1b;background:#fee2e2;border-radius:12px;margin-top:16px;padding:12px}.jualan-dialog{border:1px solid var(--line);width:min(420px,100vw - 32px);color:var(--ink);background:#fff;border-radius:16px;padding:20px}.jualan-dialog::backdrop{background:#10233b73}.jualan-dialog h2{margin:0 0 12px}.jualan-dialog label{gap:6px;margin:12px 0;font-weight:600;display:grid}.jualan-dialog input,.pos-page select,.pos-page input{border:1px solid var(--line);min-height:44px;font:inherit;border-radius:12px;padding:10px 12px}.pos-catalog label,.pos-settled label{gap:6px;margin:12px 0;font-weight:600;display:grid}.staff-page{width:100%;max-width:1280px}.staff-page-header{justify-content:space-between;align-items:flex-end;gap:40px;display:flex}.staff-page-header>div:first-child{min-width:0}.staff-page-header h1{max-width:none;margin:0 0 12px;font-size:clamp(42px,5vw,72px);line-height:.92}.staff-page-description{max-width:680px;color:var(--text-muted);margin:0;line-height:1.55}.staff-page-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.staff-panel{border:1px solid var(--line);background:var(--surface);border-radius:18px;min-width:0;box-shadow:0 8px 24px #10233b09}.staff-panel-header{justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 24px 16px;display:flex}.staff-panel-header>div:first-child{min-width:0}.staff-panel h2{letter-spacing:-.045em;margin:0;font-size:22px;line-height:1.1}.staff-panel-meta{color:var(--text-subtle);text-align:right;font-size:12px}.staff-section-label{color:var(--blue);font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;margin:0 0 9px;font-size:10px;font-weight:750}.staff-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px;display:grid}.staff-stat{border:1px solid var(--line);background:var(--surface);border-radius:18px;grid-template-columns:auto 1fr;gap:14px;min-height:142px;padding:22px;display:grid;position:relative;overflow:hidden}.staff-stat:after{content:"";background:#84e1ff26;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-35px;right:-24px}.staff-stat-accent{background:linear-gradient(135deg, var(--brand-soft), var(--surface));border-color:#a9bdfb}.staff-stat-icon{background:var(--brand-soft);width:40px;height:40px;color:var(--blue);border-radius:11px;place-items:center;font-size:20px;font-weight:700;display:grid}.staff-stat p,.staff-stat small{z-index:1;margin:0;display:block;position:relative}.staff-stat p{color:var(--text-muted);font-size:13px;font-weight:650}.staff-stat strong{z-index:1;letter-spacing:-.04em;margin-top:5px;font-size:clamp(20px,2vw,25px);display:block;position:relative}.staff-stat small{color:var(--text-subtle);grid-column:1/-1;align-self:end;font-size:12px;line-height:1.4}.staff-button{min-height:44px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:750;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.staff-button:hover:not(:disabled){transform:translateY(-1px)}.staff-button:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.staff-button:disabled{cursor:not-allowed;opacity:.48}.staff-button-primary{background:var(--blue);color:#fff;box-shadow:0 4px 12px #2257f22e}.staff-button-primary:hover:not(:disabled){filter:brightness(.92)}.staff-button-secondary{border-color:var(--line);background:var(--surface);color:var(--ink)}.staff-button-secondary:hover:not(:disabled){background:var(--surface-subtle)}.staff-button-quiet{background:var(--surface-soft);color:var(--ink);border-color:#0000}.staff-field{color:var(--ink);gap:7px;margin:0;font-size:13px;font-weight:700;display:grid}.staff-field input,.staff-field select,.staff-field textarea{border:1px solid var(--line);background:var(--surface);width:100%;min-height:46px;color:var(--ink);font:inherit;border-radius:11px;padding:11px 12px;font-size:14px}.staff-field input:focus,.staff-field select:focus,.staff-field textarea:focus{border-color:var(--blue);outline:3px solid #2257f21f}.staff-field small{color:var(--text-subtle);font-size:11px;font-weight:500;line-height:1.4}.staff-empty{text-align:center;justify-items:center;max-width:420px;margin:22px auto 30px;padding:36px 24px;display:grid}.staff-empty-compact{margin:12px auto 20px;padding:28px 24px}.staff-empty-icon{background:var(--brand-soft);width:52px;height:52px;color:var(--blue);border-radius:16px;place-items:center;font-size:25px;display:grid}.staff-empty h3{margin:16px 0 7px;font-size:17px}.staff-empty p{color:var(--text-subtle);margin:0;font-size:13px;line-height:1.5}.staff-empty-action{margin-top:17px}.staff-error{border:1px solid var(--danger-line);background:var(--danger-bg);color:var(--danger-text);border-radius:12px;margin-top:20px;padding:13px 15px;font-size:13px;line-height:1.45}.staff-table-wrap{border:1px solid var(--line-soft);border-radius:14px;overflow-x:auto}.staff-table{border-collapse:collapse;width:100%;min-width:620px;font-size:13px}.staff-table th,.staff-table td{border-bottom:1px solid var(--line-faint);text-align:left;white-space:nowrap;padding:15px 16px}.staff-table th{background:var(--surface-subtle);color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:750}.staff-table tbody tr:last-child td{border-bottom:0}.staff-table tbody tr:hover{background:var(--surface-subtle)}.staff-content-panel{margin-top:20px;padding:0 24px 24px}.staff-content-panel>.staff-panel-header{margin:0 -24px}.staff-context-note{background:var(--surface-subtle);color:var(--text-muted);border-radius:12px;margin:20px 0 0;padding:12px 14px;font-size:13px;line-height:1.5}.staff-form-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;align-items:end;gap:14px;padding:0 24px 24px;display:grid}.staff-form-grid .staff-button{min-width:120px}.staff-two-column{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:20px;margin-top:20px;display:grid}.staff-form-panel{gap:4px;padding-bottom:24px;display:grid}.staff-form-panel>.staff-panel-header{padding-bottom:16px}.staff-form-fields{gap:14px;padding:0 24px 18px;display:grid}.staff-form-panel>.staff-button{margin:0 24px}.staff-list-panel{min-width:0;padding-bottom:14px}.staff-record-list{gap:9px;margin:0;padding:0 24px;list-style:none;display:grid}.staff-record-list li{border:1px solid var(--line-soft);color:var(--ink);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;font-size:13px;display:flex}.staff-record-list li:first-line{font-weight:650}.staff-record-button{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:4px;padding:0;display:grid}.staff-record-button small{color:var(--text-subtle);font-size:11px}.staff-record-button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px;border-radius:4px}.staff-check-row{color:var(--ink);align-items:center;gap:10px;margin:0 24px 18px;font-size:13px;font-weight:650;display:flex}.staff-check-row input{width:18px;height:18px;accent-color:var(--blue)}.staff-table-subtext{color:var(--text-subtle);margin-top:4px;font-size:11px;display:block}.staff-navigation-shell{min-width:0}.staff-nav-toggle,.staff-nav-backdrop,.staff-nav-heading{display:none}.staff-nav a[aria-current=page]{color:var(--blue);background:#e9efff}.inventory-page{max-width:1280px}.inventory-header{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.inventory-header h1{max-width:none;margin:0 0 10px;font-size:clamp(42px,5vw,72px);line-height:.92}.inventory-intro{color:#52657c;max-width:680px;margin:0;line-height:1.55}.inventory-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.inventory-button{min-height:44px;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:14px;font-weight:750;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.inventory-button:hover:not(:disabled){transform:translateY(-1px)}.inventory-button:focus-visible,.inventory-action-card:focus-visible,.inventory-icon-button:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.inventory-button:disabled,.inventory-action-card:disabled{cursor:not-allowed;opacity:.48}.inventory-button-primary{background:var(--blue);color:#fff;box-shadow:0 4px 12px #2257f22e}.inventory-button-primary:hover:not(:disabled){background:#1748db}.inventory-button-secondary{border-color:var(--line);color:var(--ink);background:#fff}.inventory-button-secondary:hover:not(:disabled){background:#f8fafc}.inventory-button-symbol{font-size:18px;font-weight:500;line-height:1}.inventory-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px;display:grid}.inventory-summary-card{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:auto 1fr;gap:12px;min-height:132px;padding:20px;display:grid;position:relative;overflow:hidden}.inventory-summary-card:after{content:"";background:#84e1ff26;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-35px;right:-24px}.inventory-summary-card-accent{background:linear-gradient(135deg,#f7f9ff,#fff);border-color:#a9bdfb}.inventory-summary-icon{width:38px;height:38px;color:var(--blue);background:#edf2ff;border-radius:11px;place-items:center;font-size:20px;font-weight:700;display:grid}.inventory-summary-card p,.inventory-summary-card small{z-index:1;margin:0;display:block;position:relative}.inventory-summary-card p{color:#52657c;font-size:13px;font-weight:650}.inventory-summary-card strong{z-index:1;letter-spacing:-.04em;margin-top:4px;font-size:24px;display:block;position:relative}.inventory-summary-card small{color:#7890a8;grid-column:1/-1;align-self:end;font-size:12px}.inventory-main-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px;margin-top:18px;display:grid}.inventory-panel{border:1px solid var(--line);background:#fff;border-radius:18px;box-shadow:0 8px 24px #10233b09}.inventory-stock-panel{min-width:0;overflow:hidden}.inventory-panel-header{justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px 16px;display:flex}.inventory-panel-header-tight{padding-bottom:12px}.inventory-panel h2{letter-spacing:-.045em;margin:0;font-size:22px;line-height:1}.inventory-section-label{color:var(--blue);font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:750}.inventory-count{color:#52657c;background:#f1f5f9;border-radius:999px;flex:none;padding:6px 9px;font-size:12px;font-weight:700}.inventory-toolbar{gap:10px;padding:0 22px 18px;display:flex}.inventory-search{flex:1;position:relative}.inventory-search-icon{color:#7890a8;font-size:22px;line-height:1;position:absolute;top:50%;left:12px;transform:translateY(-52%)}.inventory-search input,.inventory-filter select,.inventory-dialog-form input,.inventory-dialog-form select{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);font:inherit;background:#fff;border-radius:11px;padding:10px 12px;font-size:14px}.inventory-search input{padding-left:38px}.inventory-search input:focus,.inventory-filter select:focus,.inventory-dialog-form input:focus,.inventory-dialog-form select:focus{border-color:var(--blue);outline:3px solid #2257f21f}.inventory-filter{min-width:150px}.inventory-table-wrap{border-top:1px solid #e7edf4;overflow-x:auto}.inventory-table{border-collapse:collapse;width:100%;min-width:630px;font-size:13px}.inventory-table th,.inventory-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf1f5;padding:14px 16px}.inventory-table th{color:#6b7f95;letter-spacing:.04em;text-transform:uppercase;background:#f8fafc;font-size:11px;font-weight:750}.inventory-table tbody tr:last-child td{border-bottom:0}.inventory-table tbody tr:hover{background:#fbfdff}.inventory-item-cell{gap:5px;min-width:130px;display:grid}.inventory-item-cell strong{font-size:14px}.inventory-status{border-radius:999px;width:fit-content;padding:3px 7px;font-size:10px;font-weight:750}.inventory-status-good{color:#177245;background:#eaf8f1}.inventory-status-empty{color:#b42318;background:#fff1f1}.inventory-quantity{color:var(--ink);font-weight:750}.inventory-quantity-zero{color:#a1afbd;font-weight:500}.inventory-side-column{gap:18px;display:grid}.inventory-action-panel,.inventory-location-panel{padding:0 16px 16px}.inventory-action-card{width:100%;color:var(--ink);text-align:left;font:inherit;cursor:pointer;background:#fff;border:1px solid #e7edf4;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:8px;padding:12px;display:grid}.inventory-action-card:hover:not(:disabled){background:#fbfdff;border-color:#a9bdfb}.inventory-action-card strong,.inventory-action-card small{display:block}.inventory-action-card strong{font-size:13px}.inventory-action-card small{color:#7890a8;margin-top:3px;font-size:11px;line-height:1.35}.inventory-action-icon{border-radius:9px;place-items:center;width:32px;height:32px;font-size:18px;font-weight:700;display:grid}.inventory-action-icon-blue{color:var(--blue);background:#edf2ff}.inventory-action-icon-lime{color:#526900;background:#f2fbd0}.inventory-helper-text,.inventory-muted{color:#7890a8;font-size:12px;line-height:1.5}.inventory-helper-text{margin:12px 4px 0}.inventory-icon-button{border:1px solid var(--line);width:32px;height:32px;color:var(--blue);cursor:pointer;background:#fff;border-radius:9px;place-items:center;font-size:20px;display:grid}.inventory-location-list,.inventory-activity-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.inventory-location-list li{border-bottom:1px solid #edf1f5;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px 4px;font-size:13px;display:grid}.inventory-location-list li:last-child{border-bottom:0}.inventory-location-list small{color:#7890a8;font-size:11px}.inventory-location-dot,.inventory-movement-dot{background:var(--blue);border-radius:50%;width:8px;height:8px;display:inline-block}.inventory-activity-panel{margin-top:18px;overflow:hidden}.inventory-activity-list{border-top:1px solid #edf1f5}.inventory-activity-list li{border-bottom:1px solid #edf1f5;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:14px 22px;font-size:13px;display:grid}.inventory-activity-list li:last-child{border-bottom:0}.inventory-activity-list strong,.inventory-activity-list span{display:block}.inventory-activity-list span{color:#7890a8;margin-top:3px;font-size:11px}.inventory-activity-list time{color:#7890a8;font-size:11px}.inventory-activity-list b{color:#177245;text-align:right;min-width:36px}.inventory-movement-dot-transfer{background:#a57a00}.inventory-movement-dot-adjustment{background:var(--blue)}.inventory-activity-empty,.inventory-location-panel>.inventory-muted{margin:0;padding:4px 4px 8px}.inventory-empty-state{text-align:center;justify-items:center;max-width:420px;margin:22px auto 30px;padding:32px 22px;display:grid}.inventory-empty-state-compact{margin:12px auto 20px;padding:24px 22px}.inventory-empty-icon{width:52px;height:52px;color:var(--blue);background:#edf2ff;border-radius:16px;place-items:center;font-size:25px;display:grid}.inventory-empty-state h3{margin:16px 0 6px;font-size:17px}.inventory-empty-state p{color:#7890a8;margin:0;font-size:13px;line-height:1.5}.inventory-text-link{color:var(--blue);text-underline-offset:3px;margin-top:16px;font-size:13px;font-weight:750;text-decoration:underline}.inventory-error{color:#991b1b;background:#fff1f1;border:1px solid #f5b8b8;border-radius:12px;margin-top:18px;padding:12px 14px;font-size:13px}.inventory-dialog-intro{color:#7890a8;margin:-2px 0 18px;font-size:13px;line-height:1.5}.inventory-dialog-form{gap:12px;display:grid}.inventory-dialog-form label{gap:6px;margin:0;font-size:13px;font-weight:700;display:grid}.inventory-dialog-two-col{grid-template-columns:1fr 1fr;gap:10px;display:grid}.inventory-dialog-context{color:#52657c;background:#f5f8fc;border-radius:10px;margin:-2px 0 0;padding:10px 12px;font-size:12px}.inventory-dialog-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}@media (max-width:768px){.staff-topbar{z-index:50;align-items:center;max-width:100vw;padding:12px 16px;position:sticky;top:0}.staff-topbar-meta{flex:100%;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;width:100%;max-width:calc(100vw - 32px);display:grid}.staff-business-name{text-overflow:ellipsis;white-space:nowrap;grid-column:1;min-width:0;overflow:hidden}.staff-switch{grid-column:1;width:fit-content;font-size:13px}.language-switcher{grid-area:1/2/span 2}.language-switcher select{min-width:128px}.staff-body{display:block}.staff-navigation-shell{position:relative}.staff-nav-toggle{border:0;border-bottom:1px solid var(--line);width:100%;min-height:46px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#fff;align-items:center;gap:9px;padding:10px 16px;font-size:13px;font-weight:750;display:inline-flex}.staff-nav-toggle:focus-visible{outline:3px solid var(--cyan);outline-offset:-3px}.staff-nav-toggle-icon{color:var(--blue);font-size:18px;line-height:1}.staff-nav-backdrop{z-index:55;cursor:pointer;background:#10233b59;border:0;display:block;position:fixed;inset:0}.staff-nav{z-index:60;border:0;border-right:1px solid var(--line);background:#fff;width:min(292px,86vw);padding:18px 14px;transition:transform .18s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:12px 0 32px #10233b29}.staff-nav.staff-nav-open{transform:translate(0)}.staff-nav-heading{color:#7890a8;font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;text-transform:uppercase;margin:4px 12px 14px;font-size:10px;font-weight:750;display:block}.staff-nav a{flex:none}.staff-main{padding:24px 16px 40px}}@media (max-width:720px){.staff-page-header{flex-direction:column;align-items:flex-start;gap:18px}.staff-page-header h1{font-size:clamp(40px,12vw,58px)}.staff-page-actions{justify-content:flex-start;width:100%}.staff-page-actions>*{flex:1}.staff-stat-grid{grid-template-columns:1fr;margin-top:22px}.staff-two-column{grid-template-columns:1fr}.staff-form-grid{grid-template-columns:1fr;padding:0 16px 16px}.staff-form-grid .staff-button{width:100%}.staff-content-panel{padding:0 14px 14px}.staff-content-panel>.staff-panel-header{margin:0 -14px}.staff-panel-header{padding:18px 16px 14px}.staff-panel h2{font-size:20px}.staff-form-fields{padding:0 16px 16px}.staff-form-panel>.staff-button{width:calc(100% - 32px);margin:0 16px}.staff-record-list{padding:0 16px}.staff-record-list li{flex-direction:column;align-items:flex-start}.staff-check-row{margin-left:16px;margin-right:16px}.inventory-header{flex-direction:column;align-items:flex-start}.inventory-header-actions{justify-content:flex-start;width:100%}.inventory-header-actions .inventory-button{flex:1}.inventory-summary,.inventory-main-grid{grid-template-columns:1fr}.inventory-toolbar{flex-direction:column}.inventory-filter{min-width:0}.inventory-activity-list li{grid-template-columns:auto 1fr auto}.inventory-activity-list b{text-align:left;grid-area:2/2}.inventory-dialog-two-col{grid-template-columns:1fr}.pos-layout{grid-template-columns:minmax(0,1fr)}.staff-nav{border-right:1px solid var(--line);border-bottom:0;flex-flow:column;align-content:normal;width:min(292px,86vw)}}.staff-main{padding:clamp(28px,4vw,56px) clamp(20px,4vw,56px) 64px}.staff-nav{background:var(--surface-subtle);padding:22px 16px}.staff-nav a{color:var(--text-muted)}.staff-nav a:hover{background:var(--surface);color:var(--ink)}.staff-nav a[aria-current=page]{background:var(--brand-wash);color:var(--blue)}.pos-page,.catalog-page,.inventory-page{gap:20px;display:grid}.pos-layout{gap:20px;margin-top:0}.pos-catalog,.pos-cart,.pos-settled{padding:24px}.pos-catalog{align-content:start;gap:14px;display:grid}.pos-catalog label,.pos-settled label{color:var(--ink);gap:7px;margin:0;font-size:13px;font-weight:700;display:grid}.pos-catalog input,.pos-catalog select,.pos-settled input,.pos-settled select,.pos-page input,.pos-page select{border:1px solid var(--line);background:var(--surface);width:100%;min-height:46px;color:var(--ink);font:inherit;border-radius:11px;padding:11px 12px}.pos-catalog input:focus,.pos-catalog select:focus,.pos-settled input:focus,.pos-settled select:focus,.pos-page input:focus,.pos-page select:focus{border-color:var(--blue);outline:3px solid #2257f21f}.pos-cart{flex-direction:column;min-height:100%;display:flex}.pos-cart h2,.pos-settled h2{margin:0 0 14px;font-size:22px;line-height:1.1}.pos-cart>p,.pos-settled>p,.pos-settled>article>p{color:var(--text-muted);margin:10px 0 0;line-height:1.45}.pos-cart>p[data-testid$=total],.pos-cart>p:last-of-type{color:var(--ink);margin-top:auto;padding-top:20px;font-size:16px;font-weight:750}.pos-cart ul,.pos-settled>ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.pos-cart li,.pos-settled>ul li{border:1px solid var(--line-soft);background:var(--surface-subtle);color:var(--ink);border-radius:11px;padding:12px 13px;font-size:13px}.pos-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.pos-page .pos-catalog>button,.pos-page .pos-cart>button,.pos-page .pos-settled>button,.pos-page .pos-actions>button,.pos-page .pos-settled>ul button{border:1px solid var(--line);background:var(--surface);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;border-radius:11px;padding:10px 15px;font-size:14px;font-weight:750}.pos-page .pos-catalog>button,.pos-page .pos-cart>button[data-testid$=save-draft],.pos-page .pos-actions>button[data-testid$=pay],.pos-page .pos-actions>button[data-testid^=purchase-]{border-color:var(--blue);background:var(--blue);color:#fff}.pos-page button:hover:not(:disabled){filter:brightness(.97)}.pos-page button:focus-visible,.catalog-page button:focus-visible,.staff-main input:focus-visible,.staff-main select:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.pos-page button:disabled,.catalog-page button:disabled{cursor:not-allowed;opacity:.48}.pos-settled>article{border-top:1px solid var(--line-soft);margin-top:20px;padding-top:18px}.pos-settled>article .pos-actions{margin-top:18px}.catalog-page .staff-context-note,.catalog-page .staff-content-panel,.inventory-page .staff-panel,.inventory-page .staff-stat-grid,.inventory-page .inventory-main-grid,.inventory-page .inventory-activity-panel{margin-top:0}.staff-badge{border-radius:999px;align-items:center;min-height:24px;padding:3px 8px;font-size:11px;font-weight:750;display:inline-flex}.staff-badge-neutral{background:var(--surface-soft);color:var(--text-muted)}.staff-badge-positive{color:#177245;background:#eaf8f1}.staff-badge-negative{color:#991b1b;background:#fee2e2}.staff-badge-warning{color:#8a5b00;background:#fff4d6}@media (max-width:720px){.staff-main{padding:24px 16px 48px}.staff-page-header{gap:16px}.staff-page-header h1{margin-bottom:10px}.staff-page-description{font-size:14px}.staff-page-actions>*{min-width:0}.staff-panel-header{gap:12px;padding:20px 18px 14px}.staff-content-panel{padding:0 18px 18px}.staff-content-panel>.staff-panel-header{margin:0 -18px}.staff-form-grid,.staff-form-fields{padding-left:18px;padding-right:18px}.staff-form-panel>.staff-button{width:calc(100% - 36px);margin-left:18px;margin-right:18px}.staff-record-list{padding-left:18px;padding-right:18px}.pos-catalog,.pos-cart,.pos-settled{padding:20px 18px}.pos-cart{min-height:0}.pos-cart>p[data-testid$=total],.pos-cart>p:last-of-type{margin-top:18px}.pos-actions>button,.pos-page .pos-catalog>button,.pos-page .pos-cart>button,.pos-page .pos-settled>button{flex:140px}.staff-panel-meta{text-align:left;white-space:normal;max-width:100%}}@media (prefers-color-scheme:dark){.status-line,.lede,.board-header,.board-total span,.board-total small,.board-note,.module-strip p,.auth-card p,.auth-card label,.staff-page-description{color:var(--text-muted)}.auth-card label,.staff-business-name,.staff-switch{color:var(--ink)}.topbar,.transaction-board,.cycle,.auth-card,.catalog-create input,.language-switcher select{border-color:var(--line);background:var(--surface);color:var(--ink)}.cycle li.complete{background:var(--brand-soft)}.cycle li,.board-header{border-color:var(--line)}.staff-panel,.staff-stat,.staff-topbar,.staff-nav,.staff-nav-toggle,.staff-button-secondary,.inventory-button-secondary,.inventory-action-card,.inventory-icon-button,.jualan-dialog,.auth-card,.pos-item-list button,.pos-actions button,.pos-cart,.pos-settled,.catalog-create input,.language-switcher select,.auth-card input,.auth-card select{background:var(--surface);color:var(--ink)}.staff-nav a:hover,.staff-button-secondary:hover:not(:disabled),.inventory-action-card:hover:not(:disabled),.pos-item-list button:hover:not(:disabled),.pos-actions button:hover:not(:disabled){background:var(--surface-soft)}.staff-nav a[aria-current=page]{background:var(--brand-wash);color:var(--blue)}.staff-topbar,.staff-nav,.staff-nav-toggle,.staff-panel,.staff-stat,.staff-button-secondary,.staff-field input,.staff-field select,.staff-field textarea,.inventory-search input,.inventory-filter select,.inventory-dialog-form input,.inventory-dialog-form select,.inventory-button-secondary,.inventory-action-card,.inventory-icon-button,.pos-item-list button,.pos-actions button,.pos-cart,.pos-settled,.catalog-create input,.language-switcher select,.auth-card input,.auth-card select{border-color:var(--line)}.staff-table-wrap,.inventory-table-wrap{border-color:var(--line-soft)}.staff-table th,.inventory-table th{background:var(--surface-subtle);color:var(--text-muted)}.staff-table th,.staff-table td,.inventory-table th,.inventory-table td,.inventory-location-list li,.inventory-activity-list li{border-color:var(--line-faint)}.staff-table tbody tr:hover,.inventory-table tbody tr:hover{background:var(--surface-subtle)}.staff-context-note,.inventory-dialog-context,.pos-cart li,.pos-settled>ul li,.inventory-action-card,.staff-record-list li{background:var(--surface-subtle);color:var(--ink);border-color:var(--line-soft)}.staff-error,.inventory-error,.auth-card [role=alert]{background:var(--danger-bg);color:var(--danger-text);border-color:var(--danger-line)}.staff-badge-positive,.inventory-status-good{color:#9ce4bb;background:#163b2d}.staff-badge-negative,.inventory-status-empty{color:#ffc3c9;background:#472326}.staff-badge-warning{color:#f7d77a;background:#493915}.inventory-count,.staff-button-quiet{background:var(--surface-soft);color:var(--text-muted)}.inventory-summary-card-accent,.staff-stat-accent{background:linear-gradient(135deg, var(--brand-soft), var(--surface));border-color:#4766bd}.staff-nav-backdrop,.jualan-dialog::backdrop{background:#0000009e}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}