@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.woff2)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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.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{--bg:#f5f6fb;--surface:#fff;--surface-2:#fafbfe;--surface-hover:#f4f5fb;--border:#eaecf3;--border-strong:#dcdfea;--text:#191b28;--text-muted:#676c7e;--text-faint:#9598a8;--accent:#4f46e5;--accent-hover:#4338ca;--accent-soft:#eef0fe;--success:#157f45;--success-soft:#e6f7ee;--warning:#97590a;--warning-soft:#fef3dc;--danger:#c31c3f;--danger-soft:#fce8ed;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1.1rem;--sp-5:1.75rem;--sp-6:2.5rem;--sp-7:3.5rem;--sp-8:4.5rem;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--shadow-sm:0 1px 2px #17182d0a, 0 1px 1px #17182d08;--shadow-md:0 6px 16px #17182d0f, 0 1px 3px #17182d0a;--shadow-lg:0 16px 40px #17182d1c, 0 3px 8px #17182d0d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;font:15px/1.6 Nunito Variable,Nunito,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}h1,h2,h3,h4{margin:0 0 var(--sp-1);letter-spacing:-.01em;font-weight:650;line-height:1.25}h1{margin-bottom:var(--sp-5);font-size:1.65rem}h2{font-size:1.25rem}h3{font-size:1.08rem}h4{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-top:var(--sp-6);margin-bottom:var(--sp-3);font-size:.75rem;font-weight:700}p{margin:0 0 var(--sp-3)}.section-intro{color:var(--text-muted);max-width:62ch;margin:0 0 var(--sp-5);font-size:.92rem;line-height:1.5}button{font:inherit;cursor:pointer;border-radius:var(--radius-sm);background:var(--accent);color:#fff;box-shadow:var(--shadow-sm);border:1px solid #0000;padding:.65rem 1.2rem;font-weight:600;transition:background .12s,box-shadow .12s,transform 50ms}button:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-md)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}button.secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--text-faint)}button.danger{background:var(--danger)}button.danger:hover:not(:disabled){background:#a8172f}.link-button{color:var(--accent);background:0 0;border:none;padding:.35rem .1rem;font-weight:600}.link-button:hover:not(:disabled){color:var(--accent-hover);background:0 0;text-decoration:underline}.link-button.danger-text{color:var(--danger)}.link-button.danger-text:hover:not(:disabled){color:#a8172f}input,select,textarea{font:inherit;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);width:100%;padding:.6rem .75rem}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}input::placeholder{color:var(--text-faint)}label{color:var(--text-muted);margin-bottom:var(--sp-4);font-size:.82rem;font-weight:600;display:block}label>input,label>select,label>textarea{margin-top:var(--sp-2);color:var(--text);font-weight:400}fieldset{border:none;margin:0;padding:0}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.small{font-size:.82rem}.mono{font-family:ui-monospace,Consolas,monospace;font-size:.85rem}.error{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm);margin-bottom:var(--sp-4);padding:.6rem .9rem;font-size:.88rem;font-weight:500}.auth-page{background:radial-gradient(circle at 20% 20%, var(--accent-soft), transparent 45%), var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:360px;padding:2.5rem}.auth-card h1{margin-bottom:.1rem}.auth-card>p.muted{margin-bottom:var(--sp-5)}.auth-card form{margin-top:0}.auth-card button[type=submit]{width:100%;margin-top:var(--sp-2)}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);width:256px;padding:var(--sp-5) var(--sp-4);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:var(--sp-3);padding:0 var(--sp-2);margin-bottom:var(--sp-6);display:flex}.sidebar-brand .logo-mark{background:linear-gradient(135deg, var(--accent), #7c73f0);color:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.95rem;font-weight:700;display:flex}.sidebar-brand h2{margin:0;font-size:1.05rem}.nav-section-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);padding:0 var(--sp-3);margin:var(--sp-5) 0 var(--sp-2);font-size:.68rem;font-weight:700}.sidebar nav{flex-direction:column;gap:.2rem;display:flex}.sidebar nav a{align-items:center;gap:var(--sp-3);border-radius:var(--radius-sm);color:var(--text-muted);padding:.6rem .75rem;font-size:.9rem;font-weight:550;text-decoration:none;transition:background .12s,color .12s;display:flex}.sidebar nav a svg{opacity:.8;flex-shrink:0}.sidebar nav a:hover{background:var(--surface-hover);color:var(--text)}.sidebar nav a.active{background:var(--accent-soft);color:var(--accent-hover);font-weight:650}.sidebar nav a.active svg{opacity:1}.sidebar-footer{padding-top:var(--sp-4);border-top:1px solid var(--border);margin-top:auto}.user-chip{align-items:center;gap:var(--sp-3);padding:var(--sp-2);border-radius:var(--radius-sm);margin-bottom:var(--sp-2);display:flex}.user-chip .avatar{background:var(--accent-soft);width:34px;height:34px;color:var(--accent-hover);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.user-chip .user-meta{min-width:0}.user-chip .user-meta .name{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.user-chip .user-meta .role{color:var(--text-muted);text-transform:capitalize;font-size:.76rem}.content{padding:var(--sp-7) var(--sp-7) var(--sp-8);flex:1;min-width:0;max-width:1240px}.page-loading{color:var(--text-muted);padding:2rem}.page-header{justify-content:space-between;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-2);display:flex}.page-header h1{margin-bottom:0}.page-subtitle{color:var(--text-muted);margin-top:0;margin-bottom:var(--sp-6);max-width:62ch;font-size:.95rem}.quick-links{gap:var(--sp-5);margin-top:var(--sp-6);grid-template-columns:repeat(auto-fill,minmax(230px,1fr));display:grid}.quick-link-card{align-items:center;gap:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--sp-5);color:var(--text);text-decoration:none;transition:box-shadow .12s,transform .12s,border-color .12s;display:flex}.quick-link-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-1px)}.quick-link-icon{border-radius:var(--radius-sm);background:var(--accent-soft);width:44px;height:44px;color:var(--accent-hover);flex-shrink:0;justify-content:center;align-items:center;display:flex}.quick-link-title{font-size:.94rem;font-weight:650}.quick-link-hint{color:var(--text-muted);font-size:.82rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-top:var(--sp-5);padding:1.65rem 1.75rem}.card>h3:first-child,.card>h4:first-child{margin-top:0}.toolbar{gap:var(--sp-3);margin-bottom:var(--sp-5);flex-wrap:wrap;align-items:center;display:flex}.toolbar .spacer{flex:1}.toolbar input[type=text],.toolbar input:not([type]){max-width:280px}.branch-select{max-width:220px;font-weight:600}.detail-list{grid-template-columns:auto 1fr;gap:.55rem 1.5rem;margin:0;display:grid}.detail-list dt{color:var(--text-muted);font-size:.85rem}.detail-list dd{margin:0;font-weight:550}.search-bar{margin-bottom:var(--sp-4);flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.search-bar input{max-width:300px}.form-row{gap:var(--sp-4);display:flex}.form-row>label,.form-row>div{flex:1}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.data-table{border-collapse:collapse;background:var(--surface);border-radius:var(--radius-md);width:100%}.data-table:not(.table-wrap .data-table){border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);padding:.85rem 1.25rem}.data-table th{background:var(--surface-2);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.72rem;font-weight:700}.data-table tbody tr:hover{background:var(--surface-hover)}.data-table tr:last-child td{border-bottom:none}.data-table td.numeric{font-variant-numeric:tabular-nums}.badge{text-transform:capitalize;letter-spacing:.01em;border-radius:999px;align-items:center;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-flex}.badge-otc{background:var(--success-soft);color:var(--success)}.badge-h{background:var(--warning-soft);color:var(--warning)}.badge-h1{color:#b3410a;background:#ffe4d6}.badge-x{background:var(--danger-soft);color:var(--danger)}.badge-status-paid{background:var(--success-soft);color:var(--success)}.badge-status-partial{background:var(--warning-soft);color:var(--warning)}.badge-status-credit{background:var(--accent-soft);color:var(--accent-hover)}.badge-status-refunded,.badge-status-void{background:var(--danger-soft);color:var(--danger)}.badge-status-active{background:var(--success-soft);color:var(--success)}.badge-status-inactive{color:var(--text-muted);background:#eef0f4}.badge-status-blocked{background:var(--danger-soft);color:var(--danger)}.empty-state{text-align:center;padding:var(--sp-6) var(--sp-4);color:var(--text-muted)}.tab-bar{gap:var(--sp-2);margin-bottom:var(--sp-3);flex-wrap:wrap;display:flex}.tab-button{align-items:center;gap:var(--sp-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-sm);padding:.6rem 1rem;font-size:.9rem;font-weight:600;transition:background .12s,color .12s,border-color .12s;display:flex}.tab-button svg{opacity:.75;flex-shrink:0}.tab-button:hover{color:var(--text);border-color:var(--border-strong)}.tab-button.active{color:var(--accent-hover);background:var(--accent-soft);border-color:var(--accent-soft)}.tab-button.active svg{opacity:1}.tab-description{align-items:flex-start;gap:var(--sp-2);color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:var(--sp-6);max-width:68ch;padding:.7rem 1rem;font-size:.88rem;line-height:1.5;display:flex}.pos-layout{gap:var(--sp-5);grid-template-columns:1.4fr 1fr;align-items:start;display:grid}@media (width<=900px){.pos-layout{grid-template-columns:1fr}}.cart-table{margin-top:0}.checkout-card{top:var(--sp-6);position:sticky}.checkbox-label{align-items:center;gap:var(--sp-2);margin:var(--sp-3) 0;font-size:.88rem;display:flex}.checkbox-label input{width:auto}.totals-list{margin:var(--sp-4) 0;grid-template-columns:1fr auto;gap:.4rem 1rem;font-size:.92rem;display:grid}.totals-list dt{color:var(--text-muted)}.totals-list dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.totals-list .grand-total dt,.totals-list .grand-total dd{color:var(--text);padding-top:var(--sp-2);border-top:1px solid var(--border);font-size:1.1rem;font-weight:700}.receipt{text-align:center;max-width:420px}.receipt .receipt-icon{background:var(--success-soft);width:48px;height:48px;color:var(--success);margin:0 auto var(--sp-4);border-radius:50%;justify-content:center;align-items:center;display:flex}.receipt .detail-list{text-align:left;margin-top:var(--sp-4)}.bill-detail-card{max-width:760px}.void-section{margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--border);gap:var(--sp-4);align-items:flex-end;display:flex}.void-section label{flex:1;margin-bottom:0}.customer-list-row{cursor:pointer}.customer-name-cell{align-items:center;gap:var(--sp-3);display:flex}.customer-name-cell .avatar{background:var(--accent-soft);width:32px;height:32px;color:var(--accent-hover);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.drawer-backdrop{z-index:20;background:#14162847;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer-panel{background:var(--surface);width:520px;max-width:100%;height:100vh;box-shadow:var(--shadow-lg);padding:var(--sp-6) var(--sp-6) var(--sp-7);overflow-y:auto}.drawer-header{margin-bottom:var(--sp-2);justify-content:space-between;align-items:flex-start;display:flex}.drawer-header .avatar{background:var(--accent-soft);width:44px;height:44px;color:var(--accent-hover);margin-bottom:var(--sp-3);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.drawer-section{border-top:1px solid var(--border);padding-top:var(--sp-5);margin-top:var(--sp-5)}.drawer-section-head{margin-bottom:var(--sp-2);justify-content:space-between;align-items:center;display:flex}.drawer-section-head h4{margin:0}.list-plain{gap:var(--sp-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.list-plain li{justify-content:space-between;align-items:center;gap:var(--sp-2);border-bottom:1px solid var(--border);padding:.45rem 0;font-size:.88rem;display:flex}.list-plain li:last-child{border-bottom:none}.inline-form{gap:var(--sp-2);margin-top:var(--sp-3);align-items:center;display:flex}.inline-form input,.inline-form select{flex:1;width:auto}.inline-form button{flex-shrink:0}.pagination-bar{justify-content:center;align-items:center;gap:var(--sp-4);margin-top:var(--sp-5);display:flex}.pagination-bar span{text-align:center;min-width:5rem}