/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,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;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.\!end{inset-inline-end:var(--spacing)!important}.hidden{display:none}.table{display:table}}:root{--ink:#17231d;--muted:#6d776f;--green:#1f4936;--green2:#2f6b4f;--cream:#f5f1e8;--paper:#fffdf8;--line:#e5e1d8;--orange:#d96c2d}*{box-sizing:border-box}button,input{font:inherit}button{cursor:pointer}body{color:var(--ink);background:#ebe7dd;margin:0;font-family:Arial,Helvetica,sans-serif}.app{background:var(--cream);grid-template-columns:238px 1fr;min-height:100vh;transition:all .2s;display:grid}.app.dark{--ink:#f7f4ec;--muted:#a9b2aa;--cream:#111713;--paper:#17201a;--line:#2b382f;--green:#d6eadc;--green2:#83bd98;--orange:#f48a4b}.sidebar{color:#fff;background:#173d2d;flex-direction:column;height:100vh;min-height:100vh;padding:24px 16px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 8px 26px;display:flex}.brandMark{color:#173d2d;background:#f3e6cb;border-radius:12px;place-items:center;width:39px;height:39px;font:800 24px Georgia,serif;display:grid}.brand small,.brand strong,.profile small,.profile strong{display:block}.brand strong{letter-spacing:.2px;font:700 16px Georgia,serif}.brand small{color:#afc8ba;letter-spacing:.08em;text-transform:uppercase;margin-top:3px;font-size:10px}nav{gap:5px;display:grid}.navItem{color:#bcd0c4;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;height:43px;padding:0 13px;font-size:13px;font-weight:600;display:flex}.navItem span{text-align:center;width:20px;font-size:18px}.navItem.active,.navItem:hover{color:#173d2d;background:#f3eee2}.branchCard{background:#214836;border:1px solid #38604c;border-radius:13px;gap:7px;margin-top:auto;padding:14px;display:grid}.branchCard small{color:#99b5a6;letter-spacing:.13em;font-size:9px}.branchCard strong{font-size:12px}.branchCard span{color:#c8ddd2;align-items:center;gap:6px;font-size:10px;display:flex}.branchCard i,.syncPill i{background:#65c78e;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #65c78e24}.profile{color:#fff;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:18px 5px 0;display:flex}.profile .avatar{background:#d77b42;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.profile strong{font-size:11px}.profile small{color:#a9c3b5;margin-top:2px;font-size:9px}.profile b{margin-left:auto}.profileImage{object-fit:cover;border:2px solid #ffffff46}.profileMenu{z-index:15;color:#17231d;background:#fff;border-radius:12px;width:207px;padding:6px;position:absolute;bottom:71px;left:14px;box-shadow:0 15px 35px #071a1166}.profileMenu button{width:100%;color:inherit;text-align:left;background:0 0;border:0;border-radius:8px;padding:10px;font-size:9px;font-weight:700}.profileMenu button:hover{background:#f0f3ef}.profileMenu .danger{color:#bd4f3c;border-top:1px solid #e8e8e4}.workspace{flex-direction:column;min-width:0;min-height:100vh;display:flex}.topbar{background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:79px;padding:13px 27px;display:flex}.eyebrow{color:#879187;letter-spacing:.14em;margin:0 0 5px;font-size:9px;font-weight:800}.topbar h1{margin:0;font:700 24px Georgia,serif}.topActions{align-items:center;gap:8px;display:flex}.topActions button{border:1px solid var(--line);background:var(--paper);width:38px;height:38px;color:var(--ink);border-radius:11px;position:relative}.topActions .syncPill{width:auto;color:var(--muted);align-items:center;gap:8px;padding:0 13px;font-size:10px;display:flex}.topActions em{background:var(--orange);color:#fff;border-radius:50%;width:15px;height:15px;font:700 8px/15px Arial;position:absolute;top:-4px;right:-3px}.topProfileImage{object-fit:cover;border-radius:50%;width:26px;height:26px;display:block}.posLayout{flex:1;grid-template-columns:minmax(480px,1fr) 374px;min-height:0;display:grid}.catalog{padding:20px 23px 28px;overflow:auto}.catalogTools{grid-template-columns:1fr auto;gap:10px;display:grid}.search{background:var(--paper);border:1px solid var(--line);border-radius:11px;align-items:center;gap:10px;height:43px;padding:0 13px;display:flex}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.search span{color:#8c968e;font-size:20px}.scan{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:11px;padding:0 16px;font-size:11px;font-weight:700}.categoryRow{gap:8px;padding:15px 0;display:flex;overflow:auto}.categoryRow button{border:1px solid var(--line);background:var(--paper);color:var(--muted);white-space:nowrap;border-radius:20px;padding:8px 15px;font-size:10px;font-weight:700}.categoryRow button.selected,.methodTabs button.selected{background:var(--green);color:var(--paper);border-color:var(--green)}.productHeader{justify-content:space-between;align-items:end;margin:2px 0 13px;display:flex}.productHeader h2{margin:0 0 3px;font:700 17px Georgia,serif}.productHeader span{color:var(--muted);font-size:10px}.productHeader button{color:var(--muted);background:0 0;border:0;font-size:9px}.productGrid{grid-template-columns:repeat(3,minmax(135px,1fr));gap:11px;display:grid}.productCard{text-align:left;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:14px;padding:0;transition:transform .18s,box-shadow .18s;overflow:hidden}.productCard:hover{transform:translateY(-2px);box-shadow:0 10px 28px #20392b15}.productVisual{background:radial-gradient(circle at 50% 40%,#eadcc1,#d7c4a3);place-items:center;height:99px;display:grid;position:relative}.productVisual span{filter:drop-shadow(0 6px 5px #0003);font-size:35px}.productVisual b{color:#bf5c26;background:#fff3e8;border-radius:10px;padding:4px 7px;font-size:8px;position:absolute;top:8px;right:8px}.productVisual.tea{background:radial-gradient(circle,#dce4b8,#b9c382)}.productVisual.water{background:radial-gradient(circle,#e5edf1,#b7ced8)}.productVisual.noodle{background:radial-gradient(circle,#f4d3a0,#d99d5f)}.productVisual.toast{background:radial-gradient(circle,#e9ca9b,#c89154)}.productInfo{padding:11px}.productInfo>span{color:#869087;text-transform:uppercase;letter-spacing:.08em;font-size:8px}.productInfo h3{margin:3px 0 9px;font-size:12px}.productInfo div{justify-content:space-between;align-items:end;display:flex}.productInfo strong{color:var(--green2);font-size:11px}.productInfo small{color:var(--muted);font-size:8px}.cartPanel{background:var(--paper);border-left:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.cartTitle{border-bottom:1px solid var(--line);justify-content:space-between;padding:19px}.cartTitle,.cartTitle>div{align-items:center;display:flex}.cartTitle>div{gap:10px}.cartIcon{color:#285a42;background:#e8efe9;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.cartTitle h2{margin:0;font:700 16px Georgia,serif}.cartTitle p{color:var(--muted);margin:2px 0 0;font-size:9px}.cartTitle>button{color:#b25b3c;background:0 0;border:0;font-size:9px;font-weight:700}.orderNumber{background:var(--cream);justify-content:space-between;padding:10px 19px;display:flex}@supports (color:color-mix(in lab,red,red)){.orderNumber{background:color-mix(in srgb,var(--cream) 75%,transparent)}}.orderNumber{color:var(--muted);font-size:8px}.orderNumber strong{color:var(--green2);letter-spacing:.03em}.cartList{flex:1;padding:7px 18px;overflow:auto}.cartItem{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr auto;align-items:start;gap:10px;padding:13px 0;display:grid}.miniVisual{background:#e4d4b7;border-radius:9px;place-items:center;width:42px;height:42px;display:grid}.miniVisual.latte{background:#e4d7c7}.cartMeta span,.cartMeta strong{display:block}.cartMeta strong{font-size:10px}.cartMeta span{color:var(--muted);margin-top:3px;font-size:8px}.lineTotal{font-size:10px}.stepper{align-items:center;gap:10px;margin-top:8px;display:flex}.stepper button{border:1px solid var(--line);background:var(--paper);width:22px;height:22px;color:var(--ink);border-radius:7px}.stepper b{font-size:9px}.empty{text-align:center;color:var(--muted);padding:70px 20px}.empty span{font-size:38px}.empty strong{color:var(--ink);margin:10px 0 4px;display:block}.empty p{font-size:10px;line-height:1.5}.cartFooter{border-top:1px solid var(--line);padding:15px 19px}.cartFooter dl{margin:0}.cartFooter dl div{color:var(--muted);justify-content:space-between;margin:7px 0;font-size:9px;display:flex}.cartFooter dl .grand{border-top:1px dashed var(--line);color:var(--ink);align-items:end;margin-top:12px;padding-top:12px}.grand dt{font-weight:700}.grand dd{margin:0;font:700 22px Georgia,serif}.payButton{background:var(--orange);color:#fff;border:0;border-radius:11px;justify-content:space-between;align-items:center;width:100%;height:47px;padding:0 17px;font-size:11px;font-weight:800;display:flex;box-shadow:0 9px 18px #d96c2d30}.payButton:disabled{opacity:.45;box-shadow:none}.cartFooter>p{text-align:center;color:var(--muted);font-size:8px}.cartFooter kbd{border:1px solid var(--line);border-radius:4px;padding:1px 4px}.pagePad{padding:28px;overflow:auto}.sectionHeading,.welcome{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.sectionHeading h2,.welcome h2{margin:0 0 7px;font:700 26px Georgia,serif}.welcome>div>p:last-child{color:var(--muted);font-size:12px}.primarySmall,.secondarySmall{background:var(--orange);color:#fff;border:0;border-radius:10px;padding:11px 16px;font-size:10px;font-weight:800}.secondarySmall{background:var(--paper);border:1px solid var(--line);color:var(--ink)}.stats{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.statCard{border:1px solid var(--line);background:var(--paper);border-radius:14px;gap:9px;padding:18px;display:grid}.statCard span{color:var(--muted);font-size:9px}.statCard strong{font:700 22px Georgia,serif}.statCard small{color:#429065;font-size:9px}.dashboardGrid{grid-template-columns:1.5fr 1fr;gap:12px;margin-top:12px;display:grid}.activityCard,.stockAlert,.tableCard{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:20px}.activityCard h3,.stockAlert h3{margin:0 0 16px;font:700 16px Georgia,serif}.chartBars{border-bottom:1px solid var(--line);align-items:end;gap:10px;height:230px;padding:12px 8px 26px;display:flex}.chartBars span{background:linear-gradient(#4f8c6b,#234d38);border-radius:7px 7px 2px 2px;flex:1;min-height:20px;position:relative}.chartBars i{color:var(--muted);font-size:8px;font-style:normal;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.stockAlert>div{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.stockAlert p{flex:1;margin:0}.stockAlert p small,.stockAlert p strong{font-size:10px;display:block}.stockAlert p small{color:var(--muted);margin-top:3px}.stockAlert b{color:var(--orange);font-size:9px}.stockAlert>small{color:var(--muted);padding-top:15px;font-size:8px;display:block}.tableCard{padding:0;overflow:auto}.tableCard table{border-collapse:collapse;width:100%;min-width:700px}.tableCard td,.tableCard th{text-align:left;border-bottom:1px solid var(--line);padding:14px 16px;font-size:10px}.tableCard th{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:8px}.tableCard td small,.tableCard td strong{display:block}.tableCard td small{color:var(--muted);margin-top:3px}.status{color:#3b8055;background:#e7f3e9;border-radius:12px;padding:5px 8px}.status.low{color:#c2612e;background:#fff0e2}.modalBackdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#101712aa;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.paymentModal{background:var(--paper);text-align:center;border-radius:20px;width:min(440px,100%);padding:28px;position:relative;box-shadow:0 30px 80px #0006}.modalClose{color:var(--muted);background:0 0;border:0;font-size:25px;position:absolute;top:14px;right:16px}.paymentModal h2{margin:4px 0;font:700 34px Georgia,serif}.paymentModal>p{color:var(--muted);font-size:11px}.methodTabs{grid-template-columns:repeat(3,1fr);gap:7px;margin:22px 0;display:grid}.methodTabs button{border:1px solid var(--line);background:var(--cream);color:var(--ink);border-radius:9px;padding:10px;font-size:10px;font-weight:700}.cashInput{text-align:left;color:var(--muted);gap:7px;font-size:9px;display:grid}.cashInput input{border:1px solid var(--line);background:var(--cream);height:46px;color:var(--ink);border-radius:10px;padding:0 13px;font-size:16px;font-weight:700}.change{justify-content:space-between;padding:15px 0;display:flex}.change span{color:var(--muted);font-size:10px}.change strong{color:var(--green2)}.qrisBox{background:var(--cream);color:var(--muted);border-radius:12px;padding:18px;font-size:10px}.qrisBox span{color:var(--green2);font-size:32px}.confirmPay{background:var(--orange);color:#fff;border:0;border-radius:11px;width:100%;margin-top:12px;padding:14px;font-weight:800}.confirmPay:disabled{opacity:.45}.toast{z-index:30;color:#fff;background:#173d2d;border-radius:14px;align-items:center;gap:11px;padding:15px 18px;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 16px 45px #0005}.toast>span{background:#4fa774;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.toast p,.toast strong{margin:0;display:block}.toast strong{font-size:11px}.toast p{color:#bdd4c7;margin-top:3px;font-size:9px}.toast button{color:#fff;background:#ffffff16;border:1px solid #ffffff42;border-radius:8px;margin-left:8px;padding:7px 9px;font-size:8px;font-weight:800}.printBackdrop{padding:14px}.printModal{background:var(--paper);border-radius:20px;grid-template-columns:340px 1fr;width:min(1060px,96vw);max-height:94vh;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 80px #0006}.printSettings{border-right:1px solid var(--line);padding:28px;overflow:auto}.accountModal h2,.printSettings h2{margin:3px 0 7px;font:700 25px Georgia,serif}.printSettings>p:not(.eyebrow),.sectionCopy{color:var(--muted);font-size:10px;line-height:1.5}.formatCards{grid-template-columns:1fr 1fr;gap:9px;margin:22px 0;display:grid}.formatCards>button{border:1px solid var(--line);background:var(--cream);color:var(--ink);text-align:left;border-radius:12px;align-items:center;gap:9px;padding:13px;display:flex}.formatCards>button.selected{border-color:var(--green2);box-shadow:0 0 0 2px var(--green2)}@supports (color:color-mix(in lab,red,red)){.formatCards>button.selected{box-shadow:0 0 0 2px color-mix(in srgb,var(--green2) 15%,transparent)}}.formatCards b{font-size:22px}.formatCards span small,.formatCards span strong{display:block}.formatCards strong{font-size:10px}.formatCards small{color:var(--muted);margin-top:3px;font-size:8px}.printOption{border-top:1px solid var(--line);padding-top:18px}.printOption>label{font-size:10px;font-weight:800}.segmented{grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0;display:grid}.segmented button{border:1px solid var(--line);background:var(--cream);color:var(--ink);border-radius:8px;padding:9px;font-size:9px;font-weight:700}.segmented button.selected{background:var(--green);color:var(--paper)}.printOption p{color:var(--muted);font-size:8px;line-height:1.45}.printActions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.printPreview{background:#d8d6d0;padding:18px;overflow:auto}.previewLabel{color:#4f5751;justify-content:space-between;margin-bottom:10px;font-size:9px;display:flex}.printSheet{color:#18221c;background:#fff;margin:auto;box-shadow:0 8px 25px #0002}.printSheet.a4{aspect-ratio:210/297;grid-template-rows:repeat(3,1fr);width:min(100%,650px);padding:0;display:grid}.printSheet.thermal{width:260px;min-height:520px;padding:8px}.printSheet.thermal-80{width:330px}.printSheet.a4.copies-1 .receipt:nth-child(n+2),.printSheet.a4.copies-2 .receipt:nth-child(n+3){display:none}.receipt{color:#17231d;background:#fff;font-family:Arial,sans-serif}.a4Receipt{border-bottom:1px dashed #999;flex-direction:column;height:100%;padding:15px 20px;display:flex}.a4Receipt header{justify-content:space-between;align-items:start;display:flex}.receipt h3{margin:0;font:800 17px Georgia,serif}.receipt p{margin:3px 0;font-size:7px}.receipt header>div:last-child{text-align:right}.receipt header span,.receipt header strong{font-size:7px;display:block}.receipt header span{color:#5c655f;margin-top:3px}.receiptMeta{border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;gap:15px;margin:7px 0;padding:5px 0;font-size:6px;display:flex}.receipt table{border-collapse:collapse;width:100%;font-size:7px}.receipt td,.receipt th{text-align:right;padding:3px 4px}.receipt td:first-child,.receipt th:first-child{text-align:left}.receipt th{background:#f0f0ed}.receipt footer{justify-content:space-between;align-items:end;margin-top:auto;display:flex}.receipt footer dl{min-width:140px;margin:0}.receipt footer dl div{justify-content:space-between;margin:2px 0;font-size:7px;display:flex}.receipt footer dl div:first-child{border-top:1px solid #222;padding-top:3px;font-size:10px;font-weight:800}.receipt footer dd{margin:0}.thermalReceipt{min-height:500px;padding:14px 10px}.thermalReceipt header{text-align:center;display:block}.thermalReceipt header>div:last-child{text-align:center;margin-top:10px}.thermalReceipt .receiptMeta{gap:3px;display:grid}.thermalReceipt table{margin:8px 0;font-size:8px}.thermalReceipt footer{display:block}.thermalReceipt footer>p{text-align:center;order:2;margin-top:20px}.thermalReceipt footer dl{min-width:0}.thermalReceipt footer dl div{font-size:8px}.thermalReceipt footer dl div:first-child{font-size:12px}.accessStats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;display:grid}.accountList{gap:8px;display:grid}.accountCard{background:var(--paper);border:1px solid var(--line);border-radius:13px;grid-template-columns:minmax(220px,1.3fr) 100px 1fr 100px 28px;align-items:center;gap:14px;padding:13px 15px;display:grid}.accountIdentity{align-items:center;gap:10px;display:flex}.accountIdentity .avatar{color:#24513b;background:#dce9df;border-radius:50%;place-items:center;width:38px;height:38px;font-size:10px;font-weight:800;display:grid}.accountIdentity small,.accountIdentity strong{display:block}.accountIdentity strong{font-size:11px}.accountIdentity small{color:var(--muted);margin-top:3px;font-size:8px}.roleBadge{color:#34744d;background:#e7f3e9;border-radius:12px;justify-self:start;padding:5px 8px;font-size:8px;font-weight:800}.roleBadge.kasir{color:#536482;background:#edf0f7}.roleBadge.supervisor{color:#b45b2d;background:#fff0e2}.permissionList{flex-wrap:wrap;gap:4px;display:flex}.permissionList span{background:var(--cream);color:var(--muted);border-radius:7px;padding:4px 6px;font-size:7px}.accountToggle{color:var(--muted);cursor:pointer;align-items:center;gap:6px;font-size:8px;display:flex}.accountToggle input{display:none}.accountToggle span{background:#bdc4be;border-radius:10px;width:27px;height:16px;position:relative}.accountToggle span:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:all .2s;position:absolute;top:2px;left:2px}.accountToggle input:checked+span{background:#4c9a6c}.accountToggle input:checked+span:after{left:13px}.accountMore{color:var(--muted);background:0 0;border:0}.securityNote{background:var(--green2);align-items:flex-start;gap:11px;display:flex}@supports (color:color-mix(in lab,red,red)){.securityNote{background:color-mix(in srgb,var(--green2) 8%,var(--paper))}}.securityNote{border:1px solid var(--green2)}@supports (color:color-mix(in lab,red,red)){.securityNote{border:1px solid color-mix(in srgb,var(--green2) 20%,var(--line))}}.securityNote{border-radius:12px;margin-top:14px;padding:14px}.securityNote strong{font-size:10px}.securityNote p{color:var(--muted);margin:3px 0 0;font-size:8px;line-height:1.5}.accountModal{background:var(--paper);border-radius:18px;width:min(620px,96vw);max-height:92vh;padding:27px;position:relative;overflow:auto}.formGrid{grid-template-columns:1fr 1fr;gap:11px;margin:20px 0}.formGrid input,.formGrid select{border:1px solid var(--line);background:var(--cream);height:40px;color:var(--ink);border-radius:9px;outline:0;padding:0 10px}.accountModal fieldset{border:1px solid var(--line);border-radius:11px;padding:13px}.accountModal legend{padding:0 5px;font-size:9px;font-weight:800}.permissionChecks{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.permissionChecks label{border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px;font-size:8px;display:flex}.permissionChecks input{display:none}.permissionChecks span{border:1px solid var(--line);color:#0000;border-radius:4px;place-items:center;width:15px;height:15px;font-size:8px;display:grid}.permissionChecks input:checked+span{background:var(--green2);border-color:var(--green2);color:#fff}.inviteInfo{background:var(--cream);border-radius:10px;align-items:start;gap:9px;margin-top:12px;padding:12px;display:flex}.inviteInfo p{color:var(--muted);margin:0;font-size:8px;line-height:1.5}.loginPage{color:#fff;background:#153b2b;grid-template-columns:1.05fr .95fr;min-height:100vh;display:grid;position:relative}.loginPage.dark{--paper:#17201a;--cream:#111713;--ink:#f7f4ec;--muted:#a9b2aa}.loginBrand{background:radial-gradient(circle at 15% 20%,#2c6349,#163c2c 43%,#102e22);flex-direction:column;justify-content:center;padding:8vw;display:flex;position:relative;overflow:hidden}.loginBrand:after{content:"";border:1px solid #ffffff17;border-radius:50%;width:410px;height:410px;position:absolute;bottom:-150px;right:-170px;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff05}.loginLogo{color:#173d2d;background:#f5ead3;border-radius:16px;place-items:center;width:54px;height:54px;margin-bottom:42px;font:800 32px Georgia,serif;display:grid}.loginBrand .eyebrow{color:#9ec3ae}.loginBrand h1{max-width:650px;margin:8px 0 20px;font:700 clamp(38px,5vw,66px)/1.04 Georgia,serif}.loginBrand h1 em{color:#e78549;font-style:normal}.loginBrand>p:not(.eyebrow){color:#bed1c6;max-width:510px;font-size:13px;line-height:1.7}.loginFeatures{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.loginFeatures span{color:#d5e4db;background:#ffffff09;border:1px solid #ffffff20;border-radius:18px;padding:8px 11px;font-size:9px}.loginPanel{background:var(--cream);color:var(--ink);place-items:center;padding:30px;display:grid}.loginCard{background:var(--paper);border:1px solid var(--line);border-radius:20px;width:min(410px,100%);padding:34px;box-shadow:0 25px 70px #0d23172a}.loginCard h2{margin:4px 0 8px;font:700 28px Georgia,serif}.loginCard>p:not(.eyebrow){color:var(--muted);margin-bottom:24px;font-size:10px;line-height:1.5}.loginCard>label{color:var(--muted);gap:7px;margin-top:14px;font-size:9px;font-weight:800;display:grid}.loginInput{border:1px solid var(--line);background:var(--cream);border-radius:10px;align-items:center;height:46px;padding:0 12px;display:flex}.loginInput>span{color:var(--muted)}.loginInput input{color:var(--ink);background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0 10px;font-size:11px}.loginInput button{color:var(--green2);background:0 0;border:0;font-size:8px;font-weight:800}.loginSubmit{background:var(--orange);color:#fff;border:0;border-radius:11px;justify-content:space-between;width:100%;margin-top:18px;padding:14px;font-size:10px;font-weight:800;display:flex}.loginError{color:#b84b39;background:#fff0ed;border:1px solid #f0c9c1;border-radius:9px;margin-top:12px;padding:10px;font-size:8px}.previewNotice{background:var(--cream);border-radius:10px;align-items:start;gap:8px;margin-top:13px;padding:11px;display:flex}.previewNotice>span{color:#326b4a;background:#dbe9df;border-radius:50%;place-items:center;width:18px;height:18px;font-size:9px;font-weight:800;display:grid}.previewNotice p{color:var(--muted);margin:0;font-size:7px;line-height:1.5}.previewNotice strong{color:var(--ink);margin-bottom:2px;display:block}.loginCard footer{color:var(--muted);justify-content:center;gap:7px;margin-top:22px;font-size:7px;display:flex}.loginTheme{z-index:4;border:1px solid var(--line);background:var(--paper);width:40px;height:40px;color:var(--ink);border-radius:11px;position:absolute;top:22px;right:24px}.lockedAvatar{color:#28593f;background:#d9e8dd;border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 22px;font-size:20px;font-weight:800;display:grid;overflow:hidden}.lockedAvatar img{object-fit:cover;width:100%;height:100%}.switchAccount{color:var(--green2);background:0 0;border:0;margin:14px auto 0;font-size:8px;font-weight:800;display:block}.profileGrid{grid-template-columns:280px 1fr;gap:14px;display:grid}.profileHero,.profileSettings{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:24px}.profileHero{text-align:center}.profilePhotoWrap{color:#2e6548;background:#dbe8df;border-radius:50%;place-items:center;width:112px;height:112px;margin:4px auto 17px;font-size:28px;font-weight:800;display:grid;position:relative}.profilePhotoWrap>img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profilePhotoWrap>label{background:var(--orange);color:#fff;border:3px solid var(--paper);cursor:pointer;border-radius:50%;place-items:center;width:31px;height:31px;display:grid;position:absolute;bottom:2px;right:2px}.profilePhotoWrap input,.uploadButton input{display:none}.profileHero h3{margin:0;font:700 18px Georgia,serif}.profileHero p{color:var(--muted);font-size:9px}.profileHero>small{color:var(--muted);margin-top:8px;font-size:7px;display:block}.uploadButton{border:1px solid var(--line);color:var(--green2);cursor:pointer;border-radius:9px;margin-top:12px;padding:9px 12px;font-size:8px;font-weight:800;display:inline-block}.profileSettings h3{margin:0 0 14px;font:700 15px Georgia,serif}.profileSettings h3:nth-of-type(2){margin-top:25px}.profileData{grid-template-columns:1fr 1fr;gap:8px;display:grid}.profileData label{background:var(--cream);color:var(--muted);border-radius:9px;padding:11px;font-size:7px}.profileData .status,.profileData strong{color:var(--ink);margin-top:5px;font-size:9px;display:block}.themeSelector{grid-template-columns:1fr 1fr;gap:9px;display:grid}.themeSelector button{border:1px solid var(--line);background:var(--cream);color:var(--ink);text-align:left;border-radius:11px;grid-template-columns:28px 1fr;padding:13px;display:grid}.themeSelector button.selected{border-color:var(--green2);box-shadow:0 0 0 2px var(--green2)}@supports (color:color-mix(in lab,red,red)){.themeSelector button.selected{box-shadow:0 0 0 2px color-mix(in srgb,var(--green2) 13%,transparent)}}.themeSelector span{grid-row:1/3;font-size:21px}.themeSelector strong{font-size:9px}.themeSelector small{color:var(--muted);font-size:7px}.sessionActions{border-top:1px solid var(--line);gap:8px;margin-top:24px;padding-top:18px;display:flex}.sessionActions button{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:9px;padding:10px 12px;font-size:8px;font-weight:800}.sessionActions .danger{color:#ba4f3b}@media (max-width:980px){.app{grid-template-columns:75px 1fr}.sidebar{padding:20px 11px}.brand{justify-content:center;padding:0 0 26px}.brand div,.navItem{font-size:0}.navItem{justify-content:center;padding:0}.navItem span{font-size:20px}.branchCard,.profile b,.profile span:not(.avatar){display:none}.profile{justify-content:center}.posLayout{grid-template-columns:minmax(430px,1fr) 340px}.productGrid,.stats{grid-template-columns:repeat(2,1fr)}.accountCard{grid-template-columns:1fr 80px 1fr 90px 24px}.printModal{grid-template-columns:310px 1fr}}@media (max-width:760px){.app{padding-bottom:67px;display:block}.sidebar{z-index:10;border-top:1px solid #3b5e4b;width:100%;height:66px;min-height:0;padding:7px 10px;display:block;position:fixed;top:auto;bottom:0;left:0}.branchCard,.brand,.profile,.profileMenu{display:none}.sidebar nav{grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.navItem{color:#bcd0c4;border-radius:8px;flex-direction:column;justify-content:center;gap:2px;height:50px;padding:0;font-size:7px;display:flex}.navItem span{height:18px;font-size:16px}.navItem.active{font-size:7px}.topbar{min-height:68px;padding:12px 16px}.topbar h1{font-size:20px}.topActions .syncPill{display:none}.posLayout{display:block}.catalog{padding:14px}.productGrid{grid-template-columns:repeat(2,1fr)}.cartPanel{border-left:0;border-top:1px solid var(--line);min-height:460px}.cartList{max-height:280px}.pagePad{padding:18px 14px}.sectionHeading,.welcome{align-items:flex-start;gap:14px}.sectionHeading h2,.welcome h2{font-size:22px}.accessStats,.stats{grid-template-columns:1fr 1fr}.dashboardGrid{grid-template-columns:1fr}.productHeader button{display:none}.printModal{display:block;overflow:auto}.printSettings{border-right:0;border-bottom:1px solid var(--line)}.printPreview{min-height:420px}.accountCard{grid-template-columns:1fr auto}.accountCard .permissionList{grid-column:1/-1}.accountToggle{grid-column:1}.accountMore{grid-area:1/2}.formGrid{grid-template-columns:1fr}.permissionChecks{grid-template-columns:repeat(2,1fr)}.loginPage{grid-template-columns:1fr}.loginBrand{display:none}.loginPanel{min-height:100vh;padding:18px}.profileGrid{grid-template-columns:1fr}}@media (max-width:420px){.sidebar nav{grid-template-columns:repeat(6,1fr)}.navItem:nth-child(6){display:none}.productVisual{height:86px}.accessStats,.stats{grid-template-columns:1fr}.statCard{padding:14px}.scan span,.topActions button:first-of-type{display:none}.catalogTools{grid-template-columns:1fr 45px}.grand dd{font-size:19px}.formatCards{grid-template-columns:1fr}.printSettings{padding:22px 18px}}@media print{@page{size:A4 portrait;margin:0}body *{visibility:hidden!important}.printSheet,.printSheet *{visibility:visible!important}.printSheet{position:absolute;inset:0 auto auto 0;box-shadow:none!important;margin:0!important}.printSheet.a4{aspect-ratio:auto;width:210mm;height:297mm}.printSheet.thermal{width:58mm;min-height:auto}.printSheet.thermal-80{width:80mm}.a4Receipt{page-break-inside:avoid;width:210mm;height:99mm}}.publicSite{--pub-bg:#f2eee5;--pub-paper:#fbf8f0;--pub-ink:#16261d;--pub-muted:#667269;--pub-green:#173f2e;--pub-line:#d9d4c8;--pub-accent:#e27638;min-height:100vh;color:var(--pub-ink);background:var(--pub-bg);transition:background .25s,color .25s;overflow:hidden}.publicSite.publicDark{--pub-bg:#0d1511;--pub-paper:#131f19;--pub-ink:#f5f0e5;--pub-muted:#a4afa7;--pub-green:#80b795;--pub-line:#29372f;--pub-accent:#f08a4c}.publicSite a{color:inherit;text-decoration:none}.publicHeader{border-bottom:1px solid var(--pub-line);grid-template-columns:1fr auto 1fr;align-items:center;max-width:1380px;height:86px;margin:auto;padding:0 34px;display:grid}.publicLogo{justify-self:start;align-items:center;gap:11px;display:flex}.publicLogo>span{color:#f8f3e9;background:#173f2e;border-radius:50%;place-items:center;width:39px;height:39px;font:800 23px Georgia,serif;display:grid;box-shadow:inset 0 0 0 5px #ffffff16}.publicLogo small,.publicLogo strong{display:block}.publicLogo strong{font:700 16px Georgia,serif}.publicLogo small{color:var(--pub-muted);letter-spacing:.08em;margin-top:3px;font-size:8px}.publicHeader nav{gap:30px;display:flex}.publicHeader nav a{color:var(--pub-muted);letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:800;position:relative}.publicHeader nav a:after{content:"";background:var(--pub-accent);height:2px;transition:all .2s;position:absolute;bottom:-8px;left:0;right:100%}.publicHeader nav a:hover:after{right:0}.publicActions{justify-self:end;gap:8px;display:flex}.publicActions button{border:1px solid var(--pub-line);background:var(--pub-paper);width:39px;height:39px;color:var(--pub-ink);border-radius:50%}.publicLogin{background:var(--pub-green);border-radius:22px;align-items:center;gap:18px;height:39px;padding:0 15px 0 18px;font-size:10px;font-weight:800;display:flex;color:var(--pub-paper)!important}.publicDark .publicLogin{color:#0d1511!important}.publicHero{grid-template-columns:1.06fr .94fr;align-items:center;gap:42px;max-width:1380px;min-height:680px;margin:auto;padding:55px 34px 68px;display:grid}.heroCopy{z-index:2;padding-left:4vw;position:relative}.heroTag{color:var(--pub-muted);letter-spacing:.12em;align-items:center;gap:8px;font-size:9px;font-weight:800;display:inline-flex}.heroTag i{background:#58a777;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #58a77722}.heroCopy h1,.menuIntro h2,.operationCopy h2,.storyLead h2{letter-spacing:-.055em;margin:24px 0 20px;font:700 clamp(52px,6vw,91px)/.92 Georgia,serif}.heroCopy h1 em{color:var(--pub-accent);font-style:italic}.heroCopy>p{max-width:590px;color:var(--pub-muted);font-size:14px;line-height:1.75}.heroButtons{gap:9px;margin-top:30px;display:flex}.heroButtons a,.operationCopy>a{background:var(--pub-accent);color:#fff;border-radius:4px;justify-content:space-between;align-items:center;min-width:155px;height:47px;padding:0 17px;font-size:10px;font-weight:800;display:flex}.heroButtons .heroGhost{color:var(--pub-ink);border:1px solid var(--pub-line);background:0 0}.heroFacts{margin-top:55px;display:flex}.heroFacts span{border-left:1px solid var(--pub-line);min-width:145px;padding:0 24px}.heroFacts span:first-child{border:0;padding-left:0}.heroFacts small,.heroFacts strong{display:block}.heroFacts strong{font:700 14px Georgia,serif}.heroFacts small{color:var(--pub-muted);margin-top:6px;font-size:8px}.coffeeScene{isolation:isolate;background:radial-gradient(circle at 35% 25%,#59745f,#274936 45%,#102e22 75%);border-radius:240px 240px 30px 30px;height:570px;position:relative;overflow:hidden;box-shadow:0 30px 80px #1436262b}.coffeeScene:before{content:"";border:1px solid #ffffff18;border-radius:50%;width:370px;height:370px;position:absolute;top:-80px;left:-90px;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff05}.sceneWords{color:#f7efe0;letter-spacing:-.07em;opacity:.13;font:900 52px/.86 Arial,sans-serif;position:absolute;top:48px;left:45px}.coffeeCup{z-index:3;background:linear-gradient(135deg,#fbf5e7,#d8c9ad);border-radius:22px 22px 95px 95px;width:250px;height:190px;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)rotate(-5deg);box-shadow:inset -23px -13px 35px #87775b40,0 28px 40px #06150d66}.coffeeCup:before{background:#eee3ce;height:45px;top:-16px;left:20px;right:20px;box-shadow:inset 0 0 0 11px #d2c3a6}.coffeeCup:after,.coffeeCup:before{content:"";border-radius:50%;position:absolute}.coffeeCup:after{background:radial-gradient(at 40% 30%,#8b5934,#3a2113 70%);height:30px;top:-9px;left:34px;right:34px}.coffeeCup span{border:18px solid #dacbb0;border-left:0;border-radius:0 58px 58px 0;width:88px;height:96px;position:absolute;top:38px;right:-62px}.coffeeCup i{border:1px solid #183b2b;border-radius:50%;width:44px;height:44px;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.coffeeCup i:after{content:"K";color:#183b2b;place-items:center;width:100%;height:100%;font:800 25px Georgia,serif;display:grid}.coffeeSaucer{background:linear-gradient(#c8b99c,#f3e8d4);width:360px;height:75px;top:66%;left:50%;transform:translate(-50%)rotate(-4deg);box-shadow:0 25px 25px #06150d66}.coffeeSaucer,.steam{border-radius:50%;position:absolute}.steam{filter:blur(1px);border-left:3px solid #ffffff5c;width:24px;height:120px;top:13%;left:46%;transform:rotate(14deg)}.steamTwo{opacity:.65;height:105px;top:15%;left:55%;transform:rotate(-13deg)}.bean{color:#2b1a10;text-shadow:8px 10px 18px #0006;font-size:54px;position:absolute;transform:scaleX(.55)rotate(32deg)}.beanOne{bottom:66px;right:67px}.beanTwo{font-size:40px;bottom:37px;right:113px;transform:scaleX(.55)rotate(-18deg)}.sceneStamp{color:#f6ebdb;border:1px dashed #f4e8d274;border-radius:50%;align-content:center;place-items:center;width:104px;height:104px;display:grid;position:absolute;top:47px;right:30px;transform:rotate(9deg)}.sceneStamp strong{font:700 20px Georgia,serif}.sceneStamp small{text-align:center;letter-spacing:.13em;font-size:7px;line-height:1.5}.marquee{border-top:1px solid var(--pub-line);border-bottom:1px solid var(--pub-line);white-space:nowrap;background:var(--pub-green);color:var(--pub-paper);overflow:hidden;transform:rotate(-1deg)}.publicDark .marquee{color:#0d1511}.marquee div{letter-spacing:.22em;word-spacing:22px;width:max-content;padding:16px 0;font:800 12px Arial,sans-serif;animation:publicMarquee 25s linear infinite}.marquee div:after{content:"SEDERHANA · HANGAT · BERSAHABAT · KOPI ACEH · OBROLAN PANJANG · "}@keyframes publicMarquee{to{transform:translate(-50%)}}.menuSection,.operationSection,.storySection{max-width:1310px;margin:auto;padding:110px 34px}.sectionKicker{color:var(--pub-accent);letter-spacing:.15em;font-size:9px;font-weight:900}.storyLead{grid-template-columns:1.2fr .8fr;align-items:end;gap:80px;display:grid}.menuIntro h2,.operationCopy h2,.storyLead h2{font-size:clamp(40px,5vw,67px);line-height:.98}.menuIntro>p,.operationCopy>p,.storyLead p{color:var(--pub-muted);max-width:480px;font-size:13px;line-height:1.8}.storyCards{background:var(--pub-line);border:1px solid var(--pub-line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:70px;display:grid}.storyCards article{background:var(--pub-paper);min-height:220px;padding:30px}.storyCards article>span{color:var(--pub-accent);font:700 22px Georgia,serif}.storyCards strong{margin-top:58px;font:700 18px Georgia,serif;display:block}.storyCards p{color:var(--pub-muted);max-width:260px;font-size:10px;line-height:1.65}.menuSection{background:var(--pub-paper);border-top:1px solid var(--pub-line);border-bottom:1px solid var(--pub-line);max-width:none}.menuIntro,.publicMenuGrid{max-width:1242px;margin:auto}.menuIntro{justify-content:space-between;align-items:end;display:flex}.publicMenuGrid{grid-template-columns:repeat(4,1fr);gap:13px;margin-top:52px;display:grid}.publicMenuCard{color:#fff;background:linear-gradient(145deg,#3f5e49,#173e2d);border-radius:3px;flex-direction:column;justify-content:flex-end;min-height:405px;padding:22px;display:flex;position:relative;overflow:hidden}.publicMenuCard.milk{background:linear-gradient(145deg,#d5b584,#8f633c)}.publicMenuCard.noodle{background:linear-gradient(145deg,#d8783f,#7c3c21)}.publicMenuCard.toast{background:linear-gradient(145deg,#8c6440,#402d20)}.menuNumber{letter-spacing:.12em;opacity:.7;font-size:9px;position:absolute;top:19px;left:20px}.menuIcon{text-align:center;filter:drop-shadow(0 22px 18px #0005);font-size:112px;position:absolute;inset:34px 0 auto;transform:rotate(-7deg)}.publicMenuCard:nth-child(2) .menuIcon{transform:rotate(9deg)}.publicMenuCard small{letter-spacing:.14em;opacity:.7;font-size:7px}.publicMenuCard h3{margin:7px 0;font:700 19px Georgia,serif}.publicMenuCard p{opacity:.75;min-height:31px;font-size:9px;line-height:1.55}.publicMenuCard strong{margin-top:16px;font-size:11px;display:block}.operationSection{grid-template-columns:1fr 1fr;align-items:center;gap:90px;display:grid}.operationVisual{background:radial-gradient(circle at 60% 30%,#516d5a,#173c2c 68%);border-radius:4px;place-items:center;height:510px;display:grid;position:relative;overflow:hidden}.operationVisual:before{content:"";border:1px solid #ffffff16;border-radius:50%;width:440px;height:440px;position:absolute;box-shadow:0 0 0 70px #ffffff07,0 0 0 140px #ffffff05}.miniReceipt{color:#1c2c23;z-index:2;background:#faf6e8;width:245px;min-height:330px;padding:35px 28px;font-family:monospace;transform:rotate(-5deg);box-shadow:18px 28px 45px #071c1266}.miniReceipt>span{text-align:center;font-weight:900;display:block}.miniReceipt i{border-top:1px dashed #45544b;margin:20px 0;display:block}.miniReceipt p{font-size:9px}.miniReceipt strong{font-size:11px;display:block}.miniReceipt small{text-align:center;color:#6b756e;margin-top:70px;display:block}.operationBadge{z-index:3;background:var(--pub-accent);color:#fff;border-radius:50%;align-content:center;place-items:center;width:110px;height:110px;font-size:26px;display:grid;position:absolute;bottom:38px;right:40px;transform:rotate(8deg)}.operationBadge small{text-align:center;letter-spacing:.12em;font-size:7px;line-height:1.5}.operationCopy ul{gap:12px;margin:28px 0;padding:0;list-style:none;display:grid}.operationCopy li{font-size:11px;font-weight:700}.operationCopy li span{color:#fff;background:var(--pub-green);border-radius:50%;place-items:center;width:21px;height:21px;margin-right:9px;font-size:8px;display:inline-grid}.operationCopy>a{background:var(--pub-green);width:175px;color:var(--pub-paper)}.publicDark .operationCopy>a{color:#0d1511}.publicFooter{border-top:1px solid var(--pub-line);grid-template-columns:1fr 1fr 1fr;align-items:center;max-width:1310px;min-height:145px;margin:auto;padding:35px 34px;display:grid}.publicFooter>p{text-align:center;color:var(--pub-muted);font:italic 15px Georgia,serif}.publicFooter>div{color:var(--pub-muted);justify-self:end;gap:18px;font-size:8px;display:flex}.backHome,.publicFooter>div a{font-weight:800}.backHome{z-index:5;color:#d8e5dc;letter-spacing:.08em;font-size:9px;text-decoration:none;position:absolute;top:25px;left:28px}@media (max-width:900px){.publicHeader{grid-template-columns:1fr auto}.publicHeader nav{display:none}.publicHero{grid-template-columns:1fr;min-height:auto;padding-top:60px}.heroCopy{padding-left:2vw}.coffeeScene{justify-self:center;width:min(630px,100%)}.operationSection,.storyLead{grid-template-columns:1fr;gap:35px}.publicMenuGrid{grid-template-columns:1fr 1fr}.publicFooter{grid-template-columns:1fr auto}.publicFooter>p{display:none}}@media (max-width:560px){.publicHeader{height:72px;padding:0 17px}.publicLogo small{display:none}.publicLogo>span{width:34px;height:34px}.publicActions button{width:36px;height:36px}.publicLogin{justify-content:center;width:38px;padding:0;font-size:0}.publicLogin b{font-size:12px}.publicHero{padding:45px 18px 55px}.heroCopy h1{font-size:48px}.heroCopy>p{font-size:12px}.heroButtons{flex-direction:column}.heroButtons a{width:100%}.heroFacts{grid-template-columns:1fr 1fr;gap:18px;margin-top:38px;display:grid}.heroFacts span{min-width:0;padding:0 12px}.heroFacts span:nth-child(3){display:none}.coffeeScene{border-radius:170px 170px 20px 20px;height:430px}.coffeeCup{transform:translate(-50%,-50%)rotate(-5deg)scale(.78)}.coffeeSaucer{transform:translate(-50%)rotate(-4deg)scale(.78)}.sceneStamp{top:28px;right:12px;transform:scale(.75)rotate(9deg)}.menuSection,.operationSection,.storySection{padding:75px 18px}.menuIntro h2,.operationCopy h2,.storyLead h2{font-size:42px}.storyCards{grid-template-columns:1fr;margin-top:40px}.storyCards article{min-height:170px}.storyCards strong{margin-top:35px}.menuIntro{display:block}.publicMenuGrid{grid-template-columns:1fr}.publicMenuCard{min-height:350px}.operationVisual{height:420px}.miniReceipt{transform:rotate(-4deg)scale(.84)}.operationBadge{bottom:15px;right:8px;transform:scale(.75)rotate(8deg)}.publicFooter{grid-template-columns:1fr;gap:25px;padding:30px 18px}.publicFooter>div{flex-wrap:wrap;justify-self:start}.backHome{color:var(--ink);top:18px;left:18px}}@media (prefers-reduced-motion:reduce){.marquee div{animation:none}}.brandLogo{object-fit:contain;background:#fff;border-radius:14px;width:44px;height:44px}.settingsPage{padding-bottom:90px}.settingsTabs{border-bottom:1px solid var(--line);gap:8px;margin:22px 0 26px;display:flex;overflow:auto}.settingsTabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;padding:13px 17px;font-weight:800}.settingsTabs button.selected{color:var(--green);border-color:var(--orange)}.settingsMessage{color:#17643e;background:#dff3e8;border-radius:14px;margin:0 0 18px;padding:13px 16px;font-weight:800}.settingsPanel{background:var(--surface);border:1px solid var(--line);border-radius:22px;gap:25px;padding:28px;display:grid;box-shadow:0 12px 35px #102a1a0b}.settingsPanel h3{margin:4px 0 8px;font:700 28px Georgia,serif}.settingsPanel>div>p:not(.eyebrow){color:var(--muted)}.settingsForm{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.actionModal>label,.settingsForm label{color:var(--muted);gap:7px;font-size:12px;font-weight:800;display:grid}.actionModal input,.actionModal select,.settingsForm input,.settingsForm select{border:1px solid var(--line);background:var(--soft);width:100%;color:var(--ink);font:inherit;border-radius:13px;padding:14px 15px}.identityForm label:nth-child(10),.identityForm label:nth-child(3),.identityForm label:nth-child(7){grid-column:1/-1}.settingsActions{justify-content:flex-end;gap:10px;display:flex}.settingsActions button{border:1px solid var(--line);background:var(--surface);border-radius:12px;min-height:43px;padding:0 18px;font-weight:800}.futureIntegrations{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.futureIntegrations span{border:1px dashed var(--line);border-radius:13px;padding:15px;font-weight:800}.futureIntegrations small{color:var(--muted);margin-top:6px;font-weight:500;display:block}.overflowWrap{position:relative}.overflowMenu button{border-radius:9px;padding:10px 12px;font-weight:700}.overflowMenu button.danger{color:#c24934}.actionModal{background:var(--surface);border-radius:22px;width:min(620px,100vw - 30px);max-height:90vh;padding:32px;position:relative;overflow:auto;box-shadow:0 30px 90px #061c1255}.actionModal h2{margin:8px 0 22px;font:700 32px Georgia,serif}.actionModal fieldset{margin-top:18px}.dialogHint{color:var(--muted);margin:18px 0;font-size:12px}.legalPage{background:var(--pub-bg);min-height:100vh;color:var(--pub-ink);padding:0 6vw}.legalPage>header{border-bottom:1px solid var(--pub-line);justify-content:space-between;align-items:center;height:105px;display:flex}.breadcrumb{max-width:920px;color:var(--pub-muted);gap:10px;margin:40px auto 0;font-size:12px;display:flex}.legalPage>article{max-width:920px;margin:35px auto 90px}.legalPage h1{max-width:760px;font:700 clamp(42px,7vw,78px)/.98 Georgia,serif}.legalIntro{font-size:19px!important;line-height:1.6!important}.legalPage h2{margin-top:45px;font:700 26px Georgia,serif}.legalPage article p{color:var(--pub-muted);line-height:1.8}.legalPage>footer{border-top:1px solid var(--pub-line);flex-wrap:wrap;gap:25px;max-width:920px;margin:auto;padding:25px 0 45px;font-size:12px;font-weight:800;display:flex}.errorPage{text-align:center;color:#132a20;background:#f5f0e6;place-content:center;min-height:100vh;padding:30px;display:grid}.errorMark{color:#fff;background:#164c38;border-radius:22px;place-items:center;width:70px;height:70px;margin:auto;font:700 38px Georgia,serif;display:grid}.errorPage>p{color:#e56d29;letter-spacing:.16em;margin-top:25px;font-size:11px;font-weight:900}.errorPage h1{margin:8px;font:700 clamp(42px,7vw,74px) Georgia,serif}.errorPage>span{color:#647169}.errorPage nav{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px;display:flex}.errorPage nav a,.errorPage nav button{color:#132a20;background:#fff;border:1px solid #d6d0c4;border-radius:12px;padding:13px 18px;font-weight:800}.errorPage nav a:last-child{color:#fff;background:#164c38}@media (max-width:900px){.settingsForm{grid-template-columns:1fr}.identityForm label{grid-column:auto!important}.futureIntegrations{grid-template-columns:1fr 1fr}.accountCard{grid-template-columns:1fr auto}.accountCard>.status,.permissionList{display:none}}@media (max-width:560px){.settingsPanel{padding:20px}.settingsActions{flex-direction:column}.settingsActions button{width:100%}.futureIntegrations{grid-template-columns:1fr}.legalPage{padding:0 18px}.legalPage>header{height:80px}}.rangeModal{background:var(--surface);width:min(720px,100vw - 28px);color:var(--ink);border:1px solid var(--line);border-radius:24px;padding:34px;position:relative;box-shadow:0 35px 100px #061c1266}.rangeModal h2{margin:8px 0 10px;font:700 34px Georgia,serif}.rangeModal>p:not(.eyebrow){color:var(--muted);line-height:1.6}.rangeFields{grid-template-columns:1fr auto 1fr;align-items:end;gap:16px;margin:28px 0;display:grid}.rangeFields label{color:var(--muted);gap:8px;font-size:12px;font-weight:800;display:grid}.rangeFields input{border:1px solid var(--line);background:var(--soft);width:100%;min-height:50px;color:var(--ink);font:inherit;border-radius:13px;padding:0 14px}.rangeFields>span{color:var(--muted);padding-bottom:16px;font-size:12px}.rangeModal .printActions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}@media (max-width:600px){.rangeModal{padding:25px}.rangeFields{grid-template-columns:1fr}.rangeFields>span{padding:0}.rangeModal .printActions{flex-direction:column-reverse}.rangeModal .printActions button{width:100%}}.loginLogo{color:#0000;background:#f5ead3 url(/kasir-warkop-logo.png) 50%/cover no-repeat;width:68px;height:68px;font-size:0;box-shadow:0 10px 30px #071c1240}.publicLogo>span{color:#0000;background:#173f2e url(/kasir-warkop-logo.png) 50%/cover no-repeat;width:43px;height:43px;font-size:0;box-shadow:inset 0 0 0 2px #fff2}.brandMark{color:#0000;background:#f3e6cb url(/kasir-warkop-logo.png) 50%/cover no-repeat;font-size:0}.inventoryPage .sectionHeading>div>p:last-child{color:var(--muted);margin:0;font-size:12px}.inventoryNotice{color:#24633d;background:#e8f5ec;border:1px solid #b9ddc6;border-radius:12px;margin:0 0 16px;padding:12px 15px;font-size:11px;font-weight:800}.inventoryNotice.neutral{border-color:var(--line);background:var(--paper);color:var(--muted)}.inventoryToolbar{grid-template-columns:minmax(220px,430px) auto;align-items:center;gap:10px;margin-bottom:14px;display:grid}.inventoryToolbar .search{background:var(--paper)}.inventoryToolbar>span{color:var(--muted);font-size:10px}.overflowCell{width:48px;position:relative}.overflowButton{border:1px solid var(--line);background:var(--paper);width:34px;height:34px;color:var(--ink);border-radius:10px;font-size:20px;line-height:1}.overflowMenu{z-index:35;background:var(--paper);border:1px solid var(--line);border-radius:13px;width:210px;padding:7px;position:absolute;top:46px;right:12px;box-shadow:0 18px 50px #071a113b}.overflowMenu button{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:8px;padding:10px 11px;font-size:10px;font-weight:750;display:block}.overflowMenu button:hover{background:var(--cream)}.inactiveRow{opacity:.62}.status.muted{color:#687269;background:#edf0ed}.inventoryEmpty{text-align:center;color:var(--muted);padding:42px!important}.inventoryModal{background:var(--paper);border:1px solid var(--line);border-radius:21px;width:min(720px,100vw - 30px);max-height:92vh;padding:29px;position:relative;overflow:auto;box-shadow:0 30px 90px #071a1155}.inventoryModal h2{margin:5px 0 7px;font:700 29px Georgia,serif}.inventoryModal>.sectionCopy{margin-bottom:22px}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.formGrid label{color:var(--muted);gap:7px;font-size:10px;font-weight:800;display:grid}.formGrid input,.formGrid select,.formGrid textarea{border:1px solid var(--line);background:var(--cream);width:100%;color:var(--ink);font:inherit;border-radius:11px;outline:none;padding:12px 13px}.formGrid input:focus,.formGrid select:focus,.formGrid textarea:focus{border-color:var(--green2);box-shadow:0 0 0 3px var(--green2)}@supports (color:color-mix(in lab,red,red)){.formGrid input:focus,.formGrid select:focus,.formGrid textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--green2) 13%,transparent)}}.formGrid textarea{resize:vertical;min-height:82px}.formGrid .wide{grid-column:1/-1}.formError{color:#af422f;background:#fff0ec;border-radius:10px;margin:15px 0 0;padding:10px 12px;font-size:10px;font-weight:800}.modalActions{justify-content:flex-end;gap:9px;margin-top:21px;display:flex}.stockPreview{border:1px solid var(--line);background:var(--cream);border-radius:13px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:18px 0;padding:15px;display:grid}.stockPreview span{color:var(--muted);gap:4px;font-size:9px;display:grid}.stockPreview strong{color:var(--ink);font:700 20px Georgia,serif}.stockPreview>b{color:var(--orange);font-size:18px}@media (max-width:700px){.formGrid,.inventoryToolbar{grid-template-columns:1fr}.formGrid .wide{grid-column:auto}.inventoryModal{padding:22px}.modalActions{flex-direction:column-reverse}.modalActions button{width:100%}.stockPreview{grid-template-columns:1fr}.stockPreview>b{justify-self:start;transform:rotate(90deg)}.tableCard table{min-width:780px}}