@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap";@layer components;@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--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: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;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--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,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;-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{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}}@layer utilities{.relative{position:relative}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{color:#132c24;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--green-950:#052e22;--green-900:#074733;--green-800:#075d3d;--green-700:#087a4b;--green-500:#22a66a;--green-100:#dcf6e8;--cream:#fbfaf6;--gold:#f4b942;--ink:#132c24;--muted:#687c74;--line:#dfe9e3;--shadow:0 18px 55px #0d372817;background:#f3f6f4;font-family:Nunito,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f3f6f4;min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #22a66a3d}#root{min-height:100vh}::selection{color:#073d2c;background:#bdebd1}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#c5d6cd padding-box padding-box;border:3px solid #0000;border-radius:99px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@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}.mobile-dock,.mobile-more-backdrop{display:none}.page-stage>*{animation:.56s cubic-bezier(.22,1,.36,1) both premium-rise}.page-stage>:nth-child(2){animation-delay:55ms}.page-stage>:nth-child(3){animation-delay:.11s}.page-stage>:nth-child(4){animation-delay:.165s}.page-stage>:nth-child(5){animation-delay:.22s}.metrics .metric,.dashboard-grid .panel,.wallet-card,.tenant-card,.stock-summary article,.category-grid article{transition:transform .28s,box-shadow .28s,border-color .28s;animation:.58s cubic-bezier(.22,1,.36,1) both premium-card-in}.metrics .metric:nth-child(2),.dashboard-grid>:nth-child(2),.stock-summary article:nth-child(2){animation-delay:60ms}.metrics .metric:nth-child(3),.dashboard-grid>:nth-child(3),.stock-summary article:nth-child(3){animation-delay:.12s}.metrics .metric:nth-child(4),.dashboard-grid>:nth-child(4),.stock-summary article:nth-child(4){animation-delay:.18s}.metrics .metric:hover,.dashboard-grid .panel:hover,.wallet-card:hover,.tenant-card:hover,.stock-summary article:hover,.category-grid article:hover{border-color:#10b9813d;transform:translateY(-4px);box-shadow:0 18px 42px #0f172a1c}tbody tr{animation:.4s both premium-row-in}tbody tr:nth-child(2){animation-delay:25ms}tbody tr:nth-child(3){animation-delay:50ms}tbody tr:nth-child(4){animation-delay:75ms}tbody tr:nth-child(5){animation-delay:.1s}tbody tr:nth-child(6){animation-delay:.125s}tbody tr:nth-child(7){animation-delay:.15s}tbody tr:nth-child(8){animation-delay:.175s}.bar-column i,.chart-bar,.progress i{transform-origin:bottom;animation:.72s cubic-bezier(.22,1,.36,1) both premium-graph-grow}.modal-backdrop{animation:.22s both premium-fade-in}.modal,.dialog,.drawer{animation:.38s cubic-bezier(.22,1,.36,1) both premium-modal-in}button,.nav-item,.action-link{transition:transform .2s,box-shadow .2s,background-color .2s,color .2s,border-color .2s}button:active,.nav-item:active,.action-link:active{transform:scale(.97)}@keyframes premium-rise{0%{opacity:0;filter:blur(5px);transform:translateY(18px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes premium-card-in{0%{opacity:0;transform:translateY(22px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes premium-row-in{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes premium-graph-grow{0%{opacity:.2;transform:scaleY(.08)}to{opacity:1;transform:scaleY(1)}}@keyframes premium-fade-in{0%{opacity:0}to{opacity:1}}@keyframes premium-modal-in{0%{opacity:0;transform:translateY(22px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=980px){.sidebar{display:none!important}.main-column{padding-bottom:calc(108px + env(safe-area-inset-bottom))}.mobile-dock{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:90;-webkit-backdrop-filter:blur(22px)saturate(1.35);background:#ffffffe0;border:1px solid #ffffffd1;border-radius:25px;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;width:auto;max-width:540px;min-height:72px;margin:0 auto;padding:8px 8px 7px;display:grid;position:fixed;box-shadow:0 20px 55px #0f172a38,inset 0 1px #ffffffe6}.mobile-dock:before{z-index:-1;border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(120deg,#10b98114,#0000 35%,#3b82f612);position:absolute;inset:0}.dock-item{color:#7b8797;min-width:0;height:56px;font:inherit;background:0 0;border:0;border-radius:17px;padding:4px 2px;position:relative}.dock-item>i{border-radius:11px;place-items:center;width:31px;height:31px;margin:0 auto 1px;font-style:normal;display:grid}.dock-item>span{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:750;line-height:1.25;display:block;overflow:hidden}.dock-item.active{color:#087a55;background:#10b98117}.dock-item.active>i{background:#10b98121;box-shadow:inset 0 0 0 1px #10b98114}.dock-primary{color:#087a55;height:68px;margin-top:-29px;overflow:visible}.dock-primary>i{color:#fff;background:linear-gradient(145deg,#20c997,#079669 72%);border:5px solid #fffffff5;border-radius:21px;width:58px;height:58px;margin-bottom:3px;box-shadow:0 13px 26px #05966959,0 0 0 1px #0596692e}.dock-primary.active{color:#087a55;background:0 0}.dock-primary.active>i{background:linear-gradient(145deg,#34d399,#059669 72%);box-shadow:0 15px 30px #0596696b,0 0 0 4px #10b9811c}.mobile-more-backdrop{z-index:95;-webkit-backdrop-filter:blur(7px);background:#0f172a7a;border:0;display:block;position:fixed;inset:0}.mobile-more-sheet{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:100;-webkit-backdrop-filter:blur(24px);background:#fffffff7;border:1px solid #ffffffe6;border-radius:30px;width:auto;max-width:560px;margin:0 auto;padding:10px 16px 18px;position:fixed;box-shadow:0 30px 80px #0f172a47}.mobile-more-handle{background:#dbe2e8;border-radius:99px;width:45px;height:5px;margin:1px auto 14px}.mobile-more-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.mobile-more-head h3{color:#12202f;letter-spacing:-.035em;margin:0;font-size:20px}.mobile-more-head p{color:#84909e;margin:3px 0 0;font-size:12px}.mobile-more-close{color:#526171;background:#f1f5f3;border:0;border-radius:13px;place-items:center;width:38px;height:38px;display:grid}.mobile-more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mobile-more-grid button{color:#344353;min-width:0;font:inherit;text-align:left;background:#f8faf9;border:1px solid #e7edea;border-radius:17px;align-items:center;gap:11px;padding:13px;font-size:13px;font-weight:750;animation:.42s cubic-bezier(.22,1,.36,1) both premium-card-in;display:flex}.mobile-more-grid button:nth-child(2){animation-delay:35ms}.mobile-more-grid button:nth-child(3){animation-delay:70ms}.mobile-more-grid button:nth-child(4){animation-delay:.105s}.mobile-more-grid button:nth-child(5){animation-delay:.14s}.mobile-more-grid button i{color:#07805a;background:#e7f8f1;border-radius:13px;flex:none;place-items:center;width:38px;height:38px;font-style:normal;display:grid}.mobile-more-grid button.active{color:#087a55;background:#eefbf6;border-color:#10b98147}.mobile-more-footer{border-top:1px solid #edf1ef;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:13px 3px 0;display:flex}.mobile-more-user{align-items:center;gap:10px;min-width:0;display:flex}.mobile-more-user .avatar{color:#fff;background:linear-gradient(145deg,#20c997,#087a55);border-radius:13px;flex:none;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.mobile-more-user strong,.mobile-more-user small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mobile-more-user strong{color:#1e2d3c;font-size:13px}.mobile-more-user small{color:#84909e;font-size:11px}.mobile-logout{color:#e04646;background:#fff0f0;border:0;border-radius:14px;flex:none;place-items:center;width:40px;height:40px;display:grid}}@media (width<=430px){.mobile-dock{left:7px;right:7px;bottom:calc(7px + env(safe-area-inset-bottom));border-radius:22px}.dock-item>span{font-size:9.5px}.dock-primary>i{width:55px;height:55px}.mobile-more-sheet{border-radius:26px;left:7px;right:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.mobile-more-overlay{display:none}@media (width<=980px){.mobile-dock{isolation:isolate;min-height:74px;padding:8px 7px 7px;overflow:visible}.mobile-dock>button{appearance:none;color:#627369;width:100%;min-width:0;height:58px;font:inherit;text-align:center;-webkit-tap-highlight-color:transparent;border-radius:16px;outline:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;margin:0;padding:5px 2px 4px;display:flex;position:relative;overflow:visible;box-shadow:none!important;background:0 0!important;border:0!important}.mobile-dock>button>svg{stroke-width:2.15px;flex:0 0 21px;width:21px;height:21px;display:block}.mobile-dock>button>span{width:100%;color:inherit;letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:750;line-height:13px;display:block;overflow:hidden}.mobile-dock>button.active{color:#07805a}.mobile-dock>button.active:not(.dock-primary):after{content:"";background:#10a874;border-radius:50%;width:4px;height:4px;position:absolute;bottom:0;box-shadow:0 0 0 3px #10a8741a}.mobile-dock>.dock-primary{z-index:2;border-radius:20px;justify-content:flex-start;height:84px;margin-top:-38px;padding-top:0}.mobile-dock>.dock-primary>i{color:#fff;background:linear-gradient(145deg,#26c995,#078b62 74%);border:5px solid #fff;border-radius:22px;place-items:center;width:66px;min-width:66px;height:66px;min-height:66px;margin:0 auto 2px;padding:0;font-style:normal;display:grid;overflow:hidden;box-shadow:0 12px 25px #078b6257,0 0 0 1px #078b621f}.mobile-dock>.dock-primary>i>svg{stroke-width:2.25px;width:25px;height:25px}.mobile-dock>.dock-primary>span{color:#07805a;height:13px;line-height:13px}.mobile-dock>.dock-primary.active>i{background:linear-gradient(145deg,#34d6a1,#057956 76%);box-shadow:0 14px 29px #078b6266,0 0 0 4px #10a8741a}.mobile-more-overlay{z-index:95;-webkit-backdrop-filter:blur(7px);background:#0a1b1580;border:0;border-radius:0;width:100%;height:100%;padding:0;display:block;position:fixed;inset:0}.mobile-more-sheet>header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.mobile-more-sheet>header .eyebrow{margin:0 0 3px;font-size:8px}.mobile-more-sheet>header h2{color:#12202f;letter-spacing:-.035em;margin:0;font:900 20px/1.15 Nunito,sans-serif}.mobile-more-sheet>footer{border-top:1px solid #edf1ef;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:13px 2px 0;display:flex}.mobile-user{align-items:center;gap:10px;min-width:0;display:flex}.mobile-user>span{color:#fff;background:linear-gradient(145deg,#20c997,#087a55);border-radius:13px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:11px;font-weight:850;display:grid}.mobile-user strong,.mobile-user small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mobile-user strong{color:#1e2d3c;font-size:12px}.mobile-user small{color:#84909e;margin-top:2px;font-size:9px}}@media (width<=430px){.mobile-dock{min-height:70px;padding-inline:4px}.mobile-dock>button{height:54px;padding-inline:1px}.mobile-dock>button>span{font-size:9px}.mobile-dock>.dock-primary{height:80px;margin-top:-35px}.mobile-dock>.dock-primary>i{border-radius:21px;width:62px;min-width:62px;height:62px;min-height:62px}}@media (width<=980px){.mobile-more-sheet{left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));scrollbar-width:none;background:radial-gradient(circle at 13% 0,#10b98117,#0000 25%),linear-gradient(#fffffffc,#f9fcfafc);border:1px solid #ffffffeb;border-radius:30px;width:auto;max-width:500px;max-height:calc(100svh - 16px);padding:25px 17px 17px;overflow:hidden auto;box-shadow:0 28px 80px #08231a52,inset 0 1px #fff}.mobile-more-sheet::-webkit-scrollbar{display:none}.mobile-more-sheet:before{content:"";background:#dbe5e0;border-radius:99px;width:42px;height:4px;position:absolute;top:9px;left:50%;translate:-50%}.mobile-more-sheet>header{margin-bottom:15px;padding:2px 1px 0;position:relative}.mobile-more-sheet>header .eyebrow{color:#b67809;letter-spacing:1.35px;margin-bottom:4px;font-size:8px}.mobile-more-sheet>header h2{letter-spacing:-.045em;font-size:22px;line-height:1}.mobile-more-sheet>header .icon-button{color:#5b6d64;background:#ffffffd6;border:1px solid #dfe9e4;border-radius:13px;width:40px;height:40px;box-shadow:0 7px 18px #13392a0f}.mobile-more-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-more-grid button{color:#2e4238;background:#ffffffd1;border:1px solid #e2ebe6;border-radius:19px;grid-template-rows:auto auto;grid-template-columns:41px minmax(0,1fr);align-content:center;align-items:center;gap:3px 10px;min-width:0;min-height:86px;padding:13px 12px;display:grid;overflow:hidden;box-shadow:0 8px 22px #18413009,inset 0 1px #fff}.mobile-more-grid button:hover,.mobile-more-grid button:focus-visible{background:#fff;border-color:#10a87442;box-shadow:0 13px 27px #134e3714}.mobile-more-grid button>span{color:#1769aa;background:#eaf3fb;border-radius:13px;grid-row:1/3;place-items:center;width:41px;height:41px;display:grid}.mobile-more-grid button>span svg{stroke-width:2px;width:20px;height:20px}.mobile-more-grid button>strong,.mobile-more-grid button>small{text-align:left;min-width:0;margin:0;display:block}.mobile-more-grid button>strong{color:#23382e;letter-spacing:-.015em;align-self:end;font:850 11px/1.2 Nunito,sans-serif}.mobile-more-grid button>small{color:#7d8d85;text-overflow:ellipsis;align-self:start;font-size:8px;font-weight:650;line-height:1.35;overflow:hidden}.mobile-more-grid button:nth-child(2)>span{color:#8b5cf6;background:#f1ecfd}.mobile-more-grid button:nth-child(3)>span{color:#087a55;background:#e8f7f0}.mobile-more-grid button:nth-child(4)>span{color:#c07808;background:#fff3dc}.mobile-more-grid button:nth-child(5)>span{color:#d24a50;background:#ffebec}.mobile-more-grid button.active{background:linear-gradient(145deg,#f0fbf6,#fff);border-color:#08966947;box-shadow:0 12px 28px #087a5517,inset 0 0 0 1px #0896690a}.mobile-more-sheet>footer{border-top:1px solid #e8efeb;margin-top:14px;padding:14px 2px 1px}.mobile-user{flex:1;min-width:0}.mobile-user>span{border-radius:14px;flex-basis:42px;width:42px;height:42px;box-shadow:0 8px 18px #087a5533}.mobile-user>div{min-width:0}.mobile-user strong{font-size:11px}.mobile-user small{font-size:8px}.mobile-logout{color:#d44a43;width:auto;min-width:82px;height:40px;box-shadow:none;background:#fff1ef;border:1px solid #ffdcd9;border-radius:13px;flex:none;justify-content:center;align-items:center;gap:7px;padding:0 12px;font:800 9px Inter,sans-serif;display:inline-flex}.mobile-logout svg{width:16px;height:16px}}@media (width<=390px){.mobile-more-sheet{left:6px;right:6px;bottom:calc(6px + env(safe-area-inset-bottom));border-radius:27px;padding:24px 13px 14px}.mobile-more-grid{gap:8px}.mobile-more-grid button{border-radius:17px;grid-template-columns:38px minmax(0,1fr);column-gap:8px;min-height:82px;padding:11px 9px}.mobile-more-grid button>span{border-radius:12px;width:38px;height:38px}.mobile-more-grid button>strong{font-size:10px}.mobile-more-grid button>small{font-size:7.3px}.mobile-logout{min-width:74px;padding-inline:10px}}@media (width<=330px){.mobile-more-grid{grid-template-columns:1fr}.mobile-more-grid button{min-height:72px}}:root{--surface:#fff;--surface-soft:#f5f8f6;--surface-raised:#fff;--theme-border:#dfe9e3;--theme-text:#132c24;--theme-muted:#687c74}html[data-theme=dark]{--surface:#101c19;--surface-soft:#0b1412;--surface-raised:#15231f;--theme-border:#293b35;--theme-text:#edf8f3;--theme-muted:#9bb0a8;--ink:#edf8f3;--muted:#9bb0a8;--line:#293b35;color:#edf8f3;background:#09110f}body,.app-shell,.role-shell,.cashier-shell,.cashier-main,.role-main{transition:background-color .25s,color .25s}.theme-toggle{border:1px solid var(--line);color:#315e4c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border-radius:13px;flex:0 0 42px;place-items:center;width:42px;height:42px;padding:0;transition:transform .2s,background .25s,color .25s,border-color .25s;display:grid;box-shadow:0 8px 24px #0c302314}.theme-toggle:hover{transform:translateY(-2px)}.theme-toggle svg{width:18px;height:18px}.theme-toggle span{display:none}.login-theme-toggle{z-index:20;position:fixed;top:22px;right:24px}html[data-theme=dark] body{color:var(--theme-text);background:#09110f}html[data-theme=dark] .theme-toggle{color:#f6c65b;background:#182823;border-color:#33463f;box-shadow:0 10px 30px #00000047}html[data-theme=dark] .app-shell,html[data-theme=dark] .role-shell,html[data-theme=dark] .role-main,html[data-theme=dark] .cashier-shell,html[data-theme=dark] .cashier-main,html[data-theme=dark] .cashier-loading{color:var(--theme-text);background:#0b1412}html[data-theme=dark] .sidebar,html[data-theme=dark] .role-sidebar,html[data-theme=dark] .cashier-sidebar{border-color:var(--theme-border);color:var(--theme-text);background:#101c19}html[data-theme=dark] .topbar,html[data-theme=dark] .premium-topbar,html[data-theme=dark] .role-topbar,html[data-theme=dark] .premium-role-topbar,html[data-theme=dark] .cashier-topbar,html[data-theme=dark] .premium-cashier-topbar{border-color:var(--theme-border);color:var(--theme-text);background:#101c19e6}html[data-theme=dark] .content,html[data-theme=dark] .role-main>main,html[data-theme=dark] .cashier-content{color:var(--theme-text)}html[data-theme=dark] .panel,html[data-theme=dark] .metric,html[data-theme=dark] .state-card,html[data-theme=dark] .tenant-card,html[data-theme=dark] .wallet-card,html[data-theme=dark] .modal,html[data-theme=dark] .modal>header,html[data-theme=dark] .profile-panel,html[data-theme=dark] .credential-card,html[data-theme=dark] .pin-card,html[data-theme=dark] .limit-card,html[data-theme=dark] .cart-card,html[data-theme=dark] .portal-modal,html[data-theme=dark] .portal-card,html[data-theme=dark] .shift-gate,html[data-theme=dark] .cashier-stat,html[data-theme=dark] .cashier-order-list article,html[data-theme=dark] .pos-menu-card,html[data-theme=dark] .cafe-checkout,html[data-theme=dark] .cafe-order-summary,html[data-theme=dark] .receipt-modal{color:var(--theme-text);border-color:var(--theme-border);background:#14231f;box-shadow:0 20px 55px #0003}html[data-theme=dark] table,html[data-theme=dark] thead,html[data-theme=dark] tbody,html[data-theme=dark] tr,html[data-theme=dark] td,html[data-theme=dark] th{border-color:var(--theme-border);color:var(--theme-text)}html[data-theme=dark] thead,html[data-theme=dark] th,html[data-theme=dark] .tenant-card footer,html[data-theme=dark] .toolbar,html[data-theme=dark] .payment-breakdown,html[data-theme=dark] .summary-totals{background:#101d19}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea,html[data-theme=dark] .search,html[data-theme=dark] .toolbar-search,html[data-theme=dark] .form-grid input,html[data-theme=dark] .form-grid select,html[data-theme=dark] .form-grid textarea{color:var(--theme-text)!important;background:#0d1916!important;border-color:#30443d!important}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#6f857d}html[data-theme=dark] .secondary,html[data-theme=dark] .secondary-button,html[data-theme=dark] .icon-button,html[data-theme=dark] .table-action,html[data-theme=dark] .cashier-refresh{color:#c9ddd5;background:#182823;border-color:#30443d}html[data-theme=dark] .nav-item:hover,html[data-theme=dark] .nav-item.active,html[data-theme=dark] .role-sidebar nav button:hover,html[data-theme=dark] .role-sidebar nav button.active,html[data-theme=dark] .cashier-sidebar nav button:hover,html[data-theme=dark] .cashier-sidebar nav button.active{color:#69d5a5;background:#183127}html[data-theme=dark] .sidebar-help,html[data-theme=dark] .role-school,html[data-theme=dark] .cashier-store,html[data-theme=dark] .cashier-shift-pill,html[data-theme=dark] .role-live{color:#b9d0c7;background:#12231e;border-color:#29443a}html[data-theme=dark] .role-mobile-nav,html[data-theme=dark] .cashier-mobile-nav{background:#101c19f0;border-color:#30443d;box-shadow:0 -12px 35px #0000004d}html[data-theme=dark] .student-menu-grid article,html[data-theme=dark] .cafe-student-results button,html[data-theme=dark] .student-choice,html[data-theme=dark] .guest-choice,html[data-theme=dark] .cafe-payment-methods button,html[data-theme=dark] .cafe-cart-list article{color:var(--theme-text);background:#182823;border-color:#30443d}html[data-theme=dark] .cafe-checkout-header,html[data-theme=dark] .cafe-checkout-body,html[data-theme=dark] .cafe-step-content{border-color:var(--theme-border);background:#14231f}html[data-theme=dark] .keypad button,html[data-theme=dark] .pin-keypad button,html[data-theme=dark] .cash-chips button{color:#edf8f3;background:#1b2d27;border-color:#33483f}html[data-theme=dark] .login-panel{background:#0d1815}html[data-theme=dark] .login-card{color:var(--theme-text);background:#14231ff0;border-color:#30443d;box-shadow:0 30px 90px #00000061}html[data-theme=dark] .login-role-tabs{background:#0d1916}html[data-theme=dark] .login-role-tabs button{color:#91a79f}html[data-theme=dark] .login-role-tabs button.active{color:#7ee0b3;background:#20362f}html[data-theme=dark] small,html[data-theme=dark] p{color:var(--theme-muted)}html[data-theme=dark] .cafe-receipt{color:#172b24;background:#fdfdfb}html[data-theme=dark] .cafe-receipt p,html[data-theme=dark] .cafe-receipt small{color:#718079}@media (width<=640px){.login-theme-toggle{top:14px;right:15px}.theme-toggle{border-radius:12px;flex-basis:39px;width:39px;height:39px}}@media print{.theme-toggle{display:none!important}}html[data-theme=dark] :is(.main-column,.role-main,.cashier-main) :is(h1,h2,h3,h4,strong,b,label){color:#edf8f3!important}html[data-theme=dark] :is(.main-column,.role-main,.cashier-main) :is(p,small){color:#9bb0a8!important}html[data-theme=dark] :is(.topbar-page,.role-topbar-context,.cashier-topbar-context)>span{color:#70a28f!important}html[data-theme=dark] :is(.main-column,.role-main,.cashier-main) :is(td){color:#d9e8e2}html[data-theme=dark] :is(.metric,.panel,.state-card,.empty-module,.stock-summary article,.settings-tabs,.security-card,.report-filters,.mobile-more-sheet,.mobile-more-grid button,.toolbar,.wallet-card,.tenant-card,.wallet-meta span,.balance-total,.menu-image-upload>div,.detail-info span,.pager button,.premium-topbar .premium-profile){color:#edf8f3!important;background:#14231f!important;border-color:#2d413a!important}html[data-theme=dark] :is(.toolbar-search,.search,.report-filters input,.report-filters select,.form-grid .checkbox-label,.menu-file-button,.search kbd){color:#cbded6!important;background:#0d1916!important;border-color:#30443d!important}html[data-theme=dark] :is(th,.portal-table th){color:#789087!important;background:#101d19!important}html[data-theme=dark] :is(.healthy-note,.info-box,.detail-note,.low-stock-banner,.warning-box,.login-demo-note){color:#d5e7df!important;background:#192b25!important;border-color:#344b42!important}html[data-theme=dark] :is(.modal,.modal>header){color:#edf8f3!important;background:#14231f!important;border-color:#30443d!important}html[data-theme=dark] .modal-backdrop{background:#020907b8!important}html[data-theme=dark] :is(.mobile-more-sheet>header,.mobile-more-sheet>footer){background:#101d19!important;border-color:#2d413a!important}html[data-theme=dark] :is(.mobile-more-grid button:hover,.mobile-more-grid button:focus-visible){background:#1c3029!important}html[data-theme=dark] .mobile-logout{background:#291d1b!important;border-color:#52322d!important}html[data-theme=dark] :is(.role-metrics article,.portal-panel,.portal-state,.portal-table,.portal-menu-card,.profile-panel,.portal-modal,.student-menu-grid article,.cart-card,.order-cards article,.children-grid button,.children-overview>article,.limit-card,.credential-card,.pin-card,.topup-form-card,.amount-chips button,.payment-methods>button,.role-topbar-user,.student-pin-confirm){color:#edf8f3!important;background:#14231f!important;border-color:#2d413a!important}html[data-theme=dark] :is(.portal-modal header button,.portal-button.ghost,.role-head>select,.portal-table select){color:#d9e8e2!important;background:#1b2c27!important;border-color:#34483f!important}html[data-theme=dark] :is(.payment-instruction,.student-pin-confirm,.role-live){color:#c8dcd4!important;background:#10221c!important;border-color:#294139!important}html[data-theme=dark] :is(.credential-card input,.pin-card input,.topup-form-card>label>input,.student-pin-confirm input){color:#edf8f3!important;background:#0d1916!important;border-color:#30443d!important}html[data-theme=dark] .role-topbar-user{box-shadow:0 12px 30px #00000038!important}html[data-theme=dark] .role-avatar,html[data-theme=dark] .profile-photo{background:#183129!important;border-color:#274039!important}html[data-theme=dark] .role-avatar i,html[data-theme=dark] .profile-photo i{border-color:#14231f!important}html[data-theme=dark] .student-qr{color:#18382c!important;background:#f8fbf9!important}html[data-theme=dark] .student-qr :is(strong,b){color:#18382c!important}html[data-theme=dark] :is(.cashier-mini-metrics>span,.pos-tools,.pos-menu-grid article,.pos-checkout,.student-results,.student-results>button,.guest-button,.pos-empty.large,.pos-payment button,.cashier-order-list article,.shift-gate,.shift-summary,.close-shift-card,.cashier-profile,.cashier-password,.cancel-modal,.scanner-modal,.cashier-topbar-profile,.cashier-student-pin,.cafe-checkout,.cafe-checkout-header,.cafe-order-summary,.cafe-student-search label,.cafe-student-results,.cafe-student-results>button,.student-choice,.guest-choice,.pin-student,.atm-keypad button,.cafe-payment-methods>button,.payment-breakdown,.cafe-cash-payment>label>div,.cash-chips button,.receipt-customer){color:#edf8f3!important;background:#14231f!important;border-color:#2d413a!important}html[data-theme=dark] :is(.pos-tools>label,.student-results>button:hover,.cafe-student-results>button:hover,.modal-close,.student-choice em,.scan-source-tabs button,.scanner-modal>footer){color:#cbded6!important;background:#1b2c27!important;border-color:#34483f!important}html[data-theme=dark] :is(.cashier-student-pin input,.cafe-student-search input,.cafe-cash-payment input){color:#edf8f3!important;background:#0d1916!important;border-color:#30443d!important}html[data-theme=dark] .cashier-modal-bg{background:#020907c2!important}html[data-theme=dark] :is(.pos-payment button.active,.cafe-payment-methods button.active){color:#75d9b0!important;background:#17362c!important;border-color:#22a879!important}html[data-theme=dark] :is(.selected-student button,.order-actions button,.cashier-refresh){color:#cbded6!important;background:#1b2c27!important;border-color:#34483f!important}html[data-theme=dark] :is(.cashier-mini-metrics b,.shift-summary b,.cashier-profile b){color:#edf8f3!important}html[data-theme=dark] .scan-source-tabs{background:#0d1916!important;border-color:#30443d!important}html[data-theme=dark] .scanner-divider:before,html[data-theme=dark] .scanner-divider:after{background:#30443d!important}html[data-theme=dark] .scanner-divider span{color:#789087!important;background:#14231f!important}html[data-theme=dark] :is(.topbar,.role-topbar,.cashier-topbar){box-shadow:0 8px 30px #00000029}html[data-theme=dark] :is(.top-actions,.role-topbar-actions,.cashier-topbar-actions){color:#edf8f3}html[data-theme=dark] ::-webkit-scrollbar-thumb{background:#385048;border-color:#0000}html[data-theme=dark] ::selection{color:#fff;background:#1d684e}html[data-theme=dark] .cafe-receipt,html[data-theme=dark] .cafe-receipt :is(h1,h2,h3,h4,strong,b,label){color:#172b24!important}html[data-theme=dark] .cafe-receipt :is(p,small,span){color:#718079!important}html[data-theme=dark] .login-card :is(h1,h2,h3,strong,label){color:#edf8f3!important}html[data-theme=dark] .login-card :is(p,small){color:#9bb0a8!important}html[data-theme=dark] :is(.login-demo-note,.form-error){border-color:#34483f!important}html[data-theme=dark] :is(.wallet-grid,.transaction-list,.report-chart,.live-alerts){color:#edf8f3!important;background:0 0!important}html[data-theme=dark] :is(.metric,.panel,.stock-summary article,.wallet-card,.tenant-card,.role-metrics article,.portal-panel,.portal-menu-card,.student-menu-grid article,.cart-card,.order-cards article,.children-grid button,.children-overview>article,.limit-card,.credential-card,.pin-card,.topup-form-card,.cashier-mini-metrics>span,.pos-menu-grid article,.pos-checkout,.cashier-order-list article,.shift-summary,.close-shift-card,.cashier-profile,.cashier-password,.cafe-order-summary,.student-choice,.guest-choice,.pin-student,.cafe-payment-methods>button) span:not([class]){color:#9bb0a8!important}html[data-theme=dark] :is(.metric,.panel,.portal-panel,.portal-menu-card,.student-menu-grid article,.wallet-card,.tenant-card,.pos-menu-grid article,.cashier-order-list article) svg{filter:saturate(.92)brightness(1.08)}html[data-theme=dark] .cashier-profile>.profile-logout{color:#ff9f91!important;box-shadow:none!important;background:#321e1b!important;border-color:#63362f!important}html[data-theme=dark] .cashier-profile>.profile-logout:hover{background:#40231f!important;box-shadow:0 10px 24px #0003!important}html[data-theme=dark] :is(.cashier-payment,.payment-status){color:#78dcae!important;background:#153a2e!important;border-color:#285342!important}html[data-theme=dark] :is(.cashier-payment.cash,.payment-status.unpaid){color:#f2c66f!important;background:#3a2e16!important;border-color:#5c4924!important}html[data-theme=dark] :is(.cashier-payment.qris,.payment-status.refunded){color:#8fc5f3!important;background:#1b3045!important;border-color:#2d4d69!important}html[data-theme=dark] .cashier-profile>.profile-logout span{color:inherit!important}html[data-theme=dark] :is(.search,.toolbar-search,.pos-tools>label,.student-picker>label,.cafe-student-search label,.shift-gate label>div,.limit-card label>div,.money-input,.cafe-cash-payment>label>div){color:#dcebe5!important;background:#0f1d19!important;border:1px solid #2f463e!important;box-shadow:inset 0 1px #ffffff04!important}html[data-theme=dark] :is(.search,.toolbar-search,.pos-tools>label,.student-picker>label,.cafe-student-search label,.shift-gate label>div,.limit-card label>div,.money-input,.cafe-cash-payment>label>div):focus-within{border-color:#238d69!important;box-shadow:0 0 0 3px #238d6921!important}html[data-theme=dark] :is(.search>input,.toolbar-search>input,.pos-tools>label>input,.student-picker>label>input,.cafe-student-search label>input,.shift-gate label>div>input,.limit-card label>div>input,.money-input>input,.cafe-cash-payment>label>div>input){height:100%!important;box-shadow:none!important;color:#edf8f3!important;background:0 0!important;border:0!important;border-radius:0!important;outline:0!important}html[data-theme=dark] :is(.search>svg,.toolbar-search>svg,.pos-tools>label>svg,.student-picker>label>svg,.cafe-student-search label>svg){color:#78998d!important}html[data-theme=dark] :is(.shift-gate label>div>span,.limit-card label>div>span,.money-input>span,.cafe-cash-payment>label>div>span){color:#42c792!important;background:0 0!important}html[data-theme=dark] .toolbar-search>button{color:#6cd5aa!important;background:#153126!important;border-color:#2f463e!important}html[data-theme=dark] :is(.summary-totals,.payment-breakdown){color:#edf8f3!important;box-shadow:none!important;background:0 0!important;border-color:#30443d!important}html[data-theme=dark] :is(.summary-totals,.payment-breakdown) :is(span){color:#91a9a0!important}html[data-theme=dark] :is(.summary-totals,.payment-breakdown) span b{color:#b8cec5!important}html[data-theme=dark] :is(.summary-totals,.payment-breakdown)>strong,html[data-theme=dark] :is(.summary-totals,.payment-breakdown)>strong b{color:#f4fbf8!important}html[data-theme=dark] :is(.summary-totals,.payment-breakdown),html[data-theme=dark] :is(.summary-totals,.payment-breakdown)>strong{border-color:#30443d!important}html[data-theme=dark] .cashier-topbar-logout{color:#ff9688!important;box-shadow:none!important;background:#172823!important;border-color:#32473f!important}html[data-theme=dark] .cashier-topbar-profile strong{color:#edf8f3!important}html[data-theme=dark] .cashier-topbar-profile .cashier-mobile-page{color:#8fa69d!important}html[data-theme=dark] .logout-confirm-layer{background:#0108068f!important}html[data-theme=dark] .logout-confirm-card{background:#14231ffa!important;border-color:#344940!important;box-shadow:0 30px 90px #0000007a!important}html[data-theme=dark] .logout-confirm-icon{color:#ff9b8e!important;box-shadow:none!important;background:#38211e!important}html[data-theme=dark] .logout-confirm-card>span{color:#ff9b8e!important}html[data-theme=dark] .logout-confirm-card h2{color:#edf8f3!important}html[data-theme=dark] .logout-confirm-card p{color:#9bb0a8!important}html[data-theme=dark] .logout-confirm-actions button{color:#c9dcd4!important;background:#1a2b26!important;border-color:#354940!important}html[data-theme=dark] .logout-confirm-actions button.confirm{color:#fff!important;background:#b94f44!important;border-color:#c45c50!important}@media (width<=850px){html[data-theme=dark] .cashier-topbar-profile{box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}html[data-theme=dark] .cashier-topbar-profile>div:first-child,html[data-theme=dark] .cashier-mobile-identity,html[data-theme=dark] .cashier-mobile-identity>div:last-child{box-shadow:none!important;background:0 0!important;border:0!important}html[data-theme=dark] .cashier-mobile-identity strong{color:#edf8f3!important}html[data-theme=dark] .cashier-mobile-identity span{color:#8fa69d!important}}@media (width>=851px){html[data-theme=dark] .premium-cashier-topbar{background:linear-gradient(110deg,#0d1a16fa,#10201bf0)!important;border-color:#2d433b!important;box-shadow:0 12px 38px #00000038!important}html[data-theme=dark] .premium-cashier-topbar:after{background:linear-gradient(90deg,#29bd87 0 13%,#29bd8724 40%,#0000 72%)!important}html[data-theme=dark] .cashier-topbar-page-icon{color:#63d7a8!important;background:linear-gradient(145deg,#17372c,#10261f)!important;border-color:#285342!important;box-shadow:0 10px 25px #0000002e!important}html[data-theme=dark] .cashier-topbar-context span{color:#66b394!important}html[data-theme=dark] .cashier-topbar-context strong{color:#f0faf6!important}html[data-theme=dark] .cashier-topbar-store-info{background:#12231e!important;border-color:#2e443c!important}html[data-theme=dark] .cashier-topbar-store-info span{color:#789087!important}html[data-theme=dark] .cashier-topbar-store-info strong{color:#d8e8e1!important}html[data-theme=dark] .cashier-topbar-profile{background:#152721!important;border-color:#31483f!important;box-shadow:0 12px 30px #0003!important}html[data-theme=dark] .cashier-shift-pill{background:#17251f!important;border-color:#35483f!important}}html[data-theme=dark] .pos-menu-grid article{background:linear-gradient(#142721 0%,#10211c 100%)!important;border-color:#2e4a40!important;box-shadow:0 14px 34px #0000002e!important}html[data-theme=dark] .pos-menu-grid article:hover{border-color:#39705b!important;box-shadow:0 20px 44px #00000047!important}html[data-theme=dark] .pos-menu-grid footer{border-color:#315047!important}html[data-theme=dark] .pos-menu-grid article>span{color:#72ad96!important}html[data-theme=dark] .pos-menu-grid h3{color:#f2faf7!important}html[data-theme=dark] .pos-menu-grid p,html[data-theme=dark] .pos-menu-grid footer small{color:#91a9a0!important}html[data-theme=dark] .pos-menu-grid footer strong{color:#f6fbf9!important}html[data-theme=dark] .pos-menu-grid footer button{background:linear-gradient(145deg,#11ad7a,#07845b)!important;box-shadow:0 9px 20px #08845b40!important}html[data-theme=dark] .pos-tools button.active{color:#71ddb0!important;background:#173a2e!important;box-shadow:inset 0 0 0 1px #285a46!important}html[data-theme=dark] .menu-visual{background:linear-gradient(145deg,#17372d,#10271f)!important;border-color:#2d4a3f!important}html[data-theme=dark] .menu-visual.drink{background:linear-gradient(145deg,#183246,#102735)!important}html[data-theme=dark] .menu-visual.yellow{background:linear-gradient(145deg,#3b321c,#292619)!important}html[data-theme=dark] .menu-visual.red{background:linear-gradient(145deg,#3b2422,#2a1d1b)!important}html[data-theme=dark] .menu-visual:after{background:#ffffff0b!important}html[data-theme=dark] .menu-visual-fallback{color:#59d5a3!important}html[data-theme=dark] .menu-visual.drink .menu-visual-fallback{color:#74b9ec!important}html[data-theme=dark] .menu-visual.yellow .menu-visual-fallback{color:#e7bd67!important}html[data-theme=dark] .menu-visual.red .menu-visual-fallback{color:#ec8e82!important}@media (width>=981px){.nav-caption{font-size:10px!important}.nav-item{font-size:13px!important}.nav-item b{font-size:10px!important}.sidebar-help strong{font-size:12px!important}.sidebar-help span,.sidebar-help button{font-size:10px!important;line-height:1.55!important}.logout{font-size:12px!important}.topbar-page span{font-size:9px!important}.topbar-page strong{font-size:15px!important}.premium-topbar .system-status strong{font-size:10px!important}.premium-topbar .system-status span{font-size:9px!important}.premium-topbar .premium-profile strong{font-size:11px!important}.premium-topbar .premium-profile small{font-size:9px!important}.page-heading .eyebrow{font-size:10px!important}.page-heading p{font-size:12px!important;line-height:1.6!important}.button,.secondary{font-size:11px!important}.metric span,.metric small,.panel-heading p,.panel-heading button,th{font-size:10px!important}td{font-size:11px!important}td small,.status{font-size:9px!important}.popular-item strong,.popular-item b,.healthy-note strong,.healthy-note span{font-size:10px!important}.search input,.toolbar-search input,.toolbar-search button,.toolbar>select,.period-select{font-size:11px!important}.result-count{font-size:10px!important}.form-grid label{font-size:11px!important}.table-action,.status-select,.category-chip,.class-chip,.nutrition{font-size:9px!important}.wallet-card-head strong{font-size:12px!important}.wallet-card-head small,.wallet-card>p{font-size:10px!important}.wallet-meta span,.wallet-meta b{font-size:9px!important}.current-balance span{font-size:10px!important}.transaction-list article>div strong{font-size:11px!important}.transaction-list article>div small,.transaction-list article>small{font-size:9px!important}.transaction-list article>b{font-size:12px!important}.tenant-card header strong{font-size:13px!important}.tenant-card header small,.tenant-owner span,.tenant-stats span{font-size:9px!important}.tenant-owner strong{font-size:12px!important}.tenant-owner small,.tenant-card footer{font-size:10px!important}.bar-column>span,.bar-column small{font-size:9px!important}.payment-list strong,.ranking-list strong{font-size:11px!important}.payment-list small,.ranking-list small{font-size:9px!important}.payment-list b,.ranking-list b{font-size:11px!important}.warning-box,.info-box,.detail-note,.pager,.receipt-head span,.receipt-total span,.receipt-total>strong,.detail-info span{font-size:10px!important}.status-timeline strong,.low-stock-banner strong,.category-grid strong{font-size:11px!important}.status-timeline small,.stock-summary span,.low-stock-banner span,.category-grid article>div span,.movement,.availability,.role-chip{font-size:9px!important}.settings-tabs button{font-size:11px!important}.section-title p{font-size:10px!important}.security-card label,.audit-list strong{font-size:11px!important}.audit-list small{font-size:9px!important}.report-filters label{font-size:10px!important}.report-filters input,.report-filters select{font-size:11px!important}.live-alerts span{font-size:9px!important}}@media (width>=901px){.role-brand span,.role-school span{font-size:9px!important}.role-school strong{font-size:11px!important}.role-sidebar nav button{font-size:13px!important}.role-logout{font-size:11px!important}.role-topbar-context span{font-size:9px!important}.role-topbar-context strong{font-size:15px!important}.role-live span{font-size:10px!important}.role-topbar-user span{font-size:9px!important}.role-topbar-user strong{font-size:11px!important}.role-head>div>span{font-size:10px!important}.role-head p{font-size:12px!important;line-height:1.6!important}.role-head>select,.role-metrics article span{font-size:11px!important}.portal-panel-head button{font-size:10px!important}.portal-list>div>b:first-child{font-size:11px!important}.portal-list strong{font-size:12px!important}.portal-list small,.portal-list em{font-size:10px!important}.portal-status{font-size:9px!important}.portal-state strong{font-size:13px!important}.portal-state button,.portal-table th{font-size:10px!important}.portal-table td{font-size:11px!important}.portal-table td small{font-size:9px!important}.portal-table select{font-size:10px!important}.portal-menu-card>div:nth-child(2)>span,.student-menu-grid article>span{font-size:9px!important}.portal-menu-card p,.student-menu-grid p{font-size:10px!important;line-height:1.55!important}.menu-meta span,.menu-card-foot button{font-size:10px!important}.profile-panel>p{font-size:11px!important}.profile-panel>.profile-details span,.portal-modal header span,.portal-modal label,.portal-toast{font-size:10px!important}.student-menu-grid footer small{font-size:9px!important}.cart-card header strong{font-size:13px!important}.cart-card header small,.empty-cart span{font-size:10px!important}.cart-list strong{font-size:11px!important}.cart-list small,.cart-list b{font-size:10px!important}.cart-total{font-size:12px!important}.order-queue span{font-size:9px!important}.order-cards article>div:nth-child(2)>span,.order-cards small{font-size:10px!important}.order-cards article>div:last-child>strong{font-size:12px!important}.student-wallet span,.student-wallet small,.transaction-cards strong,.transaction-cards b{font-size:11px!important}.transaction-cards small,.healthy-card>span{font-size:10px!important}.healthy-card p{font-size:11px!important}.healthy-card button{font-size:10px!important}.children-grid strong{font-size:13px!important}.children-grid small,.children-overview article>div:nth-child(2)>span,.child-balance span{font-size:10px!important}.children-overview small{font-size:9px!important}.limit-card>div:nth-child(2)>span{font-size:10px!important}.limit-card p,.limit-card label,.credential-card p,.pin-card p,.credential-card label,.pin-card label,.topup-form-card>label{font-size:11px!important}.topup-child span,.amount-chips button{font-size:10px!important}.payment-methods b{font-size:11px!important}.payment-methods small,.payment-instruction span{font-size:9px!important}.payment-instruction strong{font-size:11px!important}.payment-instruction small{font-size:10px!important}.topup-list strong{font-size:11px!important}.topup-list small,.topup-list em,.topup-list article>div:last-child button{font-size:9px!important}.student-pin-confirm>span{font-size:10px!important}.student-pin-confirm small,.student-id-card>header span,.student-id-body span{font-size:9px!important}.student-id-body p,.student-id-card>footer{font-size:10px!important}.student-qr strong{font-size:13px!important}.student-qr small,.transaction-pin-card>small{font-size:9px!important}}@media (width<=900px){.role-head p,.page-heading p{font-size:11px!important;line-height:1.55!important}.role-head>div>span,.eyebrow{font-size:9px!important}.role-mobile-nav button span,.portal-status,.status{font-size:8.5px!important}.portal-list small,.portal-table td small,.student-menu-grid p,.order-cards small,.children-grid small,.credential-card p,.pin-card p{font-size:9px!important;line-height:1.5!important}.portal-list strong,.cart-list strong,.transaction-cards strong,.children-grid strong{font-size:10.5px!important}.credential-card label,.pin-card label,.topup-form-card>label,.limit-card label{font-size:10px!important}.mobile-more-grid button>strong{font-size:11px!important}.mobile-more-grid button>small,.mobile-user small{font-size:8.5px!important}.mobile-user strong{font-size:12px!important}}:root{--read-caption:9px;--read-small:10px;--read-body:11px;--read-control:11px}.login-role-tabs button{font-size:11px!important}.login-demo-note strong,.login-demo-note span{font-size:10px!important}.story-live-card small{font-size:9px!important}.story-live-card strong{font-size:13px!important}.login-card input{font-size:12px!important}.login-card .primary-button{font-size:11px!important}@media (width>=981px){.warning-box,.info-box,.detail-note{font-size:11px!important}.pager,.detail-info span{font-size:10px!important}.receipt-total span,.receipt-total>strong,.status-timeline strong{font-size:11px!important}.status-timeline small,.stock-summary span,.low-stock-banner span{font-size:10px!important}.movement,.availability,.role-chip{font-size:9px!important}.section-title h2{font-size:17px!important}.section-title p{font-size:11px!important}.admin-avatar-settings span{font-size:9px!important}.admin-avatar-settings p,.settings-tabs button,.security-card label{font-size:11px!important}.category-grid strong{font-size:12px!important}.category-grid article>div span{font-size:10px!important}.audit-list strong{font-size:11px!important}.audit-list small,.report-filters label{font-size:10px!important}.report-filters input,.report-filters select{font-size:11px!important}.live-alerts span{font-size:9px!important}.toolbar-search input,.toolbar-search button,.toolbar>select,.period-select{font-size:11px!important}.result-count,.empty-state span{font-size:10px!important}.status-select,.category-chip,.class-chip,.nutrition,.table-action{font-size:9px!important}.form-grid label{font-size:11px!important}.balance-total span{font-size:10px!important}.wallet-card-head strong{font-size:12px!important}.wallet-card-head small,.wallet-card>p,.wallet-meta span,.wallet-meta b{font-size:10px!important}.transaction-list article>div strong{font-size:11px!important}.transaction-list article>div small,.transaction-list article>small{font-size:10px!important}.transaction-list article>b{font-size:12px!important}.tenant-card header strong{font-size:13px!important}.tenant-card header small,.tenant-owner span,.tenant-owner small,.tenant-stats span,.tenant-card footer{font-size:10px!important}.tenant-owner strong,.tenant-stats strong{font-size:12px!important}.bar-column>span,.bar-column small{font-size:9px!important}.payment-list strong,.ranking-list strong,.payment-list b,.ranking-list b{font-size:11px!important}.payment-list small,.ranking-list small{font-size:10px!important}}@media (width>=901px){.cashier-brand span,.cashier-store span,.shift-indicator span,.cashier-topbar-context span,.cashier-topbar-store-info span,.cashier-topbar-profile span{font-size:9px!important}.cashier-store strong,.shift-indicator strong,.cashier-topbar-store-info strong,.cashier-topbar-profile strong{font-size:11px!important}.cashier-sidebar nav button,.cashier-logout{font-size:12px!important}.cashier-heading>div:first-child>span{font-size:10px!important}.cashier-heading p{font-size:12px!important}.cashier-mini-metrics>span{font-size:10px!important}.cashier-mini-metrics b{font-size:16px!important}.pos-tools input{font-size:11px!important}.pos-tools button{font-size:10px!important}.pos-menu-grid article>span,.menu-visual-fallback span{font-size:9px!important}.pos-menu-grid h3{font-size:16px!important}.pos-menu-grid p{font-size:10px!important}.pos-menu-grid footer strong{font-size:17px!important}.pos-menu-grid footer small{font-size:9px!important}.pos-checkout header strong{font-size:13px!important}.pos-checkout header small,.selected-student small,.student-results small,.pos-cart small,.cash-input small{font-size:9px!important}.student-picker input,.selected-student strong,.student-results strong,.pos-cart strong,.pos-cart b,.pos-total span,.cash-input,.notes-input,.guest-button,.checkout-button,.pos-payment button{font-size:10px!important}.pos-total strong{font-size:19px!important}.order-number span{font-size:9px!important}.cashier-order-list article>div:nth-child(2)>span,.cashier-order-list article>div:nth-child(2)>small{font-size:10px!important}.cashier-order-list h3,.cashier-order-list article>div:nth-child(3)>strong{font-size:13px!important}.cashier-payment,.payment-status{font-size:9px!important}.order-actions button,.cashier-refresh{font-size:10px!important}.cafe-checkout-header>div:first-child>span,.step-heading>span,.scanner-modal>span,.receipt-modal>span,.cancel-modal>span,.checkout-progress>span,.summary-title small,.cafe-cart-list small,.cafe-student-results small,.student-choice small,.guest-choice small,.pin-student small,.pin-student p,.pin-instruction small,.verified-customer small,.cafe-payment-methods small,.cafe-pay-button small,.payment-safe{font-size:9px!important}.summary-title strong,.cafe-cart-list strong,.cafe-cart-list article>div:last-child b,.cafe-student-search input,.cafe-student-search>button,.cafe-primary,.step-back,.pin-instruction>span,.pin-student strong,.verified-customer strong,.verified-customer>span,.cafe-payment-methods strong,.payment-breakdown span,.cafe-cash-payment>label,.cafe-notes,.cash-chips button,.change-box,.step-heading p,.student-choice p,.guest-choice p,.scanner-modal>p,.scanner-manual input,.scanner-manual button,.scanner-modal>footer,.receipt-modal>p,.cancel-modal>p,.cancel-modal label{font-size:10px!important}.student-choice strong,.guest-choice strong{font-size:13px!important}.atm-keypad button.key-action,.cafe-pay-button{font-size:11px!important}.payment-breakdown>strong{font-size:12px!important}.scanner-viewport>div:last-child strong{font-size:11px!important}.scanner-viewport>div:last-child small{font-size:9px!important}.scan-source-tabs button,.scanner-camera-button,.receipt-modal>div:nth-of-type(2) span,.receipt-customer span,.receipt-items,.receipt-values span{font-size:10px!important}.receipt-done,.receipt-pay,.receipt-print,.cancel-confirm,.cashier-profile>p{font-size:11px!important}.cashier-profile>span{font-size:10px!important}.cashier-password p,.cashier-password label{font-size:11px!important}.cashier-password input{font-size:12px!important}.cashier-password>button,.profile-logout,.shift-summary>span,.shift-summary>div:last-child span,.close-shift-card>p,.close-shift-card label{font-size:11px!important}.close-shift-card input,.close-shift-card textarea{font-size:13px!important}.close-shift-card button{font-size:11px!important}.role-sidebar nav button{font-size:13px!important}.role-school span,.role-brand span,.role-topbar-context span,.role-topbar-user span{font-size:9px!important}.role-school strong,.role-topbar-user strong{font-size:11px!important}.role-head>div>span{font-size:10px!important}.role-head p{font-size:12px!important}.portal-button{font-size:11px!important}.portal-panel>h2,.portal-panel-head h2{font-size:15px!important}.portal-list strong{font-size:12px!important}.portal-list small{font-size:10px!important}.portal-status{font-size:9px!important}.portal-table th{font-size:10px!important}.portal-table td{font-size:11px!important}.portal-table td small{font-size:10px!important}.profile-panel>.profile-details span,.credential-card p,.pin-card p,.topup-form-card p,.credential-card label,.pin-card label,.topup-form-card>label,.payment-methods b{font-size:11px!important}.payment-methods small{font-size:10px!important}.topup-list strong{font-size:11px!important}.topup-list small,.topup-list em,.topup-list article>div:last-child button,.children-grid small,.children-overview small,.child-balance span{font-size:10px!important}.student-id-card>header span,.student-id-body span{font-size:9px!important}.student-id-body p,.student-id-card>footer,.student-qr small{font-size:10px!important}}.avatar-picker-modal>header span{font-size:9px!important}.avatar-picker-modal>header p,.avatar-picker-section>label,.avatar-upload-box strong{font-size:10px!important}.avatar-picker-preview small,.avatar-upload-box small,.avatar-preset-grid button{font-size:9px!important}.avatar-picker-modal>footer button,.avatar-edit-trigger,.identity-edit-trigger{font-size:10px!important}.identity-editor-modal>header span{font-size:9px!important}.identity-editor-modal>header p,.identity-editor-fields label>span{font-size:11px!important}.identity-editor-fields input{font-size:13px!important}.identity-editor-fields small{font-size:9px!important}.identity-editor-note,.identity-editor-modal>footer button{font-size:10px!important}@media (width<=900px){:root{--read-caption:9px;--read-small:9.5px;--read-body:10.5px}.cashier-heading>div:first-child>span,.role-head>div>span,.page-heading .eyebrow{font-size:9px!important}.cashier-heading p,.role-head p,.page-heading p{font-size:11px!important}.cashier-mobile-nav button,.cashier-mobile-nav button span,.role-mobile-nav button span{font-size:9px!important}.cashier-topbar-profile strong,.cashier-mobile-identity strong,.role-topbar-user strong{font-size:11px!important}.cashier-topbar-profile span,.cashier-mobile-identity span,.role-topbar-user span{font-size:9px!important}.portal-button,.checkout-button,.cafe-primary,.cashier-password>button{font-size:10px!important}.portal-list strong,.cashier-order-list h3,.children-grid strong{font-size:11px!important}.portal-list small,.cashier-order-list article>div:nth-child(2)>span,.cashier-order-list article>div:nth-child(2)>small,.credential-card p,.pin-card p{font-size:9.5px!important}.credential-card label,.pin-card label,.close-shift-card label,.cashier-password label,.profile-panel>.profile-details span,.cashier-profile>span,.avatar-picker-modal>header p,.identity-editor-modal>header p{font-size:10px!important}.premium-toast-copy small{font-size:12px!important}}.tenant-shell{--tenant-bg:#f3f8f5;--tenant-card:#fff;--tenant-card-soft:#f7faf8;--tenant-border:#dce9e2;--tenant-text:#172c24;--tenant-muted:#6d8178;--tenant-accent:#07966a;--tenant-accent-soft:#e7f7f0;background:var(--tenant-bg)}.tenant-shell .role-sidebar{background:radial-gradient(circle at 12% 0,#40dda438,#0000 26%),linear-gradient(168deg,#073e30 0%,#062d23 58%,#041f19 100%);box-shadow:18px 0 50px #05302421}.tenant-shell .role-brand{padding-bottom:24px}.tenant-shell .role-brand img{box-shadow:0 10px 26px #0000002e}.tenant-shell .role-school{background:#ffffff13;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff0d}.tenant-shell .role-sidebar nav button{transition:background .22s,color .22s,transform .22s}.tenant-shell .role-sidebar nav button:hover{transform:translate(3px)}.tenant-shell .role-sidebar nav button.active{background:linear-gradient(90deg,#25ce9438,#ffffff14);box-shadow:inset 3px 0 #52e3ad,0 10px 24px #0000001f}.tenant-shell .premium-role-topbar{background:#ffffffd6;border-color:#cde0d6d9;height:78px;padding-inline:34px;box-shadow:0 12px 36px #1043300e}.tenant-shell .role-topbar-context{margin-right:auto;text-align:left!important}.tenant-shell .role-topbar-context span{color:#07966a;letter-spacing:1.25px;text-transform:uppercase;font-weight:900}.tenant-shell .role-topbar-context strong{font-size:14px}.tenant-shell .role-topbar-user{border:1px solid var(--tenant-border);background:#ffffffb8;border-radius:16px;padding:7px 8px 7px 14px;box-shadow:0 10px 28px #10433012}.tenant-shell .role-main>main{max-width:1480px;padding:38px 38px 54px}.tenant-workspace{color:var(--tenant-text)}.tenant-workspace .role-head{align-items:center;margin-bottom:28px}.tenant-workspace .role-head>div>span{letter-spacing:1.65px;font-size:10px}.tenant-workspace .role-head h1{letter-spacing:-1.25px;font-size:clamp(31px,3vw,42px)}.tenant-workspace .role-head p{max-width:680px;color:var(--tenant-muted);margin-top:10px;font-size:13px;line-height:1.65}.tenant-workspace .portal-button{border-radius:14px;min-height:46px;padding-inline:18px;font-size:12px;transition:transform .2s,box-shadow .2s}.tenant-workspace .portal-button:hover{transform:translateY(-2px);box-shadow:0 13px 28px #087a5533}.tenant-workspace .role-metrics{gap:18px;margin-bottom:20px}.tenant-workspace .role-metrics article{border-color:var(--tenant-border);background:linear-gradient(145deg,#fff,#f8fcfa);border-radius:22px;min-height:150px;padding:23px;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden;box-shadow:0 17px 42px #11473312}.tenant-workspace .role-metrics article:after{content:"";background:#0eae7811;border-radius:50%;width:110px;height:110px;position:absolute;top:-45px;right:-34px}.tenant-workspace .role-metrics article:hover{border-color:#b9ddcc;transform:translateY(-4px);box-shadow:0 23px 48px #1147331c}.tenant-workspace .role-metrics article>svg{border-radius:16px;width:50px;height:50px}.tenant-workspace .role-metrics article span{font-size:12px}.tenant-workspace .role-metrics article strong{font-size:clamp(23px,2.2vw,31px)}.tenant-workspace .role-metrics article:nth-child(2)>svg{color:#b8790b;background:#fff2d8}.tenant-workspace .role-metrics article:nth-child(3)>svg{color:#2674b8;background:#e8f2fb}.tenant-workspace .portal-split{gap:18px}.tenant-workspace .portal-panel{border-color:var(--tenant-border);background:var(--tenant-card);border-radius:22px;padding:24px;box-shadow:0 16px 40px #1147330f}.tenant-workspace .portal-panel>h2,.tenant-workspace .portal-panel-head h2{margin-bottom:19px;font-size:18px}.tenant-workspace .portal-panel-head button{border-radius:9px;padding:8px 11px;font-size:11px}.tenant-workspace .portal-panel-head button:hover{background:var(--tenant-accent-soft)}.tenant-workspace .portal-list>div{border-color:#e9f0ec;gap:14px;min-height:66px;padding:14px 2px}.tenant-workspace .portal-list>div>b:first-child{border-radius:12px;width:38px;height:38px;font-size:12px}.tenant-workspace .portal-list strong{font-size:13px}.tenant-workspace .portal-list small{font-size:11px;line-height:1.45}.tenant-workspace .portal-list em{font-size:12px}.tenant-order-insights,.tenant-menu-insights{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.tenant-order-insights article,.tenant-menu-insights article{border:1px solid var(--tenant-border);background:var(--tenant-card);border-radius:18px;padding:17px 19px;position:relative;overflow:hidden;box-shadow:0 10px 30px #1147330b}.tenant-order-insights article:before,.tenant-menu-insights article:before{content:"";background:linear-gradient(#35d69e,#07865e);width:4px;position:absolute;inset:0 auto 0 0}.tenant-order-insights span,.tenant-menu-insights span{color:var(--tenant-muted);font-size:11px;font-weight:800;display:block}.tenant-order-insights strong,.tenant-menu-insights strong{color:var(--tenant-text);margin-top:5px;font:900 21px Nunito;display:block}.tenant-order-insights small{color:var(--tenant-muted);margin-top:4px;font-size:10px;display:block}.tenant-orders-table{border-color:var(--tenant-border);background:var(--tenant-card);border-radius:22px;box-shadow:0 16px 40px #1147330e}.tenant-orders-table th{color:#72867c;letter-spacing:.45px;background:#f5f9f7;padding:16px 19px;font-size:10px}.tenant-orders-table td{border-color:#e8f0eb;padding:17px 19px;font-size:12px}.tenant-orders-table td strong{font-size:13px}.tenant-orders-table td small{font-size:10px}.tenant-orders-table tbody tr{transition:background .18s}.tenant-orders-table tbody tr:hover{background:#f7fbf9}.tenant-orders-table .queue{border-radius:13px;width:42px;height:42px;font-size:14px}.tenant-orders-table .portal-status{padding:7px 10px;font-size:10px}.tenant-orders-table select{cursor:pointer;border-radius:11px;min-width:124px;height:40px;font-size:11px;font-weight:800}.tenant-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tenant-menu-card{border-color:var(--tenant-border);background:linear-gradient(155deg,#fff,#f9fcfa);border-radius:22px;grid-template-columns:76px 1fr;gap:15px;padding:18px;transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden;box-shadow:0 14px 36px #1147330f}.tenant-menu-card:hover{border-color:#b5dcca;transform:translateY(-5px);box-shadow:0 23px 48px #1147331f}.tenant-menu-card .tenant-menu-image{border-radius:18px;width:76px;height:76px}.tenant-menu-card>div:nth-child(2)>span{letter-spacing:.7px;color:#18805d;font-size:9px;font-weight:900}.tenant-menu-card h3{margin:6px 0;font-size:16px}.tenant-menu-card p{font-size:11px;line-height:1.55}.tenant-menu-card .menu-meta,.tenant-menu-card .menu-card-foot{grid-column:1/3}.tenant-menu-card .menu-meta{border-color:#e7efeb;margin-top:3px;padding-top:15px}.tenant-menu-card .menu-meta strong{font-size:18px}.tenant-menu-card .menu-meta span{font-size:11px}.tenant-menu-card .menu-card-foot{padding-top:4px}.tenant-menu-card .portal-status{font-size:9px}.tenant-menu-card .menu-card-foot button{border-radius:10px;min-width:76px;padding:9px 13px;font-size:11px;transition:background .18s,transform .18s}.tenant-menu-card .menu-card-foot button:hover{background:#d9f2e7;transform:translateY(-1px)}.tenant-workspace .mini-bars{gap:9px;height:270px}.tenant-workspace .mini-bars i{max-width:30px;box-shadow:0 7px 14px #087a5521}.tenant-workspace .mini-bars span{font-size:9px}.tenant-workspace .profile-security-grid{gap:20px}.tenant-workspace .profile-panel,.tenant-workspace .credential-card{border-color:var(--tenant-border);background:var(--tenant-card);border-radius:23px;box-shadow:0 18px 45px #11473311}.tenant-workspace .profile-panel{padding:34px}.tenant-workspace .profile-details{background:var(--tenant-card-soft)}.tenant-workspace .profile-details span,.tenant-workspace .credential-card label{font-size:12px}.tenant-workspace .credential-card input{min-height:47px;font-size:13px}.tenant-menu-modal{border:1px solid var(--tenant-border);border-radius:25px;gap:17px;padding:27px}.tenant-menu-modal h2{font-size:24px}.tenant-menu-modal header span{letter-spacing:1.3px;font-size:10px}.tenant-menu-modal label{font-size:12px}.tenant-menu-modal input[type=number]{height:48px;font-size:14px}.tenant-menu-modal .portal-check{border:1px solid var(--tenant-border);background:var(--tenant-card-soft);border-radius:13px;padding:13px 14px}html[data-theme=dark] .tenant-shell{--tenant-bg:#091310;--tenant-card:#13231e;--tenant-card-soft:#0f1d19;--tenant-border:#2b443a;--tenant-text:#edf8f3;--tenant-muted:#9bb1a8;--tenant-accent:#49d7a4;--tenant-accent-soft:#18342a;color:var(--tenant-text);background:var(--tenant-bg)!important}html[data-theme=dark] .tenant-shell .role-sidebar{background:radial-gradient(circle at 12% 0,#27be8929,#0000 26%),linear-gradient(168deg,#10231d,#0a1915 68%,#07120f)!important;border-color:#263c34!important}html[data-theme=dark] .tenant-shell .premium-role-topbar{background:#0c1915e6!important;border-color:#293f37!important;box-shadow:0 12px 38px #0000003b!important}html[data-theme=dark] .tenant-shell .role-topbar-user{background:#142620!important;border-color:#30483f!important}html[data-theme=dark] .tenant-shell .role-topbar-context strong{color:#f1faf6!important}html[data-theme=dark] .tenant-workspace :is(.role-metrics article,.portal-panel,.tenant-order-insights article,.tenant-menu-insights article,.tenant-orders-table,.tenant-menu-card,.profile-panel,.credential-card,.portal-state){border-color:var(--tenant-border)!important;color:var(--tenant-text)!important;background:linear-gradient(155deg,#142720,#11211c)!important;box-shadow:0 18px 42px #0000002e!important}html[data-theme=dark] .tenant-workspace .role-metrics article:after{background:#3bd39c0e}html[data-theme=dark] .tenant-workspace .role-metrics article:hover,html[data-theme=dark] .tenant-menu-card:hover{border-color:#396b57!important;box-shadow:0 24px 52px #00000047!important}html[data-theme=dark] .tenant-workspace :is(h1,h2,h3,strong,b){color:var(--tenant-text)!important}html[data-theme=dark] .tenant-workspace :is(p,small){color:var(--tenant-muted)!important}html[data-theme=dark] .tenant-workspace .portal-list>div,html[data-theme=dark] .tenant-menu-card .menu-meta,html[data-theme=dark] .tenant-orders-table td{border-color:#2a4038!important}html[data-theme=dark] .tenant-workspace .portal-list>div>b:first-child,html[data-theme=dark] .tenant-orders-table .queue{color:#6cddb1!important;background:#18372c!important}html[data-theme=dark] .tenant-orders-table th{color:#82a095!important;background:#0e1b17!important}html[data-theme=dark] .tenant-orders-table tbody tr:hover{background:#172a24!important}html[data-theme=dark] .tenant-orders-table select{color:#e7f4ef!important;background:#0d1a16!important;border-color:#385047!important}html[data-theme=dark] .tenant-menu-card .tenant-menu-image{border-color:#365348!important}html[data-theme=dark] .tenant-menu-card>div:nth-child(2)>span{color:#69d5a7!important}html[data-theme=dark] .tenant-menu-card .menu-card-foot button{color:#71ddb1!important;background:#17392d!important}html[data-theme=dark] .tenant-menu-card .menu-card-foot button:hover{background:#1e4739!important}html[data-theme=dark] .tenant-workspace .profile-details,html[data-theme=dark] .tenant-menu-modal .portal-check{background:var(--tenant-card-soft)!important;border-color:var(--tenant-border)!important}html[data-theme=dark] .tenant-menu-modal{color:#edf8f3!important;background:#14251f!important;border-color:#355047!important}html[data-theme=dark] .tenant-menu-modal input{color:#edf8f3!important;background:#0c1915!important;border-color:#355047!important}html[data-theme=dark] .tenant-modal-bg{background:#010907b3!important}@media (width<=1100px){.tenant-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tenant-shell .role-main>main{padding:31px 27px 50px}}@media (width<=760px){.tenant-shell .role-main>main{padding:25px 16px 112px}.tenant-shell .premium-role-topbar{height:75px;padding:0 15px}.tenant-shell .role-topbar-context{display:none}.tenant-shell .role-topbar-actions{justify-content:flex-end;width:100%}.tenant-shell .role-topbar-user{box-shadow:none;background:0 0;border:0;order:-2;margin-right:auto;padding:4px 7px 4px 5px}.tenant-shell .role-topbar-user>div:first-child{text-align:left}.tenant-shell .role-topbar-user>div:first-child span{font-size:9px}.tenant-shell .role-topbar-user>div:first-child strong{font-size:12px}.tenant-shell .role-avatar{order:-1}.tenant-workspace .role-head{align-items:flex-start}.tenant-workspace .role-head h1{font-size:31px}.tenant-workspace .role-head p{font-size:12px}.tenant-workspace .role-metrics,.tenant-order-insights,.tenant-menu-insights{grid-template-columns:1fr}.tenant-workspace .role-metrics article{min-height:112px}.tenant-workspace .portal-split,.tenant-menu-grid{grid-template-columns:1fr}.tenant-order-insights,.tenant-menu-insights{gap:9px}.tenant-order-insights article,.tenant-menu-insights article{padding:14px 17px}.tenant-order-insights small{display:none}.tenant-orders-table{border-radius:18px}.tenant-workspace .profile-panel{padding:24px 18px}}@media (width<=480px){.tenant-shell .role-topbar-actions{gap:7px}.tenant-shell .role-live{display:none}.tenant-shell .role-topbar-user{max-width:215px}.tenant-shell .role-topbar-user>div:first-child{min-width:0}.tenant-shell .role-topbar-user strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tenant-workspace .role-head{gap:15px;display:grid}.tenant-workspace .role-head>.portal-button{width:100%}.tenant-workspace .role-head h1{font-size:28px}.tenant-menu-card{grid-template-columns:68px 1fr;padding:15px}.tenant-menu-card .tenant-menu-image{width:68px;height:68px}.tenant-menu-card .menu-meta,.tenant-menu-card .menu-card-foot{grid-column:1/3}.tenant-menu-modal{padding:22px 18px}.tenant-menu-modal h2{font-size:21px}}:is(.tenant-shell,.student-shell,.parent-shell) .tenant-premium-topbar{isolation:isolate;-webkit-backdrop-filter:blur(24px)saturate(1.25);backdrop-filter:blur(24px)saturate(1.25);background:linear-gradient(110deg,#fffffff7,#f8fcfae6);border-bottom:1px solid #cfdfd7e6;justify-content:space-between;gap:18px;height:88px;padding:0 clamp(22px,2.2vw,36px);box-shadow:0 10px 35px #0b3d2a0e}:is(.tenant-shell,.student-shell,.parent-shell) .tenant-premium-topbar:after{content:"";pointer-events:none;background:linear-gradient(90deg,#12a875 0 13%,#12a8751f 38%,#0000 72%);height:2px;position:absolute;bottom:-1px;left:0;right:0}.tenant-topbar-context{justify-content:flex-start;align-items:center;gap:13px;min-width:235px;display:flex;text-align:left!important}.tenant-topbar-page-icon{color:#087a55;background:linear-gradient(145deg,#e4f8ef,#f3fbf7);border:1px solid #18a9772e;border-radius:15px;flex:0 0 46px;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 10px 24px #087a551a,inset 0 1px #ffffffe6}.tenant-topbar-page-icon svg{width:20px;height:20px}.tenant-topbar-context>div:last-child{flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;display:flex;text-align:left!important}.tenant-topbar-context span,.tenant-topbar-context strong{display:block}.tenant-topbar-context span{color:#62a58a;letter-spacing:1.25px;white-space:nowrap;width:100%;font-size:8px;font-weight:900;line-height:1.2;text-align:left!important}.tenant-topbar-context strong{color:#142d24;width:100%;margin-top:6px;font:900 17px/1.1 Nunito;text-align:left!important}.tenant-topbar-store{background:#f8fcfac7;border:1px solid #e0ebe5;border-radius:14px;align-items:center;gap:10px;min-width:175px;margin-left:auto;padding:8px 12px;display:flex}.tenant-topbar-store>svg{color:#18a877;width:19px;height:19px}.tenant-topbar-store span,.tenant-topbar-store strong{display:block}.tenant-topbar-store span{color:#91a198;text-transform:uppercase;letter-spacing:.8px;font-size:8px}.tenant-topbar-store strong{color:#29453a;text-overflow:ellipsis;white-space:nowrap;max-width:165px;margin-top:3px;font-size:10px;overflow:hidden}.tenant-topbar-actions{flex:none;gap:10px}.tenant-topbar-actions .theme-toggle{border-radius:15px;flex-basis:46px;width:46px;height:46px;box-shadow:0 9px 22px #0f402e12}.tenant-topbar-actions .role-live{border-radius:15px;min-height:46px;padding-inline:13px}.tenant-topbar-profile{min-width:225px;min-height:56px;border-radius:17px!important;padding:5px 6px 5px 14px!important;box-shadow:0 11px 28px #0f402e14!important}.tenant-topbar-profile span{font-size:8px!important}.tenant-topbar-profile strong{font-size:11px!important}.tenant-mobile-identity,.tenant-topbar-logout{display:none}.tenant-topbar-logout{color:#b44b40;background:#fff;border:1px solid #dce8e2;border-radius:13px;place-items:center;width:42px;height:42px;padding:0;box-shadow:0 8px 22px #19413112}.tenant-topbar-logout svg{width:18px;height:18px}.tenant-logout-layer{z-index:350;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#04100c4d;justify-content:flex-end;align-items:flex-start;padding:100px 18px 18px;display:flex;position:fixed;inset:0}.tenant-logout-layer .logout-confirm-card{text-align:left;background:#fffffffa;border:1px solid #dae7e1e6;border-radius:22px;width:min(365px,100%);padding:24px;position:relative;overflow:hidden;box-shadow:0 28px 80px #031c1340}.tenant-logout-layer .logout-confirm-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#f4675421,#0000 68%);border-radius:50%;width:145px;height:145px;position:absolute;top:-55px;right:-45px}.tenant-logout-layer .logout-confirm-icon{color:#c24d41;background:#fff0ed;border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:15px;display:grid;box-shadow:0 9px 24px #c24d411f}.tenant-logout-layer .logout-confirm-icon svg{width:21px}.tenant-logout-layer .logout-confirm-card>span{color:#c45a4f;letter-spacing:1.2px;font-size:10px;font-weight:900;display:block}.tenant-logout-layer .logout-confirm-card h2{color:#182d25;margin:7px 0 8px;font:900 22px/1.18 Nunito}.tenant-logout-layer .logout-confirm-card p{color:#72847b;margin:0;font-size:12px;line-height:1.65}.tenant-logout-layer .logout-confirm-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:21px;display:grid}.tenant-logout-layer .logout-confirm-actions button{color:#51665c;background:#f6f9f7;border:1px solid #dbe6e1;border-radius:12px;min-height:45px;font:850 12px Nunito}.tenant-logout-layer .logout-confirm-actions button.confirm{color:#fff;background:#bd4a40;border-color:#bd4a40;justify-content:center;align-items:center;gap:7px;display:flex;box-shadow:0 10px 22px #bd4a4033}.tenant-logout-layer .logout-confirm-actions button.confirm svg{width:16px}html[data-theme=dark] :is(.tenant-shell,.student-shell,.parent-shell) .tenant-premium-topbar{background:linear-gradient(110deg,#0d1a16fa,#10201bf0)!important;border-color:#2d433b!important;box-shadow:0 12px 38px #00000038!important}html[data-theme=dark] :is(.tenant-shell,.student-shell,.parent-shell) .tenant-premium-topbar:after{background:linear-gradient(90deg,#29bd87 0 13%,#29bd8724 40%,#0000 72%)}html[data-theme=dark] .tenant-topbar-page-icon{color:#63d7a8;background:linear-gradient(145deg,#17372c,#10261f);border-color:#285342;box-shadow:0 10px 25px #0000002e}html[data-theme=dark] .tenant-topbar-context span{color:#66b394}html[data-theme=dark] .tenant-topbar-context strong{color:#f0faf6}html[data-theme=dark] .tenant-topbar-store{background:#12231e;border-color:#2e443c}html[data-theme=dark] .tenant-topbar-store span{color:#789087}html[data-theme=dark] .tenant-topbar-store strong{color:#d8e8e1}html[data-theme=dark] :is(.tenant-shell,.student-shell,.parent-shell) .tenant-topbar-profile{background:#152721!important;border-color:#31483f!important;box-shadow:0 12px 30px #0003!important}html[data-theme=dark] .tenant-topbar-logout{color:#ff9688;box-shadow:none;background:#172823;border-color:#32473f}html[data-theme=dark] .tenant-logout-layer{background:#0108068f}html[data-theme=dark] .tenant-logout-layer .logout-confirm-card{background:#14231ffa;border-color:#344940;box-shadow:0 30px 90px #0000007a}html[data-theme=dark] .tenant-logout-layer .logout-confirm-icon{color:#ff9b8e;box-shadow:none;background:#38211e}html[data-theme=dark] .tenant-logout-layer .logout-confirm-card>span{color:#ff9b8e}html[data-theme=dark] .tenant-logout-layer .logout-confirm-card h2{color:#edf8f3}html[data-theme=dark] .tenant-logout-layer .logout-confirm-card p{color:#9bb0a8}html[data-theme=dark] .tenant-logout-layer .logout-confirm-actions button{color:#c9dcd4;background:#1a2b26;border-color:#354940}html[data-theme=dark] .tenant-logout-layer .logout-confirm-actions button.confirm{color:#fff;background:#b94f44;border-color:#c45c50}@media (width>=851px) and (width<=1120px){.tenant-topbar-store{display:none}.tenant-topbar-context{margin-right:auto}.tenant-topbar-profile{min-width:190px}}@media (width<=850px){:is(.tenant-shell,.student-shell,.parent-shell) .tenant-premium-topbar{height:72px;padding:0 14px}.tenant-topbar-context,.tenant-topbar-store,.tenant-topbar-profile,.tenant-topbar-actions .role-live{display:none!important}.tenant-topbar-actions{align-items:center;gap:8px;width:100%;display:flex!important}.tenant-mobile-identity{flex:1;order:-1;justify-content:flex-start;align-items:center;gap:10px;min-width:0;max-width:calc(100% - 100px);margin-right:auto;display:flex}.tenant-mobile-identity>div:last-child{min-width:0}.tenant-mobile-identity strong,.tenant-mobile-identity span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.tenant-mobile-identity strong{color:#193128;font:900 13px/1.2 Nunito}.tenant-mobile-identity span{color:#81938a;margin-top:4px;font-size:9px;font-weight:700}.tenant-mobile-identity .role-avatar{flex:0 0 42px;order:0;width:42px;height:42px}.tenant-topbar-actions .theme-toggle{flex-basis:42px;width:42px;height:42px}.tenant-topbar-logout{flex:0 0 42px;display:grid}.tenant-logout-layer{padding:82px 12px 12px}.tenant-logout-layer .logout-confirm-card{border-radius:20px;padding:21px}:is(.tenant-shell,.student-shell,.parent-shell) .role-main>main{padding-top:27px}}html[data-theme=dark] .tenant-mobile-identity strong{color:#edf8f3}html[data-theme=dark] .tenant-mobile-identity span{color:#8fa69d}:root{--sync-page:#f3f7f5;--sync-surface:#fff;--sync-surface-2:#f7faf8;--sync-surface-3:#eef5f1;--sync-border:#dfe9e3;--sync-text:#172c24;--sync-muted:#6f8178;--sync-accent:#0a9367;--sync-shadow:0 16px 42px #12433111}html[data-theme=dark]{--sync-page:#09120f;--sync-surface:#13231e;--sync-surface-2:#0f1d19;--sync-surface-3:#172a24;--sync-border:#2d433b;--sync-text:#edf8f3;--sync-muted:#9bb0a8;--sync-accent:#60d8aa;--sync-shadow:0 18px 46px #0003;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:is(.app-shell,.role-shell,.cashier-shell,.main-column,.role-main,.cashier-main,.content,.cashier-content),:is(.panel,.metric,.portal-panel,.portal-menu-card,.wallet-card,.tenant-card,.cashier-order-list article,.pos-menu-grid article,.modal,.portal-modal,.receipt-modal,.cancel-modal,.scanner-modal,.credential-card,.pin-card,.profile-panel),:is(input,select,textarea,button){transition:background-color .24s,border-color .24s,color .24s,box-shadow .24s}html[data-theme=dark] :is(body,#root,.app-shell,.role-shell,.cashier-shell,.main-column,.role-main,.cashier-main,.content,.cashier-content){background-color:var(--sync-page);color:var(--sync-text)}html[data-theme=dark] :is(.panel,.metric,.module-panel,.state-card,.empty-module,.portal-panel,.portal-state,.portal-table,.portal-menu-card,.profile-panel,.credential-card,.pin-card,.limit-card,.topup-form-card,.cart-card,.order-cards article,.children-grid button,.children-overview>article,.cashier-stat,.cashier-order-list article,.shift-gate,.shift-summary,.close-shift-card,.cashier-profile,.cashier-password,.pos-checkout,.cafe-checkout,.cafe-checkout-header,.cafe-checkout-body,.cafe-step-content,.cafe-order-summary,.scanner-modal,.cancel-modal,.wallet-card,.tenant-card,.settings-form,.security-card,.report-filters,.category-grid article,.audit-list article,.stock-summary article,.balance-total,.current-balance,.detail-info span,.menu-image-upload>div,.avatar-settings-card,.admin-profile-card){box-shadow:var(--sync-shadow);background:var(--sync-surface)!important;border-color:var(--sync-border)!important;color:var(--sync-text)!important}html[data-theme=dark] :is(.toolbar,.wallet-grid,.wallet-meta span,.tenant-card footer,.settings-tabs,.topbar-alert-popover,.report-chart,.live-alerts,.summary-totals,.payment-breakdown,.student-pin-confirm,.payment-instruction,.scan-source-tabs,.scanner-modal>footer,.cafe-cart-list article,.pos-tools,.student-results,.cashier-student-pin,.selected-student,.cashier-mini-metrics>span,.profile-details,.identity-editor-fields,.avatar-picker-preview,.avatar-preset-grid button){background:var(--sync-surface-2)!important;border-color:var(--sync-border)!important;color:var(--sync-text)!important}html[data-theme=dark] :is(.portal-list>div,.transaction-cards>div,.transaction-list article,.payment-list>div,.ranking-list>div,.cashier-profile>span,.cashier-order-list article,.order-cards article,.tenant-stats,.tenant-stats div,.portal-table td,.menu-meta,.cart-list>div,.summary-totals>strong,.payment-breakdown>strong){border-color:var(--sync-border)!important}html[data-theme=dark] :is(.main-column,.role-main,.cashier-main,.modal,.portal-modal,.logout-confirm-card) :is(h1,h2,h3,h4,strong,b,label){color:var(--sync-text)}html[data-theme=dark] :is(.main-column,.role-main,.cashier-main,.modal,.portal-modal) :is(p,small){color:var(--sync-muted)}html[data-theme=dark] :is(.eyebrow,.role-head>div>span,.cashier-heading>div>span,.section-title>span){color:#68d9ad!important}html[data-theme=dark] :is(.result-count,.portal-list small,.transaction-cards small,.wallet-card small,.tenant-card small,.child-balance span,.limit-progress+small){color:var(--sync-muted)!important}html[data-theme=dark] :is(input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea,.toolbar-search,.search,.pos-tools>label,.report-filters input,.report-filters select,.form-grid input,.form-grid select,.form-grid textarea,.credential-card input,.pin-card input,.limit-card input,.topup-form-card input,.cashier-password input,.close-shift-card input,.close-shift-card textarea,.cafe-student-search label,.cafe-cash-payment>label>div,.cafe-notes input,.scanner-manual input,.identity-editor-field){color:#edf8f3!important;box-shadow:none!important;background:#0b1713!important;border-color:#344c42!important}html[data-theme=dark] :is(input,textarea)::placeholder{color:#6f887e!important}html[data-theme=dark] :is(input,select,textarea):focus{border-color:#3f9d77!important;outline-color:#4ccf9b47!important;box-shadow:0 0 0 3px #41c28f1a!important}html[data-theme=dark] :is(.toolbar-search button,.table-action,.secondary-button,.portal-button.ghost,.icon-button,.modal-close,.step-back,.scanner-manual button,.amount-chips button,.cash-chips button){color:#cfe2da!important;background:#182c25!important;border-color:#354c43!important}html[data-theme=dark] :is(.toolbar-search button,.table-action,.secondary-button,.portal-button.ghost,.icon-button):hover{background:#20372f!important;border-color:#426055!important}html[data-theme=dark] :is(table,.table-wrap,.portal-table){background:var(--sync-surface)!important;border-color:var(--sync-border)!important}html[data-theme=dark] :is(thead,th,.portal-table th){color:#87a198!important;border-color:var(--sync-border)!important;background:#0d1a16!important}html[data-theme=dark] tbody tr:hover{background:#172a24!important}html[data-theme=dark] td{color:#dcebe5!important;border-color:var(--sync-border)!important}html[data-theme=dark] .metric-icon{background:#19362c!important;border-color:#2d5948!important}html[data-theme=dark] .metric.green .metric-icon{color:#6bdcaf!important}html[data-theme=dark] .metric.blue .metric-icon{color:#82bce8!important;background:#172d40!important}html[data-theme=dark] .metric.orange .metric-icon{color:#efbf65!important;background:#3a2d17!important}html[data-theme=dark] .metric.purple .metric-icon{color:#c4a3eb!important;background:#30233c!important}html[data-theme=dark] :is(.empty-state>svg,.queue-number,.wallet-card-head>span,.tenant-card header>span,.payment-icon,.ranking-list>div>span,.transaction-icon){color:#65d8aa!important;background:#18352b!important}html[data-theme=dark] :is(.payment-icon.qris,.transaction-icon.purchase){color:#83bce9!important;background:#192f42!important}html[data-theme=dark] .payment-icon.cash{color:#efbe65!important;background:#392d18!important}html[data-theme=dark] .wallet-meta b,html[data-theme=dark] .payment-list b,html[data-theme=dark] .ranking-list b{color:#dcebe5!important}html[data-theme=dark] .bar-column>div{border-color:var(--sync-border)!important}html[data-theme=dark] .switch{background:#34473f!important}html[data-theme=dark] .switch i{background:#c9d9d2!important}html[data-theme=dark] .switch.on{background:#168b64!important}html[data-theme=dark] .switch.on i{background:#fff!important}html[data-theme=dark] :is(.role-metrics article,.tenant-order-insights article,.tenant-menu-insights article){border-color:var(--sync-border)!important;color:var(--sync-text)!important;background:linear-gradient(150deg,#142720,#10201b)!important}html[data-theme=dark] :is(.portal-list>div>b:first-child,.order-queue,.child-avatar,.queue){color:#6bdcaf!important;background:#18372c!important}html[data-theme=dark] .limit-progress{background:#293c35!important}html[data-theme=dark] :is(.student-menu-grid article,.order-cards article,.children-overview>article,.children-grid button){background:var(--sync-surface)!important;border-color:var(--sync-border)!important}html[data-theme=dark] :is(.student-menu-grid footer,.order-cards article,.children-overview>article){border-color:var(--sync-border)!important}html[data-theme=dark] :is(.food-symbol,.menu-symbol){color:#69d9ac!important;background:#19372d!important}html[data-theme=dark] .food-symbol.yellow{color:#ebbd62!important;background:#3b301a!important}html[data-theme=dark] .food-symbol.red{color:#ed968a!important;background:#3b2421!important}html[data-theme=dark] .healthy-card{background:radial-gradient(circle at 90% 10%,#ffffff14,#0000 30%),linear-gradient(145deg,#137d5d,#09503d)!important}html[data-theme=dark] :is(.pos-tools,.pos-checkout,.cashier-mini-metrics>span,.student-results,.cafe-student-results button,.student-choice,.guest-choice,.pin-student,.cafe-payment-methods>button,.payment-breakdown,.cafe-cart-list article){background:var(--sync-surface)!important;border-color:var(--sync-border)!important;color:var(--sync-text)!important}html[data-theme=dark] :is(.cafe-payment-methods>button.active,.pos-payment button.active){color:#78deb5!important;background:#17382d!important;border-color:#35a97c!important}html[data-theme=dark] .pin-dots i{background:#0c1815!important;border-color:#597067!important}html[data-theme=dark] .pin-dots i.filled{background:#54d1a0!important;border-color:#54d1a0!important}html[data-theme=dark] .atm-keypad button{box-shadow:0 6px 15px #00000029;color:#edf8f3!important;background:#182b25!important;border-color:#354b42!important}html[data-theme=dark] .atm-keypad button.key-action{color:#6bdcaf!important;background:#17372c!important}html[data-theme=dark] :is(.verified-customer,.change-box,.payment-safe){color:#75d9b0!important;background:#15372b!important;border-color:#285140!important}html[data-theme=dark] .floating-cart-icon{color:#087a55!important;background:#eaf8f2!important}html[data-theme=dark] :is(.topbar,.premium-topbar,.role-topbar,.tenant-premium-topbar,.cashier-topbar,.premium-cashier-topbar){border-color:var(--sync-border)!important;color:var(--sync-text)!important;background:#0d1a16f0!important}html[data-theme=dark] :is(.premium-profile,.role-topbar-user,.cashier-topbar-profile,.tenant-topbar-profile,.system-status,.role-live,.cashier-shift-pill,.tenant-topbar-store,.cashier-topbar-store-info){color:var(--sync-text)!important;background:#142620!important;border-color:#30473e!important}html[data-theme=dark] :is(.mobile-nav,.role-mobile-nav,.cashier-mobile-nav){background:#0f1d18f5!important;border-color:#334b42!important;box-shadow:0 -12px 36px #0000004d!important}html[data-theme=dark] :is(.mobile-nav,.role-mobile-nav,.cashier-mobile-nav) button{color:#8fa69d!important}html[data-theme=dark] :is(.mobile-nav,.role-mobile-nav,.cashier-mobile-nav) button.active{color:#70ddb0!important;background:#19382d!important}html[data-theme=dark] :is(.mobile-more-sheet,.mobile-more-sheet>header,.mobile-more-sheet>footer,.mobile-more-grid button){border-color:var(--sync-border)!important;color:var(--sync-text)!important;background:#13231e!important}html[data-theme=dark] .multi-login{background:linear-gradient(125deg,#08140f,#0d1916 48%,#0b1720)!important}html[data-theme=dark] .multi-login .login-panel{background:radial-gradient(circle at 82% 14%,#30b58414,#0000 31%),#0b1512!important}html[data-theme=dark] .multi-login .role-login-card{background:linear-gradient(145deg,#14241ef5,#0d1915f0)!important;border-color:#31473f!important;box-shadow:0 30px 90px #0000005c!important}html[data-theme=dark] .multi-login .login-role-tabs{background:#0b1713!important;border-color:#30463e!important}html[data-theme=dark] .multi-login .login-role-tabs button.active{color:#72ddb1!important;box-shadow:none!important;background:#1a342b!important}html[data-theme=dark] .multi-login .login-demo-note{color:#cfe2da!important;background:#142a22!important;border-color:#30483f!important}html[data-theme=dark] :is(.student-qr,.cafe-receipt){color:#18362b!important;background:#fbfdfc!important}html[data-theme=dark] :is(.student-qr,.cafe-receipt) :is(h1,h2,h3,h4,strong,b,label){color:#18362b!important}html[data-theme=dark] :is(.student-qr,.cafe-receipt) :is(p,small,span){color:#718079!important}html[data-theme=dark] .cafe-receipt .receipt-check,html[data-theme=dark] .cafe-receipt .receipt-check *{color:#fff!important}@media (prefers-reduced-motion:reduce){:is(.app-shell,.role-shell,.cashier-shell,.main-column,.role-main,.cashier-main,.content,.cashier-content),:is(.panel,.metric,.portal-panel,.portal-menu-card,input,select,textarea,button){transition:none!important}}html[data-theme=dark] :is(.popular-item>span,.pos-food,.shift-icon,.pos-checkout>header>svg,.cashier-password header>svg,.empty-module>svg){color:#69d9ac!important;background:#18372c!important}html[data-theme=dark] .pos-food.yellow{color:#eabd61!important;background:#3b301a!important}html[data-theme=dark] .pos-food.red{color:#ec9487!important;background:#3a2421!important}html[data-theme=dark] :is(.progress,.limit-progress){background:#293d35!important}html[data-theme=dark] :is(.mobile-more-close,.sidebar-close){color:#d7e8e1!important;background:#1a2e27!important;border-color:#354b42!important}html[data-theme=dark] :is(.form-error,.warning-box){color:#ffada1!important;background:#38221e!important;border-color:#60382f!important}html[data-theme=dark] :is(.info-box,.healthy-note,.detail-note,.low-stock-banner){color:#bfe5d4!important;background:#183229!important;border-color:#315044!important}html[data-theme=dark] .notification i{box-shadow:0 0 0 2px #13231e!important}.mobile-dock,.role-mobile-nav,.cashier-mobile-nav{--dock-bg:#fffffff7;--dock-border:#d9e6df;--dock-text:#74867d;--dock-active:#07845d;--dock-raised-border:#fff;--dock-height:78px}@media (width<=980px){.mobile-dock{display:grid!important}.mobile-dock,.role-mobile-nav,.cashier-mobile-nav{isolation:isolate;z-index:90!important;width:100%!important;max-width:none!important;height:calc(var(--dock-height) + env(safe-area-inset-bottom))!important;min-height:var(--dock-height)!important;padding:8px 6px calc(6px + env(safe-area-inset-bottom))!important;border:1px solid var(--dock-border)!important;background:var(--dock-bg)!important;-webkit-backdrop-filter:blur(22px)saturate(1.25)!important;border-bottom:0!important;border-radius:24px 24px 0 0!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:end!important;margin:0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;overflow:visible!important;transform:none!important;box-shadow:0 -13px 36px #0d3a2a21!important}.mobile-dock:before,.role-mobile-nav:before,.cashier-mobile-nav:before{display:none!important}:is(.mobile-dock,.role-mobile-nav,.cashier-mobile-nav)>button{-webkit-tap-highlight-color:transparent;appearance:none!important;width:100%!important;min-width:0!important;height:62px!important;min-height:0!important;color:var(--dock-text)!important;box-shadow:none!important;text-align:center!important;background:0 0!important;border:0!important;border-radius:15px!important;outline:0!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;margin:0!important;padding:5px 2px 4px!important;font-family:Nunito,sans-serif!important;display:flex!important;position:relative!important;overflow:visible!important}:is(.mobile-dock,.role-mobile-nav,.cashier-mobile-nav)>button>i{flex:0 0 27px;place-items:center;width:31px;height:27px;margin:0;font-style:normal;display:grid}:is(.mobile-dock,.role-mobile-nav,.cashier-mobile-nav)>button>svg,:is(.mobile-dock,.role-mobile-nav,.cashier-mobile-nav)>button>i>svg{stroke-width:2.15px;width:21px!important;height:21px!important}:is(.mobile-dock,.role-mobile-nav,.cashier-mobile-nav)>button>span{width:100%!important;color:inherit!important;letter-spacing:-.01em!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10px!important;font-weight:800!important;line-height:13px!important;display:block!important;overflow:hidden!important}:is(.mobile-dock,.role-mobile-nav,.cashier-mobile-nav)>button.active{color:var(--dock-active)!important;background:0 0!important}:is(.mobile-dock,.role-mobile-nav,.cashier-mobile-nav)>button.active:not(.dock-primary):not(.mobile-primary):after{content:"";background:#10a874;border-radius:50%;width:4px;height:4px;position:absolute;bottom:1px;box-shadow:0 0 0 3px #10a8741a}:is(.mobile-dock,.role-mobile-nav,.cashier-mobile-nav)>.dock-primary,:is(.mobile-dock,.role-mobile-nav,.cashier-mobile-nav)>.mobile-primary{z-index:3!important;height:96px!important;color:var(--dock-active)!important;border-radius:20px!important;justify-content:flex-start!important;margin-top:-40px!important;padding:0 2px 3px!important;transform:translateY(-14px)!important}:is(.mobile-dock,.role-mobile-nav,.cashier-mobile-nav)>.dock-primary>i,:is(.mobile-dock,.role-mobile-nav,.cashier-mobile-nav)>.mobile-primary>i{border:4px solid var(--dock-raised-border)!important;color:#fff!important;background:linear-gradient(145deg,#2bc995,#07845d 76%)!important;border-radius:22px!important;flex:0 0 68px!important;place-items:center!important;width:68px!important;min-width:68px!important;height:68px!important;min-height:68px!important;margin:0 auto 2px!important;padding:0!important;font-style:normal!important;display:grid!important;overflow:hidden!important;transform:none!important;box-shadow:0 12px 26px #07845d4d,0 0 0 1px #07845d1a!important}:is(.mobile-dock,.role-mobile-nav,.cashier-mobile-nav)>.dock-primary>i>svg,:is(.mobile-dock,.role-mobile-nav,.cashier-mobile-nav)>.mobile-primary>i>svg{stroke-width:2.35px;width:29px!important;height:29px!important}:is(.mobile-dock,.role-mobile-nav,.cashier-mobile-nav)>.dock-primary>span,:is(.mobile-dock,.role-mobile-nav,.cashier-mobile-nav)>.mobile-primary>span{height:14px!important;color:var(--dock-active)!important;font-size:10px!important;line-height:14px!important}:is(.mobile-dock,.role-mobile-nav,.cashier-mobile-nav)>.dock-primary.active>i,:is(.mobile-dock,.role-mobile-nav,.cashier-mobile-nav)>.mobile-primary.active>i{background:linear-gradient(145deg,#35d6a1,#057956 76%)!important;box-shadow:0 14px 28px #07845d5e,0 0 0 4px #10a87417!important}.cashier-mobile-nav>.mobile-logout-nav{color:#b6554a!important}.cashier-mobile-nav>.mobile-logout-nav i{background:#fff2ef;border-radius:10px}.cashier-mobile-nav>.mobile-logout-nav:after{display:none!important}.content{padding-bottom:calc(112px + env(safe-area-inset-bottom))!important}}@media (width<=850px){.role-mobile-nav,.cashier-mobile-nav{display:grid!important}.role-main,.cashier-main{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important}.role-main>main,.cashier-content{padding-bottom:calc(112px + env(safe-area-inset-bottom))!important}}@media (width<=430px){.mobile-dock,.role-mobile-nav,.cashier-mobile-nav{--dock-height:75px;border-radius:22px 22px 0 0!important;padding-inline:3px!important}:is(.mobile-dock,.role-mobile-nav,.cashier-mobile-nav)>button{height:59px!important;padding-inline:1px!important}:is(.mobile-dock,.role-mobile-nav,.cashier-mobile-nav)>button>span{font-size:9px!important}:is(.mobile-dock,.role-mobile-nav,.cashier-mobile-nav)>.dock-primary,:is(.mobile-dock,.role-mobile-nav,.cashier-mobile-nav)>.mobile-primary{height:89px!important;margin-top:-35px!important;transform:translateY(-11px)!important}:is(.mobile-dock,.role-mobile-nav,.cashier-mobile-nav)>.dock-primary>i,:is(.mobile-dock,.role-mobile-nav,.cashier-mobile-nav)>.mobile-primary>i{border-radius:20px!important;flex-basis:62px!important;width:62px!important;min-width:62px!important;height:62px!important;min-height:62px!important}}html[data-theme=dark] :is(.mobile-dock,.role-mobile-nav,.cashier-mobile-nav){--dock-bg:#0f1d18fa;--dock-border:#334a41;--dock-text:#8fa69d;--dock-active:#70ddb0;--dock-raised-border:#0f1d19;background:var(--dock-bg)!important;border-color:var(--dock-border)!important;box-shadow:0 -14px 38px #00000052!important}html[data-theme=dark] :is(.mobile-dock,.role-mobile-nav,.cashier-mobile-nav)>button.active{color:var(--dock-active)!important;background:0 0!important}html[data-theme=dark] :is(.mobile-dock,.role-mobile-nav,.cashier-mobile-nav)>.dock-primary>span,html[data-theme=dark] :is(.mobile-dock,.role-mobile-nav,.cashier-mobile-nav)>.mobile-primary>span{color:var(--dock-active)!important}html[data-theme=dark] .cashier-mobile-nav>.mobile-logout-nav{color:#ff9a8d!important}html[data-theme=dark] .cashier-mobile-nav>.mobile-logout-nav i{background:#34221e!important}.student-parent-pin-note{color:#25654e;text-align:left;background:linear-gradient(135deg,#effaf5,#e7f6ef);border:1px solid #cfe8dc;border-radius:14px;align-items:center;gap:11px;margin:-10px 0 20px;padding:13px 14px;display:flex}.student-parent-pin-note>svg{color:#078b61;flex:0 0 20px;width:20px}.student-parent-pin-note span,.student-parent-pin-note strong,.student-parent-pin-note small{display:block}.student-parent-pin-note strong{font-size:11px;font-weight:900}.student-parent-pin-note small{color:#678078;margin-top:3px;font-size:9px;line-height:1.45}@media (width>=851px){.logout,.role-logout,.cashier-logout{color:#bd4f44;text-align:left;background:linear-gradient(135deg,#fff6f4fa,#ffeeeaeb);border:1px solid #ce524538;border-radius:16px;align-items:center;gap:11px;width:100%;min-height:56px;margin-top:auto;padding:8px 10px;font-family:Nunito,sans-serif;transition:transform .22s,border-color .22s,box-shadow .22s,background .22s;display:flex;box-shadow:0 10px 26px #7e2f2714,inset 0 1px #fffc}.logout>svg,.role-logout>svg,.cashier-logout>svg{color:#c94f43;background:#ffffffb8;border-radius:11px;flex:0 0 36px;width:36px;height:36px;padding:9px;box-shadow:0 5px 14px #a7372c17}.logout>span,.role-logout>span,.cashier-logout>span{gap:1px;display:grid}.logout strong,.role-logout strong,.cashier-logout strong{font-size:12px;font-weight:900}.logout small,.role-logout small,.cashier-logout small{color:#9b716c;font-size:9px;font-weight:700}.role-logout small,.cashier-logout small{color:#bd8b84}.role-logout,.cashier-logout{color:#ffb5aa;background:linear-gradient(135deg,#b5423624,#70201b17);border-color:#ff978b33;font-size:12px;font-weight:900;box-shadow:0 10px 28px #01100b24,inset 0 1px #ffffff0a}.role-logout>svg,.cashier-logout>svg{color:#ffad9f;box-shadow:none;background:#ffffff12}.logout:hover,.role-logout:hover,.cashier-logout:hover{border-color:#dc4e407a;transform:translateY(-2px);box-shadow:0 15px 34px #7e2f2724}.role-logout:hover,.cashier-logout:hover{background:linear-gradient(135deg,#cc4b3d38,#7e261f24);box-shadow:0 15px 34px #000e0938}}.admin-logout-layer{z-index:260;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#04100c57;justify-content:flex-end;align-items:flex-start;padding:88px 18px 18px;display:flex;position:fixed;inset:0}.admin-logout-layer .logout-confirm-card{text-align:left;background:#fffffffa;border:1px solid #dae7e1e6;border-radius:23px;width:min(380px,100%);padding:25px;position:relative;overflow:hidden;box-shadow:0 30px 90px #031c1347}.admin-logout-layer .logout-confirm-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#f4675426,#0000 68%);border-radius:50%;width:150px;height:150px;position:absolute;top:-55px;right:-45px}.admin-logout-layer .logout-confirm-icon{color:#c24d41;background:#fff0ed;border-radius:16px;place-items:center;width:50px;height:50px;margin-bottom:16px;display:grid;box-shadow:0 10px 25px #c24d4121}.admin-logout-layer .logout-confirm-icon svg{width:22px}.admin-logout-layer .logout-confirm-card>span{color:#c45a4f;letter-spacing:1.15px;font-size:10px;font-weight:900;display:block}.admin-logout-layer .logout-confirm-card h2{color:#182d25;margin:7px 0 8px;font:900 23px/1.15 Nunito}.admin-logout-layer .logout-confirm-card p{color:#657a70;margin:0;font-size:12px;line-height:1.65}.admin-logout-layer .logout-confirm-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.admin-logout-layer .logout-confirm-actions button{color:#51665c;background:#f6f9f7;border:1px solid #dbe6e1;border-radius:13px;min-height:46px;font:850 11px Nunito}.admin-logout-layer .logout-confirm-actions button.confirm{color:#fff;background:linear-gradient(135deg,#d35b4e,#b83f35);border-color:#bd4a40;justify-content:center;align-items:center;gap:7px;display:flex;box-shadow:0 11px 24px #bd4a4038}.admin-logout-layer .logout-confirm-actions .confirm svg{width:17px}html.dark .student-parent-pin-note{color:#bfe8d8;background:linear-gradient(135deg,#15372c,#123027);border-color:#285246}html.dark .student-parent-pin-note small{color:#8eaaa0}html.dark .logout{color:#ffb3a8;background:linear-gradient(135deg,#b5423626,#70201b1a);border-color:#ff897b33;box-shadow:0 10px 28px #000a0733}html.dark .logout>svg{color:#ffad9f;box-shadow:none;background:#ffffff12}html.dark .logout small{color:#b88c86}html.dark .admin-logout-layer .logout-confirm-card{background:#10281f;border-color:#29483e}html.dark .admin-logout-layer .logout-confirm-card h2{color:#f2f7f4}html.dark .admin-logout-layer .logout-confirm-card p{color:#9bb0a7}html.dark .admin-logout-layer .logout-confirm-actions button{color:#c1d0ca;background:#18342a;border-color:#315147}@media (width<=850px){.student-parent-pin-note{margin:-8px 0 18px}.admin-logout-layer{padding:12px 12px calc(96px + env(safe-area-inset-bottom));align-items:flex-end}.admin-logout-layer .logout-confirm-card{border-radius:21px;padding:22px}}html body .logout-confirm-layer,html body .admin-logout-layer,html body .tenant-logout-layer{padding:max(16px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))!important;justify-content:center!important;align-items:center!important;display:flex!important}html body .logout-confirm-layer .logout-confirm-card{max-height:calc(100dvh - 32px);overflow:auto;margin:0 auto!important}@media (width<=850px){html body .logout-confirm-layer,html body .admin-logout-layer,html body .tenant-logout-layer{justify-content:center!important;align-items:center!important;padding:14px!important}html body .logout-confirm-layer .logout-confirm-card{max-height:calc(100dvh - 28px);width:min(390px,100%)!important}}:root{--field-surface:#fbfdfc;--field-surface-soft:#f7faf8;--field-border:#d7e4de;--field-text:#1c3027;--field-placeholder:#82938b;--field-icon:#71877d;--field-focus:#159a6d;--field-focus-ring:#159a6d1f;--field-autofill:#fbfdfc}html[data-theme=dark]{--field-surface:#0f1e19;--field-surface-soft:#0f1e19;--field-border:#344d43;--field-text:#edf8f3;--field-placeholder:#789087;--field-icon:#82a096;--field-focus:#3eb98b;--field-focus-ring:#3eb98b24;--field-autofill:#0f1e19;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:is(.app-shell,.role-shell,.cashier-shell,.login-page,.identity-editor-layer) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),select,textarea){caret-color:var(--field-focus);background-image:none;font-family:Nunito,sans-serif;color:var(--field-text)!important;border-color:var(--field-border)!important;background:var(--field-surface)!important;background-color:var(--field-surface)!important;box-shadow:none!important}:is(.app-shell,.role-shell,.cashier-shell,.login-page,.identity-editor-layer) :is(input,textarea)::placeholder{opacity:1;color:var(--field-placeholder)!important}:is(.app-shell,.role-shell,.cashier-shell,.login-page,.identity-editor-layer) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),select,textarea):focus{border-color:var(--field-focus)!important;box-shadow:0 0 0 3px var(--field-focus-ring)!important;outline:0!important}:is(.identity-editor-fields label>div,.search,.toolbar-search,.pos-tools>label,.student-picker>label,.cafe-student-search label,.student-lookup-row>label,.shift-gate label>div,.limit-card label>div,.money-input,.cafe-cash-payment>label>div){overflow:hidden;color:var(--field-text)!important;border-color:var(--field-border)!important;background:var(--field-surface)!important;background-color:var(--field-surface)!important;box-shadow:none!important;background-image:none!important}:is(.identity-editor-fields label>div,.search,.toolbar-search,.pos-tools>label,.student-picker>label,.cafe-student-search label,.student-lookup-row>label,.shift-gate label>div,.limit-card label>div,.money-input,.cafe-cash-payment>label>div):focus-within{border-color:var(--field-focus)!important;box-shadow:0 0 0 3px var(--field-focus-ring)!important}:is(.identity-editor-fields label>div,.search,.toolbar-search,.pos-tools>label,.student-picker>label,.cafe-student-search label,.student-lookup-row>label,.shift-gate label>div,.limit-card label>div,.money-input,.cafe-cash-payment>label>div)>input:not([type=checkbox]):not([type=radio]){min-width:0;height:100%!important;color:var(--field-text)!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;outline:0!important}:is(.identity-editor-fields label>div,.search,.toolbar-search,.pos-tools>label,.student-picker>label,.cafe-student-search label,.student-lookup-row>label,.shift-gate label>div,.limit-card label>div,.money-input,.cafe-cash-payment>label>div)>input:focus{box-shadow:none!important;border:0!important;outline:0!important}:is(.identity-editor-fields label>div,.search,.toolbar-search,.pos-tools>label,.student-picker>label,.cafe-student-search label,.student-lookup-row>label)>svg{color:var(--field-icon)!important;background:0 0!important}:is(.shift-gate label>div,.limit-card label>div,.money-input,.cafe-cash-payment>label>div)>span{color:var(--field-focus)!important;background:0 0!important}:is(.app-shell,.role-shell,.cashier-shell,.login-page,.identity-editor-layer) input:-webkit-autofill{transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--field-text)!important;-webkit-box-shadow:0 0 0 1000px var(--field-autofill) inset!important;box-shadow:0 0 0 1000px var(--field-autofill) inset!important;caret-color:var(--field-text)!important}:is(.app-shell,.role-shell,.cashier-shell,.login-page,.identity-editor-layer) input:-webkit-autofill:hover{transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--field-text)!important;-webkit-box-shadow:0 0 0 1000px var(--field-autofill) inset!important;box-shadow:0 0 0 1000px var(--field-autofill) inset!important;caret-color:var(--field-text)!important}:is(.app-shell,.role-shell,.cashier-shell,.login-page,.identity-editor-layer) input:-webkit-autofill:focus{transition:background-color 9999s ease-out;-webkit-text-fill-color:var(--field-text)!important;-webkit-box-shadow:0 0 0 1000px var(--field-autofill) inset!important;box-shadow:0 0 0 1000px var(--field-autofill) inset!important;caret-color:var(--field-text)!important}:is(.identity-editor-fields label>div,.search,.toolbar-search,.pos-tools>label,.student-picker>label,.cafe-student-search label,.student-lookup-row>label,.shift-gate label>div,.limit-card label>div,.money-input,.cafe-cash-payment>label>div)>input:-webkit-autofill{-webkit-text-fill-color:var(--field-text)!important;-webkit-box-shadow:0 0 0 1000px var(--field-surface) inset!important;box-shadow:0 0 0 1000px var(--field-surface) inset!important}:is(.identity-editor-fields label>div,.search,.toolbar-search,.pos-tools>label,.student-picker>label,.cafe-student-search label,.student-lookup-row>label,.shift-gate label>div,.limit-card label>div,.money-input,.cafe-cash-payment>label>div)>input:-webkit-autofill:hover{-webkit-text-fill-color:var(--field-text)!important;-webkit-box-shadow:0 0 0 1000px var(--field-surface) inset!important;box-shadow:0 0 0 1000px var(--field-surface) inset!important}:is(.identity-editor-fields label>div,.search,.toolbar-search,.pos-tools>label,.student-picker>label,.cafe-student-search label,.student-lookup-row>label,.shift-gate label>div,.limit-card label>div,.money-input,.cafe-cash-payment>label>div)>input:-webkit-autofill:focus{-webkit-text-fill-color:var(--field-text)!important;-webkit-box-shadow:0 0 0 1000px var(--field-surface) inset!important;box-shadow:0 0 0 1000px var(--field-surface) inset!important}:is(.app-shell,.role-shell,.cashier-shell,.login-page) select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:is(.app-shell,.role-shell,.cashier-shell,.login-page) select{--lightningcss-light: ;--lightningcss-dark:initial}}html[data-theme=dark] :is(.app-shell,.role-shell,.cashier-shell,.login-page) select option{color:#edf8f3;background:#10201b}html[data-theme] body :is(.app-shell,.role-shell,.cashier-shell,.login-page,.identity-editor-layer) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),select,textarea){color:var(--field-text)!important;border-color:var(--field-border)!important;background-color:var(--field-surface)!important;background-clip:padding-box!important}html[data-theme] body :is(.app-shell,.role-shell,.cashier-shell,.login-page,.identity-editor-layer) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),select,textarea):focus{border-color:var(--field-focus)!important;box-shadow:0 0 0 3px var(--field-focus-ring)!important;outline:0!important}html[data-theme] body :is(.identity-editor-fields label>div,.search,.toolbar-search,.pos-tools>label,.student-picker>label,.cafe-student-search label,.student-lookup-row>label,.shift-gate label>div,.limit-card label>div,.money-input,.cafe-cash-payment>label>div)>input:not([type=checkbox]):not([type=radio]){box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important}html[data-theme] body :is(.identity-editor-fields label>div,.search,.toolbar-search,.pos-tools>label,.student-picker>label,.cafe-student-search label,.student-lookup-row>label,.shift-gate label>div,.limit-card label>div,.money-input,.cafe-cash-payment>label>div)>input:focus{box-shadow:none!important;border:0!important;outline:0!important}.sidebar,.role-sidebar,.cashier-sidebar,.main-column,.role-main,.cashier-main{transition:width .34s cubic-bezier(.22,1,.36,1),margin-left .34s cubic-bezier(.22,1,.36,1),padding .34s cubic-bezier(.22,1,.36,1)}.desktop-sidebar-toggle{z-index:4;color:#d9f6e9;cursor:pointer;background:linear-gradient(145deg,#126d50,#074936);border:1px solid #8fd3b761;border-radius:11px;place-items:center;width:34px;height:34px;padding:0;transition:transform .22s,box-shadow .22s,background .22s;display:grid;position:absolute;top:25px;right:-16px;box-shadow:0 10px 25px #021f1640,inset 0 1px #ffffff1a}.desktop-sidebar-toggle:hover{background:linear-gradient(145deg,#16805d,#07523d);transform:translateY(-2px)scale(1.04);box-shadow:0 14px 30px #021f1652}.desktop-sidebar-toggle svg{width:17px;height:17px}@media (width>=901px){.sidebar,.role-sidebar,.cashier-sidebar{overflow:visible;color:#fff!important;background:radial-gradient(circle at 18% 0,#4be1ac38,#0000 29%),linear-gradient(165deg,#07513c,#032a20 72%)!important;border-right:1px solid #74deb41f!important;box-shadow:18px 0 48px #03221821!important}.sidebar{width:258px}.role-sidebar{width:264px}.cashier-sidebar{width:248px}.sidebar-header,.role-brand,.cashier-brand{position:relative;border-color:#ffffff1a!important}.sidebar .brand strong,.sidebar .brand span{color:#fff!important}.sidebar .brand small{color:#ffffff94!important}.nav-caption{color:#ffffff6e!important}.sidebar nav,.role-sidebar nav,.cashier-sidebar nav{gap:5px;display:grid}.sidebar nav button,.role-sidebar nav button,.cashier-sidebar nav button{isolation:isolate;min-height:48px;position:relative;overflow:hidden;color:#ebfaf4ad!important;box-shadow:none!important;background:0 0!important;border-radius:14px!important;transition:transform .22s cubic-bezier(.22,1,.36,1),color .22s,background .22s,box-shadow .22s!important}.sidebar nav button>svg:first-child,.role-sidebar nav button>svg:first-child,.cashier-sidebar nav button>svg:first-child{flex:none;transition:transform .28s cubic-bezier(.22,1,.36,1),color .22s}.sidebar nav button:hover,.role-sidebar nav button:hover,.cashier-sidebar nav button:hover{z-index:2;transform:translate(4px);color:#fff!important;background:#ffffff17!important;box-shadow:0 10px 22px #0018111f!important}.sidebar nav button:hover>svg:first-child,.role-sidebar nav button:hover>svg:first-child,.cashier-sidebar nav button:hover>svg:first-child{color:#69e3b3;transform:scale(1.13)rotate(-3deg)}.sidebar nav button.active,.role-sidebar nav button.active,.cashier-sidebar nav button.active{color:#fff!important;background:linear-gradient(100deg,#3bd39c40,#ffffff1a)!important;box-shadow:inset 3px 0 #5be0ad,0 11px 25px #00171029!important}.sidebar nav button.active:after,.role-sidebar nav button.active:after,.cashier-sidebar nav button.active:after{content:"";z-index:-1;background:linear-gradient(105deg,#0000 25%,#ffffff1f 48%,#0000 70%);animation:3.8s ease-in-out infinite sidebarMenuShine;position:absolute;inset:0;transform:translate(-120%)}.sidebar nav button.active>svg:first-child,.role-sidebar nav button.active>svg:first-child,.cashier-sidebar nav button.active>svg:first-child{color:#70e9ba;filter:drop-shadow(0 4px 8px #2dd39733)}.sidebar nav button.active:before{left:-18px;background:#5be0ad!important}.sidebar-help,.role-school,.cashier-store,.shift-indicator{box-shadow:inset 0 1px #ffffff08;color:#fff!important;background:#ffffff0e!important;border:1px solid #ffffff17!important}.sidebar-help strong,.sidebar-help span{color:#ffffffd1!important}.sidebar-help span{color:#ffffff85!important}.sidebar-collapsed .sidebar,.sidebar-collapsed .role-sidebar,.sidebar-collapsed .cashier-sidebar{width:88px!important;padding-left:17px!important;padding-right:17px!important}.sidebar-collapsed .main-column,.sidebar-collapsed .role-main,.sidebar-collapsed .cashier-main{margin-left:88px!important}.sidebar-collapsed .sidebar-header,.sidebar-collapsed .role-brand,.sidebar-collapsed .cashier-brand{justify-content:center;padding-left:0!important;padding-right:0!important}.sidebar-collapsed .sidebar-header .brand>div,.sidebar-collapsed .role-brand>div,.sidebar-collapsed .cashier-brand>div,.sidebar-collapsed .nav-caption{display:none!important}.sidebar-collapsed .sidebar-header .brand,.sidebar-collapsed .role-brand,.sidebar-collapsed .cashier-brand{justify-content:center;gap:0}.sidebar-collapsed .sidebar-header .brand img,.sidebar-collapsed .role-brand img,.sidebar-collapsed .cashier-brand img{width:48px!important;height:48px!important;margin:0!important}.sidebar-collapsed .role-school,.sidebar-collapsed .cashier-store{justify-content:center;width:52px;height:52px;margin-left:1px;margin-right:1px;padding:0!important}.sidebar-collapsed .role-school>div,.sidebar-collapsed .cashier-store>div{display:none!important}.sidebar-collapsed .role-school>svg,.sidebar-collapsed .cashier-store>svg{width:20px;margin:0}.sidebar-collapsed .sidebar nav button,.sidebar-collapsed .role-sidebar nav button,.sidebar-collapsed .cashier-sidebar nav button{place-items:center;gap:0;width:52px;min-height:50px;grid-template-columns:1fr!important;margin-left:1px!important;margin-right:1px!important;padding:0!important;display:grid!important}.sidebar-collapsed :is(.sidebar,.role-sidebar,.cashier-sidebar) nav button>span,.sidebar-collapsed :is(.sidebar,.role-sidebar,.cashier-sidebar) nav button>svg:last-child{display:none!important}.sidebar-collapsed :is(.sidebar,.role-sidebar,.cashier-sidebar) nav button>svg:first-child{width:20px!important;height:20px!important;margin:0!important}.sidebar-collapsed :is(.sidebar,.role-sidebar,.cashier-sidebar) nav button:hover{transform:translateY(-2px)scale(1.03)}.sidebar-collapsed .sidebar-help{place-items:center;width:52px;height:52px;padding:0!important}.sidebar-collapsed .sidebar-help>:not(svg){display:none!important}.sidebar-collapsed .shift-indicator{justify-content:center;width:52px;height:48px;padding:0!important}.sidebar-collapsed .shift-indicator>div{display:none!important}.sidebar-collapsed .shift-indicator>i{margin:0}.sidebar-collapsed :is(.logout,.role-logout,.cashier-logout){justify-content:center!important;width:52px!important;min-height:52px!important;margin-left:1px!important;margin-right:1px!important;padding:0!important}.sidebar-collapsed :is(.logout,.role-logout,.cashier-logout)>span{display:none!important}.sidebar-collapsed :is(.logout,.role-logout,.cashier-logout)>svg{flex-basis:36px!important;width:36px!important;height:36px!important;margin:0!important}.sidebar-collapsed .desktop-sidebar-toggle{right:-17px}}@media (width<=900px){.desktop-sidebar-toggle{display:none!important}.sidebar-collapsed .main-column,.sidebar-collapsed .role-main,.sidebar-collapsed .cashier-main{margin-left:0!important}}@keyframes sidebarMenuShine{0%,62%{transform:translate(-125%)}85%,to{transform:translate(125%)}}@media (prefers-reduced-motion:reduce){.sidebar nav button,.role-sidebar nav button,.cashier-sidebar nav button,.sidebar,.role-sidebar,.cashier-sidebar,.main-column,.role-main,.cashier-main{transition:none!important}.sidebar nav button.active:after,.role-sidebar nav button.active:after,.cashier-sidebar nav button.active:after{animation:none!important}}.student-id-card{isolation:isolate;flex-direction:column;align-items:stretch;display:flex;position:relative;background:radial-gradient(circle at 8% 5%,#47e5ab33,#0000 25%),radial-gradient(circle at 92% 88%,#30be8b21,#0000 28%),linear-gradient(150deg,#075a42,#033b2d 72%)!important;border:1px solid #97ecca80!important;min-height:0!important;padding:30px!important;box-shadow:0 28px 70px #0330223d,inset 0 1px #ffffff14!important}.student-id-card:before,.student-id-card:after{content:"";z-index:-1;pointer-events:none;border-radius:50%;position:absolute}.student-id-card:before{border:38px solid #ffffff09;width:230px;height:230px;top:-120px;right:-120px}.student-id-card:after{background:radial-gradient(circle,#51e0a91a,#0000 68%);width:150px;height:150px;bottom:-85px;left:-85px}.student-id-card>header{text-align:center;border-bottom:1px solid #ffffff1f;padding-bottom:20px;position:relative;justify-content:center!important}.student-id-card>header span{letter-spacing:1.7px!important;font-size:9px!important}.student-id-card>header strong{letter-spacing:.2px;font-size:23px!important}.student-id-card>header>svg{position:absolute;top:50%;right:0;transform:translateY(-50%);width:44px!important;height:44px!important}.student-id-body{text-align:center;flex-direction:column;justify-content:center;gap:12px!important;margin:24px 0 20px!important;padding:0 0 22px!important}.student-id-photo{box-shadow:0 14px 30px #00191140;border-radius:25px!important;flex-basis:82px!important;width:82px!important;height:82px!important}.student-id-body span{font-size:9px!important}.student-id-body h2{margin:5px 0 3px!important;font-size:24px!important}.student-id-body p{font-size:10px!important}.student-qr{text-align:center;border:1px solid #ffffffd9;flex-direction:column;justify-content:center;width:100%;min-height:300px;box-shadow:0 18px 45px #001f1529;background:linear-gradient(145deg,#fff,#f2faf6)!important;border-radius:24px!important;gap:15px!important;padding:24px!important}.student-qr>img{background:#fff;padding:5px;box-shadow:0 10px 25px #084c361a;border-radius:16px!important;flex-basis:190px!important;width:190px!important;height:190px!important}.student-qr>div{max-width:430px}.student-qr strong{font-size:15px!important}.student-qr small{margin-top:7px!important;font-size:10px!important;line-height:1.65!important}.student-id-card>footer{text-align:center;justify-content:center;padding-top:2px;gap:8px!important;margin-top:20px!important;font-size:9px!important}.student-id-card>footer b{border-left:1px solid #ffffff26;padding-left:17px;margin-left:10px!important}@media (width<=620px){.student-id-card{padding:22px 17px!important}.student-id-card>header>svg{right:0;width:38px!important;height:38px!important}.student-id-body h2{font-size:21px!important}.student-qr{min-height:270px;padding:20px 14px!important}.student-qr>img{flex-basis:165px!important;width:165px!important;height:165px!important}.student-id-card>footer{flex-wrap:wrap}.student-id-card>footer b{border:0;width:100%;margin:3px 0 0!important;padding:0!important}}.admin-mobile-identity,.admin-topbar-logout{display:none}.admin-topbar-logout{color:#b44b40;background:#fff;border:1px solid #dce8e2;border-radius:13px;place-items:center;width:42px;height:42px;padding:0;box-shadow:0 8px 22px #19413112}.admin-topbar-logout svg{width:18px;height:18px}@media (width<=850px){html body .app-shell>.sidebar{display:none!important}html body .app-shell>.main-column{padding-bottom:calc(88px + env(safe-area-inset-bottom))!important;margin-left:0!important}html body :is(.premium-topbar,.tenant-premium-topbar,.premium-cashier-topbar){-webkit-backdrop-filter:blur(22px)saturate(1.2)!important;backdrop-filter:blur(22px)saturate(1.2)!important;background:linear-gradient(110deg,#fffffffa,#f7fbf9f2)!important;border-bottom:1px solid #c8dcd3c7!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;height:72px!important;min-height:72px!important;padding:0 14px!important;display:flex!important;box-shadow:0 9px 28px #0b3d2a11!important}html body .premium-topbar:after,html body .tenant-premium-topbar:after,html body .premium-cashier-topbar:after{content:""!important;background:linear-gradient(90deg,#12a875 0 18%,#12a8751f 45%,#0000 78%)!important;height:2px!important;display:block!important;position:absolute!important;bottom:-1px!important;left:0!important;right:0!important}html body .premium-topbar :is(.menu-toggle,.topbar-page,.system-status,.live-alerts,.premium-profile),html body .tenant-premium-topbar :is(.tenant-topbar-context,.tenant-topbar-store,.tenant-topbar-profile,.role-live),html body .premium-cashier-topbar :is(.cashier-topbar-context,.cashier-topbar-store-info,.cashier-topbar-profile,.cashier-shift-pill){display:none!important}html body :is(.admin-mobile-identity,.tenant-mobile-identity,.cashier-mobile-identity){color:#193128!important;min-width:0!important;max-width:calc(100% - 100px)!important;box-shadow:none!important;text-align:left!important;background:0 0!important;border:0!important;border-radius:0!important;flex:auto!important;order:-2!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;margin:0 auto 0 0!important;padding:0!important;display:flex!important}html body :is(.admin-mobile-identity,.tenant-mobile-identity,.cashier-mobile-identity)>div:last-child{min-width:0!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important;display:block!important}html body :is(.admin-mobile-identity,.tenant-mobile-identity,.cashier-mobile-identity) :is(strong,span){text-overflow:ellipsis!important;white-space:nowrap!important;text-align:left!important;display:block!important;overflow:hidden!important}html body :is(.admin-mobile-identity,.tenant-mobile-identity,.cashier-mobile-identity)>div:last-child>strong{color:#193128!important;margin:0!important;font:900 13px/1.2 Nunito!important}html body :is(.admin-mobile-identity,.tenant-mobile-identity,.cashier-mobile-identity)>div:last-child>span{color:#81938a!important;margin-top:4px!important;font:750 9px/1.2 Nunito!important}.admin-mobile-avatar,.tenant-mobile-identity .role-avatar,.cashier-mobile-identity .cashier-user{background:#dff5ea!important;border:2px solid #fffffff2!important;border-radius:14px!important;flex:0 0 44px!important;order:0!important;place-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;display:grid!important;position:relative!important;overflow:visible!important;box-shadow:0 8px 20px #075e4124!important}.admin-mobile-avatar img,.tenant-mobile-identity .role-avatar img,.cashier-mobile-identity .cashier-user img{object-fit:cover!important;border-radius:11px!important;width:100%!important;height:100%!important;display:block!important}.admin-mobile-avatar>i,.tenant-mobile-identity .role-avatar>i,.cashier-mobile-identity .cashier-user>i{width:11px!important;height:11px!important;box-shadow:none!important;background:#10ad78!important;border:2px solid #fff!important;border-radius:50%!important;display:block!important;position:absolute!important;bottom:-3px!important;right:-3px!important}html body :is(.premium-topbar .top-actions,.tenant-topbar-actions,.cashier-topbar-actions){flex:none!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;width:auto!important;min-width:92px!important;margin-left:auto!important;display:flex!important}html body :is(.premium-topbar .top-actions,.tenant-topbar-actions,.cashier-topbar-actions) .theme-toggle{background:#fff!important;border:1px solid #dce8e2!important;border-radius:13px!important;flex:0 0 42px!important;width:42px!important;min-width:42px!important;height:42px!important;box-shadow:0 8px 22px #19413112!important}html body :is(.admin-topbar-logout,.tenant-topbar-logout,.cashier-topbar-logout){color:#bd5146!important;background:#fff7f5!important;border:1px solid #eadbd7!important;border-radius:13px!important;flex:0 0 42px!important;place-items:center!important;width:42px!important;min-width:42px!important;height:42px!important;padding:0!important;display:grid!important;box-shadow:0 8px 22px #602b2312!important}html body :is(.admin-topbar-logout,.tenant-topbar-logout,.cashier-topbar-logout) svg{width:18px!important;height:18px!important}}@media (width<=390px){html body :is(.premium-topbar,.tenant-premium-topbar,.premium-cashier-topbar){padding-inline:11px!important}html body :is(.admin-mobile-identity,.tenant-mobile-identity,.cashier-mobile-identity){gap:8px!important;max-width:calc(100% - 94px)!important}.admin-mobile-avatar,.tenant-mobile-identity .role-avatar,.cashier-mobile-identity .cashier-user{flex-basis:41px!important;width:41px!important;min-width:41px!important;height:41px!important}html body :is(.admin-mobile-identity,.tenant-mobile-identity,.cashier-mobile-identity)>div:last-child>strong{font-size:12px!important}html body :is(.premium-topbar .top-actions,.tenant-topbar-actions,.cashier-topbar-actions){gap:6px!important;min-width:88px!important}html body :is(.premium-topbar .top-actions,.tenant-topbar-actions,.cashier-topbar-actions) .theme-toggle,html body :is(.admin-topbar-logout,.tenant-topbar-logout,.cashier-topbar-logout){flex-basis:40px!important;width:40px!important;min-width:40px!important;height:40px!important}}html[data-theme=dark] body :is(.premium-topbar,.tenant-premium-topbar,.premium-cashier-topbar){background:linear-gradient(110deg,#0d1a16fc,#0f1f1af7)!important;border-color:#2d433b!important;box-shadow:0 10px 30px #00000040!important}html[data-theme=dark] body :is(.admin-mobile-identity,.tenant-mobile-identity,.cashier-mobile-identity)>div:last-child>strong{color:#edf8f3!important}html[data-theme=dark] body :is(.admin-mobile-identity,.tenant-mobile-identity,.cashier-mobile-identity)>div:last-child>span{color:#8fa69d!important}html[data-theme=dark] body :is(.premium-topbar .top-actions,.tenant-topbar-actions,.cashier-topbar-actions) .theme-toggle{color:#f3ce63!important;box-shadow:none!important;background:#172a24!important;border-color:#334a41!important}html[data-theme=dark] body :is(.admin-topbar-logout,.tenant-topbar-logout,.cashier-topbar-logout){color:#ff998c!important;box-shadow:none!important;background:#30211e!important;border-color:#49342f!important}html[data-theme=dark] body :is(.admin-mobile-avatar,.tenant-mobile-identity .role-avatar,.cashier-mobile-identity .cashier-user){box-shadow:none!important;background:#1b372d!important;border-color:#2d4a40!important}html[data-theme=dark] body :is(.admin-mobile-avatar>i,.tenant-mobile-identity .role-avatar>i,.cashier-mobile-identity .cashier-user>i){border-color:#10231d!important}@media (width<=850px){html body :is(.premium-topbar,.tenant-premium-topbar,.premium-cashier-topbar)>:is(.admin-mobile-identity,.tenant-mobile-identity,.cashier-mobile-identity){flex:1 1 0!important;order:-2!important;min-width:0!important;max-width:none!important;margin:0 auto 0 0!important}html body :is(.tenant-topbar-actions,.cashier-topbar-actions,.premium-topbar .top-actions){flex:none!important;justify-content:flex-end!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0 0 0 auto!important}html body :is(.tenant-mobile-identity,.cashier-mobile-identity,.admin-mobile-identity)>div:last-child{flex:auto!important;min-width:0!important}}.page-stage,.portal-page-stage,.cashier-page-stage{isolation:isolate;will-change:opacity,transform,filter;position:relative}:is(.page-stage,.portal-page-stage,.cashier-page-stage)>*{animation:.55s cubic-bezier(.22,1,.36,1) both premiumSectionReveal}:is(.page-stage,.portal-page-stage,.cashier-page-stage)>:nth-child(2){animation-delay:55ms}:is(.page-stage,.portal-page-stage,.cashier-page-stage)>:nth-child(3){animation-delay:.1s}:is(.page-stage,.portal-page-stage,.cashier-page-stage)>:nth-child(4){animation-delay:.14s}:is(.page-stage,.portal-page-stage,.cashier-page-stage)>:nth-child(5){animation-delay:.18s}:is(.page-stage,.portal-page-stage,.cashier-page-stage)>:nth-child(n+6){animation-delay:.21s}:is(.page-stage,.portal-page-stage,.cashier-page-stage) :is(.metrics,.role-metrics,.wallet-grid,.tenant-grid,.portal-card-grid,.student-menu-grid,.children-overview,.order-cards,.transaction-cards,.topup-list,.portal-list,.cashier-order-list)>:not([style]){animation:.48s cubic-bezier(.22,1,.36,1) backwards premiumItemReveal}:is(.page-stage,.portal-page-stage,.cashier-page-stage) :is(.metrics,.role-metrics,.wallet-grid,.tenant-grid,.portal-card-grid,.student-menu-grid,.children-overview,.order-cards,.transaction-cards,.topup-list,.portal-list,.cashier-order-list)>:not([style]):nth-child(2){animation-delay:55ms}:is(.page-stage,.portal-page-stage,.cashier-page-stage) :is(.metrics,.role-metrics,.wallet-grid,.tenant-grid,.portal-card-grid,.student-menu-grid,.children-overview,.order-cards,.transaction-cards,.topup-list,.portal-list,.cashier-order-list)>:not([style]):nth-child(3){animation-delay:.1s}:is(.page-stage,.portal-page-stage,.cashier-page-stage) :is(.metrics,.role-metrics,.wallet-grid,.tenant-grid,.portal-card-grid,.student-menu-grid,.children-overview,.order-cards,.transaction-cards,.topup-list,.portal-list,.cashier-order-list)>:not([style]):nth-child(4){animation-delay:.14s}:is(.page-stage,.portal-page-stage,.cashier-page-stage) :is(.metrics,.role-metrics,.wallet-grid,.tenant-grid,.portal-card-grid,.student-menu-grid,.children-overview,.order-cards,.transaction-cards,.topup-list,.portal-list,.cashier-order-list)>:not([style]):nth-child(n+5){animation-delay:.18s}:is(.page-stage,.portal-page-stage,.cashier-page-stage) :is(.metric,.portal-panel,.portal-menu-card,.wallet-card,.tenant-card,.student-menu-grid article,.children-overview>article,.order-cards article,.cashier-order-list article,.shift-summary,.close-shift-card,.cashier-profile,.cashier-password,.credential-card,.pin-card,.topup-form-card,.healthy-card){will-change:transform;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s,background-color .25s!important}@media (hover:hover) and (pointer:fine){:is(.page-stage,.portal-page-stage,.cashier-page-stage) :is(.metric,.portal-panel,.portal-menu-card,.wallet-card,.tenant-card,.student-menu-grid article,.children-overview>article,.order-cards article,.cashier-order-list article,.shift-summary,.close-shift-card,.cashier-profile,.cashier-password,.credential-card,.pin-card,.topup-form-card):hover{transform:translateY(-4px);border-color:#23ab7b4d!important;box-shadow:0 20px 48px #084a331a!important}:is(.page-stage,.portal-page-stage,.cashier-page-stage) button:not(:disabled):hover svg{transform:scale(1.08)}}:is(.page-stage,.portal-page-stage,.cashier-page-stage) button{transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .22s,background-color .22s,border-color .22s,color .22s}:is(.page-stage,.portal-page-stage,.cashier-page-stage) button svg{transition:transform .24s cubic-bezier(.22,1,.36,1)}:is(.page-stage,.portal-page-stage,.cashier-page-stage) button:not(:disabled):active{transform:scale(.975)}:is(.page-heading,.role-head,.cashier-heading){position:relative}:is(.page-heading,.role-head,.cashier-heading):after{content:"";transform-origin:0;background:linear-gradient(90deg,#079669,#55d7a7,#0000);border-radius:99px;width:58px;height:3px;animation:.72s cubic-bezier(.22,1,.36,1) .13s both premiumAccentGrow;position:absolute;bottom:-10px;left:0}:is(.page-stage,.portal-page-stage,.cashier-page-stage) tbody tr{animation:.38s both premiumRowReveal}:is(.page-stage,.portal-page-stage,.cashier-page-stage) tbody tr:nth-child(2){animation-delay:35ms}:is(.page-stage,.portal-page-stage,.cashier-page-stage) tbody tr:nth-child(3){animation-delay:70ms}:is(.page-stage,.portal-page-stage,.cashier-page-stage) tbody tr:nth-child(4){animation-delay:.105s}:is(.page-stage,.portal-page-stage,.cashier-page-stage) tbody tr:nth-child(n+5){animation-delay:.14s}:is(.modal,.receipt-modal,.cancel-modal,.scanner-modal,.identity-editor-modal,.avatar-picker-modal):not([style]){animation:.4s cubic-bezier(.22,1,.36,1) both premiumDialogIn}:is(.modal-backdrop,.portal-modal-bg,.cashier-modal-bg,.identity-editor-layer,.avatar-picker-layer){animation:.25s both premiumBackdropIn}:is(.limit-progress i,.report-progress i,.progress-bar i){transform-origin:0;animation:.75s cubic-bezier(.22,1,.36,1) .15s both premiumProgressGrow}:is(.portal-status,.status,.availability,.nutrition,.role-chip,.class-chip){transition:transform .22s,box-shadow .22s}@media (hover:hover){:is(.portal-status,.status,.availability,.nutrition,.role-chip,.class-chip):hover{transform:translateY(-1px);box-shadow:0 6px 14px #0b4b3514}}@keyframes premiumSectionReveal{0%{opacity:0;filter:blur(7px);transform:translateY(18px)scale(.994)}to{opacity:1;filter:blur();transform:none}}@keyframes premiumItemReveal{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:none}}@keyframes premiumRowReveal{0%{opacity:0;transform:translate(-7px)}to{opacity:1;transform:none}}@keyframes premiumDialogIn{0%{opacity:0;filter:blur(5px);transform:translateY(18px)scale(.97)}to{opacity:1;filter:blur();transform:none}}@keyframes premiumBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes premiumAccentGrow{0%{opacity:0;transform:scaleX(.15)}to{opacity:1;transform:scaleX(1)}}@keyframes premiumProgressGrow{0%{transform:scaleX(.05)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.page-stage,.portal-page-stage,.cashier-page-stage,.page-stage *,.portal-page-stage *,.cashier-page-stage *,:is(.modal,.receipt-modal,.cancel-modal,.scanner-modal,.identity-editor-modal,.avatar-picker-modal),:is(.modal-backdrop,.portal-modal-bg,.cashier-modal-bg,.identity-editor-layer,.avatar-picker-layer){scroll-behavior:auto!important;transition-duration:.001ms!important;animation:none!important}.page-stage,.portal-page-stage,.cashier-page-stage{filter:none!important;transform:none!important}}.app-shell{--admin-page:#f3f7f5;--admin-surface:#fff;--admin-surface-soft:#f7faf8;--admin-surface-muted:#eef5f1;--admin-border:#dfe9e3;--admin-text:#172c24;--admin-muted:#71837a;--admin-accent:#07865e;--admin-accent-soft:#e7f6ee;--admin-shadow:0 14px 38px #1243310f;background:var(--admin-page);color:var(--admin-text)}html[data-theme=dark] .app-shell{--admin-page:#09120f;--admin-surface:#13231e;--admin-surface-soft:#0f1d19;--admin-surface-muted:#172a24;--admin-border:#2d433b;--admin-text:#edf8f3;--admin-muted:#9bb0a8;--admin-accent:#67dbae;--admin-accent-soft:#18372c;--admin-shadow:0 17px 45px #0003}.app-shell,.app-shell .main-column,.app-shell .content{background-color:var(--admin-page)!important;color:var(--admin-text)!important}.app-shell :is(.panel,.metric,.module-panel,.state-card,.empty-module,.wallet-card,.tenant-card,.settings-content,.settings-tabs,.security-card,.report-filters,.stock-summary article,.balance-total,.current-balance,.category-grid article,.admin-avatar-settings,.report-chart){box-shadow:var(--admin-shadow);background:var(--admin-surface)!important;border-color:var(--admin-border)!important;color:var(--admin-text)!important}.app-shell :is(.toolbar,.wallet-grid,.wallet-meta span,.tenant-card footer,.detail-info span,.menu-image-upload>div,.checkbox-label,.pager,.live-alerts,.audit-list article>span){background:var(--admin-surface-soft)!important;border-color:var(--admin-border)!important;color:var(--admin-text)!important}.app-shell :is(.panel-heading,.section-title,.tenant-card header,.tenant-stats,.tenant-stats div,.transaction-list article,.payment-list>div,.ranking-list>div,.audit-list article,.status-timeline,.detail-actions,.receipt-head,.receipt-total>strong,.bar-column>div){border-color:var(--admin-border)!important}.app-shell :is(h1,h2,h3,h4,strong,b,label){color:var(--admin-text)}.app-shell :is(p,small,.result-count,.page-heading p,.panel-heading p,.section-title p,.wallet-card p,.wallet-card small,.tenant-card small,.tenant-owner span,.tenant-owner small,.tenant-stats span,.transaction-list small,.payment-list small,.ranking-list small,.bar-column span,.bar-column small,.audit-list small,.receipt-head span,.status-timeline small){color:var(--admin-muted)!important}.app-shell .premium-topbar{background:linear-gradient(110deg,color-mix(in srgb,var(--admin-surface) 96%,transparent),color-mix(in srgb,var(--admin-surface-soft) 94%,transparent))!important;border-color:var(--admin-border)!important;color:var(--admin-text)!important}.app-shell .topbar-page strong,.app-shell .premium-profile strong,.app-shell .system-status strong{color:var(--admin-text)!important}.app-shell .topbar-page span,.app-shell .premium-profile small,.app-shell .system-status span{color:var(--admin-muted)!important}.app-shell :is(.system-status,.premium-profile){background:var(--admin-surface-soft)!important;border-color:var(--admin-border)!important;color:var(--admin-text)!important;box-shadow:0 9px 24px #0000000f!important}.app-shell .profile-photo{border-color:var(--admin-surface)!important;background:var(--admin-accent-soft)!important}.app-shell .profile-photo i{border-color:var(--admin-surface)!important}.app-shell .live-alerts span{background:var(--admin-accent-soft)!important;color:var(--admin-accent)!important}.app-shell .live-alerts span.warning{color:#a85824!important;background:#fff0e6!important}html[data-theme=dark] .app-shell .live-alerts span.warning{color:#f0b779!important;background:#3b291d!important}.app-shell :is(table,.table-wrap){background:var(--admin-surface)!important;border-color:var(--admin-border)!important;color:var(--admin-text)!important}.app-shell :is(thead,th){background:var(--admin-surface-soft)!important;color:var(--admin-muted)!important;border-color:var(--admin-border)!important}.app-shell td{color:color-mix(in srgb,var(--admin-text) 78%,var(--admin-muted))!important;border-color:var(--admin-border)!important}.app-shell td strong{color:var(--admin-text)!important}.app-shell tbody tr{background:0 0}.app-shell tbody tr:hover{background:var(--admin-surface-muted)!important}.app-shell :is(.toolbar-search,.search){background:var(--admin-surface-soft)!important;border-color:var(--admin-border)!important;color:var(--admin-muted)!important}.app-shell :is(.toolbar-search,.search)>input{color:var(--admin-text)!important;background:0 0!important}.app-shell .toolbar-search button{background:var(--admin-accent-soft)!important;border-color:var(--admin-border)!important;color:var(--admin-accent)!important}.app-shell :is(.table-action,.secondary-button,.pager button,.icon-button,.menu-file-button){background:var(--admin-surface)!important;border-color:var(--admin-border)!important;color:color-mix(in srgb,var(--admin-text) 72%,var(--admin-muted))!important}.app-shell :is(.table-action,.secondary-button,.pager button,.icon-button,.menu-file-button):hover{background:var(--admin-surface-muted)!important;border-color:color-mix(in srgb,var(--admin-accent) 45%,var(--admin-border))!important;color:var(--admin-accent)!important}.app-shell :is(.primary-action,.primary-button){color:#fff!important;background:linear-gradient(135deg,#0d9163,#076848)!important;border-color:#08734f!important}.app-shell .danger-button{color:#fff!important;background:linear-gradient(135deg,#d05a4b,#ad3d33)!important;border-color:#b8493e!important}.app-shell :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),select,textarea){color:var(--admin-text)!important;background:var(--admin-surface-soft)!important;border-color:var(--admin-border)!important}.app-shell :is(input,textarea)::placeholder{color:color-mix(in srgb,var(--admin-muted) 80%,transparent)!important}.app-shell :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),select,textarea):focus{background:var(--admin-surface)!important;border-color:var(--admin-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--admin-accent) 14%,transparent)!important;outline:0!important}.app-shell select option{color:var(--admin-text);background:var(--admin-surface)}.app-shell .form-grid label{color:color-mix(in srgb,var(--admin-text) 82%,var(--admin-muted))!important}.app-shell .form-grid .checkbox-label{background:var(--admin-surface-soft)!important;border-color:var(--admin-border)!important}.app-shell input[type=checkbox]{accent-color:#11976a}.app-shell .modal-backdrop{background:#03110c94!important}.app-shell .modal{background:var(--admin-surface)!important;border:1px solid var(--admin-border)!important;color:var(--admin-text)!important}.app-shell .modal>header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:color-mix(in srgb,var(--admin-surface) 97%,transparent)!important;border-color:var(--admin-border)!important}.app-shell .modal>header h2{color:var(--admin-text)!important}.app-shell .modal .icon-button{background:var(--admin-surface-muted)!important}.app-shell .metric-icon,.app-shell :is(.queue-number,.wallet-card-head>span,.tenant-card header>span,.payment-icon,.ranking-list>div>span,.transaction-icon,.popular-item>span,.empty-state>svg,.empty-module>svg,.section-title>svg,.stock-summary article>svg){background:var(--admin-accent-soft)!important;color:var(--admin-accent)!important;border-color:var(--admin-border)!important}.app-shell .metric.blue .metric-icon,.app-shell :is(.payment-icon.qris,.transaction-icon.purchase){color:#2c6fa4!important;background:#e8f1fb!important}.app-shell .metric.orange .metric-icon,.app-shell .payment-icon.cash,.app-shell .stock-summary article.alert>svg{color:#b56e0c!important;background:#fff1dc!important}.app-shell .metric.purple .metric-icon{color:#7954ad!important;background:#f0eafa!important}html[data-theme=dark] .app-shell .metric.blue .metric-icon,html[data-theme=dark] .app-shell :is(.payment-icon.qris,.transaction-icon.purchase){color:#8bc3ee!important;background:#182f43!important}html[data-theme=dark] .app-shell .metric.orange .metric-icon,html[data-theme=dark] .app-shell .payment-icon.cash,html[data-theme=dark] .app-shell .stock-summary article.alert>svg{color:#efc06a!important;background:#3b2e18!important}html[data-theme=dark] .app-shell .metric.purple .metric-icon{color:#c7a8eb!important;background:#30243b!important}.app-shell .progress{background:var(--admin-surface-muted)!important}.app-shell .bar-column i{box-shadow:0 7px 16px #0877532e;background:linear-gradient(#47c78e,#087753)!important}.app-shell :is(.healthy-note,.info-box){background:var(--admin-accent-soft)!important;border-color:color-mix(in srgb,var(--admin-accent) 25%,var(--admin-border))!important;color:var(--admin-accent)!important}.app-shell :is(.low-stock-banner,.detail-note){color:#936215!important;background:#fff7e8!important;border-color:#ecd09c!important}.app-shell .warning-box{color:#a84337!important;background:#fff0ed!important;border-color:#f0c9c2!important}html[data-theme=dark] .app-shell :is(.low-stock-banner,.detail-note){color:#edc16f!important;background:#392d1b!important;border-color:#604a27!important}html[data-theme=dark] .app-shell .warning-box{color:#f1a095!important;background:#3a2420!important;border-color:#603a32!important}.app-shell .status-timeline i{box-shadow:0 0 0 4px color-mix(in srgb,var(--admin-accent) 16%,transparent)!important}.app-shell :is(.status,.status-select,.availability,.nutrition,.movement){background:var(--admin-surface-muted)!important;color:var(--admin-muted)!important}.app-shell :is(.status.ready,.status.completed,.status-select.ready,.status-select.completed,.availability.active,.nutrition.green){color:#0b7445!important;background:#e2f4e9!important}.app-shell :is(.status.preparing,.status.accepted,.status-select.accepted,.status-select.preparing,.nutrition.yellow,.movement.sale){color:#9a620b!important;background:#fff2da!important}.app-shell :is(.status.cancelled,.status-select.cancelled,.nutrition.red){color:#a73d2f!important;background:#ffe9e5!important}.app-shell :is(.class-chip,.role-chip,.movement.adjustment){color:#356c9e!important;background:#e9f1fb!important}html[data-theme=dark] .app-shell :is(.status,.status-select,.availability,.nutrition,.movement){color:#a9beb5!important;background:#1b2c26!important}html[data-theme=dark] .app-shell :is(.status.ready,.status.completed,.status-select.ready,.status-select.completed,.availability.active,.nutrition.green){color:#77dfb5!important;background:#17372c!important}html[data-theme=dark] .app-shell :is(.status.preparing,.status.accepted,.status-select.accepted,.status-select.preparing,.nutrition.yellow,.movement.sale){color:#efc36d!important;background:#3b2e18!important}html[data-theme=dark] .app-shell :is(.status.cancelled,.status-select.cancelled,.nutrition.red){color:#f09a8e!important;background:#3b2421!important}html[data-theme=dark] .app-shell :is(.class-chip,.role-chip,.movement.adjustment){color:#8bc3ee!important;background:#182f43!important}.app-shell .category-chip{background:color-mix(in srgb,var(--chip) 13%,var(--admin-surface))!important;color:var(--chip)!important}html[data-theme=dark] .app-shell .category-chip{background:color-mix(in srgb,var(--chip) 22%,#13231e)!important;color:color-mix(in srgb,var(--chip) 65%,white)!important}.app-shell .low-stock{color:#d08012!important}.app-shell .credit{color:#18a977!important}.app-shell .debit{color:#d36356!important}.app-shell .wallet-card>h3,.app-shell .wallet-meta b,.app-shell .tenant-stats strong,.app-shell .payment-list b,.app-shell .ranking-list b,.app-shell .detail-info b{color:var(--admin-text)!important}.app-shell .wallet-meta span,.app-shell .tenant-card footer{background:var(--admin-surface-soft)!important}.app-shell .tenant-card.inactive{opacity:.62;filter:saturate(.7)}.app-shell .settings-tabs button{color:var(--admin-muted)!important;background:0 0!important}.app-shell .settings-tabs button:hover{color:var(--admin-text)!important;background:var(--admin-surface-muted)!important}.app-shell .settings-tabs button.active{box-shadow:inset 3px 0 var(--admin-accent);color:var(--admin-accent)!important;background:var(--admin-accent-soft)!important}.app-shell .section-title>svg,.app-shell .audit-list article>span{background:var(--admin-accent-soft)!important;color:var(--admin-accent)!important}.app-shell .admin-avatar-settings{background:linear-gradient(135deg,var(--admin-surface-soft),var(--admin-surface))!important}.app-shell .admin-avatar-settings>img{border-color:var(--admin-surface)!important}.app-shell .security-card label{color:var(--admin-text)!important}.app-shell .menu-image-upload>div{background:var(--admin-surface-soft)!important;border-color:var(--admin-border)!important}.app-shell .menu-image-upload>span small,.app-shell .menu-image-upload>div>small{color:var(--admin-muted)!important}.app-shell .premium-toast{border:1px solid color-mix(in srgb,var(--admin-accent) 25%,var(--admin-border))!important;background:color-mix(in srgb,var(--admin-surface) 96%,transparent)!important;color:var(--admin-text)!important;box-shadow:0 20px 55px #0003!important}.app-shell .premium-toast strong{color:var(--admin-text)!important}.app-shell .premium-toast small{color:var(--admin-muted)!important}.app-shell :is(.mobile-more-sheet,.mobile-more-sheet>header,.mobile-more-sheet>footer,.mobile-more-grid button){background:var(--admin-surface)!important;border-color:var(--admin-border)!important;color:var(--admin-text)!important}.app-shell .mobile-more-grid button:hover{background:var(--admin-surface-muted)!important}.app-shell .mobile-more-grid button.active{background:var(--admin-accent-soft)!important;color:var(--admin-accent)!important}.app-shell .mobile-user small{color:var(--admin-muted)!important}.app-shell .admin-logout-layer .logout-confirm-card{background:var(--admin-surface)!important;border-color:var(--admin-border)!important}.app-shell .admin-logout-layer .logout-confirm-card h2{color:var(--admin-text)!important}.app-shell .admin-logout-layer .logout-confirm-card p{color:var(--admin-muted)!important}.app-shell .admin-logout-layer .logout-confirm-actions button:not(.confirm){background:var(--admin-surface-muted)!important;border-color:var(--admin-border)!important;color:var(--admin-text)!important}@media (prefers-reduced-motion:reduce){.app-shell,.app-shell *{transition:none!important}}.app-shell *{scrollbar-color:color-mix(in srgb,var(--admin-muted) 42%,transparent) var(--admin-surface-soft)}.app-shell ::-webkit-scrollbar{width:9px;height:9px}.app-shell ::-webkit-scrollbar-track{background:var(--admin-surface-soft)}.app-shell ::-webkit-scrollbar-thumb{border:2px solid var(--admin-surface-soft);background:color-mix(in srgb,var(--admin-muted) 42%,transparent);border-radius:99px}html[data-theme=light] [data-sonner-toaster] [data-sonner-toast]{color:#172c24!important;background:#fff!important;border-color:#dfe9e3!important;box-shadow:0 18px 48px #12433124!important}html[data-theme=dark] [data-sonner-toaster] [data-sonner-toast]{color:#edf8f3!important;background:#13231e!important;border-color:#2d433b!important;box-shadow:0 20px 55px #00000052!important}html[data-theme=dark] [data-sonner-toaster] [data-description]{color:#9bb0a8!important}html[data-theme=dark] [data-sonner-toaster] [data-close-button]{color:#d9e9e2!important;background:#1a2d27!important;border-color:#354b42!important}@media (width>=901px){.sidebar-header,.role-brand,.cashier-brand{position:relative;align-items:center!important;display:flex!important}.sidebar-header .brand,.role-brand>div,.cashier-brand>div{flex:auto;min-width:0}.desktop-sidebar-toggle{z-index:2;color:#c9f5e4;-webkit-backdrop-filter:blur(12px);cursor:pointer;background:#ffffff13;border:1px solid #adecd333;border-radius:11px;flex:0 0 34px;place-items:center;width:34px;height:34px;padding:0;transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .22s,color .22s,background .22s,box-shadow .22s;display:grid;box-shadow:inset 0 1px #ffffff14,0 8px 20px #00181126;margin:0 0 0 10px!important;position:static!important;inset:auto!important}.desktop-sidebar-toggle:hover{color:#fff;background:#4ddca429;border-color:#79e8bc7a;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff1a,0 10px 24px #00181138}.desktop-sidebar-toggle:focus-visible{outline-offset:3px;outline:3px solid #59e0ab47}.desktop-sidebar-toggle svg{stroke-width:2.25px;width:18px;height:18px}.sidebar-collapsed .sidebar-header,.sidebar-collapsed .role-brand,.sidebar-collapsed .cashier-brand{flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:0!important}.sidebar-collapsed .sidebar-header .brand{flex:none;width:100%;justify-content:center!important}.sidebar-collapsed .role-brand>img,.sidebar-collapsed .cashier-brand>img{flex:none}.sidebar-collapsed .desktop-sidebar-toggle{border-radius:10px;flex-basis:32px;width:32px;height:32px;margin:11px auto 0!important;position:static!important;inset:auto!important}}@media (width<=900px){.desktop-sidebar-toggle{display:none!important}}.guardian-table-cell{align-items:center;gap:10px;display:flex}.guardian-table-cell>span{color:#087a55;background:#e8f7f0;border-radius:11px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:grid}.guardian-table-cell svg{width:17px}.guardian-table-cell strong,.guardian-table-cell small{display:block}.guardian-table-cell strong{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.guardian-manager{border:1px solid var(--line,#dce7e1);background:var(--card,#fff);border-radius:18px;overflow:hidden}.guardian-manager>header{border-bottom:1px solid var(--line,#e7efeb);background:linear-gradient(135deg,#0ca97714,#0000);justify-content:space-between;align-items:flex-start;gap:15px;padding:18px;display:flex}.guardian-manager header span{color:#07865e;letter-spacing:1.3px;font-size:9px;font-weight:900;display:block}.guardian-manager h3{margin:4px 0 2px;font:900 17px Nunito}.guardian-manager header p{color:var(--muted,#7b8b83);margin:0;font-size:10px}.guardian-manager header>b{color:#087a55;white-space:nowrap;background:#0ca9771a;border-radius:99px;padding:7px 10px;font-size:10px}.guardian-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:270px;padding:13px;display:grid;overflow:auto}.guardian-options article{border:1px solid var(--line,#e0e9e4);background:var(--card,#fff);border-radius:13px;min-width:0;padding:11px;transition:all .2s}.guardian-options article.selected{background:#0ca9770e;border-color:#0ca97773;box-shadow:0 0 0 3px #0ca97712}.guardian-options article>label{cursor:pointer;grid-template-columns:18px minmax(0,1fr);gap:9px;display:grid}.guardian-options input[type=checkbox]{accent-color:#0aa573;margin-top:3px}.guardian-options strong,.guardian-options small,.guardian-options em{display:block}.guardian-options strong{font-size:11.5px}.guardian-options small{color:var(--muted,#71827a);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9.5px;overflow:hidden}.guardian-options em{color:#07865e;margin-top:6px;font-size:9px;font-style:normal;font-weight:800}.guardian-options select{border:1px solid var(--line,#dce7e1);width:100%;height:34px;color:var(--text,#26372f);background:var(--input,#fff);border-radius:9px;margin-top:9px;padding:0 9px;font:750 10px Nunito}.guardian-empty{color:var(--muted,#74857c);text-align:center;grid-column:1/3;padding:22px;font-size:11px}.guardian-create{background:#0ca97709;border:1px dashed #0ca97747;border-radius:14px;margin:0 13px 13px;padding:13px}.guardian-create>div:first-child span,.guardian-create>div:first-child strong{display:block}.guardian-create>div:first-child span{color:#07865e;letter-spacing:1.2px;font-size:8px;font-weight:900}.guardian-create>div:first-child strong{margin-top:3px;font-size:11px}.guardian-create-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.guardian-create-grid input{border:1px solid var(--line,#dce7e1);min-width:0;height:39px;color:var(--text,#26372f);background:var(--input,#fff);border-radius:10px;outline:0;padding:0 11px;font:750 10.5px Nunito}.guardian-create-grid button{color:#fff;background:linear-gradient(135deg,#0cac79,#087a55);border:0;border-radius:10px;grid-column:1/3;justify-content:center;align-items:center;gap:7px;min-height:39px;font:850 10px Nunito;display:flex}.guardian-create-grid button:disabled{opacity:.5}.guardian-create-grid svg{width:15px}[data-theme=dark] .guardian-table-cell>span{color:#75dfb4;background:#29cd911c}[data-theme=dark] .guardian-manager{--card:#11271f;--text:#edf8f4;--muted:#a1b6ae;--line:#2d493e;--input:#0c2019;background:#11271f}[data-theme=dark] .guardian-manager>header{background:linear-gradient(135deg,#2ad3971a,#0000)}[data-theme=dark] .guardian-options article{background:#10251e}[data-theme=dark] .guardian-options article.selected{background:#28cd9114}[data-theme=dark] .guardian-create{background:#28cd910a}@media (width<=700px){.guardian-options{grid-template-columns:1fr}.guardian-empty{grid-column:1}.guardian-create-grid{grid-template-columns:1fr}.guardian-create-grid button{grid-column:1}.student-guardian-form{grid-template-columns:1fr!important;display:grid!important}.student-guardian-form>.span-2{grid-column:1!important}}html body :is(.logout-confirm-layer,.admin-logout-layer,.tenant-logout-layer){overscroll-behavior:none!important;overflow:hidden!important}html body :is(.logout-confirm-layer,.admin-logout-layer,.tenant-logout-layer) .logout-confirm-card{box-sizing:border-box!important;scrollbar-width:none!important;width:min(390px,100vw - 28px)!important;min-width:0!important;max-width:100%!important;max-height:calc(100dvh - 28px)!important;overflow:hidden!important}html body :is(.logout-confirm-layer,.admin-logout-layer,.tenant-logout-layer) .logout-confirm-card::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}html body :is(.logout-confirm-layer,.admin-logout-layer,.tenant-logout-layer) .logout-confirm-card *{box-sizing:border-box;min-width:0}html body :is(.logout-confirm-layer,.admin-logout-layer,.tenant-logout-layer) .logout-confirm-card :is(h2,p,span,strong,small){overflow-wrap:anywhere;max-width:100%}html body :is(.logout-confirm-layer,.admin-logout-layer,.tenant-logout-layer) .logout-confirm-actions{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}html body :is(.logout-confirm-layer,.admin-logout-layer,.tenant-logout-layer) .logout-confirm-actions button{white-space:normal!important;width:100%!important;min-width:0!important;padding-inline:10px!important}@media (width<=560px){html body :is(.logout-confirm-layer,.admin-logout-layer,.tenant-logout-layer){justify-content:center!important;align-items:center!important;padding:14px!important}html body :is(.logout-confirm-layer,.admin-logout-layer,.tenant-logout-layer) .logout-confirm-card{border-radius:21px!important;width:calc(100vw - 28px)!important;padding:20px!important}html body :is(.logout-confirm-layer,.admin-logout-layer,.tenant-logout-layer) .logout-confirm-icon{margin-bottom:14px!important}html body :is(.logout-confirm-layer,.admin-logout-layer,.tenant-logout-layer) .logout-confirm-card h2{font-size:clamp(20px,6vw,23px)!important}html body :is(.logout-confirm-layer,.admin-logout-layer,.tenant-logout-layer) .logout-confirm-card p{font-size:11px!important;line-height:1.55!important}html body :is(.logout-confirm-layer,.admin-logout-layer,.tenant-logout-layer) .logout-confirm-actions{gap:8px!important;margin-top:18px!important}}@media (width<=340px){html body :is(.logout-confirm-layer,.admin-logout-layer,.tenant-logout-layer) .logout-confirm-card{padding:17px!important}html body :is(.logout-confirm-layer,.admin-logout-layer,.tenant-logout-layer) .logout-confirm-actions{grid-template-columns:1fr!important}}:root{--audit-field:#fbfdfc;--audit-field-border:#d7e4de;--audit-field-text:#1c3027;--audit-field-muted:#7f9188;--audit-focus:#159a6d;--audit-focus-ring:#159a6d1f;--audit-divider:#dce7e1}html[data-theme=dark]{--audit-field:#10211b;--audit-field-border:#344d43;--audit-field-text:#edf8f3;--audit-field-muted:#8ca49a;--audit-focus:#42bf90;--audit-focus-ring:#42bf9024;--audit-divider:#30483f}html body :is(.app-shell,.role-shell,.cashier-shell,.login-page,.modal-backdrop,.portal-modal-bg,.identity-editor-layer,.avatar-picker-layer) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),select,textarea){color:var(--audit-field-text)!important;border-color:var(--audit-field-border)!important;background:var(--audit-field)!important;background-color:var(--audit-field)!important;box-shadow:none!important;caret-color:var(--audit-focus)!important;background-image:none!important}html body :is(.app-shell,.role-shell,.cashier-shell,.login-page,.modal-backdrop,.portal-modal-bg,.identity-editor-layer,.avatar-picker-layer) :is(input,textarea)::placeholder{color:var(--audit-field-muted)!important;opacity:1!important}html body :is(.app-shell,.role-shell,.cashier-shell,.login-page,.modal-backdrop,.portal-modal-bg,.identity-editor-layer,.avatar-picker-layer) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),select,textarea):focus{border-color:var(--audit-focus)!important;box-shadow:0 0 0 3px var(--audit-focus-ring)!important;outline:0!important}html body :is(.search,.toolbar-search,.pos-tools>label,.student-picker>label,.cafe-student-search>label,.student-lookup-row>label,.identity-editor-fields label>div,.shift-gate label>div,.limit-card label>div,.money-input,.cafe-cash-payment>label>div,.login-input,.input-with-icon,.field-with-icon){color:var(--audit-field-text)!important;border-color:var(--audit-field-border)!important;background:var(--audit-field)!important;background-color:var(--audit-field)!important;box-shadow:none!important;background-image:none!important}html body :is(.search,.toolbar-search,.pos-tools>label,.student-picker>label,.cafe-student-search>label,.student-lookup-row>label,.identity-editor-fields label>div,.shift-gate label>div,.limit-card label>div,.money-input,.cafe-cash-payment>label>div,.login-input,.input-with-icon,.field-with-icon):focus-within{border-color:var(--audit-focus)!important;box-shadow:0 0 0 3px var(--audit-focus-ring)!important}html body :is(.search,.toolbar-search,.pos-tools>label,.student-picker>label,.cafe-student-search>label,.student-lookup-row>label,.identity-editor-fields label>div,.shift-gate label>div,.limit-card label>div,.money-input,.cafe-cash-payment>label>div,.login-input,.input-with-icon,.field-with-icon) input:not([type=checkbox]):not([type=radio]){box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important}html body :is(.search,.toolbar-search,.pos-tools>label,.student-picker>label,.cafe-student-search>label,.student-lookup-row>label,.identity-editor-fields label>div,.shift-gate label>div,.limit-card label>div,.money-input,.cafe-cash-payment>label>div,.login-input,.input-with-icon,.field-with-icon) :is(svg,span){background-color:#0000!important;background-image:none!important}html body :is(.app-shell,.role-shell,.cashier-shell,.login-page,.modal-backdrop,.portal-modal-bg,.identity-editor-layer) input:-webkit-autofill{-webkit-text-fill-color:var(--audit-field-text)!important;-webkit-box-shadow:0 0 0 1000px var(--audit-field) inset!important;box-shadow:0 0 0 1000px var(--audit-field) inset!important;caret-color:var(--audit-field-text)!important}html body :is(.app-shell,.role-shell,.cashier-shell,.login-page,.modal-backdrop,.portal-modal-bg,.identity-editor-layer) input:-webkit-autofill:hover{-webkit-text-fill-color:var(--audit-field-text)!important;-webkit-box-shadow:0 0 0 1000px var(--audit-field) inset!important;box-shadow:0 0 0 1000px var(--audit-field) inset!important;caret-color:var(--audit-field-text)!important}html body :is(.app-shell,.role-shell,.cashier-shell,.login-page,.modal-backdrop,.portal-modal-bg,.identity-editor-layer) input:-webkit-autofill:focus{-webkit-text-fill-color:var(--audit-field-text)!important;-webkit-box-shadow:0 0 0 1000px var(--audit-field) inset!important;box-shadow:0 0 0 1000px var(--audit-field) inset!important;caret-color:var(--audit-field-text)!important}html body :is(.summary-totals,.payment-breakdown,.pos-total,.cart-total,.receipt-values,.report-summary,.order-summary-total){color:inherit!important;box-shadow:none!important;background:0 0!important}html body :is(.summary-totals,.payment-breakdown,.pos-total,.cart-total,.receipt-values,.report-summary,.order-summary-total)>*{background:0 0!important}html body :is(.summary-totals,.payment-breakdown,.pos-total,.cart-total,.receipt-values,.report-summary,.order-summary-total)>strong{border-color:var(--audit-divider)!important}html[data-theme=dark] body :is(.summary-totals,.payment-breakdown,.pos-total,.cart-total,.receipt-values,.report-summary,.order-summary-total) :is(span,small){color:#96aaa2!important}html[data-theme=dark] body :is(.summary-totals,.payment-breakdown,.pos-total,.cart-total,.receipt-values,.report-summary,.order-summary-total) :is(b,strong){color:#f2faf6!important}html[data-theme=dark] body select option{color:#edf8f3!important;background:#10211b!important}html[data-theme] body :is(.app-shell.app-shell,.role-shell.role-shell,.cashier-shell.cashier-shell,.login-page.login-page,.identity-editor-layer.identity-editor-layer) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),select,textarea){color:var(--audit-field-text)!important;border-color:var(--audit-field-border)!important;background:var(--audit-field)!important;background-color:var(--audit-field)!important;box-shadow:none!important;background-image:none!important}html[data-theme] body :is(.app-shell.app-shell,.role-shell.role-shell,.cashier-shell.cashier-shell,.login-page.login-page,.identity-editor-layer.identity-editor-layer) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),select,textarea):focus{border-color:var(--audit-focus)!important;box-shadow:0 0 0 3px var(--audit-focus-ring)!important;outline:0!important}html[data-theme] body :is(.app-shell.app-shell,.role-shell.role-shell,.cashier-shell.cashier-shell,.login-page.login-page,.identity-editor-layer.identity-editor-layer) :is(.search,.toolbar-search,.pos-tools>label,.student-picker>label,.cafe-student-search>label,.student-lookup-row>label,.identity-editor-fields label>div,.shift-gate label>div,.limit-card label>div,.money-input,.cafe-cash-payment>label>div,.login-input,.input-with-icon,.field-with-icon){color:var(--audit-field-text)!important;border-color:var(--audit-field-border)!important;background:var(--audit-field)!important;background-color:var(--audit-field)!important;box-shadow:none!important;background-image:none!important}html[data-theme] body :is(.app-shell.app-shell,.role-shell.role-shell,.cashier-shell.cashier-shell,.login-page.login-page,.identity-editor-layer.identity-editor-layer) :is(.search,.toolbar-search,.pos-tools>label,.student-picker>label,.cafe-student-search>label,.student-lookup-row>label,.identity-editor-fields label>div,.shift-gate label>div,.limit-card label>div,.money-input,.cafe-cash-payment>label>div,.login-input,.input-with-icon,.field-with-icon) input:not([type=checkbox]):not([type=radio]):not([type=file]),html[data-theme] body :is(.app-shell.app-shell,.role-shell.role-shell,.cashier-shell.cashier-shell,.login-page.login-page,.identity-editor-layer.identity-editor-layer) :is(.search,.toolbar-search,.pos-tools>label,.student-picker>label,.cafe-student-search>label,.student-lookup-row>label,.identity-editor-fields label>div,.shift-gate label>div,.limit-card label>div,.money-input,.cafe-cash-payment>label>div,.login-input,.input-with-icon,.field-with-icon) input:not([type=checkbox]):not([type=radio]):not([type=file]):focus{box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important}html[data-theme] body :is(.app-shell.app-shell,.role-shell.role-shell,.cashier-shell.cashier-shell) :is(.summary-totals,.payment-breakdown,.pos-total,.cart-total,.receipt-values,.report-summary,.order-summary-total){color:inherit!important;border-color:var(--audit-divider)!important;box-shadow:none!important;background:0 0!important}html[data-theme] body :is(.app-shell.app-shell,.role-shell.role-shell,.cashier-shell.cashier-shell) :is(.summary-totals,.payment-breakdown,.pos-total,.cart-total,.receipt-values,.report-summary,.order-summary-total)>*{box-shadow:none!important;background:0 0!important}html[data-theme] body :is(.app-shell.app-shell,.role-shell.role-shell,.cashier-shell.cashier-shell) :is(.summary-totals,.payment-breakdown,.pos-total,.cart-total,.receipt-values,.report-summary,.order-summary-total)>strong:before,html[data-theme] body :is(.app-shell.app-shell,.role-shell.role-shell,.cashier-shell.cashier-shell) :is(.summary-totals,.payment-breakdown,.pos-total,.cart-total,.receipt-values,.report-summary,.order-summary-total)>strong:after{content:none!important;display:none!important}html[data-theme] body :is(.app-shell.app-shell,.role-shell.role-shell,.cashier-shell.cashier-shell,.login-page.login-page,.identity-editor-layer.identity-editor-layer) input:-webkit-autofill{-webkit-text-fill-color:var(--audit-field-text)!important;-webkit-box-shadow:0 0 0 1000px var(--audit-field) inset!important;box-shadow:0 0 0 1000px var(--audit-field) inset!important}html[data-theme] body :is(.app-shell.app-shell,.role-shell.role-shell,.cashier-shell.cashier-shell,.login-page.login-page,.identity-editor-layer.identity-editor-layer) :is(.search,.toolbar-search,.pos-tools>label,.student-picker>label,.cafe-student-search>label,.student-lookup-row>label,.identity-editor-fields label>div,.shift-gate label>div,.limit-card label>div,.money-input,.cafe-cash-payment>label>div,.login-input,.input-with-icon,.field-with-icon)>input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--audit-field) inset!important;box-shadow:0 0 0 1000px var(--audit-field) inset!important}.transfer-proof-upload{color:#38564a;cursor:pointer;background:linear-gradient(135deg,#f0faf5,#f8fcfa);border:1px dashed #9bcdb9;border-radius:16px;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:88px;padding:14px;transition:all .22s;position:relative;margin-top:14px!important;display:grid!important}.transfer-proof-upload:hover,.transfer-proof-upload.selected{background:#edf9f3;border-color:#159b6e;box-shadow:0 0 0 3px #159b6e14}.transfer-proof-upload>input{opacity:0;pointer-events:none;overflow:hidden;width:1px!important;height:1px!important;position:absolute!important}.transfer-proof-upload>span{color:#087a55;background:#dff5ea;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.transfer-proof-upload svg{width:21px}.transfer-proof-upload strong,.transfer-proof-upload small{display:block}.transfer-proof-upload strong{font-size:12px}.transfer-proof-upload small{color:#71867c;text-overflow:ellipsis;white-space:nowrap;max-width:310px;margin-top:4px;font-size:10px;overflow:hidden}.transfer-proof-upload>b{color:#087a55;white-space:nowrap;background:#fff;border-radius:10px;padding:8px 10px;font-size:10px}.topup-proof-link,.proof-view-button{color:#087a55;background:#edf9f3;border:1px solid #cde6db;border-radius:9px;justify-content:center;align-items:center;gap:6px;font:800 10px Nunito;text-decoration:none;display:inline-flex}.topup-proof-link{margin-top:7px;padding:6px 9px}.topup-proof-link svg,.proof-view-button svg{width:14px;height:14px}.proof-view-button{cursor:pointer;min-height:34px;padding:0 10px}.proof-missing{color:#a0736c!important}.transfer-proof-preview{gap:16px;display:grid}.transfer-proof-preview>img{object-fit:contain;background:#f4f8f6;border:1px solid #dce7e1;border-radius:16px;width:100%;max-height:52vh;display:block}.transfer-proof-preview>div:nth-child(2){grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.transfer-proof-preview>div:nth-child(2)>span{background:#f8fbf9;border:1px solid #e0e9e4;border-radius:12px;padding:11px 12px}.transfer-proof-preview small,.transfer-proof-preview strong{display:block}.transfer-proof-preview small{color:#7d9086;font-size:9px}.transfer-proof-preview strong{margin-top:4px;font-size:11px}.proof-preview-actions{justify-content:flex-end;gap:8px;display:flex}.proof-preview-actions button{justify-content:center;align-items:center;gap:7px;display:inline-flex}.proof-preview-actions svg{width:16px}html[data-theme=dark] .transfer-proof-upload{color:#dbeae4;background:#132a22;border-color:#386052}html[data-theme=dark] .transfer-proof-upload:hover,html[data-theme=dark] .transfer-proof-upload.selected{background:#163127;border-color:#3cb98a}html[data-theme=dark] .transfer-proof-upload>span{color:#6ed9ae;background:#1b3b30}html[data-theme=dark] .transfer-proof-upload>b{color:#75ddb4;background:#1d352d}html[data-theme=dark] .transfer-proof-upload small{color:#96aaa2}html[data-theme=dark] :is(.topup-proof-link,.proof-view-button){color:#76ddb5;background:#183329;border-color:#315044}html[data-theme=dark] .transfer-proof-preview>img{background:#0e1c18;border-color:#334b42}html[data-theme=dark] .transfer-proof-preview>div:nth-child(2)>span{background:#162923;border-color:#30473e}html[data-theme=dark] .danger-button{color:#ff9b8f!important;background:#35231f!important;border-color:#573a34!important}@media (width<=640px){.transfer-proof-upload{grid-template-columns:42px minmax(0,1fr);padding:12px}.transfer-proof-upload>span{width:42px;height:42px}.transfer-proof-upload>b{text-align:center;grid-column:1/3;width:100%}.transfer-proof-preview>div:nth-child(2){grid-template-columns:1fr}.proof-preview-actions{grid-template-columns:1fr 1fr;display:grid}.proof-preview-actions .primary-action{grid-area:1/1/auto/3}.proof-preview-actions button{min-height:42px}}.bank-account-picker{background:#f7fbf9;border:1px solid #dce8e2;border-radius:16px;gap:11px;margin:15px 0;padding:15px;display:grid}.bank-picker-heading{align-items:center;gap:11px;display:flex}.bank-picker-heading>svg{color:#087a55;background:#e4f6ed;border-radius:12px;width:40px;height:40px;padding:10px}.bank-picker-heading span,.bank-picker-heading strong,.bank-picker-heading small{display:block}.bank-picker-heading span{color:#087a55;letter-spacing:1px;font-size:9px;font-weight:900}.bank-picker-heading strong{margin-top:3px;font-size:12px}.bank-picker-heading small{color:#74877e;margin-top:3px;font-size:10px}.bank-account-options{gap:8px;display:grid}.bank-account-options>button{color:#40594d;text-align:left;background:#fff;border:1px solid #dce7e1;border-radius:13px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;min-height:70px;padding:10px 12px;display:grid}.bank-account-options>button>i{color:#087a55;background:#e8f7f0;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.bank-account-options svg{width:18px}.bank-account-options span small,.bank-account-options span strong,.bank-account-options span em{display:block}.bank-account-options span small{color:#087a55;font-size:9px}.bank-account-options span strong{margin-top:3px;font-size:11px}.bank-account-options span em{color:#788a81;margin-top:3px;font-size:9px;font-style:normal}.bank-account-options>button>b{color:#71857b;background:#f0f5f2;border-radius:9px;padding:6px 9px;font-size:9px}.bank-account-options>button.active{background:#edf9f3;border-color:#20a979;box-shadow:0 0 0 3px #20a97914}.bank-account-options>button.active>b{color:#087a55;background:#d9f2e7}.bank-picker-empty{color:#a14e42;background:#fff5f3;border:1px dashed #e0b5ad;border-radius:12px;padding:13px;font-size:10px}.topup-bank-destination{color:#74877e!important}.bank-settings .section-title{align-items:center}.bank-settings .section-title>.primary-action{white-space:nowrap;margin-left:auto}.admin-bank-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.admin-bank-grid article{background:#fff;border:1px solid #dfe9e4;border-radius:17px;padding:17px;box-shadow:0 10px 30px #12402f0d}.admin-bank-grid article.inactive{opacity:.68}.admin-bank-grid article header{grid-template-columns:42px 1fr auto;align-items:center;gap:10px;display:grid}.admin-bank-grid article header>span{color:#087a55;background:#e8f7f0;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.admin-bank-grid article header svg{width:19px}.admin-bank-grid article header small{color:#75887e;font-size:9px}.admin-bank-grid article h3{margin:3px 0 0;font:900 14px Nunito}.admin-bank-grid article header>b{color:#087a55;background:#e8f7f0;border-radius:99px;padding:5px 8px;font-size:9px}.admin-bank-grid article.inactive header>b{color:#8a625b;background:#f5e9e6}.admin-bank-grid .bank-number{letter-spacing:.4px;margin-top:17px;font:900 19px Nunito;display:block}.admin-bank-grid article>p{color:#70847a;margin:5px 0 15px;font-size:10px}.admin-bank-grid article footer{border-top:1px solid #e8efeb;gap:8px;padding-top:13px;display:flex}.admin-bank-grid article footer button{flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.bank-account-form{padding:20px}.bank-account-form .checkbox-label{align-items:center;gap:9px;display:flex!important}html[data-theme=dark] .bank-account-picker{background:#13271f;border-color:#30493f}html[data-theme=dark] .bank-picker-heading>svg{color:#72ddb3;background:#1b3b30}html[data-theme=dark] .bank-picker-heading strong{color:#edf8f3}html[data-theme=dark] .bank-picker-heading small,html[data-theme=dark] .bank-account-options span em{color:#90a69d}html[data-theme=dark] .bank-account-options>button{color:#dcebe5;background:#11231d;border-color:#334b42}html[data-theme=dark] .bank-account-options>button>i{color:#70dbb1;background:#19372d}html[data-theme=dark] .bank-account-options>button>b{color:#9eb1a9;background:#20332c}html[data-theme=dark] .bank-account-options>button.active{background:#173329;border-color:#36b888}html[data-theme=dark] .bank-account-options>button.active>b{color:#75dfb5;background:#204538}html[data-theme=dark] .bank-picker-empty{color:#f0a094;background:#30211e;border-color:#5a3b35}html[data-theme=dark] .admin-bank-grid article{box-shadow:none;background:#142620;border-color:#30483f}html[data-theme=dark] .admin-bank-grid article header>span,html[data-theme=dark] .admin-bank-grid article header>b{color:#75dfb5;background:#1b3b30}html[data-theme=dark] .admin-bank-grid article.inactive header>b{color:#d8a198;background:#372521}html[data-theme=dark] .admin-bank-grid article>p{color:#94aaa1}html[data-theme=dark] .admin-bank-grid article footer{border-color:#30483f}@media (width<=760px){.admin-bank-grid{grid-template-columns:1fr}.bank-settings .section-title{grid-template-columns:42px 1fr;display:grid}.bank-settings .section-title>.primary-action{grid-column:1/3;width:100%;margin:5px 0 0}.bank-account-options>button{grid-template-columns:38px minmax(0,1fr)}.bank-account-options>button>b{text-align:center;grid-column:1/3}.bank-picker-heading{align-items:flex-start}}.app-shell .topup-approval{position:relative;border-color:#de9d2b52!important;margin:0 0 28px!important;overflow:hidden!important;box-shadow:0 16px 44px #6e480d14!important}.app-shell .topup-approval:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(90deg,#e8a431,#ffd77e,#17ae7b,#e8a431) 0 0/220% 100%;height:3px;animation:4s linear infinite approvalFlow;position:absolute;top:0;left:0;right:0}.app-shell .topup-approval-heading{background:linear-gradient(110deg,#fff8e8f2,#f7fcf9e6)!important;min-height:96px!important;padding:18px 22px!important}.topup-action-title{align-items:center;gap:14px;min-width:0;display:flex}.topup-action-title>div{min-width:0}.topup-action-icon{color:#a66709;background:#fff0cf;border-radius:15px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid;position:relative;box-shadow:0 9px 22px #ba770f21}.topup-action-icon:after{content:"";border-radius:inherit;border:1px solid #e199277a;animation:2.2s ease-out infinite approvalPulse;position:absolute;inset:-1px}.topup-action-icon svg{width:22px;height:22px}.topup-action-title .eyebrow{color:#a66508!important}.topup-action-title h2{margin-top:4px!important;font-size:16px!important}.topup-action-title p{line-height:1.45;color:#74867d!important;margin:5px 0 0!important;font-size:10px!important}.topup-action-count{color:#8d5b0d;white-space:nowrap;background:#fff7e8;border:1px solid #f0d49f;border-radius:99px;align-items:center;gap:8px;margin-left:18px;padding:9px 12px;font-size:10px;font-weight:900;animation:2.2s ease-in-out infinite approvalBreathe;display:inline-flex;box-shadow:0 7px 18px #9e651014}.topup-action-count>i{background:#e7a02d;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #e7a02d1f}.app-shell .topup-approval .table-wrap{padding:0 14px 14px}.app-shell .topup-approval table{border-collapse:separate;border-spacing:0 8px;overflow:hidden}.app-shell .topup-approval thead th{background:0 0!important;border:0!important}.app-shell .topup-approval tbody tr{transition:transform .22s,box-shadow .22s}.app-shell .topup-approval tbody tr:hover{transform:translateY(-2px)}.app-shell .topup-approval tbody td{background:#fbfdfc!important;border-top:1px solid #e3ebe7!important;border-bottom:1px solid #e3ebe7!important;padding-top:15px!important;padding-bottom:15px!important}.app-shell .topup-approval tbody td:first-child{border-radius:13px 0 0 13px;border-left:1px solid #e3ebe7!important;padding-left:16px!important}.app-shell .topup-approval tbody td:last-child{border-radius:0 13px 13px 0;border-right:1px solid #e3ebe7!important;padding-right:16px!important}.app-shell .topup-approval .table-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.app-shell .topup-approval .table-action{min-height:35px;padding:0 11px;border-radius:10px!important}.app-shell .topup-approval .table-action:not(.danger){color:#087a55!important;background:#eaf8f1!important;border-color:#bcdccb!important}.app-shell .topup-approval .table-action.danger{color:#b4473d!important;background:#fff2f0!important;border-color:#efd2cd!important}html[data-theme=dark] .app-shell .topup-approval{border-color:#55462c!important;box-shadow:0 18px 46px #0000002e!important}html[data-theme=dark] .app-shell .topup-approval-heading{background:linear-gradient(110deg,#1e291f,#152721)!important}html[data-theme=dark] .topup-action-icon{color:#f0bf68;box-shadow:none;background:#3a2e1b}html[data-theme=dark] .topup-action-icon:after{border-color:#745a2e}html[data-theme=dark] .topup-action-title .eyebrow{color:#efbd65!important}html[data-theme=dark] .topup-action-title p{color:#94aaa1!important}html[data-theme=dark] .topup-action-count{color:#f0c573;box-shadow:none;background:#352b1c;border-color:#5b4929}html[data-theme=dark] .topup-action-count>i{background:#efb64d;box-shadow:0 0 0 5px #efb64d1a}html[data-theme=dark] .app-shell .topup-approval tbody td{background:#142620!important;border-color:#30483f!important}html[data-theme=dark] .app-shell .topup-approval .table-action:not(.danger){color:#75dfb5!important;background:#18352b!important;border-color:#315647!important}html[data-theme=dark] .app-shell .topup-approval .table-action.danger{color:#f3a096!important;background:#33231f!important;border-color:#583a35!important}@keyframes approvalFlow{to{background-position:-220% 0}}@keyframes approvalPulse{0%{opacity:.75;transform:scale(1)}75%,to{opacity:0;transform:scale(1.28)}}@keyframes approvalBreathe{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media (width<=760px){.app-shell .topup-approval{margin-bottom:20px!important}.app-shell .topup-approval-heading{gap:13px;align-items:flex-start!important;display:grid!important}.topup-action-icon{flex-basis:43px;width:43px;height:43px}.topup-action-title{align-items:flex-start}.topup-action-count{width:max-content;margin:0 0 0 57px}.app-shell .topup-approval .table-wrap{padding:0 8px 10px}}@media (prefers-reduced-motion:reduce){.app-shell .topup-approval:before,.topup-action-icon:after,.topup-action-count{animation:none!important}.app-shell .topup-approval tbody tr:hover{transform:none}}.pos-fee-settings{gap:28px}.fee-master-switch{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,var(--accent) 8%);cursor:pointer;border-radius:20px;justify-content:space-between;align-items:center;gap:24px;padding:20px 22px;display:flex}.fee-master-switch>span{gap:5px;display:grid}.fee-master-switch strong{color:var(--text);font-size:1rem}.fee-master-switch small{color:var(--muted);font-size:.84rem}.fee-master-switch input{opacity:0;position:absolute}.fee-master-switch i{background:var(--border-strong);border-radius:99px;flex:none;width:54px;height:30px;padding:3px;transition:all .25s}.fee-master-switch i:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:all .25s;display:block;box-shadow:0 3px 10px #0003}.fee-master-switch input:checked+i{background:var(--accent)}.fee-master-switch input:checked+i:after{transform:translate(24px)}.fee-label-field{color:var(--text);gap:9px;font-weight:800;display:grid}.fee-label-field input{width:100%;min-height:48px}.fee-method-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.fee-method-grid article{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:22px;gap:18px;padding:20px;transition:all .25s;display:grid}.fee-method-grid article:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));transform:translateY(-2px)}.fee-method-grid article.disabled{opacity:.68}.fee-method-grid article header{align-items:flex-start;gap:13px;display:flex}.fee-method-grid article header>span{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:13px;flex:none;place-items:center;display:grid}.fee-method-grid h3{color:var(--text);margin:0 0 3px;font-size:1.02rem}.fee-method-grid p{color:var(--muted);margin:0;font-size:.8rem;line-height:1.55}.fee-rule-controls{grid-template-columns:1fr 1fr;gap:12px;display:grid}.fee-rule-controls label{color:var(--muted);gap:7px;font-size:.78rem;font-weight:800;display:grid}.fee-rule-controls select,.fee-value-input{border:1px solid var(--border);background:var(--input-bg);min-height:45px;color:var(--text);border-radius:13px}.fee-rule-controls select{width:100%;padding:0 12px}.fee-value-input{align-items:center;display:flex;overflow:hidden}.fee-value-input span{color:var(--accent);padding-left:12px;font-weight:900}.fee-value-input input{width:100%;min-width:0;padding-left:8px;box-shadow:none!important;background:0 0!important;border:0!important}.fee-method-grid footer{border-top:1px dashed var(--border);color:var(--accent);padding-top:13px;font-size:.8rem;font-weight:800}.fee-policy-note{border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));background:var(--accent-soft);color:var(--accent);border-radius:17px;gap:13px;padding:17px 19px;display:flex}.fee-policy-note svg{flex:none;width:22px}.fee-policy-note div{gap:4px;display:grid}.fee-policy-note strong{font-size:.9rem}.fee-policy-note span{color:var(--muted);font-size:.8rem;line-height:1.5}@media (width<=1100px){.fee-method-grid{grid-template-columns:1fr}.fee-rule-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.pos-fee-settings{gap:20px}.fee-master-switch{padding:17px}.fee-method-grid{gap:13px}.fee-method-grid article{padding:17px}.fee-rule-controls{grid-template-columns:1fr}.fee-policy-note{align-items:flex-start}}.printer-settings{gap:24px}.printer-master-switch{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 92%,var(--accent) 8%);cursor:pointer;border-radius:19px;justify-content:space-between;align-items:center;gap:22px;padding:19px 21px;display:flex}.printer-master-switch>span{gap:4px;display:grid}.printer-master-switch strong{color:var(--text);font-size:.96rem}.printer-master-switch small{color:var(--muted);font-size:.8rem}.printer-master-switch input{opacity:0;position:absolute}.printer-master-switch i{background:var(--border-strong);border-radius:99px;flex:none;width:54px;height:30px;padding:3px;transition:all .25s}.printer-master-switch i:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:all .25s;display:block;box-shadow:0 3px 10px #0003}.printer-master-switch input:checked+i{background:var(--accent)}.printer-master-switch input:checked+i:after{transform:translate(24px)}.printer-setting-block{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:22px;gap:17px;padding:20px;display:grid}.printer-setting-block>header{align-items:flex-start;gap:12px;display:flex}.printer-setting-block>header>span{width:34px;height:34px;color:var(--accent);background:var(--accent-soft);border-radius:11px;flex:none;place-items:center;font-weight:900;display:grid}.printer-setting-block h3{color:var(--text);margin:0;font-size:1rem}.printer-setting-block header p{color:var(--muted);margin:4px 0 0;font-size:.78rem}.printer-connection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.printer-connection-grid>button,.paper-size-options>button{border:1px solid var(--border);color:var(--text);background:var(--input-bg);text-align:left;border-radius:17px;align-items:center;gap:12px;padding:15px;transition:all .22s;display:grid;position:relative}.printer-connection-grid>button{grid-template-columns:38px 1fr 16px}.printer-connection-grid>button>svg,.paper-size-options>button>svg{width:38px;height:38px;color:var(--muted);background:var(--surface);border-radius:12px;padding:9px}.printer-connection-grid strong,.printer-connection-grid small,.paper-size-options strong,.paper-size-options small{display:block}.printer-connection-grid strong,.paper-size-options strong{font-size:.86rem}.printer-connection-grid small,.paper-size-options small{color:var(--muted);margin-top:4px;font-size:.7rem;line-height:1.45}.printer-connection-grid button>i,.paper-size-options button>i{border:2px solid var(--border-strong);border-radius:50%;width:15px;height:15px}.printer-connection-grid button.active,.paper-size-options button.active{border-color:color-mix(in srgb,var(--accent) 58%,var(--border));background:var(--accent-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 9%,transparent)}.printer-connection-grid button.active>svg,.paper-size-options button.active>svg{color:var(--accent)}.printer-connection-grid button.active>i,.paper-size-options button.active>i{border:4px solid var(--accent)}.printer-network-fields,.printer-basic-fields,.printer-copy-fields{grid-template-columns:1fr 180px;gap:13px;display:grid}.printer-copy-fields{grid-template-columns:1fr 1fr}.printer-network-fields label,.printer-basic-fields label,.printer-copy-fields label,.printer-device-field{color:var(--muted);gap:7px;font-size:.78rem;font-weight:800;display:grid}.printer-network-fields input,.printer-basic-fields input,.printer-basic-fields select,.printer-copy-fields input,.printer-device-field input{width:100%;min-height:46px}.printer-device-field small{font-size:.7rem;font-weight:600}.printer-driver-note,.printer-security-note{border:1px solid color-mix(in srgb,var(--accent) 30%,var(--border));color:var(--accent);background:var(--accent-soft);border-radius:16px;align-items:flex-start;gap:12px;padding:15px 17px;display:flex}.printer-driver-note svg,.printer-security-note svg{flex:none;width:21px}.printer-driver-note div,.printer-security-note div{gap:4px;display:grid}.printer-driver-note strong,.printer-security-note strong{font-size:.82rem}.printer-driver-note span,.printer-security-note span{color:var(--muted);font-size:.72rem;line-height:1.5}.paper-size-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.paper-size-options>button{grid-template-columns:40px 1fr 16px}.printer-checks{grid-template-columns:1fr 1fr;gap:12px;display:grid}.printer-checks>label{border:1px solid var(--border);background:var(--input-bg);border-radius:15px;align-items:flex-start;gap:10px;padding:14px;display:flex}.printer-checks input{width:18px;height:18px;accent-color:var(--accent)}.printer-checks span{gap:3px;display:grid}.printer-checks strong{color:var(--text);font-size:.8rem}.printer-checks small{color:var(--muted);font-size:.7rem}@media (width<=900px){.printer-connection-grid,.printer-network-fields,.printer-basic-fields,.printer-copy-fields,.printer-checks{grid-template-columns:1fr}}@media (width<=560px){.printer-setting-block{padding:16px}.paper-size-options{grid-template-columns:1fr}.printer-master-switch{padding:16px}.printer-connection-grid>button{padding:13px}}.app-shell .settings-content .pos-fee-settings{--pf-surface:#fff;--pf-soft:#f5faf7;--pf-input:#fff;--pf-text:#183127;--pf-muted:#6f8379;--pf-border:#d9e7e0;--pf-strong:#b9cec4;--pf-accent:#07885f;--pf-accent-soft:#e6f7ef;color:var(--pf-text);gap:22px}html[data-theme=dark] .app-shell .settings-content .pos-fee-settings{--pf-surface:#12271f;--pf-soft:#0d211a;--pf-input:#0a1c16;--pf-text:#eef9f4;--pf-muted:#9aafa5;--pf-border:#2d4a3e;--pf-strong:#3b5b4d;--pf-accent:#51dca7;--pf-accent-soft:#183c2f}.app-shell .settings-content .pos-fee-settings .section-title{border-bottom:1px solid var(--pf-border);padding-bottom:19px}.app-shell .settings-content .pos-fee-settings .section-title h2{color:var(--pf-text)}.app-shell .settings-content .pos-fee-settings .section-title p{color:var(--pf-muted);font-size:.86rem;line-height:1.6}.app-shell .settings-content .pos-fee-settings .fee-master-switch{border-radius:18px;justify-content:space-between;align-items:center;min-height:88px;padding:18px 20px;position:relative;border:1px solid var(--pf-border)!important;background:var(--pf-soft)!important;box-shadow:none!important;display:flex!important}.app-shell .settings-content .pos-fee-settings .fee-master-switch>span{min-width:0;padding-right:18px}.app-shell .settings-content .pos-fee-settings .fee-master-switch strong{color:var(--pf-text);font-size:1rem}.app-shell .settings-content .pos-fee-settings .fee-master-switch small{color:var(--pf-muted);font-size:.82rem;line-height:1.55}.app-shell .settings-content .pos-fee-settings .fee-master-switch input{opacity:0!important;width:1px!important;height:1px!important;position:absolute!important}.app-shell .settings-content .pos-fee-settings .fee-master-switch i{min-width:54px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pf-border) 75%,transparent);border-radius:99px;padding:3px;transition:all .25s;position:relative;background:var(--pf-strong)!important;border:0!important;width:54px!important;height:30px!important;display:block!important}.app-shell .settings-content .pos-fee-settings .fee-master-switch i:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:all .25s;display:block;box-shadow:0 3px 10px #0004}.app-shell .settings-content .pos-fee-settings .fee-master-switch input:checked+i{background:var(--pf-accent)!important}.app-shell .settings-content .pos-fee-settings .fee-master-switch input:checked+i:after{transform:translate(24px)}.app-shell .settings-content .pos-fee-settings .fee-master-switch:focus-within{outline:3px solid color-mix(in srgb,var(--pf-accent) 18%,transparent);outline-offset:2px}.app-shell .settings-content .pos-fee-settings .fee-label-field{border:1px solid var(--pf-border);border-radius:18px;gap:9px;padding:16px 18px;font-size:.86rem;color:var(--pf-text)!important;background:var(--pf-soft)!important;display:grid!important}.app-shell .settings-content .pos-fee-settings .fee-label-field input{border:1px solid var(--pf-border)!important;width:100%!important;min-height:48px!important;color:var(--pf-text)!important;background:var(--pf-input)!important;box-shadow:none!important;caret-color:var(--pf-accent)!important;border-radius:13px!important;outline:0!important;margin:0!important;padding:0 14px!important;font:800 .9rem Nunito,sans-serif!important;display:block!important}.app-shell .settings-content .pos-fee-settings .fee-label-field input:focus{border-color:var(--pf-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--pf-accent) 13%,transparent)!important}.app-shell .settings-content .pos-fee-settings .fee-method-grid{gap:16px}.app-shell .settings-content .pos-fee-settings .fee-method-grid article{min-width:0;min-height:280px;color:var(--pf-text);border-radius:20px;flex-direction:column;gap:18px;padding:19px;display:flex;border:1px solid var(--pf-border)!important;background:var(--pf-surface)!important;box-shadow:0 12px 30px #071c1412!important}html[data-theme=dark] .app-shell .settings-content .pos-fee-settings .fee-method-grid article{box-shadow:none!important}.app-shell .settings-content .pos-fee-settings .fee-method-grid article:hover{border-color:color-mix(in srgb,var(--pf-accent) 48%,var(--pf-border))!important}.app-shell .settings-content .pos-fee-settings .fee-method-grid article header>span{color:var(--pf-accent)!important;background:var(--pf-accent-soft)!important}.app-shell .settings-content .pos-fee-settings .fee-method-grid h3{color:var(--pf-text);font-size:1rem}.app-shell .settings-content .pos-fee-settings .fee-method-grid p{color:var(--pf-muted);font-size:.78rem;line-height:1.55}.app-shell .settings-content .pos-fee-settings .fee-rule-controls{gap:13px}.app-shell .settings-content .pos-fee-settings .fee-rule-controls label{gap:8px;font-size:.76rem;color:var(--pf-muted)!important}.app-shell .settings-content .pos-fee-settings .fee-rule-controls select,.app-shell .settings-content .pos-fee-settings .fee-value-input{border:1px solid var(--pf-border)!important;width:100%!important;min-height:47px!important;color:var(--pf-text)!important;background:var(--pf-input)!important;box-shadow:none!important;border-radius:13px!important;outline:0!important}.app-shell .settings-content .pos-fee-settings .fee-rule-controls select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;padding:0 35px 0 12px!important;font:800 .82rem Nunito,sans-serif!important}html[data-theme=dark] .app-shell .settings-content .pos-fee-settings .fee-rule-controls select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.app-shell .settings-content .pos-fee-settings .fee-rule-controls select:focus,.app-shell .settings-content .pos-fee-settings .fee-value-input:focus-within{border-color:var(--pf-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--pf-accent) 13%,transparent)!important}.app-shell .settings-content .pos-fee-settings .fee-value-input{align-items:center!important;display:flex!important;overflow:hidden!important}.app-shell .settings-content .pos-fee-settings .fee-value-input span{padding:0 0 0 12px;font-size:.82rem;font-weight:900;color:var(--pf-accent)!important}.app-shell .settings-content .pos-fee-settings .fee-value-input input{width:100%!important;min-width:0!important;height:45px!important;color:var(--pf-text)!important;box-shadow:none!important;caret-color:var(--pf-accent)!important;background:0 0!important;border:0!important;border-radius:0!important;outline:0!important;margin:0!important;padding:0 12px 0 8px!important;font:900 .86rem Nunito,sans-serif!important;display:block!important}.app-shell .settings-content .pos-fee-settings .fee-method-grid footer{border-color:var(--pf-border);color:var(--pf-accent);margin-top:auto;padding-top:14px;font-size:.79rem}.app-shell .settings-content .pos-fee-settings .fee-policy-note{border-radius:16px;align-items:flex-start;gap:13px;padding:16px 18px;display:flex;border:1px solid color-mix(in srgb,var(--pf-accent) 32%,var(--pf-border))!important;color:var(--pf-accent)!important;background:var(--pf-accent-soft)!important}.app-shell .settings-content .pos-fee-settings .fee-policy-note strong{color:var(--pf-text);font-size:.87rem}.app-shell .settings-content .pos-fee-settings .fee-policy-note span{color:var(--pf-muted);font-size:.78rem;line-height:1.55}.app-shell .settings-content .pos-fee-settings .form-actions{border:0;justify-content:flex-end;margin:0;padding-top:2px}.app-shell .settings-content .pos-fee-settings .form-actions .primary-action{min-width:190px;min-height:47px}@media (width<=1100px){.app-shell .settings-content .pos-fee-settings .fee-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell .settings-content .pos-fee-settings .fee-method-grid article:last-child{grid-column:1/-1}}@media (width<=720px){.app-shell .settings-content .pos-fee-settings{gap:17px}.app-shell .settings-content .pos-fee-settings .fee-master-switch{min-height:82px;padding:16px}.app-shell .settings-content .pos-fee-settings .fee-master-switch>span{padding-right:11px}.app-shell .settings-content .pos-fee-settings .fee-method-grid{grid-template-columns:1fr}.app-shell .settings-content .pos-fee-settings .fee-method-grid article:last-child{grid-column:auto}.app-shell .settings-content .pos-fee-settings .fee-method-grid article{min-height:0;padding:17px}.app-shell .settings-content .pos-fee-settings .fee-rule-controls{grid-template-columns:1fr 1fr}.app-shell .settings-content .pos-fee-settings .form-actions .primary-action{width:100%}}@media (width<=420px){.app-shell .settings-content .pos-fee-settings .fee-rule-controls{grid-template-columns:1fr}.app-shell .settings-content .pos-fee-settings .fee-master-switch small{font-size:.76rem}}.app-shell .settings-layout{grid-template-columns:minmax(210px,238px) minmax(0,1fr);align-items:start;gap:20px;max-width:1500px;margin:0 auto}.app-shell .settings-tabs{gap:6px;padding:12px;display:grid;position:sticky;top:92px;border:1px solid var(--admin-border)!important;background:var(--admin-surface)!important;box-shadow:var(--admin-shadow)!important;border-radius:20px!important}.app-shell .settings-tabs button{text-align:left;grid-template-columns:22px minmax(0,1fr) 15px;align-items:center;gap:10px;min-height:50px;transition:transform .2s,border-color .2s,background .2s,color .2s;position:relative;color:var(--admin-muted)!important;background:0 0!important;border:1px solid #0000!important;border-radius:13px!important;padding:0 13px!important;font-size:11px!important;display:grid!important}.app-shell .settings-tabs button>svg{width:18px;height:18px}.app-shell .settings-tabs button>svg:last-child{opacity:.45;width:14px;margin-left:auto;transition:transform .2s,opacity .2s}.app-shell .settings-tabs button:hover{transform:translate(2px);border-color:var(--admin-border)!important;color:var(--admin-text)!important;background:var(--admin-surface-soft)!important}.app-shell .settings-tabs button.active{border-color:color-mix(in srgb,var(--admin-accent) 30%,var(--admin-border))!important;color:var(--admin-accent)!important;background:var(--admin-accent-soft)!important;box-shadow:inset 3px 0 var(--admin-accent)!important}.app-shell .settings-tabs button.active>svg:last-child{opacity:1;transform:translate(2px)}.app-shell .settings-content{min-width:0;min-height:620px;overflow:clip;border:1px solid var(--admin-border)!important;background:var(--admin-surface)!important;color:var(--admin-text)!important;box-shadow:var(--admin-shadow)!important;border-radius:22px!important}.app-shell .settings-content .settings-form{min-width:0;color:var(--admin-text);gap:0;display:grid;background:0 0!important}.app-shell .settings-content .section-title{gap:14px;min-width:0;border-bottom:1px solid var(--admin-border)!important;background:linear-gradient(120deg,var(--admin-surface),var(--admin-surface-soft))!important;padding:22px 24px!important}.app-shell .settings-content .section-title>svg{border:1px solid color-mix(in srgb,var(--admin-accent) 20%,var(--admin-border));border-radius:14px;flex:0 0 44px;width:44px;height:44px;padding:11px;background:var(--admin-accent-soft)!important;color:var(--admin-accent)!important}.app-shell .settings-content .section-title>div{min-width:0}.app-shell .settings-content .section-title h2{line-height:1.25;color:var(--admin-text)!important;font-size:18px!important}.app-shell .settings-content .section-title p{max-width:720px;line-height:1.55;color:var(--admin-muted)!important;margin-top:5px!important;font-size:11px!important}.app-shell .settings-content .section-title.with-action{grid-template-columns:44px minmax(0,1fr) auto;display:grid}.app-shell .settings-content .section-title.with-action>.button{white-space:nowrap;min-height:43px}.app-shell .settings-content>.settings-form>.form-grid,.app-shell .settings-content>.form-grid{gap:16px;padding:22px 24px!important}.app-shell .settings-content .form-grid label{gap:8px;min-width:0;color:var(--admin-text)!important;font-size:11px!important}.app-shell .settings-content :is(.form-grid,.security-card,.printer-settings,.bank-account-form) :is(input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),select,textarea){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border:1px solid var(--admin-border)!important;width:100%!important;min-height:47px!important;color:var(--admin-text)!important;background:var(--admin-surface-soft)!important;box-shadow:none!important;border-radius:12px!important;outline:0!important;padding:0 13px!important}.app-shell .settings-content textarea{line-height:1.55;padding-block:12px!important}.app-shell .settings-content :is(input,textarea)::placeholder{color:color-mix(in srgb,var(--admin-muted) 78%,transparent)!important}.app-shell .settings-content :is(input,select,textarea):focus{border-color:var(--admin-accent)!important;background:var(--admin-surface)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--admin-accent) 14%,transparent)!important}html[data-theme=dark] .app-shell .settings-content :is(input,select,textarea){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.app-shell .settings-content .form-actions{justify-content:flex-end;gap:10px;padding-top:5px;display:flex}.app-shell .settings-content .form-actions .button{min-height:44px;padding-inline:17px}.app-shell .settings-content .checkbox-label{min-height:48px;border:1px solid var(--admin-border)!important;color:var(--admin-text)!important;background:var(--admin-surface-soft)!important;border-radius:12px!important;padding:11px 13px!important}.app-shell .settings-content .checkbox-label input{width:18px!important;height:18px!important;min-height:18px!important}.app-shell .settings-content .table-wrap{scrollbar-gutter:stable;max-width:100%;overflow:auto;background:var(--admin-surface)!important}.app-shell .settings-content table{min-width:760px}.app-shell .settings-content th{padding:14px 16px!important;font-size:9px!important}.app-shell .settings-content td{padding:15px 16px!important;font-size:10px!important}.app-shell .settings-content .row-actions{flex-wrap:wrap;gap:7px;display:flex}.app-shell .settings-content .category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px 22px}.app-shell .settings-content .category-grid article{grid-template-columns:10px minmax(0,1fr) auto auto;gap:12px;min-width:0;display:grid;border:1px solid var(--admin-border)!important;background:var(--admin-surface-soft)!important;box-shadow:none!important;border-radius:15px!important;padding:15px!important}.app-shell .settings-content .category-grid article>div{min-width:0}.app-shell .settings-content .category-grid strong{color:var(--admin-text)!important}.app-shell .settings-content .category-grid article>div span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--admin-muted)!important}.app-shell .settings-content .security-card{gap:15px;width:auto;max-width:620px;margin:22px 24px;padding:21px;border:1px solid var(--admin-border)!important;background:var(--admin-surface-soft)!important;box-shadow:none!important;border-radius:17px!important}.app-shell .settings-content .security-card label{color:var(--admin-text)!important;font-size:11px!important}.app-shell .settings-content .security-card .primary-action{min-height:46px}.app-shell .settings-content .audit-list{gap:8px;padding:14px 22px 22px}.app-shell .settings-content .audit-list article{border-radius:14px;min-width:0;padding:14px;border:1px solid var(--admin-border)!important;background:var(--admin-surface-soft)!important}.app-shell .settings-content .audit-list article>div{min-width:0}.app-shell .settings-content .audit-list strong{color:var(--admin-text)!important;font-size:11px!important}.app-shell .settings-content .audit-list small{line-height:1.45;color:var(--admin-muted)!important;font-size:10px!important}.app-shell .settings-content .admin-avatar-settings{gap:22px;margin:22px 24px;border:1px solid var(--admin-border)!important;background:linear-gradient(135deg,var(--admin-surface-soft),var(--admin-surface))!important;box-shadow:none!important;border-radius:20px!important;padding:22px!important}.app-shell .settings-content .admin-avatar-settings h3{font-size:20px;color:var(--admin-text)!important}.app-shell .settings-content .admin-avatar-settings p{line-height:1.55;color:var(--admin-muted)!important;font-size:11px!important}.app-shell .settings-content .admin-avatar-settings>img{border-color:var(--admin-surface)!important}.app-shell .settings-content .admin-bank-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px 22px}.app-shell .settings-content .admin-bank-grid article{border-radius:18px;min-width:0;padding:18px;border:1px solid var(--admin-border)!important;background:var(--admin-surface-soft)!important;box-shadow:none!important}.app-shell .settings-content .admin-bank-grid article header>span,.app-shell .settings-content .admin-bank-grid article header>b{background:var(--admin-accent-soft)!important;color:var(--admin-accent)!important}.app-shell .settings-content .admin-bank-grid article h3,.app-shell .settings-content .admin-bank-grid .bank-number{color:var(--admin-text)!important}.app-shell .settings-content .admin-bank-grid article p{color:var(--admin-muted)!important}.app-shell .settings-content .admin-bank-grid article footer{border-color:var(--admin-border)!important}.app-shell .settings-content .printer-settings{gap:20px;padding-bottom:22px}.app-shell .settings-content .printer-settings>.section-title{margin-bottom:2px}.app-shell .settings-content .printer-master-switch{border-radius:17px;justify-content:space-between;align-items:center;min-height:86px;margin:0 22px;padding:17px 19px;position:relative;border:1px solid var(--admin-border)!important;background:var(--admin-surface-soft)!important;box-shadow:none!important;display:flex!important}.app-shell .settings-content .printer-master-switch>span{min-width:0;padding-right:15px}.app-shell .settings-content .printer-master-switch strong{font-size:15px;color:var(--admin-text)!important}.app-shell .settings-content .printer-master-switch small{font-size:11px;line-height:1.5;color:var(--admin-muted)!important}.app-shell .settings-content .printer-master-switch input{opacity:0!important;width:1px!important;height:1px!important;position:absolute!important}.app-shell .settings-content .printer-master-switch i{border-radius:99px;min-width:54px;padding:3px;position:relative;background:color-mix(in srgb,var(--admin-muted) 45%,var(--admin-border))!important;border:0!important;width:54px!important;height:30px!important;display:block!important}.app-shell .settings-content .printer-master-switch i:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:all .24s;display:block;box-shadow:0 3px 10px #0004}.app-shell .settings-content .printer-master-switch input:checked+i{background:var(--admin-accent)!important}.app-shell .settings-content .printer-master-switch input:checked+i:after{transform:translate(24px)}.app-shell .settings-content .printer-setting-block{border-radius:19px;gap:17px;margin:0 22px;padding:20px;border:1px solid var(--admin-border)!important;background:var(--admin-surface-soft)!important;box-shadow:none!important}.app-shell .settings-content .printer-setting-block>header>span,.app-shell .settings-content .printer-setting-block>header>span{color:var(--admin-accent)!important;background:var(--admin-accent-soft)!important}.app-shell .settings-content .printer-setting-block h3,.app-shell .settings-content .printer-setting-block strong{color:var(--admin-text)!important}.app-shell .settings-content .printer-setting-block p,.app-shell .settings-content .printer-setting-block small{color:var(--admin-muted)!important}.app-shell .settings-content .printer-connection-grid>button,.app-shell .settings-content .paper-size-options>button,.app-shell .settings-content .printer-checks>label{border:1px solid var(--admin-border)!important;color:var(--admin-text)!important;background:var(--admin-surface)!important;box-shadow:none!important}.app-shell .settings-content .printer-connection-grid>button>svg,.app-shell .settings-content .paper-size-options>button>svg{color:var(--admin-muted)!important;background:var(--admin-surface-soft)!important}.app-shell .settings-content :is(.printer-connection-grid,.paper-size-options)>button.active{border-color:color-mix(in srgb,var(--admin-accent) 55%,var(--admin-border))!important;background:var(--admin-accent-soft)!important}.app-shell .settings-content :is(.printer-connection-grid,.paper-size-options)>button.active>svg{color:var(--admin-accent)!important}.app-shell .settings-content .printer-driver-note,.app-shell .settings-content .printer-security-note{margin-inline:22px;border-color:color-mix(in srgb,var(--admin-accent) 30%,var(--admin-border))!important;color:var(--admin-accent)!important;background:var(--admin-accent-soft)!important}.app-shell .settings-content .printer-setting-block .printer-driver-note{margin-inline:0}.app-shell .settings-content .printer-security-note span,.app-shell .settings-content .printer-driver-note span{color:var(--admin-muted)!important}.app-shell .settings-content .printer-settings>.form-actions{padding:0 22px}.app-shell .settings-content .printer-settings>.form-actions .primary-action{min-width:220px}.viewport-modal-layer{--dialog-surface:#fff;--dialog-soft:#f7faf8;--dialog-border:#dbe7e1;--dialog-text:#172c24;--dialog-muted:#71837a;--dialog-accent:#07865e;overscroll-behavior:contain;z-index:1400!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#03120ca8!important;place-items:center!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:clamp(12px,2.5vw,28px)!important;display:grid!important;position:fixed!important;inset:0!important;overflow:auto!important;transform:none!important}html[data-theme=dark] .viewport-modal-layer{--dialog-surface:#13231e;--dialog-soft:#0f1d19;--dialog-border:#30463e;--dialog-text:#edf8f3;--dialog-muted:#9bb0a8;--dialog-accent:#67dbae;background:#010906c7!important}.viewport-modal-layer>:is(.modal,.avatar-picker-modal,.identity-editor-modal,.portal-modal){transform-origin:50%;border:1px solid var(--dialog-border)!important;width:min(620px,100vw - clamp(24px,5vw,56px))!important;max-width:100%!important;max-height:calc(100dvh - clamp(24px,5vw,56px))!important;color:var(--dialog-text)!important;background:var(--dialog-surface)!important;border-radius:24px!important;margin:auto!important;position:relative!important;inset:auto!important;overflow:auto!important;box-shadow:0 30px 100px #00000059!important}.viewport-modal-layer>.modal.wide{width:min(860px,100vw - clamp(24px,5vw,56px))!important}.viewport-modal-layer>.portal-modal{width:min(520px,100vw - clamp(24px,5vw,56px))!important}.viewport-modal-layer>:is(.modal,.avatar-picker-modal,.identity-editor-modal,.portal-modal)>header{border-color:var(--dialog-border)!important;color:var(--dialog-text)!important;background:color-mix(in srgb,var(--dialog-surface) 96%,transparent)!important}.viewport-modal-layer :is(h2,h3,strong,label){color:var(--dialog-text)!important}.viewport-modal-layer :is(p,small){color:var(--dialog-muted)!important}.viewport-modal-layer .form-grid :is(input:not([type=checkbox]):not([type=color]),select,textarea),.viewport-modal-layer .portal-modal :is(input,select,textarea){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-color:var(--dialog-border)!important;color:var(--dialog-text)!important;background:var(--dialog-soft)!important}.viewport-modal-layer .form-grid :is(input,select,textarea):focus,.viewport-modal-layer .portal-modal :is(input,select,textarea):focus{border-color:var(--dialog-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--dialog-accent) 14%,transparent)!important;outline:0!important}html[data-theme=dark] .viewport-modal-layer :is(input,select,textarea){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.viewport-modal-layer .modal>header{z-index:3;top:0;position:sticky!important}.viewport-modal-layer .identity-editor-modal>footer,.viewport-modal-layer .avatar-picker-modal>footer{z-index:3;position:sticky;bottom:0;border-color:var(--dialog-border)!important;background:var(--dialog-soft)!important}@media (width<=1050px){.app-shell .settings-layout{grid-template-columns:1fr}.app-shell .settings-tabs{grid-template-columns:repeat(3,minmax(0,1fr));position:static;top:auto}.app-shell .settings-tabs button:hover{transform:translateY(-1px)}.app-shell .settings-content{min-height:0}.app-shell .settings-content .category-grid{grid-template-columns:1fr}}@media (width<=720px){.app-shell .settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:9px;border-radius:17px!important}.app-shell .settings-tabs button{min-height:48px;padding:0 11px!important}.app-shell .settings-content{border-radius:19px!important}.app-shell .settings-content .section-title{padding:18px!important}.app-shell .settings-content .section-title.with-action{grid-template-columns:42px minmax(0,1fr)}.app-shell .settings-content .section-title.with-action>.button{grid-column:1/-1;width:100%;margin-top:2px}.app-shell .settings-content>.settings-form>.form-grid,.app-shell .settings-content>.form-grid{grid-template-columns:1fr;padding:18px!important}.app-shell .settings-content .form-grid .span-2{grid-column:1}.app-shell .settings-content .form-actions{grid-template-columns:1fr 1fr;display:grid}.app-shell .settings-content .form-actions .button:only-child{grid-column:1/-1}.app-shell .settings-content .security-card{max-width:none;margin:18px;padding:17px}.app-shell .settings-content .admin-bank-grid{grid-template-columns:1fr;padding:17px}.app-shell .settings-content .printer-master-switch,.app-shell .settings-content .printer-setting-block,.app-shell .settings-content .printer-security-note{margin-inline:17px}.app-shell .settings-content .printer-settings>.form-actions{padding-inline:17px}.app-shell .settings-content .printer-settings>.form-actions .primary-action{width:100%;min-width:0}.app-shell .settings-content .printer-connection-grid,.app-shell .settings-content .printer-network-fields,.app-shell .settings-content .printer-basic-fields,.app-shell .settings-content .printer-copy-fields,.app-shell .settings-content .printer-checks{grid-template-columns:1fr}.app-shell .settings-content .category-grid{padding:17px}.app-shell .settings-content .category-grid article{grid-template-columns:9px minmax(0,1fr) auto}.app-shell .settings-content .category-grid article>.table-action{grid-column:2/-1;width:100%}.app-shell .settings-content .admin-avatar-settings{align-items:center;margin:18px;padding:18px!important}.viewport-modal-layer{place-items:center!important;padding:12px!important}.viewport-modal-layer>:is(.modal,.modal.wide,.avatar-picker-modal,.identity-editor-modal,.portal-modal){border-radius:20px!important;width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important}.viewport-modal-layer .form-grid{grid-template-columns:1fr!important;padding:17px!important}.viewport-modal-layer .form-grid .span-2{grid-column:1!important}}@media (width<=480px){.app-shell .settings-tabs{grid-template-columns:1fr 1fr}.app-shell .settings-tabs button{grid-template-columns:20px minmax(0,1fr);font-size:10px!important}.app-shell .settings-tabs button>svg:last-child{display:none}.app-shell .settings-content .section-title{align-items:flex-start}.app-shell .settings-content .section-title>svg{flex-basis:40px;width:40px;height:40px}.app-shell .settings-content .section-title h2{font-size:16px!important}.app-shell .settings-content .admin-avatar-settings{text-align:center;flex-direction:column}.app-shell .settings-content .admin-avatar-settings .profile-action-row{justify-content:center}.app-shell .settings-content .printer-master-switch{align-items:flex-start}.app-shell .settings-content .printer-master-switch i{margin-top:3px}.app-shell .settings-content .category-grid article{grid-template-columns:8px minmax(0,1fr)}.app-shell .settings-content .category-grid article>.availability{grid-column:2}.viewport-modal-layer>:is(.modal,.modal.wide,.avatar-picker-modal,.identity-editor-modal,.portal-modal){border-radius:18px!important;width:calc(100vw - 18px)!important;max-height:calc(100dvh - 18px)!important}}@media (prefers-reduced-motion:reduce){.app-shell .settings-tabs button,.viewport-modal-layer>*{transition:none!important}}.danger-button{color:#fff;background:#c34f40;border:1px solid #b84435}.warning-box,.info-box{border-radius:10px;align-items:center;gap:10px;padding:13px;font-size:9px;line-height:1.6;display:flex}.warning-box{color:#9e3d30;background:#fff1ed}.info-box{color:#306b4e;background:#eef7f2}.warning-box svg,.info-box svg{flex:none;width:20px}.pager{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:12px 17px;font-size:8px;display:flex}.pager div{gap:6px;display:flex}.pager button{border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.pager button:disabled{opacity:.4}.pager svg{width:14px}.row-actions{gap:6px;display:flex}.receipt-head{border-bottom:2px solid #163d2e;justify-content:space-between;gap:20px;padding-bottom:17px;display:flex}.receipt-head>div:last-child{text-align:right}.receipt-head strong,.receipt-head b{font:900 18px Nunito;display:block}.receipt-head span{color:var(--muted);margin-top:4px;font-size:9px;display:block}.detail-info{grid-template-columns:repeat(4,1fr);gap:10px;padding:14px 0;display:grid}.detail-info span{color:var(--muted);background:#f5f8f6;border-radius:9px;gap:4px;padding:10px;font-size:8px;display:grid}.detail-info b{color:var(--ink)}.receipt-table{min-width:0}.receipt-total{gap:7px;width:min(300px,100%);margin:15px 0 15px auto;display:grid}.receipt-total span,.receipt-total>strong{justify-content:space-between;font-size:9px;display:flex}.receipt-total>strong{border-top:1px solid var(--line);padding-top:8px;font-size:12px}.detail-note{color:#8c631d;background:#fff8e9;border-radius:9px;padding:10px;font-size:9px}.status-timeline{border-top:1px solid var(--line);padding-top:12px}.status-timeline h3{font:800 12px Nunito}.status-timeline>div{gap:10px;padding:8px 0;display:flex}.status-timeline i{background:#20a964;border-radius:50%;width:9px;height:9px;margin-top:3px;box-shadow:0 0 0 4px #e5f6ec}.status-timeline strong,.status-timeline small{display:block}.status-timeline small{color:var(--muted);margin-top:3px;font-size:8px}.detail-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin-top:15px;padding-top:15px;display:flex}.stock-summary{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:15px;display:grid}.stock-summary article{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:18px;display:flex}.stock-summary article>svg{width:42px;height:42px;color:var(--green-700);background:#e7f5ed;border-radius:11px;padding:11px}.stock-summary article.alert>svg{color:#c35e2a;background:#fff0e8}.stock-summary span,.stock-summary strong{display:block}.stock-summary span{color:var(--muted);font-size:8px}.stock-summary strong{margin-top:4px;font:900 20px Nunito}.low-stock-banner{color:#9a6410;background:#fff8e9;border:1px solid #f1cf9b;border-radius:12px;align-items:center;gap:12px;margin-bottom:15px;padding:14px 17px;display:flex}.low-stock-banner svg{width:20px}.low-stock-banner strong,.low-stock-banner span{display:block}.low-stock-banner strong{font-size:10px}.low-stock-banner span{margin-top:4px;font-size:8px}.movement{background:#edf4ef;border-radius:99px;padding:5px 8px;font-size:7px;font-weight:800}.movement.adjustment{color:#336997;background:#e8f0fa}.movement.sale{color:#ad5b27;background:#fff1e8}.credit{color:#0b804a!important}.debit{color:#b44738!important}.settings-layout{grid-template-columns:190px minmax(0,1fr);align-items:start;gap:15px;display:grid}.admin-avatar-settings{border:1px solid var(--line);background:linear-gradient(135deg,#f4fbf7,#fff);border-radius:17px;align-items:center;gap:20px;margin:22px;padding:22px;display:flex;box-shadow:0 12px 30px #1648340d}.admin-avatar-settings>img{object-fit:cover;border:4px solid #fff;border-radius:27px;flex:0 0 92px;width:92px;height:92px;box-shadow:0 13px 30px #087a5529}.admin-avatar-settings>div{min-width:0}.admin-avatar-settings span{color:var(--green-700);letter-spacing:1px;text-transform:uppercase;font-size:8px;font-weight:900;display:block}.admin-avatar-settings h3{margin:5px 0 2px;font:900 18px Nunito}.admin-avatar-settings p{color:var(--muted);margin:0;font-size:10px}.admin-avatar-settings .avatar-edit-trigger{margin:13px 0 0}html[data-theme=dark] .admin-avatar-settings{background:linear-gradient(135deg,#162923,#101e1a);border-color:#30473e}html[data-theme=dark] .admin-avatar-settings>img{border-color:#29433a}html[data-theme=dark] .admin-avatar-settings h3{color:#edf8f3}.settings-tabs{border:1px solid var(--line);background:#fff;border-radius:14px;gap:5px;padding:9px;display:grid}.settings-tabs button{color:#60766d;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;min-height:42px;padding:0 10px;font-size:9px;font-weight:800;display:flex}.settings-tabs button>svg{width:16px}.settings-tabs button>svg:last-child{width:13px;margin-left:auto}.settings-tabs button.active{color:var(--green-700);background:#e8f6ee}.settings-content{min-height:550px;overflow:hidden}.section-title{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:20px 22px;display:flex}.section-title>svg{width:38px;height:38px;color:var(--green-700);background:#e8f6ee;border-radius:11px;padding:10px}.section-title>div{flex:1}.section-title h2,.section-title p{margin:0}.section-title h2{font:900 14px Nunito}.section-title p{color:var(--muted);margin-top:4px;font-size:8px}.section-title.with-action{align-items:center}.settings-form>.form-grid{padding:22px}.security-card{border:1px solid var(--line);background:#fafcfb;border-radius:12px;gap:14px;width:min(480px,100% - 44px);margin:22px;padding:20px;display:grid}.security-card label{color:#365347;gap:7px;font-size:9px;font-weight:800;display:grid}.security-card input{border:1px solid #dce7e1;border-radius:9px;height:43px;padding:0 12px}.category-grid{gap:9px;padding:18px;display:grid}.category-grid article{border:1px solid var(--line);border-radius:11px;align-items:center;gap:11px;padding:13px;display:flex}.category-grid article>i{border-radius:5px;width:10px;height:35px}.category-grid article>div{flex:1}.category-grid strong,.category-grid span{display:block}.category-grid strong{font-size:10px}.category-grid article>div span{color:var(--muted);margin-top:4px;font-size:8px}.availability{border-radius:99px;padding:5px 8px;font-size:7px;font-weight:800;display:inline-flex}.availability.active{color:#0b7445;background:#e2f4e9}.availability.inactive{color:#718079;background:#f0f2f1}.role-chip{color:#356c9e;background:#e9f1fb;border-radius:8px;padding:5px 8px;font-size:7px;font-weight:800;display:inline-flex}.audit-list{padding:8px 18px 18px;display:grid}.audit-list article{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:12px 0;display:flex}.audit-list article>span{width:34px;height:34px;color:var(--green-700);background:#edf6f1;border-radius:9px;place-items:center;display:grid}.audit-list svg{width:16px}.audit-list strong,.audit-list small{display:block}.audit-list strong{font-size:9px}.audit-list small{color:var(--muted);margin-top:4px;font-size:8px}.report-actions{gap:8px;display:flex}.report-filters{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:end;gap:10px;margin-bottom:15px;padding:14px 16px;display:flex}.report-filters label{color:#526b60;gap:6px;font-size:8px;font-weight:800;display:grid}.report-filters input,.report-filters select{background:#fff;border:1px solid #dce7e1;border-radius:9px;height:38px;padding:0 10px;font-size:9px}.live-alerts{align-items:center;gap:8px;margin-left:20px;display:flex}.live-alerts span{color:#41705a;background:#eef7f2;border-radius:99px;align-items:center;gap:5px;padding:6px 9px;font-size:8px;font-weight:800;display:flex}.live-alerts span.warning{color:#a85a26;background:#fff1e7}.live-alerts svg{width:13px}@media print{body{background:#fff!important}.sidebar,.topbar,.page-heading,.report-filters,.no-print,.toast{display:none!important}.main-column{margin:0!important}.content{max-width:none!important;padding:0!important}.panel,.metric{box-shadow:none!important}.print-area{display:block!important}.modal-backdrop{background:#fff!important;padding:0!important;display:block!important;position:static!important}.modal{width:100%!important;max-height:none!important;box-shadow:none!important}.modal>header{display:none!important}.order-detail{padding:0!important}}@media (width<=900px){.settings-layout{grid-template-columns:1fr}.settings-tabs{display:flex;overflow-x:auto}.settings-tabs button{min-width:max-content}.stock-summary{grid-template-columns:1fr}.detail-info{grid-template-columns:repeat(2,1fr)}.live-alerts{display:none}}@media (width<=600px){.admin-avatar-settings{align-items:flex-start;margin:15px;padding:17px}.admin-avatar-settings>img{border-radius:22px;flex-basis:76px;width:76px;height:76px}.section-title.with-action{flex-wrap:wrap;align-items:flex-start}.section-title.with-action .button{width:100%}.detail-info{grid-template-columns:1fr}.detail-actions,.report-actions,.report-filters{flex-direction:column;align-items:stretch}.report-filters label{width:100%}.order-detail{padding:15px}.receipt-head{flex-direction:column}.receipt-head>div:last-child{text-align:left}.row-actions{flex-direction:column}}.avatar-edit-trigger{color:#087a55;background:#edf9f3;border:1px solid #cfe4da;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:34px;margin:10px auto 15px;padding:0 12px;font-size:9px;font-weight:850;display:inline-flex}.avatar-edit-trigger svg{width:15px}.cashier-profile>button.avatar-edit-trigger,.profile-panel>button.avatar-edit-trigger{color:#087a55;background:#edf9f3;border:1px solid #cfe4da;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:max-content;min-height:36px;margin:10px 4px 15px;padding:0 13px;font-size:9px;font-weight:850;display:inline-flex}.cashier-profile>button.avatar-edit-trigger svg,.profile-panel>button.avatar-edit-trigger svg{width:15px;margin:0}.avatar-picker-layer{z-index:260;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03140e99;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.avatar-picker-modal{background:#fff;border:1px solid #dce8e2;border-radius:25px;width:min(620px,100%);max-height:calc(100vh - 36px);overflow:auto;box-shadow:0 35px 100px #031c1357}.avatar-picker-modal>header{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff5;border-bottom:1px solid #e5ede9;justify-content:space-between;align-items:flex-start;gap:15px;padding:23px 25px 18px;display:flex;position:sticky;top:0}.avatar-picker-modal>header span{color:#079669;letter-spacing:1.25px;font-size:8px;font-weight:900}.avatar-picker-modal>header h2{margin:5px 0 4px;font:900 22px Nunito}.avatar-picker-modal>header p{color:#74857c;margin:0;font-size:10px}.avatar-picker-modal>header button{color:#65786e;background:#eff5f2;border:0;border-radius:11px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.avatar-picker-modal>header button svg{width:16px}.avatar-picker-preview{background:linear-gradient(135deg,#f1faf6,#fbfdfc);border:1px solid #dceae3;border-radius:17px;align-items:center;gap:14px;margin:22px 25px 18px;padding:14px;display:flex}.avatar-picker-preview>div{flex:0 0 72px;width:72px;height:72px;position:relative}.avatar-picker-preview img{object-fit:cover;border:3px solid #fff;border-radius:21px;width:100%;height:100%;box-shadow:0 10px 25px #075e4129}.avatar-picker-preview i{color:#fff;background:#0b9669;border:3px solid #fff;border-radius:9px;place-items:center;width:25px;height:25px;display:grid;position:absolute;bottom:-3px;right:-3px}.avatar-picker-preview i svg{width:11px}.avatar-picker-preview strong,.avatar-picker-preview small{display:block}.avatar-picker-preview strong{font-size:14px}.avatar-picker-preview small{color:#7f9087;margin-top:4px;font-size:9px}.avatar-picker-section{padding:0 25px}.avatar-picker-section>label{color:#4c6358;margin-bottom:9px;font-size:10px;font-weight:850;display:block}.avatar-preset-grid{grid-template-columns:repeat(6,1fr);gap:9px;display:grid}.avatar-preset-grid button{color:#71837a;background:#fafcfb;border:1px solid #dfe9e4;border-radius:14px;place-items:center;gap:6px;padding:9px 5px;font-size:8px;font-weight:800;display:grid;position:relative}.avatar-preset-grid button.active{color:#087a55;background:#eaf8f2;border-color:#18a978;box-shadow:0 0 0 2px #18a97817}.avatar-preset-grid img{object-fit:cover;border-radius:14px;width:48px;height:48px}.avatar-preset-grid button>i{color:#fff;background:#0aa573;border-radius:50%;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:6px;right:6px}.avatar-preset-grid button>i svg{width:10px}.avatar-upload-divider{color:#8b9a92;align-items:center;gap:10px;margin:18px 25px 12px;font-size:8px;display:flex}.avatar-upload-divider:before,.avatar-upload-divider:after{content:"";background:#e3ebe7;flex:1;height:1px}.avatar-upload-box{color:#087a55;cursor:pointer;background:#f7fbf9;border:1px dashed #bcd8cb;border-radius:15px;align-items:center;gap:12px;margin:0 25px;padding:14px;display:flex;position:relative}.avatar-upload-box input{opacity:0;width:1px;height:1px;position:absolute}.avatar-upload-box>svg{width:22px}.avatar-upload-box strong,.avatar-upload-box small{display:block}.avatar-upload-box strong{font-size:10px}.avatar-upload-box small{color:#809087;margin-top:4px;font-size:8px}.avatar-picker-modal>footer{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border-top:1px solid #e4ece8;justify-content:flex-end;gap:9px;margin-top:20px;padding:16px 25px;display:flex;position:sticky;bottom:0}.avatar-picker-modal>footer button{color:#5f7469;background:#fff;border:1px solid #dce7e1;border-radius:11px;min-height:41px;padding:0 16px;font-size:9px;font-weight:850}.avatar-picker-modal>footer button.save{color:#fff;background:#087a55;border-color:#087a55;box-shadow:0 9px 20px #087a552e}.avatar-picker-modal>footer button:disabled{opacity:.55}html[data-theme=dark] .avatar-edit-trigger{color:#70dbae;background:#17342a;border-color:#285541}html[data-theme=dark] .avatar-picker-layer{background:#010806b3}html[data-theme=dark] .avatar-picker-modal{background:#14231f;border-color:#34483f}html[data-theme=dark] .avatar-picker-modal>header,html[data-theme=dark] .avatar-picker-modal>footer{background:#14231ff7;border-color:#30443d}html[data-theme=dark] .avatar-picker-modal>header h2,html[data-theme=dark] .avatar-picker-preview strong{color:#edf8f3}html[data-theme=dark] .avatar-picker-modal>header p,html[data-theme=dark] .avatar-picker-preview small{color:#9bb0a8}html[data-theme=dark] .avatar-picker-modal>header button{color:#bdd2ca;background:#1b2d27}html[data-theme=dark] .avatar-picker-preview{background:linear-gradient(135deg,#172a24,#10201b);border-color:#30473e}html[data-theme=dark] .avatar-picker-section>label{color:#cbded6}html[data-theme=dark] .avatar-preset-grid button{color:#9db2a9;background:#172823;border-color:#30453d}html[data-theme=dark] .avatar-preset-grid button.active{color:#7ce0b5;background:#17382c;border-color:#28a978}html[data-theme=dark] .avatar-upload-divider:before,html[data-theme=dark] .avatar-upload-divider:after{background:#30443d}html[data-theme=dark] .avatar-upload-box{color:#68d6a9;background:#10201b;border-color:#3a5b4e}html[data-theme=dark] .avatar-upload-box strong{color:#dcebe5}html[data-theme=dark] .avatar-upload-box small{color:#91a69e}html[data-theme=dark] .avatar-picker-modal>footer button{color:#cbded6;background:#1a2c26;border-color:#354940}html[data-theme=dark] .avatar-picker-modal>footer button.save{color:#fff;background:#0b8d62;border-color:#0b8d62}@media (width<=620px){.avatar-picker-layer{align-items:end;padding:0}.avatar-picker-modal{border-radius:24px 24px 0 0;width:100%;max-height:92vh}.avatar-picker-modal>header{padding:19px}.avatar-picker-preview{margin:17px 19px 15px}.avatar-picker-section{padding:0 19px}.avatar-preset-grid{grid-template-columns:repeat(3,1fr)}.avatar-upload-divider,.avatar-upload-box{margin-inline:19px}.avatar-picker-modal>footer{padding:14px 19px}.avatar-picker-modal>footer button{flex:1}}.identity-edit-trigger{color:#365f82;background:#eef6fc;border:1px solid #d7e2ed;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:36px;margin:10px 4px 15px;padding:0 13px;font:850 9px Nunito;display:inline-flex}.identity-edit-trigger svg{width:14px}.identity-editor-layer{z-index:261;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#03140e9e;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.identity-editor-modal{background:#fff;border:1px solid #dce8e2;border-radius:24px;width:min(520px,100%);overflow:hidden;box-shadow:0 35px 100px #031c1357}.identity-editor-modal>header{background:linear-gradient(135deg,#f1faf6,#fff);border-bottom:1px solid #e5ede9;grid-template-columns:48px minmax(0,1fr) 36px;align-items:start;gap:13px;padding:23px 24px 19px;display:grid}.identity-editor-icon{color:#087a55;background:#dff5ea;border-radius:15px;place-items:center;width:48px;height:48px;display:grid}.identity-editor-icon svg{width:21px}.identity-editor-modal>header span{color:#079669;letter-spacing:1.2px;font-size:9px;font-weight:900;display:block}.identity-editor-modal>header h2{margin:4px 0 3px;font:900 24px Nunito}.identity-editor-modal>header p{color:#74857c;margin:0;font-size:11px;line-height:1.5}.identity-editor-modal>header>button{color:#65786e;background:#eaf2ee;border:0;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.identity-editor-modal>header>button svg{width:16px}.identity-editor-fields{gap:15px;padding:22px 24px;display:grid}.identity-editor-fields label>span,.identity-editor-fields small{display:block}.identity-editor-fields label>span{color:#344e42;margin-bottom:7px;font-size:11px;font-weight:850}.identity-editor-fields label>div{background:#f9fbfa;border:1px solid #d9e6df;border-radius:11px;align-items:center;gap:9px;height:45px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:flex}.identity-editor-fields label>div:focus-within{border-color:#16a575;box-shadow:0 0 0 3px #16a5751a}.identity-editor-fields label svg{color:#7c9086;width:16px}.identity-editor-fields input{color:#1b3026;background:0 0;border:0;outline:0;flex:1;min-width:0;font:750 13px Nunito}.identity-editor-fields small{color:#87978f;margin-top:5px;font-size:9px}.identity-editor-note{color:#3d705a;background:#edf8f2;border-radius:11px;align-items:flex-start;gap:8px;padding:11px 12px;font-size:10px;line-height:1.55;display:flex}.identity-editor-note svg{flex:none;width:16px}.identity-editor-modal>footer{background:#fafcfb;border-top:1px solid #e5ede9;justify-content:flex-end;gap:9px;padding:15px 24px;display:flex}.identity-editor-modal>footer button{color:#5f7469;background:#fff;border:1px solid #dce7e1;border-radius:11px;min-height:41px;padding:0 16px;font:850 10px Nunito}.identity-editor-modal>footer button.save{color:#fff;background:#087a55;border-color:#087a55;box-shadow:0 9px 20px #087a552e}.identity-editor-modal>footer button:disabled{opacity:.55}.cashier-profile>button.identity-edit-trigger,.profile-panel>button.identity-edit-trigger{color:#365f82;background:#eef6fc;border:1px solid #d7e2ed;border-radius:10px;gap:7px;width:max-content;min-height:36px;margin:10px 4px 15px;padding:0 13px;font:850 9px Nunito;display:inline-flex}.cashier-profile>button.identity-edit-trigger svg,.profile-panel>button.identity-edit-trigger svg{width:14px;margin:0}.admin-avatar-settings .identity-edit-trigger{margin:13px 0 0 8px}html[data-theme=dark] .identity-edit-trigger,html[data-theme=dark] .cashier-profile>button.identity-edit-trigger,html[data-theme=dark] .profile-panel>button.identity-edit-trigger{color:#8dc8ef;background:#172d38;border-color:#315064}html[data-theme=dark] .identity-editor-layer{background:#010806b8}html[data-theme=dark] .identity-editor-modal{background:#14231f;border-color:#34483f}html[data-theme=dark] .identity-editor-modal>header{background:linear-gradient(135deg,#172b24,#14231f);border-color:#30443d}html[data-theme=dark] .identity-editor-modal>header h2{color:#edf8f3}html[data-theme=dark] .identity-editor-modal>header p{color:#9bb0a8}html[data-theme=dark] .identity-editor-modal>header>button{color:#bdd2ca;background:#1b3029}html[data-theme=dark] .identity-editor-fields label>span{color:#d3e4dd}html[data-theme=dark] .identity-editor-fields label>div{background:#10201b;border-color:#344b42}html[data-theme=dark] .identity-editor-fields input{color:#edf8f3}html[data-theme=dark] .identity-editor-fields small{color:#91a59d}html[data-theme=dark] .identity-editor-note{color:#9dd8bc;background:#173329}html[data-theme=dark] .identity-editor-modal>footer{background:#11201b;border-color:#30443d}html[data-theme=dark] .identity-editor-modal>footer button{color:#cbded6;background:#1a2c26;border-color:#354940}html[data-theme=dark] .identity-editor-modal>footer button.save{color:#fff;background:#0b8d62;border-color:#0b8d62}@media (width<=600px){.identity-editor-layer{align-items:end;padding:0}.identity-editor-modal{border-radius:24px 24px 0 0;width:100%}.identity-editor-modal>header{grid-template-columns:42px minmax(0,1fr) 34px;padding:19px}.identity-editor-icon{width:42px;height:42px}.identity-editor-fields{padding:19px}.identity-editor-modal>footer{padding:14px 19px}.identity-editor-modal>footer button{flex:1}}.profile-action-row{background:0 0;border:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;width:auto;height:auto;margin:12px 0 18px;display:flex;overflow:visible}.admin-avatar-settings .profile-action-row{justify-content:flex-start;margin:13px 0 0}.admin-avatar-settings .profile-action-row .avatar-edit-trigger,.admin-avatar-settings .profile-action-row .identity-edit-trigger{margin:0}.identity-editor-fields label>div{overflow:hidden}.identity-editor-fields input,html[data-theme=dark] .identity-editor-fields input{height:100%;box-shadow:none!important;background:0 0!important;border:0!important;outline:0!important;padding:0!important}.identity-editor-fields input:-webkit-autofill{transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #0000!important}.identity-editor-fields input:-webkit-autofill:hover{transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #0000!important}.identity-editor-fields input:-webkit-autofill:focus{transition:background-color 9999s ease-out;box-shadow:inset 0 0 0 1000px #0000!important}.identity-editor-fields input::selection{color:#fff;background:#0b9669}html[data-theme=dark] .identity-editor-fields input{-webkit-text-fill-color:#edf8f3!important;color:#edf8f3!important}html[data-theme=dark] .identity-editor-fields input:-webkit-autofill{-webkit-text-fill-color:#edf8f3!important}.role-shell{color:#17251f;background:#f3f7f5;min-height:100vh}.role-sidebar{z-index:50;color:#fff;background:radial-gradient(circle at 20% 0,#34d39940,#0000 28%),linear-gradient(165deg,#064c38,#042c21 70%);flex-direction:column;width:264px;padding:25px 18px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:18px 0 45px #04261b1a}.role-brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:0 7px 22px;display:flex}.role-brand img{object-fit:contain;background:#fff;border-radius:15px;width:46px;height:46px;padding:4px}.role-brand strong,.role-brand span{display:block}.role-brand strong{font:900 21px Nunito}.role-brand span{color:#fff9;text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-size:8px}.role-school{background:#ffffff0f;border:1px solid #ffffff17;border-radius:13px;align-items:center;gap:10px;margin:18px 3px;padding:12px;display:flex}.role-school>svg{color:#70ddb2;width:19px}.role-school span,.role-school strong{display:block}.role-school span{color:#ffffff7a;text-transform:uppercase;letter-spacing:1px;font-size:7px}.role-school strong{margin-top:3px;font-size:9px}.role-sidebar nav{gap:4px;display:grid}.role-sidebar nav button{color:#ffffffa6;text-align:left;background:0 0;border:0;border-radius:13px;grid-template-columns:21px 1fr 15px;align-items:center;gap:10px;min-height:47px;padding:0 13px;font:700 11px inherit;display:grid}.role-sidebar nav button svg{width:18px}.role-sidebar nav button svg:last-child{opacity:0;width:13px}.role-sidebar nav button:hover,.role-sidebar nav button.active{color:#fff;background:#ffffff1c}.role-sidebar nav button.active{box-shadow:inset 3px 0 #5ce0aa}.role-sidebar nav button.active svg:last-child{opacity:1}.role-logout{color:#ffb7ae;background:0 0;border:0;align-items:center;gap:10px;margin-top:auto;padding:12px;font:700 10px inherit;display:flex}.role-logout svg{width:17px}.role-main{min-height:100vh;margin-left:264px}.role-topbar{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-bottom:1px solid #e4ece8;justify-content:flex-end;align-items:center;gap:12px;height:74px;padding:0 30px;display:flex;position:sticky;top:0}.role-topbar>div:first-child{text-align:right}.role-topbar span,.role-topbar strong{display:block}.role-topbar span{color:#8b9992;font-size:8px}.role-topbar strong{margin-top:3px;font-size:10px}.role-avatar{color:#fff;background:linear-gradient(145deg,#2ac997,#087a55);border-radius:13px;place-items:center;width:39px;height:39px;font:900 10px Nunito;display:grid;box-shadow:0 8px 18px #087a5533}.role-main>main{max-width:1450px;margin:auto;padding:31px}.role-mobile-nav{display:none}.role-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px;display:flex}.role-head>div>span{color:#079669;letter-spacing:1.4px;margin-bottom:6px;font-size:8px;font-weight:850;display:block}.role-head h1{letter-spacing:-1.2px;margin:0;font:900 clamp(27px,3vw,38px)/1.08 Nunito}.role-head p{color:#718078;margin:8px 0 0;font-size:10px;line-height:1.6}.role-head>select{background:#fff;border:1px solid #dce7e1;border-radius:11px;height:42px;padding:0 32px 0 12px;font-size:10px}.role-metrics{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:16px;display:grid}.role-metrics article{background:#fff;border:1px solid #e2ebe6;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:46px 1fr;align-items:center;column-gap:14px;min-height:137px;padding:20px;animation:.45s both portalRise;display:grid;box-shadow:0 12px 35px #1646320d}.role-metrics article>svg{color:#087a55;background:#e8f8f1;border-radius:14px;grid-row:1/3;width:46px;height:46px;padding:12px}.role-metrics article span{color:#7d8d85;align-self:end;font-size:9px}.role-metrics article strong{align-self:start;margin-top:6px;font:900 clamp(19px,2vw,27px) Nunito}.role-metrics article:nth-child(2){animation-delay:50ms}.role-metrics article:nth-child(3){animation-delay:.1s}.role-metrics.student article:nth-child(2)>svg{color:#b87308;background:#fff3dc}.role-metrics.parent article:nth-child(2)>svg{color:#1769aa;background:#e7f2fb}.portal-split{grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr);gap:15px;display:grid}.portal-panel{background:#fff;border:1px solid #e2ebe6;border-radius:18px;padding:20px;overflow:hidden;box-shadow:0 12px 35px #1646320a}.portal-panel>h2,.portal-panel-head h2{margin:0 0 16px;font:850 14px Nunito}.portal-panel-head{justify-content:space-between;align-items:center;display:flex}.portal-panel-head button{color:#087a55;background:0 0;border:0;font-size:9px;font-weight:800}.portal-list{display:grid}.portal-list>div{border-top:1px solid #edf2ef;grid-template-columns:34px 1fr auto;align-items:center;gap:11px;padding:12px 0;display:grid}.portal-list>div:first-child{border-top:0}.portal-list>div>b:first-child{color:#087a55;background:#eaf7f1;border-radius:10px;place-items:center;width:32px;height:32px;font-size:10px;display:grid}.portal-list strong,.portal-list small{display:block}.portal-list strong{font-size:10px}.portal-list small{color:#8a9891;text-overflow:ellipsis;white-space:nowrap;max-width:360px;margin-top:4px;font-size:8px;overflow:hidden}.portal-list em{font-size:9px;font-style:normal;font-weight:800}.portal-status{color:#65746d;background:#eef3f0;border-radius:99px;width:max-content;padding:6px 9px;font-size:7px;font-weight:850;display:inline-flex}.portal-status.pending{color:#9a6708;background:#fff3d9}.portal-status.accepted,.portal-status.preparing{color:#1769aa;background:#e7f2fb}.portal-status.ready,.portal-status.completed{color:#087a55;background:#e6f6ee}.portal-status.cancelled{color:#b34038;background:#ffebe8}.portal-button{color:#fff;background:linear-gradient(135deg,#0cab79,#087a55);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 15px;font:800 9px inherit;display:inline-flex;box-shadow:0 9px 20px #087a552e}.portal-button svg{width:16px}.portal-button.ghost{color:#496057;box-shadow:none;background:#fff;border:1px solid #dce7e1}.portal-button.danger{color:#b8433b;box-shadow:none;background:#ffefec}.portal-state{color:#798981;background:#fff;border:1px solid #e2ebe6;border-radius:18px;align-content:center;place-items:center;gap:10px;min-height:420px;display:grid}.portal-state svg{color:#087a55;width:25px}.portal-state strong{font-size:11px}.portal-state button{color:#087a55;background:#e9f6ef;border:0;border-radius:10px;padding:9px 13px;font-size:9px;font-weight:800}.portal-table{background:#fff;border:1px solid #e2ebe6;border-radius:18px;overflow:auto}.portal-table table{border-collapse:collapse;width:100%;min-width:850px}.portal-table th{color:#91a098;text-align:left;text-transform:uppercase;background:#f8faf9;padding:13px 17px;font-size:8px}.portal-table td{border-top:1px solid #edf2ef;padding:15px 17px;font-size:9px}.portal-table td strong,.portal-table td small{display:block}.portal-table td small{color:#8b9992;margin-top:4px;font-size:8px}.portal-table select{background:#fff;border:1px solid #dce7e1;border-radius:9px;height:34px;padding:0 25px 0 9px;font-size:8px}.queue{color:#087a55;background:#e8f7f0;border-radius:11px;place-items:center;width:35px;height:35px;display:grid}.portal-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.portal-menu-card{background:#fff;border:1px solid #e2ebe6;border-radius:18px;grid-template-columns:48px 1fr;gap:12px;padding:18px;display:grid;box-shadow:0 10px 30px #1646320a}.menu-symbol{color:#087a55;background:#e8f7f0;border-radius:15px;place-items:center;width:48px;height:48px;display:grid}.menu-symbol svg{width:22px}.portal-menu-card>div:nth-child(2)>span{color:#8a9891;text-transform:uppercase;font-size:7px}.portal-menu-card h3{margin:5px 0;font:850 12px Nunito}.portal-menu-card p{color:#7d8d85;margin:0;font-size:8px;line-height:1.5}.menu-meta,.menu-card-foot{grid-column:1/3;justify-content:space-between;align-items:center;display:flex}.menu-meta{border-top:1px solid #edf2ef;padding-top:12px}.menu-meta strong{font:900 14px Nunito}.menu-meta span{color:#7c8d84;font-size:8px}.menu-card-foot button{color:#087a55;background:#e8f7f0;border:0;border-radius:9px;padding:7px 10px;font-size:8px;font-weight:800}.mini-bars{align-items:end;gap:7px;height:230px;padding-top:20px;display:flex}.mini-bars>div{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:7px;min-width:10px;height:100%;display:flex}.mini-bars i{background:linear-gradient(#27c995,#087a55);border-radius:6px 6px 2px 2px;width:100%;max-width:25px;min-height:5px;animation:.7s barGrow}.mini-bars span{color:#87958e;font-size:7px}.profile-panel{text-align:center;background:#fff;border:1px solid #e2ebe6;border-radius:22px;max-width:660px;padding:35px;box-shadow:0 18px 50px #1646320f}.profile-big{color:#fff;background:linear-gradient(145deg,#2ac997,#087a55);border-radius:24px;place-items:center;width:76px;height:76px;margin:auto;font:900 20px Nunito;display:grid;box-shadow:0 14px 28px #087a553b}.profile-panel h2{margin:16px 0 4px;font:900 23px Nunito}.profile-panel>p{color:#7d8d85;margin:0;font-size:10px}.profile-panel>.profile-details{text-align:left;border:1px solid #e7eeea;border-radius:15px;gap:0;margin:25px 0;display:grid}.profile-panel>.profile-details span{color:#7d8d85;border-top:1px solid #edf2ef;justify-content:space-between;padding:13px 15px;font-size:9px;display:flex}.profile-panel>.profile-details span:first-child{border:0}.profile-panel b{color:#26372f}.portal-modal-bg{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#081c147a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.portal-modal{background:#fff;border-radius:22px;gap:14px;width:min(440px,100%);padding:24px;display:grid;box-shadow:0 30px 80px #00000040}.portal-modal header{justify-content:space-between;align-items:center;display:flex}.portal-modal header span{color:#087a55;font-size:8px;font-weight:850}.portal-modal h2{margin:4px 0 0;font:900 20px Nunito}.portal-modal header button{background:#f1f5f3;border:0;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.portal-modal header svg{width:17px}.portal-modal label{color:#52655c;gap:7px;font-size:9px;font-weight:800;display:grid}.portal-modal input[type=number]{border:1px solid #dce7e1;border-radius:11px;outline:0;height:44px;padding:0 12px}.portal-check{align-items:center;gap:8px!important;display:flex!important}.portal-toast{z-index:150;color:#fff;background:#073f2f;border-radius:13px;align-items:center;gap:9px;padding:13px 16px;font-size:9px;font-weight:800;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 16px 40px #0003}.portal-toast svg{width:17px}.student-menu-layout{grid-template-columns:1fr 320px;align-items:start;gap:16px;display:grid}.student-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.student-menu-grid article{background:#fff;border:1px solid #e2ebe6;border-radius:18px;padding:16px}.food-symbol{color:#087a55;background:#e7f7ef;border-radius:15px;place-items:center;width:47px;height:47px;margin-bottom:13px;display:grid}.food-symbol.yellow{color:#aa6907;background:#fff2da}.food-symbol.red{color:#b34038;background:#ffebe8}.food-symbol svg{width:21px}.student-menu-grid article>span{color:#7e8d85;text-transform:uppercase;font-size:7px}.student-menu-grid h3{margin:6px 0;font:850 12px Nunito}.student-menu-grid p{color:#7e8d85;min-height:38px;margin:0;font-size:8px;line-height:1.55}.student-menu-grid footer{border-top:1px solid #edf2ef;justify-content:space-between;align-items:center;margin-top:14px;padding-top:12px;display:flex}.student-menu-grid footer strong,.student-menu-grid footer small{display:block}.student-menu-grid footer strong{font:900 13px Nunito}.student-menu-grid footer small{color:#89978f;margin-top:3px;font-size:7px}.student-menu-grid footer button{color:#fff;background:#079669;border:0;border-radius:12px;place-items:center;width:37px;height:37px;display:grid}.student-menu-grid footer svg{width:17px}.cart-card{background:#fff;border:1px solid #dce8e2;border-radius:19px;position:sticky;top:96px;overflow:hidden;box-shadow:0 18px 50px #16463214}.cart-card>header{border-bottom:1px solid #edf2ef;padding:16px}.cart-card>header>div{align-items:center;gap:10px;display:flex}.cart-card header svg{color:#087a55;width:20px}.cart-card header strong,.cart-card header small{display:block}.cart-card header strong{font-size:11px}.cart-card header small{color:#8b9992;margin-top:3px;font-size:8px}.empty-cart{color:#8a9891;align-content:center;place-items:center;gap:10px;min-height:210px;display:grid}.empty-cart svg{width:28px}.empty-cart span{font-size:8px}.cart-list{padding:8px 15px}.cart-list>div{border-bottom:1px solid #edf2ef;justify-content:space-between;gap:10px;padding:11px 0;display:flex}.cart-list strong,.cart-list small{display:block}.cart-list strong{font-size:9px}.cart-list small{color:#87958e;margin-top:4px;font-size:8px}.cart-list>div>div{align-items:center;gap:8px;display:flex}.cart-list button{color:#087a55;background:#e9f6ef;border:0;border-radius:8px;place-items:center;width:25px;height:25px;display:grid}.cart-list button svg{width:13px}.cart-list b{font-size:9px}.cart-total{justify-content:space-between;padding:15px;font-size:10px;display:flex}.cart-total strong{font:900 16px Nunito}.checkout{width:calc(100% - 30px);margin:0 15px 15px}.order-cards{gap:11px;display:grid}.order-cards article{background:#fff;border:1px solid #e2ebe6;border-radius:17px;grid-template-columns:70px 1fr auto;align-items:center;gap:15px;padding:16px;display:grid}.order-queue{text-align:center;color:#087a55;background:#e8f7f0;border-radius:13px;padding:10px}.order-queue span,.order-queue strong{display:block}.order-queue span{font-size:7px}.order-queue strong{font:900 22px Nunito}.order-cards article>div:nth-child(2)>span,.order-cards small{color:#829188;font-size:8px}.order-cards h3{margin:6px 0;font:800 11px Nunito}.order-cards article>div:last-child{justify-items:end;gap:8px;display:grid}.order-cards article>div:last-child>strong{font-size:10px}.student-wallet{color:#fff;background:radial-gradient(circle at 85% 20%,#ffffff38,#0000 24%),linear-gradient(135deg,#0aaa76,#075f45);border-radius:22px;justify-content:space-between;align-items:center;min-height:180px;margin-bottom:15px;padding:28px;display:flex;box-shadow:0 20px 45px #075f4533}.student-wallet span,.student-wallet strong,.student-wallet small{display:block}.student-wallet span{color:#ffffffb3;font-size:9px}.student-wallet strong{margin:10px 0;font:900 clamp(28px,4vw,42px) Nunito}.student-wallet small{font-size:9px}.student-wallet>svg{opacity:.18;width:90px;height:90px}.transaction-cards>div{border-top:1px solid #edf2ef;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;padding:12px 0;display:grid}.transaction-cards>div:first-child{border:0}.transaction-cards>div>span{border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.transaction-cards>div>span.credit{color:#087a55;background:#e8f7f0}.transaction-cards>div>span.debit{color:#b87308;background:#fff3dc}.transaction-cards svg{width:16px}.transaction-cards strong,.transaction-cards small{display:block}.transaction-cards strong{font-size:9px}.transaction-cards small{color:#84928b;margin-top:4px;font-size:8px}.transaction-cards b{font-size:9px}.healthy-card{color:#fff;background:radial-gradient(circle at 90% 10%,#ffffff2b,#0000 30%),linear-gradient(145deg,#1dbb87,#087a55);border-radius:19px;padding:25px}.healthy-card>svg{background:#ffffff24;border-radius:14px;width:42px;height:42px;padding:10px}.healthy-card>span{color:#b9f2dc;text-transform:uppercase;margin-top:19px;font-size:8px;display:block}.healthy-card h2{margin:6px 0;font:900 20px Nunito}.healthy-card p{color:#ffffffbf;font-size:9px;line-height:1.7}.healthy-card button{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;padding:9px 12px;font-size:8px;font-weight:800}.children-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.children-grid button{text-align:left;background:#fff;border:1px solid #e2ebe6;border-radius:17px;grid-template-columns:50px 1fr 18px;align-items:center;gap:12px;padding:17px;display:grid}.children-grid button.active{border-color:#73cda7;box-shadow:0 0 0 3px #10a87414}.child-avatar{color:#087a55;background:#e8f7f0;border-radius:16px;place-items:center;width:50px;height:50px;font:900 12px Nunito;display:grid}.children-grid strong,.children-grid small{display:block}.children-grid strong{font-size:11px}.children-grid small{color:#839189;margin-top:5px;font-size:8px}.children-grid svg{color:#87958e;width:17px}.children-overview{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.children-overview>article{cursor:pointer;background:#fff;border:1px solid #e2ebe6;border-radius:19px;grid-template-columns:54px 1fr 18px;align-items:start;gap:14px;padding:21px;display:grid;box-shadow:0 12px 35px #1646320a}.children-overview>article>svg{color:#87958e;width:17px;margin-top:17px}.children-overview article>div:nth-child(2)>span{color:#829188;font-size:8px}.children-overview h2{margin:5px 0 14px;font:900 16px Nunito}.child-balance{gap:22px;display:flex}.child-balance span,.child-balance b{display:block}.child-balance span{color:#829188;font-size:8px}.child-balance b{color:#25362e;margin-top:3px}.limit-progress{background:#e9efec;border-radius:99px;height:6px;margin:14px 0 6px;overflow:hidden}.limit-progress i{border-radius:inherit;background:linear-gradient(90deg,#22c993,#0b8e65);height:100%;display:block}.children-overview small{color:#829188;font-size:7px}.limit-card{background:#fff;border:1px solid #e2ebe6;border-radius:20px;grid-template-columns:60px 1fr;gap:14px;max-width:700px;padding:27px;display:grid}.limit-card>.child-avatar{width:60px;height:60px}.limit-card>div:nth-child(2)>span{color:#829188;font-size:8px}.limit-card h2{margin:4px 0;font:900 18px Nunito}.limit-card p{color:#829188;font-size:9px}.limit-card label,.limit-card>.portal-button{grid-column:1/3}.limit-card label{color:#52655c;gap:8px;font-size:9px;font-weight:800;display:grid}.limit-card label>div{border:1px solid #dce7e1;border-radius:12px;align-items:center;height:48px;display:flex;overflow:hidden}.limit-card label span{color:#087a55;padding:0 13px;font-weight:900}.limit-card input{border:0;outline:0;flex:1;height:100%;font:800 13px Nunito}@keyframes spin{to{transform:rotate(360deg)}}@keyframes portalRise{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes barGrow{0%{transform-origin:bottom;transform:scaleY(.08)}to{transform-origin:bottom;transform:scaleY(1)}}@media (width<=1180px){.portal-card-grid,.student-menu-grid{grid-template-columns:repeat(2,1fr)}.student-menu-layout{grid-template-columns:1fr 290px}}@media (width<=900px){.role-sidebar{display:none}.role-main{margin-left:0;padding-bottom:88px}.role-main>main{padding:24px 18px}.role-topbar{height:67px;padding:0 18px}.role-mobile-nav{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:80;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #fffc;border-radius:22px;grid-template-columns:repeat(5,1fr);padding:7px;display:grid;position:fixed;box-shadow:0 18px 50px #0a2a1e33}.role-mobile-nav button{color:#74857c;background:0 0;border:0;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;height:54px;font:750 8px inherit;display:flex}.role-mobile-nav button svg{width:19px}.role-mobile-nav button.active{color:#087a55;background:#e9f7f1}.portal-split,.student-menu-layout{grid-template-columns:1fr}.cart-card{position:static}.role-metrics,.portal-card-grid,.student-menu-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.role-main>main{padding:21px 14px}.role-head{flex-direction:column;align-items:flex-start}.role-head h1{font-size:28px}.role-head>.portal-button{width:100%}.role-metrics{grid-template-columns:1fr;gap:10px}.role-metrics article{min-height:108px}.portal-card-grid,.student-menu-grid,.children-grid,.children-overview{grid-template-columns:1fr}.order-cards article{grid-template-columns:57px 1fr}.order-cards article>div:last-child{grid-column:2;grid-auto-flow:column;place-items:center start}.student-wallet{min-height:150px;padding:22px}.student-wallet>svg{width:60px}.portal-modal-bg{align-items:end;padding:0}.portal-modal{border-radius:24px 24px 0 0}.portal-toast{bottom:88px;left:14px;right:14px}.role-mobile-nav{left:7px;right:7px;bottom:calc(7px + env(safe-area-inset-bottom))}.role-mobile-nav button span{font-size:7.5px}.limit-card{grid-template-columns:50px 1fr;padding:20px}.limit-card>.child-avatar{width:50px;height:50px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.profile-security-grid{grid-template-columns:minmax(320px,660px) minmax(300px,470px);align-items:start;gap:18px;display:grid}.credential-card,.pin-card,.topup-form-card{background:#fff;border:1px solid #e2ebe6;border-radius:22px;padding:25px;box-shadow:0 18px 50px #1646320f}.credential-card header,.pin-card header{gap:13px;margin-bottom:20px;display:flex}.credential-card header>span,.pin-card header>span{color:#087a55;background:#e7f7ef;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;display:grid}.credential-card header svg,.pin-card header svg{width:20px}.credential-card h2,.pin-card h2{margin:1px 0 5px;font:900 16px Nunito}.credential-card p,.pin-card p{color:#819088;margin:0;font-size:9px;line-height:1.55}.credential-card label,.pin-card label,.topup-form-card>label{color:#53675d;gap:7px;margin-top:13px;font-size:9px;font-weight:800;display:grid}.credential-card input,.pin-card input,.topup-form-card>label>input{background:#fbfdfc;border:1px solid #dce7e1;border-radius:11px;outline:0;height:45px;padding:0 13px}.credential-card input:focus,.pin-card input:focus,.topup-form-card input:focus{border-color:#19a878;box-shadow:0 0 0 3px #19a8781a}.credential-card>.portal-button,.pin-card>.portal-button{width:100%;margin-top:17px}.control-grid{grid-template-columns:minmax(0,700px) minmax(300px,440px);align-items:start;gap:18px;display:grid}.control-grid .limit-card{width:auto}.topup-layout{grid-template-columns:minmax(390px,610px) minmax(360px,1fr);align-items:start;gap:18px;display:grid}.topup-child{border-bottom:1px solid #e9efec;align-items:center;gap:13px;padding-bottom:18px;display:flex}.topup-child span,.topup-child strong{display:block}.topup-child span{color:#7d8d85;font-size:9px}.topup-child strong{margin-top:5px;font:900 22px Nunito}.amount-chips{grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0 5px;display:grid}.amount-chips button{color:#4f655a;background:#fff;border:1px solid #dce7e1;border-radius:10px;height:38px;font-size:9px;font-weight:850}.amount-chips button.active{color:#087a55;background:#e8f7f0;border-color:#079669}.money-input{border:1px solid #dce7e1;border-radius:11px;align-items:center;height:47px;display:flex;overflow:hidden}.money-input span{color:#087a55;padding-left:13px;font-weight:900}.money-input input{border:0;outline:0;flex:1;min-width:0;height:100%;padding:0 12px;font:850 13px Nunito}.payment-methods{grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0;display:grid}.payment-methods>button{color:#51665c;text-align:left;background:#fff;border:1px solid #dce7e1;border-radius:13px;align-items:center;gap:9px;min-height:72px;padding:11px;display:flex}.payment-methods>button.active{background:#eaf8f2;border-color:#12a575;box-shadow:0 0 0 2px #12a57517}.payment-methods>button:disabled{opacity:.48}.payment-methods svg{color:#087a55;width:20px}.payment-methods b,.payment-methods small{display:block}.payment-methods b{font-size:9px}.payment-methods small{color:#87958e;margin-top:4px;font-size:7px}.payment-instruction{color:#425a4e;background:#f0f8f4;border-radius:13px;gap:12px;padding:14px;display:flex}.payment-instruction>svg{color:#087a55;width:20px}.payment-instruction span,.payment-instruction strong,.payment-instruction small{display:block}.payment-instruction span{text-transform:uppercase;letter-spacing:1px;font-size:7px}.payment-instruction strong{margin:4px 0;font-size:10px}.payment-instruction small{font-size:8px;line-height:1.5}.topup-submit{width:100%;margin-top:18px}.topup-history{min-height:420px}.topup-list{display:grid}.topup-list article{border-top:1px solid #edf2ef;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:13px 0;display:grid}.topup-list article:first-child{border:0}.topup-method{color:#087a55;background:#e8f7f0;border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.topup-method svg{width:18px}.topup-list strong,.topup-list small,.topup-list em,.topup-list article>div:last-child>b{display:block}.topup-list strong{font-size:9px}.topup-list small{color:#87958e;margin-top:4px;font-size:7px}.topup-list em{color:#087a55;margin-top:4px;font-size:7px;font-style:normal}.topup-list article>div:last-child{text-align:right}.topup-list article>div:last-child>b{margin-bottom:6px;font:900 11px Nunito}.topup-list article>div:last-child button{color:#087a55;background:0 0;border:0;margin-top:5px;font-size:7px;font-weight:850}@media (width<=1000px){.profile-security-grid,.control-grid,.topup-layout{grid-template-columns:1fr}}@media (width<=640px){.profile-security-grid,.control-grid,.topup-layout{gap:12px}.credential-card,.pin-card,.topup-form-card{border-radius:18px;padding:19px}.profile-panel{padding:25px 19px}.amount-chips{grid-template-columns:repeat(2,1fr)}.payment-methods{grid-template-columns:1fr}.payment-methods>button{min-height:58px}.topup-list article{grid-template-columns:38px minmax(0,1fr);align-items:start}.topup-list article>div:last-child{text-align:left;grid-column:2;align-items:center;gap:8px;display:flex}.topup-list article>div:last-child>b{margin:0}.control-grid .limit-card{grid-template-columns:48px 1fr;padding:20px}.limit-card>.child-avatar{width:48px;height:48px}.role-head>select{max-width:145px}}.premium-role-topbar{justify-content:space-between;gap:18px;height:78px}.premium-role-topbar .role-topbar-context{text-align:left}.role-topbar-context span{letter-spacing:1.25px;text-transform:uppercase;font-size:7px;font-weight:850}.role-topbar-context strong{color:#193128;margin-top:4px;font:900 13px Nunito}.role-topbar-actions{align-items:center;gap:12px;display:flex}.role-live{background:#f8fbf9;border:1px solid #e0eae5;border-radius:12px;align-items:center;gap:7px;padding:8px 10px;display:flex}.role-live i{background:#10ad78;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #10ad7817}.role-live span{color:#52675d;font-size:8px;font-weight:800}.role-topbar-user{background:#fff;border:1px solid #dfe9e4;border-radius:16px;justify-content:flex-end;align-items:center;gap:10px;min-width:210px;padding:5px 6px 5px 12px;display:flex;box-shadow:0 9px 25px #11443012}.role-topbar-user>div:first-child{text-align:right;flex:1;min-width:0}.role-topbar-user strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.role-avatar{background:#e8f7f0;border:2px solid #fff;flex:0 0 43px;width:43px;height:43px;position:relative;overflow:visible}.role-avatar img{object-fit:cover;border-radius:11px;width:100%;height:100%;display:block}.role-avatar i{background:#10ad78;border:2px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;bottom:-3px;right:-3px}.profile-big{border:3px solid #fff;overflow:hidden}.profile-big img{object-fit:cover;border-radius:20px;width:100%;height:100%;display:block}@media (width<=900px){.premium-role-topbar{height:67px;padding:0 16px}.role-topbar-context span{display:none}.role-topbar-context strong{margin:0;font-size:12px}.role-live{display:none}.role-topbar-user{min-width:0;box-shadow:none;background:0 0;border:0;padding:4px}.role-topbar-user>div:first-child{display:none}.role-avatar{flex-basis:42px;width:42px;height:42px}}.student-head-actions{gap:8px;display:flex}.student-pin-confirm{background:#f7fbf9;border:1px solid #dce9e3;border-radius:13px;gap:7px;margin:0 0 11px;padding:12px;display:grid}.student-pin-confirm>span{color:#315e4c;align-items:center;gap:7px;font-size:8px;display:flex}.student-pin-confirm svg{color:#079669;width:16px}.student-pin-confirm input{text-align:center;letter-spacing:10px;background:#fff;border:1px solid #d6e4dd;border-radius:11px;outline:0;height:44px;font:900 22px/1 Nunito}.student-pin-confirm input:focus{border-color:#21aa7c;box-shadow:0 0 0 3px #21aa7c1a}.student-pin-confirm small{color:#819188;font-size:7px;line-height:1.5}.student-security-layout{grid-template-columns:minmax(310px,1.08fr) minmax(280px,.92fr);align-items:start;gap:16px;display:grid}.student-security-layout>.credential-card{grid-column:2}.student-id-card{color:#fff;background:radial-gradient(circle at 100% 0,#67ebbb45,#0000 34%),linear-gradient(145deg,#07513c,#052d23);border:1px solid #ffffffb3;border-radius:27px;grid-row:span 2;min-height:560px;padding:23px;overflow:hidden;box-shadow:0 24px 60px #05362733}.student-id-card>header,.student-id-card>footer,.student-id-body,.student-qr{align-items:center;display:flex}.student-id-card>header{justify-content:space-between}.student-id-card>header span,.student-id-card>header strong{display:block}.student-id-card>header span{color:#8fe4c2;letter-spacing:1.4px;font-size:7px}.student-id-card>header strong{margin-top:4px;font:900 20px Nunito}.student-id-card>header svg{background:#ffffff1a;border-radius:14px;width:41px;height:41px;padding:10px}.student-id-body{border-bottom:1px solid #ffffff21;gap:14px;margin:24px 0 18px;padding-bottom:18px}.student-id-photo{background:#dff6ed;border:3px solid #ffffffd9;border-radius:20px;flex:0 0 67px;width:67px;height:67px;overflow:hidden}.student-id-photo img{object-fit:cover;width:100%;height:100%}.student-id-body span{color:#80cdb0;font-size:7px}.student-id-body h2{margin:5px 0;font:900 19px Nunito}.student-id-body p{color:#ffffffa6;margin:0;font-size:8px}.student-qr{color:#18382c;background:#fff;border-radius:19px;align-items:center;gap:17px;padding:16px}.student-qr>img{border-radius:10px;flex:0 0 164px;width:164px;height:164px}.student-qr>svg{width:150px;height:150px}.student-qr strong,.student-qr small{display:block}.student-qr strong{font:900 14px Nunito}.student-qr small{color:#73857c;margin-top:8px;font-size:8px;line-height:1.65}.student-id-card>footer{color:#a7dcca;gap:7px;margin-top:19px;font-size:8px}.student-id-card>footer i{background:#49e3a7;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #49e3a71a}.student-id-card>footer b{color:#fff;margin-left:auto}.compact-profile{max-width:none}.transaction-pin-card>small{color:#829088;margin-top:10px;font-size:7px;line-height:1.55;display:block}@media (width<=1050px){.student-security-layout{grid-template-columns:1fr}.student-security-layout>.credential-card{grid-column:auto}.student-id-card{grid-row:auto;min-height:0}.student-qr>img{flex-basis:145px;width:145px;height:145px}}@media (width<=620px){.student-head-actions{grid-template-columns:1fr 1.25fr;width:100%;display:grid}.student-head-actions .portal-button{padding:0 10px}.student-id-card{border-radius:23px;padding:18px}.student-qr{align-items:flex-start;gap:12px;padding:12px}.student-qr>img{flex-basis:128px;width:128px;height:128px}.student-qr strong{font-size:11px}.student-qr small{font-size:7px}.student-pin-confirm input{font-size:19px}.control-grid{grid-template-columns:1fr!important}}.portal-menu-card{grid-template-columns:72px 1fr}.tenant-menu-image{border-radius:17px;width:72px;height:72px}.student-menu-grid article{overflow:hidden}.student-menu-image{border-radius:17px 17px 0 0;width:calc(100% + 32px);height:142px;margin:-16px -16px 13px}.student-menu-image.green{background:linear-gradient(145deg,#e8f8f1,#d9f1e6)}.student-menu-image.yellow{background:linear-gradient(145deg,#fff5df,#f9e6bd)}.student-menu-image.red{background:linear-gradient(145deg,#ffefec,#f9dcd7)}@media (width<=600px){.student-menu-image{width:calc(100% + 26px);height:112px;margin:-13px -13px 11px}.tenant-menu-image{width:62px;height:62px}.portal-menu-card{grid-template-columns:62px 1fr}}.profile-action-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:9px;background:0 0!important;border:0!important;width:auto!important;height:auto!important;margin:12px 0 18px!important;display:flex!important;overflow:visible!important}.profile-action-row .avatar-edit-trigger,.profile-action-row .identity-edit-trigger{min-height:40px;margin:0;padding:0 15px;font-size:10px}.profile-panel>.profile-details{margin:24px 0}.profile-panel>.profile-details span{font-size:10px}.profile-panel>p{font-size:11px}.menu-visual{isolation:isolate;background:linear-gradient(145deg,#e8f8f1,#d9f1e6);place-items:center;display:grid;position:relative;overflow:hidden}.menu-visual.drink{background:linear-gradient(145deg,#e8f3ff,#dcecfb)}.menu-visual:after{content:"";aspect-ratio:1;z-index:-1;background:#ffffff73;border-radius:50%;width:75%;position:absolute;bottom:-30%;right:-18%}.menu-visual>img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.menu-visual:hover>img{transform:scale(1.045)}.menu-visual-fallback{color:#087a55;place-items:center;gap:5px;display:grid}.menu-visual.drink .menu-visual-fallback{color:#2470a7}.menu-visual-fallback svg{width:32%;min-width:22px;height:auto}.menu-visual-fallback span{letter-spacing:.3px;font-size:7px;font-weight:850}.premium-toast{z-index:320;color:#f1fff8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 0 0,#4adda229,#0000 38%),linear-gradient(145deg,#084331fa,#04271efc);border:1px solid #79e6b930;border-radius:19px;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:13px;width:min(390px,100vw - 28px);min-height:82px;padding:15px 18px;font-family:Nunito,sans-serif;display:grid;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 24px 70px #00120c61,inset 0 1px #ffffff12}.premium-toast-icon{color:#73e5b5;background:#3dd39721;border:1px solid #81efc240;border-radius:15px;place-items:center;width:46px;height:46px;display:grid;box-shadow:inset 0 1px #ffffff14}.premium-toast-icon svg{width:22px;height:22px}.premium-toast-copy{min-width:0}.premium-toast-copy strong,.premium-toast-copy small{display:block}.premium-toast-copy strong{color:#fff;letter-spacing:.15px;margin-bottom:3px;font-size:11px;font-weight:900}.premium-toast-copy small{color:#ebfff6d1;font-size:13px;font-weight:750;line-height:1.45}.premium-toast-progress{background:#ffffff1a;height:3px;position:absolute;bottom:0;left:0;right:0}.premium-toast-progress:after{content:"";transform-origin:0;background:linear-gradient(90deg,#63e2ad,#b2f4d8);width:100%;height:100%;animation:3.2s linear forwards premiumToastProgress;display:block}.premium-toast.warning{background:radial-gradient(circle at 0 0,#f1b33f2b,#0000 38%),linear-gradient(145deg,#4c390dfa,#2a2109fc);border-color:#f5c25b3d}.premium-toast.warning .premium-toast-icon{color:#ffd36f;background:#f4b53c21;border-color:#ffd36f40}.premium-toast.warning .premium-toast-progress:after{background:linear-gradient(90deg,#efb747,#ffe191)}.premium-toast.error{background:radial-gradient(circle at 0 0,#ef63522b,#0000 38%),linear-gradient(145deg,#4d1d18fa,#2b1310fc);border-color:#ff87783d}.premium-toast.error .premium-toast-icon{color:#ff9a8d;background:#ed584621;border-color:#ff9a8d40}.premium-toast.error .premium-toast-progress:after{background:linear-gradient(90deg,#f06f5f,#ffb0a5)}@keyframes premiumToastProgress{to{transform:scaleX(0)}}@media (width<=680px){.premium-toast{border-radius:17px;width:auto;min-height:76px;padding:13px 15px;bottom:94px;left:14px;right:14px}.premium-toast-icon{border-radius:13px;width:42px;height:42px}.premium-toast-copy strong{font-size:10px}.premium-toast-copy small{font-size:12px}}@media (prefers-reduced-motion:reduce){.premium-toast-progress:after{animation:none}}.notification-center{z-index:72;position:relative}.notification-bell{border:1px solid var(--line,#dce7e1);width:42px;height:42px;color:var(--text,#26372f);background:var(--card,#fff);cursor:pointer;border-radius:13px;place-items:center;padding:0;transition:all .22s;display:grid;position:relative;box-shadow:0 8px 24px #0e372712}.notification-bell:hover,.notification-bell.active{color:#07865e;border-color:#0ca97759;transform:translateY(-1px);box-shadow:0 12px 28px #07704f21}.notification-bell svg{width:19px}.notification-bell b{border:2px solid var(--card,#fff);color:#fff;background:linear-gradient(135deg,#ff7a69,#d94d43);border-radius:99px;place-items:center;min-width:20px;height:20px;padding:0 5px;font:900 10px Nunito;display:grid;position:absolute;top:-5px;right:-5px;box-shadow:0 6px 14px #cd43394d}.notification-backdrop{z-index:-1;background:0 0;border:0;position:fixed;inset:0}.notification-panel{border:1px solid var(--line,#dce7e1);width:min(420px,100vw - 30px);color:var(--text,#26372f);background:color-mix(in srgb,var(--card,#fff) 94%,transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:22px;position:absolute;top:calc(100% + 14px);right:0;overflow:hidden;box-shadow:0 28px 80px #08271c33}.notification-panel:before{content:"";border-left:1px solid var(--line,#dce7e1);border-top:1px solid var(--line,#dce7e1);background:var(--card,#fff);width:14px;height:14px;position:absolute;top:-7px;right:14px;transform:rotate(45deg)}.notification-panel>header{border-bottom:1px solid var(--line,#e7efeb);background:linear-gradient(135deg,#0ca97714,#0000);justify-content:space-between;align-items:flex-start;padding:21px 21px 17px;display:flex;position:relative}.notification-panel header span{color:#0a956a;letter-spacing:1.5px;font-size:9px;font-weight:900;display:block}.notification-panel h2{margin:4px 0 2px;font:900 24px Nunito}.notification-panel header p{color:var(--muted,#77877f);margin:0;font-size:11px}.notification-panel header>button{border:1px solid var(--line,#dce7e1);width:34px;height:34px;color:var(--muted,#72827a);background:var(--card,#fff);border-radius:11px;place-items:center;display:grid}.notification-panel header svg{width:16px}.notification-enable,.notification-local{text-align:left;color:#086f50;background:#0ca97717;border:1px solid #0aa6732e;border-radius:14px;align-items:center;gap:11px;width:calc(100% - 28px);margin:14px;padding:12px;display:flex}.notification-enable{cursor:pointer}.notification-enable>svg,.notification-local>svg{background:#0ca9771f;border-radius:11px;flex:0 0 36px;width:36px;height:36px;padding:9px}.notification-enable strong,.notification-enable small,.notification-local strong,.notification-local small{display:block}.notification-enable strong,.notification-local strong{font-size:12px}.notification-enable small,.notification-local small{color:var(--muted,#71827a);margin-top:3px;font-size:10px}.notification-panel-toolbar{color:var(--muted,#75867e);justify-content:space-between;align-items:center;padding:9px 16px;font-size:10px;font-weight:850;display:flex}.notification-panel-toolbar button{color:#087a55;background:#0ca97717;border:0;border-radius:9px;align-items:center;gap:5px;padding:7px 9px;font:850 10px Nunito;display:flex}.notification-panel-toolbar svg{width:14px}.notification-list{max-height:min(470px,60vh);padding:0 8px 9px;overflow:auto}.notification-list>button{width:100%;color:var(--text,#26372f);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;grid-template-columns:42px minmax(0,1fr) 16px;align-items:center;gap:10px;padding:12px 10px;transition:all .2s;display:grid;position:relative}.notification-list>button:hover{background:#0ca97712}.notification-list>button.unread{background:#0ca9770e}.notification-list>button.unread:before{content:"";background:#11b47e;border-radius:50%;width:5px;height:5px;position:absolute;left:3px;box-shadow:0 0 0 4px #11b47e1a}.notification-list button>i{color:#07865e;background:#0ca9771c;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.notification-list button>i svg{width:19px}.notification-list button>span{min-width:0}.notification-list strong,.notification-list small,.notification-list em{display:block}.notification-list strong{font-size:12px}.notification-list small{color:var(--muted,#71827a);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:10.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.notification-list em{color:#0a956a;margin-top:5px;font-size:9px;font-style:normal;font-weight:800}.notification-list button>svg{width:15px;color:var(--muted,#8b9992)}.notification-list>button.read{opacity:.72}.notification-empty{min-height:190px;color:var(--muted,#7c8c84);text-align:center;align-content:center;place-items:center;gap:8px;padding:25px;display:grid}.notification-empty>svg{color:#0a956a;width:28px}.notification-empty strong{color:var(--text,#26372f);font-size:13px}.notification-empty span{max-width:280px;font-size:10.5px;line-height:1.55}[data-theme=dark] .notification-bell{color:#dff4eb;background:#10271f;border-color:#2a493d;box-shadow:0 10px 25px #0000002e}[data-theme=dark] .notification-panel{--card:#10271f;--text:#edf9f4;--muted:#9fb8ae;--line:#29473c;background:#0c221af5;box-shadow:0 30px 90px #0000006b}[data-theme=dark] .notification-panel:before{background:#10271f}[data-theme=dark] .notification-panel>header{background:linear-gradient(135deg,#2ad39721,#0000)}[data-theme=dark] .notification-panel header>button{color:#b7cdc4;background:#173128;border-color:#315145}[data-theme=dark] .notification-list>button.unread{background:#26cd9114}[data-theme=dark] .notification-enable,[data-theme=dark] .notification-local{color:#8ce8c3;background:#26cd9117;border-color:#55e2ad2e}@media (width<=900px){.notification-center{margin-left:auto}.notification-bell{border-radius:12px;width:40px;height:40px}.notification-panel{width:auto;max-height:calc(100dvh - 100px);position:fixed;top:76px;left:12px;right:12px}.notification-panel:before{display:none}.notification-list{max-height:calc(100dvh - 330px)}.notification-panel h2{font-size:22px}}@media (width<=480px){.notification-panel{border-radius:19px;top:72px;left:8px;right:8px}.notification-panel>header{padding:17px}.notification-enable,.notification-local{width:calc(100% - 20px);margin:10px}.notification-list{padding:0 5px 7px}.notification-list>button{grid-template-columns:39px minmax(0,1fr) 13px;padding:11px 8px}.notification-list button>i{width:39px;height:39px}}.login-page{background:#f7faf8;grid-template-columns:minmax(430px,1.08fr) minmax(420px,.92fr);min-height:100vh;display:grid}.login-story{color:#fff;background:radial-gradient(circle at 90% 10%,#ffcd423d,#0000 32%),linear-gradient(145deg,#0b6a43,#073d2c 62%,#062f23);flex-direction:column;justify-content:space-between;padding:48px clamp(42px,6vw,100px);display:flex;position:relative;overflow:hidden}.login-story:before{content:"";border:110px solid #ffffff0b;border-radius:50%;width:520px;height:520px;position:absolute;inset:auto -12% -28% auto}.login-story:after{content:"";background-image:radial-gradient(#ffffff29 1.5px,#0000 1.5px);background-size:18px 18px;width:280px;height:280px;position:absolute;top:21%;right:7%;transform:rotate(8deg)}.brand{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.brand img{object-fit:contain;width:50px;height:50px}.brand strong{letter-spacing:-.5px;color:var(--green-900);font:900 23px/1 Nunito,sans-serif;display:block}.brand span{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-top:5px;font-size:9px;display:block}.brand.light strong{color:#fff}.brand.light span{color:#ffffffb3}.brand.light img{filter:drop-shadow(0 8px 14px #00000029)}.story-copy{z-index:1;max-width:640px;margin-block:70px;position:relative}.eyebrow{letter-spacing:1.5px;text-transform:uppercase;color:#d48e0c;margin-bottom:10px;font-size:10px;font-weight:800;line-height:1.4;display:block}.login-story .eyebrow{color:#ffd66b}.story-copy h1{letter-spacing:-2.5px;margin:0;font:900 clamp(42px,5vw,70px)/1.02 Nunito,sans-serif}.story-copy p{color:#ffffffc2;max-width:520px;font-size:15px;line-height:1.8}.story-badges{z-index:1;flex-wrap:wrap;gap:10px;display:flex;position:relative}.story-badges span{background:#ffffff17;border:1px solid #ffffff21;border-radius:99px;align-items:center;gap:8px;padding:10px 14px;font-size:11px;font-weight:700;display:flex}.story-badges svg{width:17px}.login-panel{place-items:center;padding:42px;display:grid}.login-card{border:1px solid var(--line);width:min(430px,100%);box-shadow:var(--shadow);background:#fff;border-radius:24px;padding:44px}.login-card h2{margin:4px 0 8px;font:900 31px/1.15 Nunito,sans-serif}.login-card p{color:var(--muted);margin:0 0 28px;font-size:12px;line-height:1.6}.login-card label{color:#365347;gap:8px;margin-top:18px;font-size:11px;font-weight:800;display:grid}.login-card input{width:100%;height:50px;color:var(--ink);background:#fbfdfc;border:1px solid #dce7e1;border-radius:12px;padding:0 15px}.login-card input:focus{border-color:var(--green-500);background:#fff}.primary-button{color:#fff;background:linear-gradient(135deg,#0e8452,#096640);border:0;border-radius:12px;width:100%;margin-top:22px;padding:15px 20px;font-weight:800;box-shadow:0 10px 25px #0d7a4a33}.primary-button:disabled{opacity:.7;cursor:wait}.form-error{color:#aa3525;background:#fff0ed;border:1px solid #ffd3cb;border-radius:10px;margin-top:16px;padding:11px 13px;font-size:11px}.login-card .login-note{text-align:center;margin:15px 0 0;font-size:10px}.mobile-brand{margin-bottom:32px;display:none}.app-shell{background:#f5f8f6;min-height:100vh;display:flex}.sidebar{z-index:50;border-right:1px solid var(--line);background:#fff;flex-direction:column;width:258px;padding:25px 18px 20px;transition:transform .25s;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-header{justify-content:space-between;align-items:center;padding:0 6px 23px;display:flex}.sidebar-header .brand img{width:44px;height:44px}.sidebar-close{display:none!important}.nav-caption{color:#a2b0aa;letter-spacing:1.4px;padding:17px 12px 9px;font-size:9px;font-weight:800;display:block}.nav-item{color:#60766d;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;min-height:43px;margin:3px 0;padding:0 12px;font-size:11px;font-weight:700;display:flex;position:relative}.nav-item:hover{color:var(--green-700);background:#f3f8f5}.nav-item.active{color:var(--green-700);background:linear-gradient(90deg,#e6f6ed,#f4fbf7)}.nav-item.active:before{content:"";background:var(--green-700);border-radius:0 4px 4px 0;width:3px;height:24px;position:absolute;left:-18px}.nav-item span{flex:1}.nav-item b{color:var(--green-700);background:#e9f5ee;border-radius:99px;padding:2px 7px;font-size:9px}.sidebar-help{background:linear-gradient(145deg,#eff9f3,#fbfdfc);border:1px solid #def0e6;border-radius:14px;gap:7px;margin-top:auto;padding:16px;display:grid}.sidebar-help>svg{width:20px;color:var(--green-700)}.sidebar-help span{color:var(--muted);font-size:9px;line-height:1.6}.sidebar-help button{color:var(--green-700);text-align:left;background:0 0;border:0;padding:0;font-size:9px;font-weight:800}.logout{color:#9a5a51;background:0 0;border:0;align-items:center;gap:10px;margin-top:12px;padding:11px 12px;font-size:10px;font-weight:700;display:flex}.logout svg{width:17px}.main-column{flex:1;min-width:0;margin-left:258px}.topbar{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#ffffffeb;align-items:center;height:74px;padding:0 31px;display:flex;position:sticky;top:0}.search{color:#94a39d;background:#f6f9f7;border:1px solid #e7eee9;border-radius:10px;align-items:center;gap:9px;width:min(430px,45vw);height:40px;padding:0 12px;display:flex}.search svg{width:18px}.search input{background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:10px}.search kbd{background:#fff;border:1px solid #dfe8e2;border-radius:5px;padding:2px 6px;font-size:8px}.top-actions{align-items:center;gap:13px;margin-left:auto;display:flex}.icon-button{border:1px solid var(--line);color:#687d74;background:#fff;border-radius:10px;place-items:center;width:38px;height:38px;padding:0;display:grid}.icon-button svg{width:19px}.notification{position:relative}.notification i{background:#e59a18;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px;box-shadow:0 0 0 2px #fff}.profile{text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:0;display:flex}.profile>span{width:36px;height:36px;color:var(--green-700);background:#e4f4eb;border-radius:11px;place-items:center;font:800 10px Nunito;display:grid}.profile strong,.profile small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.profile small{color:var(--muted);margin-top:3px;font-size:8px}.profile>svg{width:16px}.menu-toggle{margin-right:10px;display:none}.content{max-width:1500px;margin:auto;padding:28px 31px 45px}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.page-heading .eyebrow{margin-bottom:5px}.page-heading h1{margin:0;font:900 28px/1.1 Nunito,sans-serif}.page-heading p{color:var(--muted);margin:7px 0 0;font-size:10px}.secondary{border:1px solid var(--line);color:#50685e;background:#fff;border-radius:10px;align-items:center;gap:8px;min-height:39px;padding:0 13px;font-size:9px;font-weight:700;display:flex}.secondary svg{width:17px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:flex-start;gap:14px;min-height:126px;padding:20px;display:flex;box-shadow:0 9px 25px #19413109}.metric-icon{border-radius:12px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid}.green .metric-icon{color:#0d7a4a;background:#e4f5eb}.blue .metric-icon{color:#1769aa;background:#e7f2fb}.orange .metric-icon{color:#c27908;background:#fff3dc}.purple .metric-icon{color:#7954ad;background:#f0eafa}.metric span,.metric small{color:var(--muted);font-size:8px;display:block}.metric strong{color:var(--ink);margin:7px 0 9px;font:900 clamp(17px,2vw,23px)/1 Nunito;display:block}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:15px;margin-top:15px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:15px;box-shadow:0 9px 25px #19413109}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:70px;padding:17px 20px;display:flex}.panel-heading h2{margin:0;font:800 13px Nunito}.panel-heading p{color:var(--muted);margin:4px 0 0;font-size:8px}.panel-heading button{color:var(--green-700);background:0 0;border:0;font-size:8px;font-weight:800}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:650px}th{color:#91a098;letter-spacing:.7px;text-align:left;text-transform:uppercase;background:#fafcfb;padding:11px 17px;font-size:8px}td{color:#4c655a;border-top:1px solid #edf2ef;padding:14px 17px;font-size:9px}td strong,td small{display:block}td strong{color:var(--ink)}td small{color:#96a49e;margin-top:4px;font-size:8px}.status{background:#eef4f0;border-radius:99px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.status.ready,.status.completed{color:#0b7445;background:#e2f4e9}.status.preparing,.status.accepted{color:#aa6907;background:#fff2da}.status.cancelled{color:#a73d2f;background:#ffe9e5}.empty-row{text-align:center;color:var(--muted);padding:40px}.popular-list{gap:18px;padding:20px;display:grid}.popular-item{grid-template-columns:27px 1fr auto;align-items:center;gap:10px;display:grid}.popular-item>span{width:27px;height:27px;color:var(--green-700);background:#f0f6f2;border-radius:8px;place-items:center;font:800 9px Nunito;display:grid}.popular-item strong,.popular-item b{font-size:8px}.progress{background:#ecf2ee;border-radius:99px;height:4px;margin-top:7px;overflow:hidden}.progress i{border-radius:inherit;background:linear-gradient(90deg,#0d7a4a,#53b47d);height:100%;display:block}.healthy-note{color:var(--green-700);background:#f0faf4;border-radius:11px;align-items:center;gap:11px;margin:2px 17px 17px;padding:13px;display:flex}.healthy-note svg{width:20px}.healthy-note strong,.healthy-note span{font-size:8px;display:block}.healthy-note span{color:#6c887a;margin-top:4px}.state-card,.empty-module{border:1px solid var(--line);text-align:center;min-height:280px;color:var(--muted);background:#fff;border-radius:15px;align-content:center;place-items:center;gap:8px;padding:30px;display:grid}.empty-module>svg{background:var(--green-100);width:48px;height:48px;color:var(--green-700);border-radius:14px;padding:12px}.empty-module h2{color:var(--ink);margin:0}.empty-module p{max-width:460px;margin:0;font-size:10px;line-height:1.7}.overlay{display:none}@media (width<=1100px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.popular-list{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.login-page{grid-template-columns:1fr}.login-story{display:none}.mobile-brand{display:block}.sidebar{transform:translate(-100%);box-shadow:15px 0 40px #14372a21}.sidebar.open{transform:translate(0)}.sidebar-close{display:grid!important}.overlay{z-index:40;background:#06211759;border:0;display:block;position:fixed;inset:0}.main-column{margin-left:0}.menu-toggle{display:grid}.topbar{padding:0 18px}.content{padding:24px 18px 40px}.profile div,.profile>svg{display:none}.search{width:min(420px,100vw - 180px)}}@media (width<=580px){.login-panel{padding:20px}.login-card{padding:30px 23px}.metrics{grid-template-columns:1fr}.page-heading .secondary,.search kbd,.notification{display:none}.search{width:calc(100vw - 132px)}.popular-list{grid-template-columns:1fr}}.admin-menu-cell{align-items:center;gap:11px;min-width:210px;display:flex}.admin-menu-cell>div:last-child{min-width:0}.admin-menu-thumb{border-radius:13px;flex:0 0 48px;width:48px;height:48px}.menu-image-upload>span{justify-content:space-between;align-items:center;display:flex}.menu-image-upload>span small{color:#8a9891;font-size:8px;font-weight:600}.menu-image-upload>div{background:#f8fbf9;border:1px dashed #cbded5;border-radius:15px;grid-template-rows:auto auto;grid-template-columns:118px minmax(120px,1fr);align-items:center;gap:8px 13px;padding:11px;display:grid}.menu-image-preview{border-radius:12px;grid-row:1/3;width:118px;height:88px}.menu-file-button{cursor:pointer;background:#fff;border:1px solid #b9daca;border-radius:10px;justify-content:center;align-items:center;padding:0 13px;color:#087a55!important;min-height:39px!important;font-size:9px!important;font-weight:850!important;display:flex!important}.menu-file-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.menu-image-upload>div>small{color:#819087;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}@media (width<=600px){.menu-image-upload>span{flex-direction:column;align-items:flex-start;gap:3px}.menu-image-upload>div{grid-template-columns:92px 1fr}.menu-image-preview{width:92px;height:78px}}.button{white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-size:10px;font-weight:800;display:inline-flex}.button svg{width:16px}.primary-action{color:#fff;background:linear-gradient(135deg,#0e8452,#096640);border:1px solid #087445;box-shadow:0 8px 18px #0d7a4a26}.secondary-button{border:1px solid var(--line);color:#50685e;background:#fff}.secondary-button:hover{color:var(--green-700);border-color:#b8cfc3}.system-status{align-items:center;gap:10px;display:flex}.system-status>i{background:#20a964;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #e5f6ec}.system-status strong,.system-status span{display:block}.system-status span{color:var(--muted);margin-top:3px;font-size:8px}.top-actions .profile{cursor:default}.panel-heading button{align-items:center;gap:2px;display:flex}.panel-heading button svg{width:13px}.module-panel{overflow:hidden}.toolbar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:12px;min-height:70px;padding:14px 18px;display:flex}.toolbar-search{background:#fbfdfc;border:1px solid #dce7e1;border-radius:10px;flex:1;align-items:center;min-width:320px;max-width:500px;height:40px;display:flex;overflow:hidden}.toolbar-search>svg{color:#90a199;width:17px;margin-left:12px}.toolbar-search input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;padding:0 11px;font-size:10px}.toolbar-search button{height:100%;color:var(--green-700);background:#eff7f2;border:0;border-left:1px solid #e3ebe6;padding:0 16px;font-size:9px;font-weight:800}.toolbar>select,.period-select{color:#50685e;background:#fff;border:1px solid #dce7e1;border-radius:10px;height:40px;padding:0 33px 0 12px;font-size:10px}.result-count{color:var(--muted);margin-left:auto;font-size:9px;font-weight:700}.state-card.compact{border:0;border-radius:0;min-height:320px}.state-card.compact svg{width:24px;color:var(--green-700)}.state-card.compact .button{margin-top:7px}.spin{animation:1s linear infinite spin}.empty-state{min-height:180px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:7px;display:grid}.empty-state>svg{width:34px;height:34px;color:var(--green-700);background:#ecf7f0;border-radius:10px;padding:8px}.empty-state strong{color:var(--ink);font-size:11px}.empty-state span{font-size:9px}.queue-number{width:32px;height:32px;color:var(--green-700);background:#e7f5ed;border-radius:10px;place-items:center;font-weight:900;display:grid}.status-select{border:0;border-radius:9px;min-width:125px;height:34px;padding:0 28px 0 10px;font-size:8px;font-weight:800}.status-select.pending{color:#62766c;background:#eef4f0}.status-select.accepted,.status-select.preparing{color:#9a620b;background:#fff2da}.status-select.ready,.status-select.completed{color:#0b7445;background:#e2f4e9}.status-select.cancelled{color:#a73d2f;background:#ffe9e5}.category-chip,.class-chip,.nutrition{border-radius:99px;align-items:center;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.category-chip{background:color-mix(in srgb,var(--chip) 12%,white);color:var(--chip)}.class-chip{color:#356c9e;background:#e9f1fb}.nutrition.green{color:#0b7445;background:#e2f4e9}.nutrition.yellow{color:#9a620b;background:#fff2da}.nutrition.red{color:#a73d2f;background:#ffe9e5}.low-stock{color:#c56e09}.switch{vertical-align:middle;background:#d7e1dc;border:0;border-radius:99px;width:36px;height:21px;padding:0;position:relative}.switch i{background:#fff;border-radius:50%;width:15px;height:15px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #00000026}.switch.on{background:#17a05e}.switch.on i{transform:translate(15px)}.table-action{color:#557066;background:#fff;border:1px solid #dfe9e3;border-radius:8px;align-items:center;gap:5px;padding:7px 9px;font-size:8px;font-weight:800;display:inline-flex}.table-action svg{width:13px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#051e157a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 30px 90px #041f154d}.modal.wide{width:min(790px,100%)}.modal>header{z-index:2;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:19px 22px;display:flex;position:sticky;top:0}.modal>header .eyebrow{margin:0 0 4px}.modal>header h2{margin:0;font:900 19px Nunito}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:22px;display:grid}.form-grid label{color:#365347;gap:7px;font-size:9px;font-weight:800;display:grid}.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-height:43px;color:var(--ink);font:inherit;background:#fbfdfc;border:1px solid #dce7e1;border-radius:10px;padding:0 12px}.form-grid textarea{resize:vertical;padding-block:11px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{background:#fff;border-color:#55a97b;outline:2px solid #d9f1e4}.form-grid .span-2{grid-column:span 2}.form-grid .checkbox-label{background:#f8fbf9;border:1px solid #e3ece7;border-radius:10px;align-items:center;gap:8px;min-height:43px;padding:0 12px;display:flex}.checkbox-label input{width:16px;min-height:auto;accent-color:var(--green-700)}.form-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.balance-total{background:#fff;border:1px solid #dcebe3;border-radius:12px;min-width:215px;padding:10px 15px}.balance-total span,.balance-total strong{display:block}.balance-total span{color:var(--muted);font-size:8px}.balance-total strong{color:var(--green-700);margin-top:4px;font:900 17px Nunito}.wallet-grid{background:#f8faf9;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:18px;display:grid}.wallet-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px;box-shadow:0 7px 20px #163c2d0a}.wallet-card-head{align-items:center;gap:10px;display:flex}.wallet-card-head>span{width:38px;height:38px;color:var(--green-700);background:#e6f5ec;border-radius:11px;place-items:center;display:grid}.wallet-card-head svg{width:19px}.wallet-card-head strong,.wallet-card-head small{display:block}.wallet-card-head small{color:var(--muted);margin-top:3px;font-size:8px}.wallet-card>p{color:var(--muted);margin:18px 0 4px;font-size:8px}.wallet-card>h3{color:var(--ink);margin:0;font:900 23px Nunito}.wallet-meta{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.wallet-meta span{color:var(--muted);background:#f5f8f6;border-radius:9px;gap:4px;padding:9px;font-size:7px;display:grid}.wallet-meta b{color:#426157;font-size:8px}.wallet-actions{gap:8px;margin-top:15px;display:flex}.wallet-actions .button{flex:1;padding:0 9px}.current-balance{background:#eef8f2;border-radius:12px;padding:17px}.current-balance span,.current-balance strong{display:block}.current-balance span{color:var(--muted);font-size:9px}.current-balance strong{color:var(--green-700);margin-top:5px;font:900 23px Nunito}.transaction-list{padding:8px 22px 22px}.transaction-list article{border-bottom:1px solid var(--line);grid-template-columns:38px 1fr auto auto;align-items:center;gap:11px;padding:14px 0;display:grid}.transaction-list article>div strong,.transaction-list article>div small{display:block}.transaction-list article>div strong{font-size:9px}.transaction-list article>div small,.transaction-list article>small{color:var(--muted);margin-top:4px;font-size:8px}.transaction-list article>b{font-size:10px}.transaction-list .credit{color:#09804a}.transaction-list .debit{color:#b24d3d}.transaction-icon{color:#0d7a4a;background:#e7f5ed;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.transaction-icon.purchase{color:#c06a22;background:#fff1e7}.transaction-icon svg{width:17px}.tenant-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.tenant-card{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 9px 25px #19413109}.tenant-card.inactive{opacity:.72}.tenant-card header{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:17px;display:flex}.tenant-card header>span{width:40px;height:40px;color:var(--green-700);background:#e6f5ec;border-radius:12px;place-items:center;display:grid}.tenant-card header svg{width:19px}.tenant-card header>div{flex:1;min-width:0}.tenant-card header strong,.tenant-card header small{display:block}.tenant-card header small{color:var(--muted);margin-top:4px;font-size:8px}.tenant-owner span,.tenant-owner strong,.tenant-owner small{display:block}.tenant-owner span{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-size:7px}.tenant-owner strong{margin-top:6px;font-size:10px}.tenant-owner small{color:var(--muted);margin-top:4px;font-size:8px}.tenant-stats{border:1px solid var(--line);border-radius:11px;grid-template-columns:.7fr .8fr 1.5fr;margin:0 17px;display:grid}.tenant-stats div{border-right:1px solid var(--line);padding:10px}.tenant-stats div:last-child{border:0}.tenant-stats span,.tenant-stats strong{display:block}.tenant-stats span{color:var(--muted);font-size:7px}.tenant-stats strong{margin-top:5px;font:800 10px Nunito}.tenant-card footer{border-top:1px solid var(--line);color:#61756c;background:#fafcfb;justify-content:space-between;align-items:center;margin-top:16px;padding:14px 17px;font-size:8px;font-weight:700;display:flex}.report-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,.65fr);gap:15px;margin-top:15px;display:grid}.report-grid.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.report-chart{min-height:310px}.bar-chart{align-items:flex-end;gap:10px;height:235px;padding:24px 20px 14px;display:flex;overflow-x:auto}.bar-column{text-align:center;flex:1;grid-template-rows:25px 1fr 20px;align-items:end;min-width:44px;height:100%;display:grid}.bar-column>span{color:var(--muted);text-overflow:ellipsis;font-size:7px;overflow:hidden}.bar-column>div{border-bottom:1px solid #dbe6df;justify-content:center;align-items:flex-end;height:100%;display:flex}.bar-column i{background:linear-gradient(#3bb879,#0d7a4a);border-radius:7px 7px 0 0;width:min(30px,65%);min-height:5px;display:block}.bar-column small{color:var(--muted);padding-top:6px;font-size:7px}.payment-list,.ranking-list{padding:8px 18px 18px}.payment-list>div,.ranking-list>div{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 0;display:flex}.payment-list>div:last-child,.ranking-list>div:last-child{border:0}.payment-icon,.ranking-list>div>span{width:32px;height:32px;color:var(--green-700);background:#e8f4ed;border-radius:9px;place-items:center;font-size:9px;font-weight:900;display:grid}.payment-icon.qris{color:#286799;background:#e9f1fb}.payment-icon.cash{color:#af6d0b;background:#fff2dc}.payment-icon svg{width:16px}.payment-list>div>div,.ranking-list>div>div{flex:1;min-width:0}.payment-list strong,.payment-list small,.ranking-list strong,.ranking-list small{display:block}.payment-list small,.ranking-list small{color:var(--muted);margin-top:4px;font-size:7px}.payment-list b,.ranking-list b{color:#37584b;font-size:9px}.toast{z-index:150;color:#fff;background:#073e2c;border-radius:12px;align-items:center;gap:10px;max-width:390px;padding:13px 16px;font-size:10px;font-weight:700;animation:.2s toast-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 50px #05261a4d}.toast svg{color:#6fdaa0;width:18px}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}@media (width<=1180px){.wallet-grid,.tenant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-grid{grid-template-columns:1fr}}@media (width<=760px){.toolbar{flex-wrap:wrap;align-items:stretch}.toolbar-search{min-width:100%;max-width:none}.result-count{align-self:center;margin:0 0 0 auto}.wallet-grid,.tenant-grid,.report-grid.equal,.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}.balance-total{display:none}.modal-backdrop{padding:10px}.modal{max-height:calc(100vh - 20px)}.transaction-list article{grid-template-columns:36px 1fr auto}.transaction-list article>small{grid-column:2/4}.page-heading{align-items:flex-start}.page-heading>.button{padding:0 11px}.system-status span{display:none}}@media (width<=480px){.wallet-grid{padding:12px}.wallet-actions{flex-direction:column}.toolbar>select{width:100%}.transaction-list{padding-inline:15px}.tenant-stats{grid-template-columns:1fr}.tenant-stats div{border-right:0;border-bottom:1px solid var(--line)}.bar-chart{padding-inline:10px}}.tenant-toolbar{margin-bottom:15px}.app-shell{color:var(--ink);background:radial-gradient(circle at 85% -10%,#26ad6c14,#0000 28%),#f3f6f4}.sidebar{background:radial-gradient(circle at 10% 0,#43cb8533,#0000 30%),linear-gradient(165deg,#073f2f,#052e22 68%,#041f18);border:0;width:282px;padding:28px 20px 22px;box-shadow:18px 0 45px #04261b14}.sidebar-header{border-bottom:1px solid #ffffff17;padding:0 8px 26px}.sidebar .brand img{background:#fffffff2;border-radius:15px;width:48px;height:48px;padding:4px;box-shadow:0 9px 25px #00000024}.sidebar .brand strong{color:#fff;letter-spacing:-.4px;font-size:23px}.sidebar .brand span{color:#ffffff94;letter-spacing:1.3px;font-size:8px}.nav-caption{color:#ffffff61;letter-spacing:1.7px;padding:24px 13px 10px;font-size:9px}.nav-item{color:#ffffff9e;border-radius:13px;min-height:48px;margin:4px 0;padding:0 13px;font-size:12px;font-weight:700;transition:background .18s,color .18s,transform .18s}.nav-item svg{width:19px}.nav-item:hover{color:#fff;background:#ffffff14;transform:translate(2px)}.nav-item.active{color:#fff;background:linear-gradient(100deg,#3dd38933,#ffffff14);box-shadow:inset 0 0 0 1px #64e2a024}.nav-item.active:before{background:#5ee09e;width:4px;height:26px;left:-20px;box-shadow:0 0 18px #5ee09e80}.sidebar-help{color:#fff;background:linear-gradient(145deg,#ffffff17,#ffffff0a);border:1px solid #ffffff1a;border-radius:16px;padding:17px}.sidebar-help>svg{color:#65dfa1}.sidebar-help strong{font-size:12px}.sidebar-help span{color:#ffffff8c;font-size:9px}.logout{color:#ffb5a9;border-radius:11px;min-height:43px;margin-top:12px;font-size:11px}.logout:hover{background:#ff735f1a}.main-column{margin-left:282px}.topbar{-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%);background:#ffffffc7;border-bottom:1px solid #cddcd4bf;height:82px;padding:0 36px}.system-status>i{background:#22b36c;width:10px;height:10px;box-shadow:0 0 0 5px #e2f6eb,0 0 18px #22b36c61}.system-status strong{font-size:11px}.system-status span{font-size:9px}.live-alerts span{background:#eaf7f0;padding:7px 11px;font-size:9px}.profile>span{background:linear-gradient(145deg,#dff5e9,#c9ead8);border-radius:13px;width:42px;height:42px;font-size:12px}.profile strong{font-size:10px}.profile small{font-size:9px}.content{max-width:1560px;padding:34px 38px 62px}.page-stage{min-height:calc(100vh - 178px)}.page-heading{align-items:center;margin-bottom:26px}.page-heading .eyebrow{color:#b57812;letter-spacing:1.8px;margin-bottom:7px;font-size:10px}.page-heading h1{letter-spacing:-1px;font-size:34px}.page-heading p{margin-top:9px;font-size:12px;line-height:1.6}.button{border-radius:12px;min-height:43px;padding:0 17px;font-size:11px;transition:transform .16s,box-shadow .16s,border-color .16s}.button:hover{transform:translateY(-1px)}.primary-action{background:linear-gradient(135deg,#11945a,#087044);border:0;box-shadow:0 10px 24px #087a4b33}.primary-action:hover{box-shadow:0 13px 30px #087a4b45}.secondary-button{border-color:#d9e5de;box-shadow:0 4px 13px #0f37280a}.metrics{gap:18px}.metric{border:1px solid #d8e6dee6;border-radius:19px;min-height:145px;padding:23px;position:relative;overflow:hidden;box-shadow:0 12px 38px #11412f0f}.metric:after{content:"";opacity:.035;background:currentColor;border-radius:50%;width:95px;height:95px;position:absolute;bottom:-35px;right:-25px}.metric-icon{border-radius:14px;flex-basis:48px;width:48px;height:48px}.metric-icon svg{width:22px}.metric span,.metric small{font-size:10px}.metric strong{letter-spacing:-.6px;margin:9px 0 11px;font-size:26px}.dashboard-grid,.report-grid{gap:18px;margin-top:18px}.panel{border:1px solid #d8e6dee6;border-radius:19px;overflow:hidden;box-shadow:0 12px 38px #11412f0e}.panel-heading{min-height:78px;padding:19px 23px}.panel-heading h2{font-size:15px}.panel-heading p{margin-top:5px;font-size:9px}.panel-heading button{font-size:9px}.toolbar{gap:14px;min-height:76px;padding:16px 21px}.toolbar-search{border-radius:12px;height:44px}.toolbar-search input{font-size:11px}.toolbar-search button{padding:0 19px;font-size:10px}.toolbar>select,.period-select{border-radius:12px;height:44px;font-size:11px}.result-count{font-size:10px}table{min-width:760px}th{letter-spacing:.8px;background:#f8faf9;padding:13px 18px;font-size:9px}td{padding:16px 18px;font-size:11px;line-height:1.45}td strong{font-size:11px}td small{margin-top:5px;font-size:9px;line-height:1.4}.status,.category-chip,.class-chip,.nutrition,.role-chip,.availability,.movement{padding:6px 9px;font-size:8px}.table-action{border-radius:9px;min-height:34px;padding:0 10px;font-size:9px}.queue-number{border-radius:11px;width:36px;height:36px;font-size:11px}.status-select{min-width:135px;height:36px;font-size:9px}.wallet-grid{gap:18px;padding:21px}.wallet-card{border-radius:17px;padding:21px}.wallet-card-head>span{border-radius:13px;width:43px;height:43px}.wallet-card-head strong{font-size:11px}.wallet-card-head small,.wallet-card>p{font-size:9px}.wallet-card>h3{font-size:27px}.wallet-meta span{padding:11px;font-size:8px}.wallet-meta b{font-size:9px}.tenant-grid{gap:18px}.tenant-card{border-radius:18px}.tenant-card header{padding:19px}.tenant-card header>span{width:44px;height:44px}.tenant-card header strong{font-size:12px}.tenant-owner{padding:18px 19px}.tenant-owner strong{font-size:11px}.tenant-stats{margin:0 19px}.tenant-stats div{padding:12px}.tenant-stats strong{font-size:11px}.stock-summary{gap:18px}.stock-summary article{border-radius:17px;padding:21px;box-shadow:0 10px 30px #11412f0d}.stock-summary span{font-size:9px}.stock-summary strong{font-size:24px}.low-stock-banner{border-radius:14px;padding:16px 19px}.settings-layout{grid-template-columns:215px minmax(0,1fr);gap:18px}.settings-tabs{border-radius:17px;padding:11px;box-shadow:0 10px 30px #11412f0a}.settings-tabs button{border-radius:11px;min-height:47px;font-size:10px}.settings-content{min-height:590px}.section-title{padding:23px 25px}.section-title>svg{border-radius:13px;width:43px;height:43px}.section-title h2{font-size:16px}.section-title p{font-size:9px}.category-grid{gap:11px;padding:21px}.category-grid article{border-radius:13px;padding:15px}.form-grid{gap:18px;padding:25px}.form-grid label{font-size:10px}.form-grid input,.form-grid select,.form-grid textarea{border-radius:12px;min-height:46px;font-size:11px}.checkbox-label{font-size:10px!important}.security-card{border-radius:15px;padding:23px}.security-card label{font-size:10px}.security-card input{border-radius:11px;height:46px}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#031d148c;padding:26px}.modal{border-radius:22px;box-shadow:0 35px 100px #031c1359}.modal>header{padding:21px 25px}.modal>header h2{font-size:21px}.order-detail{padding:26px}.detail-info span{font-size:9px}.status-timeline strong{font-size:10px}.status-timeline small{font-size:9px}.bar-chart{height:260px}.payment-list strong,.ranking-list strong{font-size:10px}.payment-list small,.ranking-list small{font-size:8px}.payment-list b,.ranking-list b{font-size:10px}.pager{padding:14px 19px;font-size:9px}.toast{border-radius:14px;padding:15px 18px;font-size:11px;box-shadow:0 20px 60px #04281b4d}.login-page{background:radial-gradient(circle at 75% 20%,#30bb7117,#0000 26%),#f5f8f6}.login-story{background:radial-gradient(circle at 88% 12%,#ffcc4b40,#0000 30%),radial-gradient(circle at 20% 85%,#27b76c3d,#0000 30%),linear-gradient(145deg,#086442,#052f25 65%,#041f18);padding:52px clamp(45px,6vw,105px)}.login-story:before{border-width:130px;width:600px;height:600px}.story-copy h1{letter-spacing:-3px;font-size:clamp(48px,5vw,76px)}.story-copy p{max-width:560px;font-size:16px}.story-badges span{padding:11px 16px;font-size:11px}.login-panel{padding:50px}.login-card{border-radius:25px;padding:48px;box-shadow:0 30px 80px #0a342421}.login-card h2{font-size:34px}.login-card p{font-size:12px}.login-card label{font-size:11px}.login-card input{border-radius:13px;height:54px;font-size:13px}.primary-button{border-radius:13px;min-height:52px;font-size:12px}@media (width<=1200px){.content{padding-inline:28px}.metrics,.wallet-grid,.tenant-grid{grid-template-columns:repeat(2,1fr)}.live-alerts span:last-child{display:none}}@media (width<=980px){.app-shell{display:block}.sidebar{z-index:80;width:100%;height:80px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#052e22f5;border-radius:20px 20px 0 0;flex-direction:row;align-items:stretch;display:flex;inset:auto 0 0;box-shadow:0 -12px 40px #0422182e;transform:none!important}.sidebar-header,.nav-caption,.sidebar-help,.sidebar-close{display:none!important}.sidebar nav{scrollbar-width:none;flex:1;align-items:stretch;gap:3px;min-width:0;display:flex;overflow-x:auto}.sidebar nav::-webkit-scrollbar{display:none}.nav-item{text-align:center;border-radius:13px;flex-direction:column;justify-content:center;gap:4px;min-width:72px;height:62px;margin:0;padding:4px 8px;font-size:8px;display:flex}.nav-item svg{width:18px;height:18px}.nav-item span{flex:0}.nav-item.active:before{display:none}.nav-item:hover{transform:none}.logout{border-radius:13px;flex-direction:column;justify-content:center;gap:3px;width:58px;min-width:58px;height:62px;margin:0;padding:4px;font-size:8px}.logout svg{width:18px}.main-column{margin-left:0;padding-bottom:92px}.menu-toggle,.overlay{display:none!important}.topbar{height:72px;padding:0 22px}.content{padding:26px 22px 44px}.page-stage{min-height:auto}.settings-layout{grid-template-columns:1fr}.settings-tabs{display:flex;overflow-x:auto}.settings-tabs button{min-width:max-content}.live-alerts{margin-left:16px}}@media (width<=680px){.topbar{padding:0 16px}.system-status span,.profile div{display:none}.profile>span{width:38px;height:38px}.live-alerts{margin-left:auto}.live-alerts span{padding:6px 8px}.content{padding:22px 15px 38px}.page-heading{align-items:flex-start;margin-bottom:20px}.page-heading h1{font-size:27px}.page-heading p{font-size:10px}.page-heading>.button{min-height:39px;padding:0 11px}.metrics{grid-template-columns:1fr;gap:12px}.metric{min-height:114px;padding:18px}.metric strong{font-size:23px}.dashboard-grid,.report-grid,.report-grid.equal{grid-template-columns:1fr}.toolbar{align-items:stretch;gap:9px;padding:13px}.toolbar-search{min-width:100%}.toolbar>select{width:100%}.result-count{margin-left:auto}.wallet-grid,.tenant-grid{grid-template-columns:1fr;padding:12px}.stock-summary{grid-template-columns:1fr;gap:10px}.stock-summary article{padding:16px}.settings-tabs{border-radius:13px;padding:7px}.settings-content{min-height:auto}.section-title{padding:17px}.section-title.with-action{align-items:flex-start}.modal-backdrop{align-items:end;padding:0}.modal,.modal.wide{border-radius:24px 24px 0 0;width:100%;max-height:92vh}.modal>header{padding:18px}.form-grid{grid-template-columns:1fr;gap:14px;padding:18px}.form-grid .span-2{grid-column:span 1}.report-actions{flex-direction:column}.login-panel{padding:18px}.login-card{padding:32px 24px}.login-card h2{font-size:29px}.toast{bottom:96px;left:14px;right:14px}.detail-info{grid-template-columns:1fr}.receipt-head{flex-direction:column}.receipt-head>div:last-child{text-align:left}}.role-login-card{width:min(510px,100%);padding:38px}.role-login-card h2{font-size:30px}.login-role-tabs{background:#f1f5f3;border-radius:15px;grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 22px;padding:6px;display:grid}.login-role-tabs button{color:#6f8077;background:0 0;border:0;border-radius:11px;min-height:39px;padding:6px 9px;font:750 9px inherit}.login-role-tabs button.active{color:#087a55;background:#fff;box-shadow:0 6px 17px #15413017}.login-demo-note{color:#65776e;background:#f2faf6;border:1px solid #dceee5;border-radius:11px;align-items:flex-start;gap:7px;margin-top:15px;padding:10px 12px;display:flex}.login-demo-note strong,.login-demo-note span{font-size:8px;line-height:1.5}.login-demo-note strong{color:#087a55;flex:none}.multi-login .login-card>div:first-of-type:not(.mobile-brand){margin-bottom:0}@media (width<=520px){.role-login-card{padding:27px 20px}.login-role-tabs{grid-template-columns:1fr 1fr}.login-role-tabs button{font-size:8px}.login-demo-note{display:grid}}.multi-login{isolation:isolate;background:linear-gradient(125deg,#edf9f3 0%,#f8fbf9 42%,#eef7ff 100%) 0 0/180% 180%;animation:16s ease-in-out infinite loginCanvas;position:relative;overflow:hidden}.multi-login>.login-story,.multi-login>.login-panel{z-index:2;position:relative}.multi-login .login-story{background-color:#0000;background-image:radial-gradient(circle at 18% 15%,#62e8b33d,#0000 25%),radial-gradient(circle at 85% 18%,#ffcf523d,#0000 26%),linear-gradient(145deg,#097047fa,#053929fa 63%,#042b20fc);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:150% 150%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;animation:13s ease-in-out infinite storyAurora;box-shadow:30px 0 90px #05362729}.multi-login .login-story:before{border:92px solid #ffffff0e;width:570px;height:570px;animation:24s linear infinite orbitSlow;bottom:-35%;right:-13%}.multi-login .login-story:after{opacity:.82;animation:16s ease-in-out infinite dotDrift}.login-ambient{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ambient-orb{filter:blur(3px);will-change:transform;border-radius:50%;display:block;position:absolute}.orb-one{background:radial-gradient(circle at 36% 34%,#4dd7a347,#4dd7a30a 63%,#0000 70%);width:420px;height:420px;animation:14s ease-in-out infinite orbFloatOne;top:-130px;right:-110px}.orb-two{background:radial-gradient(circle at 45% 40%,#4387e02e,#4387e006 66%,#0000 72%);width:330px;height:330px;animation:18s ease-in-out infinite orbFloatTwo;bottom:-160px;right:16%}.orb-three{background:radial-gradient(circle,#ffc43d21,#0000 69%);width:220px;height:220px;animation:11s ease-in-out infinite orbFloatThree;top:22%;left:44%}.ambient-ring{border:1px solid #0c7e5217;border-radius:50%;display:block;position:absolute}.ring-one{width:150px;height:150px;animation:17s ease-in-out infinite ringTravel;top:13%;right:7%;box-shadow:0 0 0 22px #0c7e5206,0 0 0 48px #0c7e5205}.ring-two{border-color:#2a79cb1a;width:90px;height:90px;animation:13s ease-in-out infinite reverse ringTravel;bottom:8%;right:38%}.ambient-grid{background-image:linear-gradient(#0a694606 1px,#0000 1px),linear-gradient(90deg,#0a694606 1px,#0000 1px);background-size:44px 44px;animation:20s linear infinite gridGlide;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 42%,#000 100%);mask-image:linear-gradient(90deg,#0000 42%,#000 100%)}.multi-login .login-panel{background:radial-gradient(circle at 82% 14%,#41cf9a1a,#0000 31%),radial-gradient(circle at 18% 84%,#4b89d713,#0000 30%);position:relative}.multi-login .role-login-card{-webkit-backdrop-filter:blur(24px)saturate(140%);backdrop-filter:blur(24px)saturate(140%);background:linear-gradient(145deg,#ffffffeb,#f8fcfacc);border:1px solid #ffffffc7;animation:.72s cubic-bezier(.2,.8,.2,1) both loginCardEnter;position:relative;overflow:hidden;box-shadow:0 30px 90px #14493524,inset 0 2px #ffffffe6}.multi-login .role-login-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffffa6,#0000);width:42%;height:150%;animation:8s ease-in-out infinite cardShine;position:absolute;top:-20%;left:-40%;transform:rotate(17deg)}.multi-login .role-login-card>*{z-index:1;position:relative}.login-heading{min-height:106px}.multi-login .login-role-tabs{background:#edf4f0c7;border:1px solid #d5e5dcbf;box-shadow:inset 0 1px #fffc}.multi-login .login-role-tabs button{transition:color .25s,transform .25s,background .25s,box-shadow .25s;position:relative;overflow:hidden}.multi-login .login-role-tabs button:hover{color:#087a55;transform:translateY(-1px)}.multi-login .login-role-tabs button.active{animation:.28s tabPop;box-shadow:0 9px 22px #144e381f,inset 0 1px #fff}.multi-login .login-card label{transition:color .25s}.multi-login .login-card label:focus-within{color:#087a55}.multi-login .login-card input{transition:border-color .25s,box-shadow .25s,transform .25s,background .25s}.multi-login .login-card input:hover{background:#fff;border-color:#bfd8cc}.multi-login .login-card input:focus{outline:0;transform:translateY(-1px);box-shadow:0 0 0 4px #0d87531a,0 10px 24px #165c4012}.multi-login .primary-button{isolation:isolate;background:linear-gradient(120deg,#119268,#087650,#0b9c6d) 0 0/180% 100%;transition:transform .25s,box-shadow .25s;animation:5s infinite buttonGradient;position:relative;overflow:hidden}.multi-login .primary-button:before{content:"";z-index:-1;background:linear-gradient(110deg,#0000 25%,#ffffff3d 43%,#0000 62%);animation:4.8s ease-in-out infinite buttonShine;position:absolute;inset:0;transform:translate(-120%)}.multi-login .primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 32px #0d7a4a47}.multi-login .primary-button:active:not(:disabled){transform:translateY(0)scale(.99)}.multi-login .login-demo-note{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#eefaf4e0,#f7fcf9b8)}.story-live-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffff21,#ffffff0f);border:1px solid #ffffff29;border-radius:17px;grid-template-columns:11px 1fr 42px;align-items:center;gap:13px;width:min(460px,100%);margin-top:28px;padding:15px 16px;animation:5.5s ease-in-out infinite liveCardFloat;display:grid;box-shadow:0 18px 50px #00191129}.story-live-card small,.story-live-card strong{display:block}.story-live-card small{color:#ffffff9e;letter-spacing:.9px;text-transform:uppercase;font-size:8px}.story-live-card strong{margin-top:5px;font-size:11px}.story-live-card>svg{color:#ffe08a;background:#ffffff1a;border-radius:13px;width:42px;height:42px;padding:11px}.live-pulse{background:#5ff1b0;border-radius:50%;width:9px;height:9px;position:relative;box-shadow:0 0 0 6px #5ff1b01c}.live-pulse:after{content:"";border:1px solid #5ff1b0b3;border-radius:50%;animation:2s ease-out infinite livePulse;position:absolute;inset:-5px}.multi-login .story-copy h1{color:#0000;background:linear-gradient(120deg,#fff 12%,#eafff5 45%,#ffe8a7 77%,#fff) 0 0/220%;-webkit-background-clip:text;background-clip:text;animation:8s linear infinite textShimmer}.multi-login .story-badges span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .25s,background .25s}.multi-login .story-badges span:hover{background:#ffffff24;transform:translateY(-3px)}@keyframes loginCanvas{0%,to{background-position:0 45%}50%{background-position:100% 55%}}@keyframes storyAurora{0%,to{background-position:0 35%}50%{background-position:100% 65%}}@keyframes orbitSlow{to{transform:rotate(360deg)}}@keyframes dotDrift{0%,to{transform:rotate(8deg)translate(0,0)}50%{transform:rotate(13deg)translate(-22px,16px)}}@keyframes orbFloatOne{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(-70px,65px)scale(1.12)}}@keyframes orbFloatTwo{0%,to{transform:translate(0,0)}50%{transform:translate(54px,-60px)}}@keyframes orbFloatThree{0%,to{transform:translate(0,0)scale(.9)}50%{transform:translate(35px,-38px)scale(1.12)}}@keyframes ringTravel{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translate(-28px,34px)rotate(90deg)}}@keyframes gridGlide{to{background-position:44px 44px}}@keyframes loginCardEnter{0%{opacity:0;filter:blur(7px);transform:translateY(30px)scale(.97)}to{opacity:1;filter:none;transform:none}}@keyframes cardShine{0%,58%{transform:translate(-180%)rotate(17deg)}80%,to{transform:translate(380%)rotate(17deg)}}@keyframes tabPop{0%{transform:scale(.96)}to{transform:none}}@keyframes buttonGradient{0%,to{background-position:0}50%{background-position:100%}}@keyframes buttonShine{0%,62%{transform:translate(-120%)}82%,to{transform:translate(120%)}}@keyframes liveCardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes livePulse{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(1.8)}}@keyframes textShimmer{to{background-position:220%}}@media (width<=820px){.multi-login{background:radial-gradient(circle at 15% 5%,#1bb57c2b,#0000 32%),radial-gradient(circle at 90% 90%,#3e7ed721,#0000 34%),linear-gradient(145deg,#eef9f4,#f8fbf9 50%,#eef6fb)}.multi-login .login-panel{min-height:100vh;padding:30px 20px}.multi-login .role-login-card{border-radius:25px;max-width:540px;padding:31px 25px}.multi-login .mobile-brand{border-bottom:1px solid #dbe8e1cc;padding-bottom:20px;display:block}.ambient-grid{-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.orb-one{top:-170px;right:-190px}.orb-two{bottom:-130px;left:-170px;right:auto}.login-heading{min-height:96px}}@media (width<=520px){.multi-login .login-panel{padding:18px 14px}.multi-login .role-login-card{border-radius:23px;padding:25px 19px;box-shadow:0 24px 70px #14493521}.multi-login .role-login-card h2{font-size:27px}.multi-login .login-role-tabs{gap:5px}.ambient-ring.ring-one{top:8%;right:-35px}.login-heading{min-height:102px}}@media (prefers-reduced-motion:reduce){.multi-login,.multi-login *,.multi-login :before,.multi-login :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.premium-topbar{-webkit-backdrop-filter:blur(22px)saturate(1.2);backdrop-filter:blur(22px)saturate(1.2);background:#ffffffe0;border-bottom:1px solid #d7e5dee6;gap:16px;height:78px;padding:0 25px}.topbar-page{min-width:145px;padding-left:2px}.topbar-page span,.topbar-page strong{display:block}.topbar-page span{color:#93a299;letter-spacing:1.3px;font-size:7px;font-weight:850}.topbar-page strong{color:#193128;margin-top:4px;font:900 13px Nunito}.premium-topbar .system-status{background:#f8fcfacc;border:1px solid #e2ebe7;border-radius:13px;align-items:center;gap:9px;margin-left:auto;padding:8px 12px;display:flex}.premium-topbar .system-status>i{background:#12ad78;border:2px solid #d7f8e9;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #12ad7814}.premium-topbar .system-status strong,.premium-topbar .system-status span{display:block}.premium-topbar .system-status strong{color:#395248;font-size:8px}.premium-topbar .system-status span{color:#94a198;margin-top:2px;font-size:7px}.premium-topbar .premium-profile{background:#fff;border:1px solid #dde8e2;border-radius:16px;align-items:center;gap:10px;min-width:214px;padding:5px 8px 5px 5px;display:flex;box-shadow:0 9px 25px #0f432e12}.premium-topbar .premium-profile>div{flex:1;min-width:0}.premium-topbar .premium-profile strong,.premium-topbar .premium-profile small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.premium-topbar .premium-profile strong{font-size:9px}.premium-topbar .premium-profile small{color:#89988f;margin-top:3px;font-size:7px}.premium-topbar .premium-profile>svg{color:#9ba9a1;width:14px}.profile-photo{flex:0 0 44px;position:relative;box-shadow:0 7px 18px #07674829;background:#e8f7f0!important;border:2px solid #fff!important;border-radius:14px!important;width:44px!important;height:44px!important;display:block!important;overflow:visible!important}.profile-photo img{object-fit:cover;border-radius:12px;width:100%;height:100%;display:block}.profile-photo i{background:#10ad78;border:2px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;bottom:-2px;right:-2px}.mobile-user>span{overflow:hidden}.mobile-user>span img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}@media (width<=920px){.premium-topbar .system-status{display:none}.premium-topbar .premium-profile{min-width:0;box-shadow:none;background:0 0;border:0;padding:4px}.premium-topbar .premium-profile>div,.premium-topbar .premium-profile>svg{display:none}.topbar-page{margin-right:auto}}@media (width<=560px){.premium-topbar{gap:10px;height:66px;padding:0 14px}.topbar-page{min-width:0}.topbar-page span{display:none}.topbar-page strong{text-overflow:ellipsis;white-space:nowrap;max-width:145px;margin:0;font-size:12px;overflow:hidden}.profile-photo{flex-basis:40px;width:40px!important;height:40px!important}}