@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-primary:#0d9488;--color-primary-hover:#0f766e;--color-primary-soft:#ccfbf1;--color-success:#16803c;--color-success-soft:#dcfce7;--color-danger:#991b1b;--color-danger-hover:#7f1d1d;--color-danger-soft:#fee2e2;--color-text:#172033;--color-text-muted:#566273;--color-bg:#f7f8f5;--color-surface:#fff;--color-surface-soft:#f1f5f4;--color-border:#dce5e2;--color-focus:#14b8a6;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--shadow-1:0 2px 8px -2px #1e293b14;--shadow-2:0 8px 24px -4px #0d94881f, 0 2px 6px -1px #1e293b0d;--shadow-3:0 20px 40px -10px #1e293b38;color:#17251c;font-synthesis:none;text-rendering:optimizelegibility;--green-900:#173d28;--green-700:#286443;--green-100:#e3efe6;--ink-muted:#607067;--line:#d8e0da;--surface:#fff;--danger:#a02d2d;--shadow:0 10px 32px #18362314;background:#f4f6f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f4f6f2;min-width:320px}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:.5rem;font-size:clamp(2rem,8vw,3.25rem);line-height:1.05}h2{margin-bottom:.5rem}a{color:inherit}.eyebrow{color:var(--green-700);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.45rem;font-size:.73rem;font-weight:800}.app-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-bottom:1px solid #d8e0dae6;justify-content:space-between;align-items:center;min-height:4.5rem;padding:.75rem max(1rem,50vw - 36rem);display:flex;position:sticky;top:0}.brand{color:var(--green-900);align-items:center;gap:.65rem;font-weight:800;line-height:1.05;text-decoration:none;display:inline-flex}.brand small{color:var(--green-700);letter-spacing:.11em;text-transform:uppercase;margin-bottom:.15rem;font-size:.62rem;display:block}.brand-mark{color:#fff;background:var(--green-900);border-radius:.75rem;place-items:center;width:2.35rem;height:2.35rem;display:grid}.desktop-nav{gap:.25rem;display:none}.desktop-nav a{color:var(--ink-muted);border-radius:.7rem;padding:.7rem .9rem;font-size:.9rem;font-weight:700;text-decoration:none}.page-container{width:min(100% - 2rem,72rem);margin:0 auto;padding:2rem 0}.content-section{gap:1.35rem;display:grid}.content-section.narrow{max-width:42rem;margin-inline:auto}.page-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.bottom-nav{z-index:30;padding:.5rem max(.35rem, env(safe-area-inset-right)) calc(.5rem + env(safe-area-inset-bottom)) max(.35rem, env(safe-area-inset-left));border-top:1px solid var(--line);background:#fffffff7;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{min-height:3rem;color:var(--ink-muted);text-align:center;border-radius:.65rem;place-items:center;padding:.35rem;font-size:.72rem;font-weight:750;text-decoration:none;display:grid}.auth-page,.centered-page{place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{border:1px solid var(--line);background:var(--surface);width:min(100%,27rem);box-shadow:var(--shadow);border-radius:1.25rem;gap:1.7rem;padding:clamp(1.35rem,5vw,2.5rem);display:grid}.login-brand{margin-bottom:.25rem}form{gap:.65rem;display:grid}label{font-size:.88rem;font-weight:750}input,select{color:#17251c;background:#fff;border:1px solid #b9c6bd;border-radius:.65rem;width:100%;min-height:3rem;padding:.7rem .85rem}input:focus,select:focus{border-color:var(--green-700)}form label:not(:first-child){margin-top:.45rem}.login-note{color:var(--ink-muted);text-align:center;margin:0;font-size:.78rem}.button{cursor:pointer;border:1px solid #0000;border-radius:.7rem;justify-content:center;align-items:center;min-height:3rem;padding:.7rem 1rem;font-weight:800;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled,.button.disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.button.primary{color:#fff;background:var(--green-900)}.button.secondary{color:var(--green-900);border-color:var(--line);background:#fff}.full-width{width:100%}.text-button,.remove-button{min-height:2.75rem;color:var(--green-700);cursor:pointer;background:0 0;border:0;padding:.4rem;font-weight:750}.remove-button{min-height:auto;color:var(--danger);margin-left:.35rem;font-size:.76rem}.form-error{border-left:4px solid var(--danger);color:#742020;background:#fff1f1;border-radius:.35rem;padding:.8rem}.state-card{border:1px solid var(--line);background:var(--surface);border-radius:1rem;flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem;min-height:8rem;padding:1.25rem;display:flex}.state-card p{margin-bottom:0}.error-state{background:snow;border-color:#ebcaca}.empty-state{color:var(--ink-muted)}.spinner{border:3px solid var(--green-100);border-top-color:var(--green-700);border-radius:50%;width:1.5rem;height:1.5rem;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-grid{gap:1rem;display:grid}.wallet-card,.next-sale-card{border-radius:1.1rem;flex-direction:column;justify-content:space-between;min-height:13rem;padding:1.35rem;display:flex}.wallet-card{color:#fff;background:var(--green-900);box-shadow:var(--shadow)}.wallet-card>strong{letter-spacing:-.06em;margin-block:.4rem;font-size:clamp(2.5rem,12vw,4rem)}.wallet-card small{color:#c7ddce}.next-sale-card{border:1px solid var(--line);background:#fff;gap:1rem}.next-sale-card h2{text-transform:capitalize;margin:0;font-size:clamp(1.5rem,7vw,2.1rem)}.next-sale-card dl{margin:0}.next-sale-card dl div{justify-content:space-between;gap:1rem;display:flex}.next-sale-card dd{text-align:right;margin:0;font-weight:750}.existing-order{background:#f3f7f3;border-radius:.65rem;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.field-group{border:1px solid var(--line);background:#fff;border-radius:.9rem;gap:.5rem;padding:1rem;display:grid}.deadline{color:var(--green-700);font-size:.82rem;font-weight:750}.deadline.closed,.closed-note{color:var(--danger)}.product-grid{gap:.85rem;display:grid}.product-card{border:1px solid var(--line);background:var(--surface);border-radius:1rem;grid-template-columns:1fr auto;gap:1rem;padding:1rem;display:grid;box-shadow:0 4px 14px #1836230a}.product-card img{object-fit:cover;border-radius:.7rem;grid-column:1/-1;width:100%;height:9rem}.product-copy h3{margin:.15rem 0 .35rem}.product-copy p{color:var(--ink-muted);margin-bottom:.65rem;font-size:.88rem;line-height:1.5}.category-label{color:var(--green-700);text-transform:uppercase;font-size:.7rem;font-weight:800}.quantity-control{grid-template-columns:repeat(3,2.75rem);align-self:end;align-items:center;display:grid}.quantity-control button{border:1px solid var(--line);width:2.75rem;height:2.75rem;color:var(--green-900);cursor:pointer;background:#f8faf8;border-radius:.65rem;font-size:1.25rem;font-weight:800}.quantity-control button:disabled{opacity:.35;cursor:not-allowed}.quantity-control output{text-align:center;font-weight:800}.cart-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:1rem;gap:1rem;padding:1.2rem;display:grid}.cart-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.cart-heading h2{margin:0}.cart-lines{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.cart-lines li{border-bottom:1px solid #edf1ed;justify-content:space-between;gap:.75rem;padding-bottom:.7rem;display:flex}.cart-lines li>span:last-child{text-align:right}.cart-total,.detail-total{justify-content:space-between;font-size:1.1rem;display:flex}.trust-note{color:var(--ink-muted);margin:0;font-size:.77rem;line-height:1.45}.success-banner{color:#164229;background:#edf8f0;border:1px solid #aed0b9;border-radius:.8rem;flex-direction:column;gap:.25rem;padding:1rem;display:flex}.order-list{gap:1rem;display:grid}.order-card{border:1px solid var(--line);background:#fff;border-radius:1rem;padding:1.1rem}.order-summary{justify-content:space-between;gap:1rem;display:flex}.order-summary h2{margin:.2rem 0;font-size:1.2rem}.order-summary small{color:var(--ink-muted)}.order-meta{flex-direction:column;align-items:flex-end;gap:.65rem;display:flex}.status-badge{border-radius:999px;padding:.3rem .55rem;font-size:.72rem;font-weight:800;display:inline-flex}details{border-top:1px solid var(--line);margin-top:1rem}summary{min-height:3rem;color:var(--green-700);cursor:pointer;padding-block:1rem .5rem;font-weight:750}.order-items{gap:.6rem;padding:.7rem 0;list-style:none;display:grid}.order-items li{color:var(--ink-muted);justify-content:space-between;gap:.8rem;display:flex}.order-actions{border-top:1px solid var(--line);color:var(--ink-muted);flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem;font-size:.82rem;display:flex}.closed-note{margin:1rem 0 0;font-size:.82rem}.profile-card{border:1px solid var(--line);background:#fff;border-radius:1rem;margin:0;overflow:hidden}.profile-card div{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.5fr;gap:1rem;padding:1rem;display:grid}.profile-card div:last-child{border:0}.profile-card dt{color:var(--ink-muted)}.profile-card dd{margin:0;font-weight:750}.active-status{color:var(--green-700)}@media (width>=44rem){.app-shell{padding-bottom:0}.desktop-nav{display:flex}.bottom-nav{display:none}.page-container{padding-block:3rem}.dashboard-grid{grid-template-columns:.85fr 1.5fr}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-actions{flex-direction:row;justify-content:space-between;align-items:center}}@media (width>=64rem){.order-page{grid-template-columns:minmax(0,1fr) 22rem;align-items:start}.order-page>.page-heading,.order-page>.success-banner,.order-page>.field-group{grid-column:1/-1}.order-page>.product-grid,.order-page>.state-card{grid-column:1}.cart-card{grid-area:4/2/span 2;position:sticky;top:6rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}textarea{color:#17251c;width:100%;min-height:6rem;font:inherit;resize:vertical;background:#fff;border:1px solid #b9c6bd;border-radius:.65rem;padding:.7rem .85rem}textarea:focus{border-color:var(--green-700)}.admin-shell{gap:1.25rem;display:grid}.admin-sidebar{border:1px solid var(--line);background:var(--surface);border-radius:1rem;gap:1rem;padding:1rem;display:grid}.admin-sidebar nav{gap:.35rem;padding-bottom:.35rem;display:flex;overflow-x:auto}.admin-sidebar nav a{color:var(--ink-muted);border-radius:.6rem;flex:none;padding:.65rem .8rem;font-size:.85rem;font-weight:750;text-decoration:none}.admin-sidebar nav a.active{color:var(--green-900);background:var(--green-100)}.admin-logout{justify-self:start}.admin-content,.admin-page{min-width:0}.admin-page{gap:1.25rem;display:grid}.admin-page-header{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem;display:flex}.admin-page-header h1{font-size:clamp(1.9rem,5vw,2.8rem)}.admin-page-header p{max-width:48rem;color:var(--ink-muted);margin-bottom:0}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.8rem;display:grid}.metric-grid article,.metric-card{border:1px solid var(--line);background:var(--surface);border-radius:.9rem;flex-direction:column;justify-content:center;gap:.35rem;min-height:8.5rem;padding:1rem;display:flex}.metric-grid span,.metric-card span{color:var(--ink-muted);font-size:.78rem;font-weight:750}.metric-grid strong,.metric-card strong{font-size:clamp(1.25rem,3vw,1.8rem)}.metric-grid small,.metric-card small{color:var(--ink-muted)}.admin-two-column,.wallet-admin-grid{gap:1rem;display:grid}.admin-panel,.admin-form{border:1px solid var(--line);background:var(--surface);border-radius:.9rem;padding:1rem}.admin-form{gap:1rem}.panel-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.panel-heading h2{margin:0}.panel-heading a{color:var(--green-700);font-size:.85rem;font-weight:750}.compact-list{gap:0;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.compact-list li{border-top:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.8rem 0;display:flex}.compact-list span{gap:.2rem;display:grid}.compact-list small{color:var(--ink-muted)}.filter-bar{border:1px solid var(--line);background:var(--surface);border-radius:.9rem;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.75rem;padding:.9rem;display:grid}.filter-bar label,.form-grid label{gap:.35rem;display:grid}.form-grid{gap:.75rem;display:grid}.form-grid .full-span{grid-column:1/-1}.checkbox-label{align-self:end;align-items:center;gap:.6rem;min-height:3rem;display:flex!important}.checkbox-label input{width:1.2rem;min-height:1.2rem}.info-banner{border-left:4px solid var(--green-700);background:var(--green-100);border-radius:.5rem;gap:.25rem;padding:1rem;display:grid}.info-banner span{color:var(--ink-muted);font-size:.85rem;line-height:1.45}.admin-table-wrap{border:1px solid var(--line);background:var(--surface);border-radius:.9rem;max-width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;min-width:44rem}.admin-table th{color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em;background:#f7f9f7;font-size:.75rem}.admin-table th,.admin-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:.8rem}.admin-table tr:last-child td{border-bottom:0}.admin-table td small{color:var(--ink-muted);margin-top:.25rem;display:block}.table-actions{flex-wrap:wrap;gap:.35rem;display:flex}.inactive-status{color:var(--danger)}.amount-positive{color:#17683a}.amount-negative{color:var(--danger)}.admin-order-list{gap:.85rem;display:grid}.admin-order-card{border:1px solid var(--line);background:var(--surface);border-radius:.9rem;padding:1rem}.quantity-total{font-size:1.35rem;font-weight:850}@media (width>=48rem){.admin-two-column,.wallet-admin-grid,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.admin-shell{grid-template-columns:13.5rem minmax(0,1fr);align-items:start}.admin-sidebar{min-height:calc(100vh - 8rem);position:sticky;top:6rem}.admin-sidebar nav{flex-direction:column;overflow:visible}.admin-logout{margin-top:auto}}:root{color:var(--color-text);background:var(--color-bg);--green-900:var(--color-primary-hover);--green-700:var(--color-primary);--green-100:var(--color-primary-soft);--ink-muted:var(--color-text-muted);--line:var(--color-border);--surface:var(--color-surface);--danger:var(--color-danger);--shadow:var(--shadow-2);font-family:Plus Jakarta Sans Variable,Plus Jakarta Sans,Inter,ui-sans-serif,system-ui,sans-serif}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--color-bg)}body{color:var(--color-text);background:radial-gradient(circle at 88% 2%, #0d94880e, transparent 20rem), var(--color-bg)}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}:focus-visible{outline-offset:3px;outline:3px solid #14b8a661}h1{letter-spacing:-.035em;font-size:clamp(1.75rem,6vw,2.5rem);line-height:1.12}h2{letter-spacing:-.02em}.muted{color:var(--color-text-muted)}.eyebrow{color:var(--color-primary-hover);letter-spacing:.1em;font-size:.72rem}.app-shell{min-height:100dvh;padding-bottom:calc(5rem + env(safe-area-inset-bottom))}.app-header{background:#ffffffeb;border-color:#dce5e2d9;min-height:4.75rem;padding:.6rem max(1rem,50vw - 40rem);box-shadow:0 1px 10px #1e293b09}.brand{text-decoration:none}.brand-lockup{align-items:center;gap:.65rem;min-width:0;display:inline-flex}.brand-lockup img{object-fit:contain;flex:none;width:auto;height:2.65rem}.brand-lockup>span{min-width:0;line-height:1.08;display:grid}.brand-lockup small{color:var(--color-primary-hover);letter-spacing:.08em;text-transform:uppercase;font-size:.61rem;font-style:normal;font-weight:800}.brand-lockup strong{letter-spacing:-.02em;font-size:.96rem}.brand-lockup em{color:var(--color-text-muted);font-size:.62rem;font-style:normal;font-weight:600}.brand-lockup.compact img{width:auto;height:2.35rem}.brand-lockup.prominent{text-align:center;flex-direction:column;justify-content:center;width:100%}.brand-lockup.prominent img{width:min(100%,12rem);height:auto;max-height:9rem}.brand-lockup.prominent>span{justify-items:center}.desktop-nav a{border-radius:var(--radius-full);align-items:center;gap:.4rem;min-height:2.75rem;padding:.55rem .8rem;display:inline-flex}.desktop-nav a.active{color:var(--color-primary-hover);background:var(--color-primary-soft)}.student-chip{color:var(--color-text-muted);align-items:center;gap:.45rem;font-weight:700;display:none}.student-chip>span{color:#fff;background:var(--color-primary);border-radius:50%;place-items:center;width:2.25rem;height:2.25rem;font-size:.75rem;display:grid}.student-chip small{font-size:.72rem}.admin-topbar-title{line-height:1.15;display:grid}.admin-topbar-title small{color:var(--color-primary-hover);letter-spacing:.08em;text-transform:uppercase;font-size:.65rem;font-weight:800}.logout-control{justify-items:start;gap:.35rem;display:grid}.app-header .logout-control{justify-items:end;margin-left:auto}.topbar-logout{white-space:nowrap;min-width:2.75rem;min-height:2.75rem}.logout-error{z-index:25;border-radius:var(--radius-md);max-width:min(19rem,100vw - 2rem);color:var(--color-danger);background:#fff8f8;border:1px solid #fecaca;margin:0;padding:.55rem .7rem;font-size:.75rem;line-height:1.35}.app-header .logout-error{box-shadow:var(--shadow-1);position:absolute;top:calc(100% + .35rem);right:1rem}.page-container{width:min(100% - 2rem,80rem);padding-block:var(--space-5)}.content-section{gap:var(--space-5)}.page-heading{align-items:center}.bottom-nav{min-height:calc(4.4rem + env(safe-area-inset-bottom));padding:.35rem .35rem calc(.35rem + env(safe-area-inset-bottom));border-color:var(--color-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;grid-template-columns:repeat(4,minmax(0,1fr));box-shadow:0 -8px 24px #0d94880f}.bottom-nav a{border-radius:var(--radius-md);flex-direction:column;gap:.18rem;min-width:0;min-height:3.65rem;padding:.35rem .1rem;font-size:.68rem;display:flex}.bottom-nav a svg{flex:none}.bottom-nav a span{text-overflow:ellipsis;max-width:100%;overflow:hidden}.bottom-nav a.active{color:var(--color-primary-hover);background:var(--color-primary-soft)}.auth-page{background:linear-gradient(145deg, #e9f8f5 0 34%, var(--color-bg) 34% 100%);min-height:100dvh;position:relative}.auth-page:before,.auth-page:after{content:"";pointer-events:none;border-radius:50%;position:fixed}.auth-page:before{background:#0d948814;width:15rem;height:15rem;top:-5rem;right:-4rem}.auth-page:after{background:#991b1b0b;width:10rem;height:10rem;bottom:-4rem;left:-3rem}.login-card{z-index:1;gap:var(--space-5);border-radius:var(--radius-xl);width:min(100%,29rem);box-shadow:var(--shadow-3);border-color:#dce5e2e6;padding:clamp(1.35rem,6vw,2.5rem);position:relative}.login-brand{padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.login-card h1{font-size:clamp(2rem,8vw,2.6rem)}.login-note{line-height:1.5}input,select,textarea{border-radius:var(--radius-md);border:1.5px solid #c7d3cf;min-height:3rem;transition:border-color .15s,box-shadow .15s}input:hover,select:hover,textarea:hover{border-color:#94a49f}input:focus,select:focus,textarea:focus{border-color:var(--color-focus);outline:0;box-shadow:0 0 0 3px #14b8a624}label{color:#2d3b48;font-size:.83rem}.button{border-radius:var(--radius-full);gap:.45rem;min-height:3rem;padding-inline:1.2rem;transition:transform .12s,box-shadow .12s,background .12s}.button:active:not(:disabled){transform:scale(.98)}.button.primary{background:var(--color-primary);box-shadow:0 5px 14px #0d94882e}.button.primary:hover:not(:disabled){background:var(--color-primary-hover)}.button.secondary{color:var(--color-primary-hover);background:var(--color-primary-soft);border-color:#0000}.button.ghost{color:var(--color-text-muted);background:0 0;border-color:#0000}.button.ghost:hover:not(:disabled){color:var(--color-primary-hover);background:var(--color-primary-soft)}.button.danger{color:var(--color-danger);background:var(--color-danger-soft);border-color:#0000}.button.danger:hover:not(:disabled){color:#fff;background:var(--color-danger)}.text-button{color:var(--color-primary-hover);border-radius:var(--radius-full)}.text-button:hover{background:var(--color-primary-soft)}.icon-button{width:2.75rem;height:2.75rem;color:var(--color-text-muted);background:var(--color-surface-soft);cursor:pointer;border:0;border-radius:50%;place-items:center;font-size:1.5rem;display:grid}.state-card{min-height:11rem;padding:var(--space-5);border-color:var(--color-border);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-1);align-items:center;gap:.55rem}.state-icon{width:3rem;height:3rem;color:var(--color-primary-hover);background:var(--color-primary-soft);border-radius:50%;place-items:center;display:grid}.error-state .state-icon{color:var(--color-danger);background:var(--color-danger-soft)}.spinner{border-color:var(--color-primary-soft);border-top-color:var(--color-primary)}.skeleton-line{border-radius:var(--radius-full);background:linear-gradient(90deg,#e8efed 25%,#f7f9f8 50%,#e8efed 75%) 0 0/200% 100%;width:min(100%,20rem);height:.7rem;animation:1.4s infinite shimmer}.skeleton-line.short{width:min(65%,12rem)}@keyframes shimmer{to{background-position:-200% 0}}.form-error{border:1px solid #fecaca;border-left:4px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-danger);background:#fff8f8}.success-banner{border-radius:var(--radius-lg);color:#14532d;background:#effbf2;border-color:#a7dfba}.dashboard-grid{gap:var(--space-4)}.wallet-card,.next-sale-card{min-height:13.5rem;padding:var(--space-5);border-radius:var(--radius-xl)}.wallet-card{box-shadow:var(--shadow-2);background:linear-gradient(135deg,#0f766e,#0d9488);position:relative;overflow:hidden}.wallet-card:before,.wallet-card:after{content:"";background:#ffffff17;border-radius:50%;position:absolute}.wallet-card:before{width:11rem;height:11rem;bottom:-4rem;right:-3rem}.wallet-card:after{width:6rem;height:6rem;top:-2.5rem;right:5rem}.wallet-card>*{z-index:1;position:relative}.wallet-card>strong{font-variant-numeric:tabular-nums;font-size:clamp(2.7rem,13vw,4rem)}.next-sale-card{border-color:var(--color-border);box-shadow:var(--shadow-1)}.next-sale-card h2{text-transform:none}.existing-order{border-radius:var(--radius-md);background:var(--color-surface-soft)}.field-group,.cart-card,.product-card,.order-card,.profile-card{border-color:var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.field-group{padding:var(--space-4)}.product-grid{gap:var(--space-3)}.product-card{min-height:10.5rem;padding:var(--space-4)}.product-card img{border-radius:var(--radius-md);height:10rem}.category-label{color:var(--color-primary-hover)}.quantity-control{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface-soft);grid-template-columns:repeat(3,2.8rem)}.quantity-control button{width:2.8rem;height:2.8rem;color:var(--color-primary-hover);background:0 0;border:0;border-radius:50%}.quantity-control button:hover:not(:disabled){background:var(--color-primary-soft)}.cart-card{border-top:4px solid var(--color-primary);border-radius:var(--radius-xl)}.cart-lines li{border-color:var(--color-border)}.cart-total{padding-top:var(--space-2);font-size:1.15rem}.balance-preview{border-radius:var(--radius-md);background:var(--color-surface-soft);gap:.45rem;margin:0;padding:.75rem;display:grid}.balance-preview div{justify-content:space-between;gap:1rem;display:flex}.balance-preview dd{font-variant-numeric:tabular-nums;margin:0;font-weight:800}.order-success{padding:var(--space-5);gap:.7rem}.order-success>strong{font-size:1.15rem}.order-success ul{border-block:1px solid #cde9d5;gap:.35rem;width:100%;margin:0;padding:.7rem 0;list-style:none;display:grid}.order-success li,.success-total{justify-content:space-between;gap:1rem;display:flex}.order-list{gap:var(--space-3)}.order-card{padding:var(--space-4)}.order-summary h2{letter-spacing:-.02em}.status-badge{border-radius:var(--radius-full);align-items:center;gap:.3rem;padding:.35rem .65rem}.status-confirmed{color:#166534;background:var(--color-success-soft)}.status-cancelled{color:var(--color-danger);background:var(--color-danger-soft)}.status-collected{color:#334155;background:#e7edf3}.profile-card{border-radius:var(--radius-xl)}.dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1720337a;place-items:end center;padding:1rem;display:grid;position:fixed;inset:0}.dialog-panel{width:min(100%,44rem);max-height:min(90dvh,48rem);padding:var(--space-5);border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--color-surface);box-shadow:var(--shadow-3);overflow-y:auto}.dialog-heading{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;gap:1rem;display:flex}.dialog-heading h2{margin:0}.dialog-form{box-shadow:none;border:0;padding:0}.dialog-actions{justify-content:flex-end;gap:.5rem;padding-top:.5rem;display:flex}.admin-shell{gap:var(--space-5)}.admin-sidebar{border-color:var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.admin-sidebar nav a{border-radius:var(--radius-md);align-items:center;gap:.65rem;min-height:2.8rem;display:flex}.admin-sidebar nav a.active{color:#fff;background:var(--color-primary);box-shadow:0 4px 12px #0d948829}.admin-page{gap:var(--space-5)}.admin-page-header h1{margin-bottom:.45rem}.metric-grid{gap:var(--space-3)}.metric-grid article,.metric-card{border-color:var(--color-border);border-radius:var(--radius-lg);min-height:8.8rem;box-shadow:var(--shadow-1)}.metric-grid strong,.metric-card strong{font-variant-numeric:tabular-nums;letter-spacing:-.035em}.admin-panel,.admin-form,.filter-bar,.admin-table-wrap,.admin-order-card{border-color:var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.filter-bar{gap:var(--space-3);padding:var(--space-4);background:#ffffffe6}.admin-table{min-width:42rem}.admin-table th{color:#475569;letter-spacing:.06em;background:#f4f7f6;padding:.9rem}.admin-table td{padding:.95rem .9rem}.admin-table tbody tr{transition:background .12s}.admin-table tbody tr:hover{background:#f7fbfa}.admin-table-wrap{scrollbar-color:#a8bbb5 transparent;scrollbar-width:thin}.active-status,.inactive-status{border-radius:var(--radius-full);align-items:center;min-height:1.8rem;padding:.25rem .6rem;font-size:.75rem;font-weight:800;display:inline-flex}.active-status{color:#166534;background:var(--color-success-soft)}.inactive-status{color:var(--color-danger);background:var(--color-danger-soft)}.amount-positive,.amount-negative{font-variant-numeric:tabular-nums;font-weight:800}.wallet-history-list{gap:var(--space-3);margin-top:var(--space-3);display:grid}.wallet-history-entry{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-soft);display:grid}.wallet-history-entry header{justify-content:space-between;align-items:start;gap:var(--space-3);display:flex}.wallet-history-entry header span{gap:.15rem;display:grid}.wallet-history-entry header small,.wallet-history-entry dt{color:var(--color-text-muted);font-size:.75rem}.wallet-history-entry header>strong{white-space:nowrap;font-size:1.1rem}.wallet-history-entry dl{gap:var(--space-3);margin:0;display:grid}.wallet-history-entry dl div{gap:.2rem;min-width:0;display:grid}.wallet-history-entry dt{font-weight:750}.wallet-history-entry dd{overflow-wrap:anywhere;margin:0}.compact-list .dashboard-order-status{align-items:flex-end;gap:.35rem;display:flex}.purchasing-table td{font-size:1rem}.purchasing-table .quantity-total{color:var(--color-primary-hover);font-size:1.65rem}@media (width>=40rem){.dialog-backdrop{place-items:center}.dialog-panel{border-radius:var(--radius-xl)}}@media (width>=44rem){.app-shell{padding-bottom:0}.page-container{width:min(100% - 3rem,80rem);padding-block:var(--space-6)}.student-chip{display:inline-flex}.product-grid,.wallet-history-entry dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.page-container{width:min(100% - 4rem,80rem);padding-block:var(--space-7)}.admin-shell{grid-template-columns:15rem minmax(0,1fr)}.admin-sidebar{min-height:calc(100dvh - 9.2rem);padding:var(--space-4);top:6.2rem}.admin-two-column{gap:var(--space-4)}.order-page{grid-template-columns:minmax(0,1fr) 23rem}}@media (width<=43.99rem){.app-header{min-height:4.25rem}.brand-lockup img{width:auto;height:2.3rem}.brand-lockup.prominent img{width:min(100%,10rem);height:auto}.brand-lockup em{display:none}.page-container{padding-top:var(--space-4)}.page-heading{align-items:start}.order-summary{display:grid}.order-meta{flex-direction:row;justify-content:space-between;align-items:center}.admin-page-header{align-items:stretch}.admin-page-header>.button{width:100%}.admin-sidebar{border-inline:0;border-radius:0;margin-inline:-1rem;padding:.75rem 1rem}.admin-sidebar .brand-lockup,.admin-logout{display:none}.admin-sidebar nav{margin-inline:-1rem;padding-inline:1rem}.admin-sidebar nav a{min-height:2.75rem;padding-inline:.75rem}.admin-table{min-width:38rem}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid article,.metric-card{min-height:7.5rem;padding:.8rem}.metric-grid article:first-child{grid-column:1/-1}.dialog-actions{flex-direction:column-reverse}.dialog-actions .button{width:100%}}@media (width<=22rem){.page-container{width:min(100% - 1.25rem,80rem)}.admin-sidebar,.admin-sidebar nav{margin-inline:-.625rem;padding-inline:.625rem}.bottom-nav a{font-size:.62rem}.wallet-card,.next-sale-card{padding:var(--space-4)}.product-card{grid-template-columns:1fr}.quantity-control{justify-self:start}.metric-grid{grid-template-columns:1fr}.metric-grid article:first-child{grid-column:auto}}@media (prefers-reduced-motion:reduce){.skeleton-line{animation:none}}.seller-shell,.seller-page,.seller-content{gap:var(--space-5);min-width:0;display:grid}.seller-nav{gap:var(--space-2);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-1);grid-template-columns:repeat(3,1fr);display:grid}.seller-nav a{border-radius:var(--radius-md);min-height:3.5rem;color:var(--color-text-muted);place-items:center;gap:.2rem;padding:.5rem;font-size:.72rem;font-weight:800;text-decoration:none;display:grid}.seller-nav a.active{color:#fff;background:var(--color-primary)}.seller-metrics{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.seller-metrics article{min-height:7rem;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-1);align-content:center;gap:.25rem;display:grid}.seller-metrics span{color:var(--color-text-muted);font-size:.8rem;font-weight:750}.seller-metrics strong{font-variant-numeric:tabular-nums;font-size:2rem}.seller-open-metric{grid-column:1/-1;border-color:var(--color-primary)!important;background:var(--color-primary-soft)!important}.seller-primary-actions{gap:var(--space-3);display:grid}.seller-big-button{gap:.65rem;min-height:4.25rem;font-size:1.05rem}.seller-big-button span{font-size:1.5rem}.seller-list-link{justify-self:center;text-decoration:none}.scanner-card,.pickup-number-form,.pickup-detail{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-2);display:grid}.scanner-preview{border-radius:var(--radius-lg);background:#142120;min-height:17rem;overflow:hidden}.scanner-preview video{object-fit:cover;width:100%;min-height:17rem}.scanner-placeholder{color:#fff;text-align:center;align-content:center;place-items:center;gap:.6rem;min-height:17rem;padding:1rem;display:grid}.scanner-placeholder span:last-child{color:#c8d5d2;max-width:18rem;font-size:.8rem;line-height:1.5}.scanner-mark{color:#5eead4;font-size:3rem}.pickup-number-form input{letter-spacing:.18em;text-align:center;font-variant-numeric:tabular-nums;min-height:4rem;font-size:1.65rem;font-weight:850}.pickup-number-form .button{min-height:3.75rem}.pickup-detail header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.pickup-detail h2{font-size:clamp(1.5rem,7vw,2.2rem)}.pickup-number-chip{border-radius:var(--radius-lg);min-width:8.5rem;color:var(--color-primary-hover);background:var(--color-primary-soft);text-align:center;font-variant-numeric:tabular-nums;flex:none;gap:.1rem;padding:.65rem .85rem;display:grid}.pickup-number-chip small{letter-spacing:.04em;text-transform:uppercase;font-size:.68rem;font-weight:750}.pickup-number-chip strong{color:var(--color-text);letter-spacing:.12em;font-size:1.35rem}.pickup-items{gap:var(--space-2);padding:var(--space-4) 0;border-block:1px solid var(--color-border);margin:0;list-style:none;display:grid}.pickup-items li{grid-template-columns:3.2rem 1fr;align-items:baseline;gap:.6rem;font-size:clamp(1.05rem,5vw,1.35rem);display:grid}.pickup-items strong{color:var(--color-primary-hover);font-size:1.25em}.pickup-action{min-height:4.5rem;font-size:1.15rem}.pickup-status{padding:var(--space-5);border-radius:var(--radius-lg);text-align:center;gap:.35rem;display:grid}.pickup-status strong{font-size:clamp(1.3rem,7vw,2rem)}.pickup-status.open{color:var(--color-primary-hover);background:var(--color-primary-soft)}.pickup-status.collected{color:#14532d;background:var(--color-success-soft)}.pickup-status.cancelled{color:var(--color-danger);background:var(--color-danger-soft)}.seller-filters{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.seller-filters label{gap:.35rem;display:grid}.seller-order-list{gap:var(--space-3);display:grid}.seller-order-card{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-1);display:grid}.seller-order-card>div{justify-content:space-between;gap:1rem;font-size:1.05rem;display:flex}.seller-order-card>div span{color:var(--color-primary-hover);font-variant-numeric:tabular-nums;font-weight:850}.seller-order-card p{color:var(--color-text-muted);margin:0;line-height:1.5}.seller-order-card .status-badge{justify-self:start}.seller-today{gap:var(--space-3);display:grid}.pickup-pass{margin-top:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface-soft);text-align:center;justify-items:center;gap:.45rem;display:grid}.pickup-qr{padding:var(--space-3);border-radius:var(--radius-md);background:#fff;display:grid}.pickup-pass>span{color:var(--color-text-muted);font-size:.8rem;font-weight:750}.pickup-pass>strong{color:var(--color-text);letter-spacing:.15em;font-variant-numeric:tabular-nums;font-size:2rem}.pickup-pass p{max-width:26rem;color:var(--color-text-muted);margin:.25rem 0 0;font-size:.82rem;line-height:1.5}.pickup-student-status{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);color:#14532d;background:var(--color-success-soft);gap:.25rem;display:grid}.pickup-student-status span{font-size:.82rem}@media (width>=48rem){.seller-shell{grid-template-columns:12rem minmax(0,1fr);align-items:start}.seller-nav{grid-template-columns:1fr;position:sticky;top:6rem}.seller-nav a{grid-template-columns:1.5rem 1fr;justify-items:start;font-size:.85rem}.seller-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.seller-open-metric{grid-column:auto}.seller-primary-actions{grid-template-columns:1fr}.seller-scan-page{max-width:44rem;margin-inline:auto}}@media (width<=24rem){.seller-filters{grid-template-columns:1fr}.pickup-detail header{display:grid}.pickup-number-chip{justify-self:start}}.offline-banner{z-index:200;right:var(--space-3);bottom:calc(5.4rem + env(safe-area-inset-bottom));left:var(--space-3);justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);min-height:3rem;color:var(--color-danger);box-shadow:var(--shadow-3);background:#fff7f7;border:1px solid #fecaca;padding:.7rem 1rem;font-size:.82rem;font-weight:750;display:flex;position:fixed}@media (width>=44rem){.offline-banner{top:var(--space-3);right:var(--space-3);max-width:32rem;bottom:auto;left:auto}}