@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";
:root{--bg:#f5f6fa;--surface:#fff;--surface-2:#f8f9fc;--ink:#172033;--muted:#6f7788;--border:#e8eaf0;--primary:#6557e8;--primary-dark:#4e42cc;--nav:#14243d;--nav-2:#192b48;--green:#20a783;--orange:#f0a733;--red:#e45f64;--shadow:0 7px 30px #1b274712}[data-theme=dark]{--bg:#0d1420;--surface:#151e2c;--surface-2:#1a2637;--ink:#f2f5fa;--muted:#9ca8bb;--border:#273447;--nav:#0a111c;--nav-2:#121d2c;--shadow:0 10px 30px #00000038}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:DM Sans,sans-serif}button,input,select{font:inherit}button,a{transition:all .18s}button{color:inherit}a{color:inherit;text-decoration:none}svg{width:20px;height:20px}h1,h2,h3,p{margin:0}h1,h2,h3,.stat b,.brand{font-family:Manrope,sans-serif}.muted{color:var(--muted)}.primary,.secondary{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 16px;font-weight:700;display:inline-flex}.primary{background:var(--primary);color:#fff;box-shadow:0 5px 14px #6557e83b}.primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.secondary{background:var(--surface);border:1px solid var(--border)}.secondary:hover{background:var(--surface-2);border-color:#c9c5f5}.secondary svg,.primary svg{width:17px}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px}.overline{letter-spacing:.12em;font-weight:800;color:var(--primary)!important;margin-bottom:7px!important;font-size:11px!important}.text-button{color:var(--primary);cursor:pointer;background:0 0;border:0;font-weight:700}.toast-stack{z-index:100;flex-direction:column;gap:9px;display:flex;position:fixed;bottom:22px;right:22px}.toast{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--green);border-radius:11px;align-items:center;gap:9px;min-width:290px;max-width:430px;padding:12px;font-size:11px;font-weight:600;animation:.2s pageIn;display:flex;box-shadow:0 14px 45px #141e3233}.toast.info{border-left-color:var(--primary)}.toast.warning{border-left-color:var(--orange)}.toast>svg{width:18px;color:var(--green);flex:none}.toast.info>svg{color:var(--primary)}.toast.warning>svg{color:var(--orange)}.toast span{flex:1}.toast button{color:var(--muted);background:0 0;border:0;padding:0}.toast button svg{width:14px}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:90;background:#09101d94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:var(--surface);border-radius:17px;width:min(620px,100%);max-height:90vh;animation:.2s pageIn;overflow:auto;box-shadow:0 30px 90px #00000047}.modal-card>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex}.modal-card h2{font-size:18px}.modal-card header p{color:var(--muted);margin-top:5px;font-size:10px}.modal-card header button{background:var(--surface-2);border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.modal-card header button svg{width:15px}.modal-body{padding:20px 22px}.modal-card>footer{border-top:1px solid var(--border);justify-content:flex-end;gap:9px;padding:14px 22px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-field{display:block}.form-field>span{color:var(--muted);letter-spacing:.03em;margin-bottom:6px;font-size:9px;font-weight:800;display:block}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border);background:var(--surface-2);width:100%;height:42px;color:var(--ink);border-radius:9px;outline:none;padding:0 11px;font-size:11px}.form-field textarea{resize:vertical;height:78px;padding-top:10px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6557e81a}.form-field.full{grid-column:1/-1}.notification-menu{background:var(--surface);border:1px solid var(--border);width:260px;box-shadow:var(--shadow);z-index:30;border-radius:12px;padding:14px;position:absolute;top:57px;right:115px}.notification-menu b{font-size:12px}.notification-menu p{border-bottom:1px solid var(--border);color:var(--muted);padding:9px 0;font-size:9px}.notification-menu a{color:var(--primary);margin-top:10px;font-size:9px;font-weight:700;display:block}.top-user{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0}.login-page{background:#fff;grid-template-columns:1.08fr .92fr;min-height:100vh;display:grid}.login-showcase{color:#fff;background:radial-gradient(circle at 80% 18%,#6557e861,#0000 30%),radial-gradient(circle at 10% 90%,#20b49a2e,#0000 32%),#12233c;flex-direction:column;padding:42px 7vw 38px;display:flex;position:relative;overflow:hidden}.login-showcase:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:380px;height:380px;position:absolute;bottom:-150px;right:-160px;box-shadow:0 0 0 55px #ffffff06,0 0 0 110px #ffffff05}.brand{align-items:center;gap:11px;font-size:19px;font-weight:800;line-height:1;display:flex}.brand small{letter-spacing:.08em;opacity:.68;text-transform:uppercase;margin-top:6px;font:500 10px DM Sans;display:block}.brand-mark{color:#fff;background:linear-gradient(135deg,#8075f5,#4c3fd1);border-radius:11px;place-items:center;width:40px;height:40px;font:800 22px Manrope;display:grid;box-shadow:0 7px 18px #3a2dae59}.brand-light{color:#fff}.showcase-copy{z-index:1;max-width:630px;margin:auto 0;position:relative}.eyebrow{color:#d9d5ff;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:100px;align-items:center;gap:7px;padding:8px 13px;font-size:12px;font-weight:700;display:inline-flex}.showcase-copy h1{letter-spacing:-.045em;margin:25px 0 18px;font-size:clamp(38px,4vw,62px);line-height:1.08}.showcase-copy h1 em{color:#8f84ff;font-style:normal}.showcase-copy>p{color:#bac5d6;max-width:570px;font-size:17px;line-height:1.65}.feature-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:38px;display:grid}.feature-grid>div{background:#ffffff0e;border:1px solid #ffffff14;border-radius:13px;align-items:center;gap:13px;padding:15px;display:flex}.feature-grid svg{color:#9389ff}.feature-grid b,.feature-grid small{display:block}.feature-grid b{font-size:13px}.feature-grid small{color:#9fadc0;margin-top:4px;font-size:11px}.login-quote{color:#8594a9;z-index:1;font-size:12px;position:relative}.login-form-wrap{background:#fbfbfd;place-items:center;padding:35px;display:grid}.login-card{width:min(420px,100%)}.mobile-brand{display:none}.welcome-icon{width:48px;height:48px;color:var(--primary);background:#eeeafd;border-radius:14px;place-items:center;margin-bottom:24px;display:grid}.welcome-icon svg{width:25px;height:25px}.login-card h2{letter-spacing:-.03em;font-size:31px}.login-card>p{margin:7px 0 27px}.login-card>label{margin:18px 0 0;font-size:13px;font-weight:700;display:block}.login-card input{color:#172033;background:#fff;border:1px solid #dfe2e9;border-radius:10px;outline:none;width:100%;height:49px;margin-top:8px;padding:0 14px}.login-card input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6557e81a}.password-field{position:relative}.password-field input{margin-top:8px}.password-field button{color:#7b8391;cursor:pointer;background:0 0;border:0;width:40px;height:40px;position:absolute;top:13px;right:5px}.form-row{justify-content:space-between;align-items:center;margin:16px 0;display:flex}.checkbox{color:#606979;align-items:center;gap:8px;margin:0!important;font-weight:500!important;display:flex!important}.checkbox input{width:15px;height:15px;margin:0}.login-submit{justify-content:center;width:100%;height:50px}.login-submit svg{margin-left:auto}.form-error{color:#b33f45;background:#fff0f0;border-radius:8px;margin-bottom:12px;padding:10px;font-size:12px}.demo-divider{text-align:center;border-bottom:1px solid #e6e8ee;height:12px;margin:20px 0}.demo-divider span{color:#9aa1af;background:#fbfbfd;padding:0 10px;font-size:11px}.demo-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.demo-buttons button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e1e3ea;border-radius:10px;padding:12px}.demo-buttons button:hover{border-color:var(--primary)}.demo-buttons b,.demo-buttons small{display:block}.demo-buttons b{font-size:12px}.demo-buttons small{color:#8a92a1;margin-top:3px;font-size:10px}.secure-note{color:#9aa1af;justify-content:center;align-items:center;font-size:10px;display:flex;gap:6px!important;margin:17px 0 0!important}.app-frame{min-height:100vh;display:flex}.sidebar{background:var(--nav);color:#d9e2ef;z-index:30;flex-direction:column;width:250px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-head{border-bottom:1px solid #ffffff12;align-items:center;height:76px;padding:0 21px;display:flex}.sidebar-head .brand-mark{width:35px;height:35px;font-size:19px}.sidebar-close{display:none}.outlet-select{background:var(--nav-2);border:1px solid #ffffff12;border-radius:11px;align-items:center;gap:10px;margin:15px 13px 9px;padding:10px;display:flex}.outlet-select .outlet-icon{color:#a49bff;background:#6557e840;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.outlet-select>span:nth-child(2){flex:1;min-width:0}.outlet-select small,.outlet-select b{display:block}.outlet-select small{color:#7f8da2;letter-spacing:.1em;margin-bottom:4px;font-size:8px}.outlet-select b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.outlet-select>svg{color:#78879d;width:14px}.sidebar nav{flex:1;padding:2px 11px;overflow-y:auto}.nav-group{margin-top:17px}.nav-group p{letter-spacing:.16em;color:#697990;margin-bottom:6px;padding:0 10px;font-size:8px;font-weight:800}.nav-group a{color:#9dacbf;border-radius:9px;align-items:center;gap:11px;height:40px;margin:2px 0;padding:0 10px;font-size:12px;font-weight:600;display:flex}.nav-group a:hover{color:#fff;background:#ffffff0d}.nav-group a.active{color:#fff;background:linear-gradient(90deg,#6557e84d,#6557e821);box-shadow:inset 3px 0 #7d70f4}.nav-group a.hot-link:not(.active){color:#c6cde0}.nav-group kbd{color:#77869b;background:#ffffff14;border-radius:4px;margin-left:auto;padding:3px 5px;font-size:8px}.sidebar-foot{border-top:1px solid #ffffff12;padding:10px 12px}.sidebar-foot>button{color:#8d9bb0;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:8px;font-size:11px;display:flex}.user-mini{align-items:center;gap:9px;padding:9px 7px;display:flex}.user-mini>span,.top-user>span{color:#fff;background:#3c6f95;border-radius:9px;place-items:center;width:32px;height:32px;font-size:10px;font-weight:800;display:grid}.user-mini>div{flex:1;min-width:0}.user-mini b,.user-mini small{display:block}.user-mini b{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.user-mini small{color:#79899e;margin-top:3px;font-size:8px}.user-mini button{color:#6d7d93;cursor:pointer;background:0 0;border:0}.main-shell{width:calc(100% - 250px);min-width:0;margin-left:250px}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:20;justify-content:space-between;align-items:center;height:65px;padding:0 27px;display:flex;position:sticky;top:0}.global-search{width:min(420px,40vw);color:var(--muted);align-items:center;gap:9px;display:flex}.global-search input{color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:12px}.global-search kbd{border:1px solid var(--border);background:var(--surface-2);border-radius:5px;padding:4px 7px;font-size:9px}.top-actions{align-items:center;gap:5px;display:flex}.top-actions>button{width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;display:grid;position:relative}.notification i{background:#f56863;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}.top-user{border-left:1px solid var(--border);align-items:center;gap:9px;margin-left:6px;padding-left:14px;display:flex}.top-user b,.top-user small{display:block}.top-user b{font-size:11px}.top-user small{color:var(--muted);margin-top:3px;font-size:9px}.top-user>svg{width:13px;color:var(--muted)}.content{max-width:1680px;margin:auto;padding:26px 28px 40px}.mobile-menu{display:none}.page-enter{animation:.3s both pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:23px;display:flex}.page-heading h1{letter-spacing:-.035em;font-size:27px}.page-heading>div>p:last-child{color:var(--muted);margin-top:6px;font-size:12px}.heading-actions{gap:9px;display:flex}.heading-actions a span{background:#ffffff2b;border-radius:4px;margin-left:5px;padding:3px 5px;font-size:9px}.stats-grid{grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:16px;display:grid}.stat{box-shadow:none;align-items:flex-start;gap:13px;padding:17px;display:flex}.stat-icon,.summary-icon{border-radius:11px;flex:none;place-items:center;width:39px;height:39px;display:grid}.purple{color:#6758e8!important;background:#eeebff!important}.blue{color:#3289e8!important;background:#e6f2ff!important}.green{color:#169b79!important;background:#e4f8f1!important}.orange{color:#e79b26!important;background:#fff2dd!important}.pink{color:#e15585!important;background:#ffe9f0!important}.stat>div{min-width:0}.stat small{color:var(--muted);letter-spacing:.08em;font-size:8px;font-weight:800}.stat>div>div{align-items:center;gap:7px;margin:5px 0 2px;display:flex}.stat b{letter-spacing:-.03em;font-size:20px}.stat>div span{color:var(--green);background:#e7f8f1;border-radius:5px;padding:3px 5px;font-size:8px}.stat p{color:#9aa2af;font-size:9px}.dashboard-grid{grid-template-columns:2fr .78fr;gap:16px;margin-bottom:16px;display:grid}.chart-card,.payment-card,.invoices-card,.low-card{box-shadow:none;padding:19px}.card-head{justify-content:space-between;align-items:flex-start;display:flex}.card-head h2{font-size:14px}.card-head p{color:var(--muted);margin-top:4px;font-size:10px}.card-head select{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:8px;padding:7px;font-size:9px}.card-head button{background:0 0;border:0}.chart-summary{gap:35px;margin:18px 0 5px;display:flex}.chart-summary small,.chart-summary b{display:block}.chart-summary small{color:var(--muted);font-size:8px;font-weight:800}.chart-summary b{margin:4px 0;font:800 20px Manrope}.chart-summary span{color:var(--green);font-size:8px}.sales-chart{height:205px;font-size:9px}.donut-wrap{place-items:center;margin:9px;display:grid}.donut{background:conic-gradient(#6557e8 0 37.5%,#20b49a 37.5% 78%,#f6b94a 78% 90%,#f97362 90%);border-radius:50%;place-items:center;width:128px;height:128px;display:grid;position:relative}.donut:after{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:17px}.donut>div{z-index:1;text-align:center}.donut b,.donut small{display:block}.donut b{font:800 14px Manrope}.donut small{color:var(--muted);font-size:8px}.payment-list>div{grid-template-columns:30px 1fr auto 35px;align-items:center;gap:7px;margin:7px 0;display:grid}.payment-list>div>span{border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.payment-list svg{width:14px}.payment-list b{font-size:10px}.payment-list em{font-size:10px;font-style:normal;font-weight:700}.payment-list small{color:var(--muted);text-align:right;font-size:8px}.dashboard-bottom{grid-template-columns:2fr .78fr;gap:16px;display:grid}.card-head a{color:var(--primary);align-items:center;gap:5px;font-size:9px;font-weight:700;display:flex}.card-head a svg{width:13px}.table-scroll{overflow:auto}table{border-collapse:collapse;text-align:left;width:100%}th{letter-spacing:.07em;color:#949cab;border-bottom:1px solid var(--border);white-space:nowrap;padding:13px 10px;font-size:8px}td{border-bottom:1px solid var(--border);white-space:nowrap;padding:11px 10px;font-size:10px}tbody tr:hover{background:var(--surface-2)}.pay-tag,.category-tag{color:#6557e8;background:#f0effe;border-radius:5px;padding:4px 7px;font-size:8px}.pay-tag.cash{color:#17896c;background:#e6f7f1}.pay-tag.card{color:#327fc9;background:#e8f2fd}.pay-tag.credit{color:#b77a20;background:#fff1df}.status{border-radius:5px;font-size:8px;font-weight:700}.status.paid{color:#15876b}.status.due{color:#b87821}.low-list{margin-top:12px}.low-list>div{border-bottom:1px solid var(--border);align-items:center;gap:9px;padding:9px 0;display:flex}.product-swatch{color:#fff;border-radius:8px;place-items:center;width:34px;height:34px;font-size:9px;font-weight:800;display:grid}.low-list>div>div{flex:1;min-width:0}.low-list b,.low-list small{display:block}.low-list b{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.low-list small{color:var(--muted);margin-top:3px;font-size:8px}.low-list>div>span:last-child{text-align:right}.low-list>div>span:last-child b{color:var(--red)}.warning-icon{color:#dc8d18;background:#fff1df;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.view-link{color:var(--primary);justify-content:center;align-items:center;gap:7px;margin-top:13px;font-size:9px;font-weight:700;display:flex}.view-link svg{width:13px}.quick-row{background:var(--surface);border:1px solid var(--border);border-radius:14px;grid-template-columns:repeat(4,1fr);margin-top:16px;display:grid}.quick-row>div{border-right:1px solid var(--border);align-items:center;gap:10px;padding:13px 18px;display:flex}.quick-row>div:last-child{border:0}.quick-row>div>span{color:var(--primary)}.quick-row svg{width:18px}.quick-row b,.quick-row small{display:block}.quick-row b{font-size:10px}.quick-row small{color:var(--muted);margin-top:3px;font-size:8px}.staff-callout{color:#fff;background:linear-gradient(110deg,#282076,#6557e8);border-radius:15px;align-items:center;gap:13px;margin-bottom:16px;padding:16px 20px;display:flex}.staff-callout>span{background:#ffffff24;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.staff-callout>div{flex:1}.staff-callout b{font:700 14px Manrope}.staff-callout p{color:#d6d2fb;margin-top:3px;font-size:10px}.staff-callout a{color:#4e42cc;background:#fff;border-radius:9px;align-items:center;gap:7px;padding:9px 13px;font-size:10px;font-weight:800;display:flex}.staff-callout a svg{width:14px}.catalog-summary{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.catalog-summary>div{background:var(--surface);border:1px solid var(--border);border-radius:13px;align-items:center;gap:12px;padding:15px;display:flex}.catalog-summary small,.catalog-summary b,.catalog-summary em{display:block}.catalog-summary small{color:var(--muted);font-size:8px;font-weight:800}.catalog-summary b{margin:2px 0;font:800 18px Manrope}.catalog-summary em{color:var(--muted);font-size:8px;font-style:normal}.data-card{box-shadow:none}.data-toolbar{border-bottom:1px solid var(--border);gap:9px;padding:14px;display:flex}.module-search{border:1px solid var(--border);background:var(--surface-2);border-radius:9px;flex:1;align-items:center;gap:8px;min-width:220px;height:39px;padding:0 11px;display:flex}.module-search svg{width:16px;color:var(--muted)}.module-search input{color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:10px}.module-search span{color:var(--green);align-items:center;gap:4px;font-size:8px;display:flex}.module-search span svg{color:var(--green);width:14px}.data-toolbar select{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:9px;padding:0 10px;font-size:10px}.data-toolbar .secondary{height:39px;font-size:10px}.product-table td{padding-top:10px;padding-bottom:10px}.product-cell{align-items:center;gap:9px;display:flex}.product-cell>span{color:#fff;border-radius:8px;place-items:center;width:37px;height:37px;font-size:9px;font-weight:800;display:grid}.product-cell b,.product-cell small,td>small{display:block}.product-cell b{font-size:10px}.product-cell small,td>small{color:var(--muted);margin-top:3px;font-size:8px}.barcode-no{font-family:monospace}.category-tag{background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}.margin-tag{color:#17896c;background:#e6f7f1;border-radius:5px;padding:4px 6px;font-size:8px;font-weight:700}.stock-low{color:var(--red)}.icon-button{border:1px solid var(--border);background:var(--surface);border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.icon-button svg{width:12px}.table-footer{color:var(--muted);justify-content:space-between;align-items:center;padding:12px 15px;font-size:9px;display:flex}.table-footer button{border:1px solid var(--border);background:var(--surface);width:28px;height:28px;font-size:9px}.table-footer button.active{background:var(--primary);color:#fff}.module-kpis{grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:15px;display:grid}.module-kpis>div{box-shadow:none;align-items:center;gap:12px;padding:17px;display:flex}.module-kpis>div>span{width:39px;height:39px;color:var(--primary);background:#eeebff;border-radius:10px;place-items:center;display:grid}.module-kpis b,.module-kpis small{display:block}.module-kpis b{font:800 20px Manrope}.module-kpis small{color:var(--muted);font-size:9px}.generic-content{box-shadow:none}.generic-hero{border-bottom:1px solid var(--border);background:linear-gradient(135deg,var(--surface),var(--surface-2));justify-content:center;align-items:center;gap:17px;padding:32px;display:flex}.generic-hero>span{width:62px;height:62px;color:var(--primary);background:#edeaff;border-radius:16px;place-items:center;display:grid}.generic-hero>span svg{width:27px;height:27px}.generic-hero h2{font-size:17px}.generic-hero p{color:var(--muted);max-width:520px;margin:5px 0 12px;font-size:10px}.generic-hero .primary{min-height:36px;font-size:10px}.sample-rows{padding:5px 16px 14px}.sample-rows>div{border-bottom:1px solid var(--border);align-items:center;gap:11px;padding:12px;display:flex}.sample-avatar{color:#327fc9;background:#e8f2fd;border-radius:9px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:grid}.sample-rows>div>div{flex:1}.sample-rows b,.sample-rows small{display:block}.sample-rows b{font-size:10px}.sample-rows small{color:var(--muted);margin-top:4px;font-size:8px}.report-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.report-card{box-shadow:none;align-items:center;gap:13px;padding:17px;display:flex}.report-card>span{border-radius:10px;place-items:center;width:41px;height:41px;display:grid}.report-card>div{flex:1}.report-card b,.report-card small{display:block}.report-card b{font-size:11px}.report-card small{color:var(--muted);margin-top:4px;font-size:8px}.report-card>svg{width:15px;color:var(--muted)}.report-card:hover{border-color:#c7c2f4;transform:translateY(-2px)}.access-denied{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;display:flex}.access-denied>span{width:70px;height:70px;color:var(--primary);background:#edeaff;border-radius:20px;place-items:center;display:grid}.access-denied>span svg{width:30px;height:30px}.access-denied h1{margin-top:18px;font-size:25px}.access-denied p{color:var(--muted);max-width:400px;margin:8px 0 18px;font-size:11px}.filter-active{border-color:var(--primary)!important;color:var(--primary)!important;background:#f0eeff!important}.danger-button{color:#c7434a;background:#fff2f2;border:1px solid #f1c5c8;border-radius:9px;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-size:10px;font-weight:700;display:inline-flex}.danger-button svg{width:14px}.empty-table{text-align:center;color:var(--muted);padding:38px;font-size:10px}.held-row{border:1px solid var(--border);background:var(--surface-2);text-align:left;border-radius:10px;align-items:center;gap:12px;width:100%;margin-bottom:8px;padding:13px;display:flex}.held-row span{flex:1;font-size:10px}.held-row b{font-size:9px}.held-row svg{width:14px}.detail-list>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:20px;padding:12px 0;font-size:10px;display:flex}.detail-list span{color:var(--muted)}.settings-card{box-shadow:none;max-width:850px;padding:24px}.settings-card h2{font-size:17px}.settings-card>p{color:var(--muted);margin:5px 0 20px;font-size:10px}.settings-card>.primary{margin-top:20px}.back-button{color:var(--primary);background:0 0;border:0;align-items:center;gap:5px;margin-bottom:8px;padding:0;font-size:9px;font-weight:700;display:flex}.back-button svg{width:14px}.customer-box{text-align:left;color:#172033;cursor:pointer;width:calc(100% - 26px)}.customer-box>svg{width:15px;color:var(--primary)}.import-warning{box-shadow:none;background:linear-gradient(135deg,var(--surface),var(--surface-2));align-items:flex-start;gap:13px;margin-bottom:15px;padding:17px;display:flex}.import-warning>span{width:42px;height:42px;color:var(--green);background:#e4f8f1;border-radius:11px;flex:none;place-items:center;display:grid}.import-warning b{font:800 13px Manrope}.import-warning p{color:var(--muted);margin-top:4px;font-size:10px;line-height:1.55}.import-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.import-card{box-shadow:none;cursor:pointer;align-items:center;gap:12px;padding:16px;display:flex;position:relative}.import-card:hover{border-color:#c7c2f4;transform:translateY(-1px)}.import-card>span{width:39px;height:39px;color:var(--primary);background:#eeebff;border-radius:10px;flex:none;place-items:center;display:grid}.import-card b,.import-card small{display:block}.import-card b{font-size:11px}.import-card small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:190px;margin-top:4px;font-size:8px;overflow:hidden}.import-card input{opacity:0;cursor:pointer;position:absolute;inset:0}.import-option{color:var(--muted);align-items:center;gap:8px;margin:2px 0 16px;font-size:10px;display:inline-flex}.import-option input{width:15px;height:15px}.import-preview{box-shadow:none;padding:18px}.import-preview .card-head{margin-bottom:14px}.import-counts{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px;display:grid}.import-counts>.card{box-shadow:none;align-items:center;gap:10px;padding:14px;display:flex}.import-counts>.card>span{width:34px;height:34px;color:var(--primary);background:#eeebff;border-radius:9px;place-items:center;display:grid}.import-counts b,.import-counts small{display:block}.import-counts b{font:800 17px Manrope}.import-counts small{color:var(--muted);font-size:8px}.pos-screen{margin:-6px}.pos-head{justify-content:space-between;align-items:flex-end;margin-bottom:15px;display:flex}.pos-head h1{font-size:26px}.pos-head>div>span{color:var(--muted);font-size:9px}.pos-head>div:last-child{gap:8px;display:flex}.pos-head button{font-size:9px}.pos-head button i{color:var(--primary);background:#f0edff;border-radius:50%;place-items:center;width:17px;height:17px;font-style:normal;display:grid}.pos-grid{grid-template-columns:minmax(0,1fr) 410px;gap:14px;height:calc(100vh - 139px);min-height:590px;display:grid}.pos-products,.cart{box-shadow:none;overflow:hidden}.pos-products{padding:14px}.pos-search{background:var(--surface-2);border:2px solid #dcd8fa;border-radius:11px;align-items:center;gap:10px;height:48px;padding:0 13px;display:flex}.pos-search>svg{color:var(--primary)}.pos-search input{color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:12px}.pos-search span{color:var(--green);align-items:center;gap:5px;font-size:9px;display:flex}.pos-search span svg{width:16px}.category-pills{gap:7px;margin:13px 0;display:flex;overflow:auto}.category-pills button{border:1px solid var(--border);background:var(--surface);white-space:nowrap;border-radius:100px;padding:7px 11px;font-size:9px}.category-pills button.active{background:var(--nav);color:#fff;border-color:var(--nav)}.product-grid{grid-template-columns:repeat(4,1fr);gap:9px;max-height:calc(100% - 103px);padding:2px;display:grid;overflow-y:auto}.pos-product{text-align:left;background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;min-height:161px;padding:10px;position:relative}.pos-product:hover{border-color:#bcb6f0;transform:translateY(-2px);box-shadow:0 6px 20px #232a4d14}.pos-product>span{color:#fff;border-radius:8px;place-items:center;height:67px;margin-bottom:8px;font-size:16px;font-weight:800;display:grid}.pos-product>b,.pos-product>small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.pos-product>b{font-size:9px}.pos-product>small{color:var(--muted);margin:3px 0 7px;font-size:7px}.pos-product>div{justify-content:space-between;align-items:center;display:flex}.pos-product strong{font-size:10px}.pos-product em{color:var(--green);font-size:7px;font-style:normal}.pos-product em.low{color:var(--red)}.pos-product>i{width:23px;height:23px;color:var(--primary);opacity:0;background:#ffffffe6;border-radius:7px;place-items:center;display:grid;position:absolute;top:7px;right:7px}.pos-product:hover>i{opacity:1}.pos-product>i svg{width:13px}.cart{flex-direction:column;display:flex}.cart-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:56px;padding:0 15px;display:flex}.cart-head>div{align-items:center;gap:8px;display:flex}.cart-head h2{font-size:14px}.cart-head span{background:var(--surface-2);color:var(--muted);border-radius:100px;padding:4px 7px;font-size:8px}.cart-head button{color:var(--red);background:0 0;border:0;font-size:9px}.cart-head button:disabled{opacity:.3}.customer-box{color:#172033;background:#faf9ff;border:1px dashed #c9c5ed;border-radius:10px;align-items:center;gap:9px;margin:11px 13px 0;padding:9px;display:flex}.customer-box>span{width:29px;height:29px;color:var(--primary);background:#ece9ff;border-radius:8px;place-items:center;display:grid}.customer-box>span svg{width:15px}.customer-box>div{flex:1}.customer-box b,.customer-box small{display:block}.customer-box b{font-size:9px}.customer-box small{color:#7b8493;margin-top:2px;font-size:7px}.customer-box button{width:25px;height:25px;color:var(--primary);background:#fff;border:1px solid #d8d4f5;border-radius:7px;place-items:center;display:grid}.customer-box button svg{width:12px}.cart-lines{flex:1;min-height:90px;padding:8px 13px;overflow-y:auto}.empty-cart{text-align:center;height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-cart>span{background:var(--surface-2);color:#b1b7c2;border-radius:16px;place-items:center;width:54px;height:54px;display:grid}.empty-cart h3{color:var(--ink);margin-top:12px;font-size:12px}.empty-cart p{margin:4px 0 15px;font-size:9px}.empty-cart small{background:var(--surface-2);border-radius:5px;padding:5px 8px;font-size:7px}.cart-line{border-bottom:1px solid var(--border);grid-template-columns:20px 1fr auto 18px;align-items:start;gap:7px;padding:10px 0;display:grid}.line-no{background:var(--surface-2);border-radius:5px;place-items:center;width:18px;height:18px;font-size:7px;display:grid}.cart-line b,.cart-line small{display:block}.cart-line b{font-size:9px}.cart-line small{color:var(--muted);margin-top:3px;font-size:7px}.cart-line>strong{font-size:9px}.remove{color:#a5abb6;background:0 0;border:0;padding:0}.remove svg{width:12px}.qty{margin-top:7px;display:flex}.qty button,.qty input{border:1px solid var(--border);background:var(--surface);text-align:center;width:24px;height:23px;color:var(--ink)}.qty input{border-left:0;border-right:0;font-size:8px}.qty button{place-items:center;display:grid}.qty svg{width:10px}.bill-totals{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface-2);padding:9px 14px}.bill-totals>div{justify-content:space-between;padding:3px 0;font-size:9px;display:flex}.bill-totals span{color:var(--muted)}.bill-totals span button{color:var(--primary);background:0 0;border:0;font-size:8px;font-weight:700}.bill-totals .discounted{color:var(--green)}.bill-totals .grand-total{border-top:1px dashed var(--border);margin-top:5px;padding-top:8px;font-size:13px}.grand-total span{color:var(--ink);font-weight:700}.grand-total b{font:800 18px Manrope}.payment{padding:9px 13px}.payment>small{letter-spacing:.08em;color:var(--muted);font-size:7px;font-weight:800}.payment>div{grid-template-columns:repeat(5,1fr);gap:5px;margin-top:7px;display:grid}.payment button{border:1px solid var(--border);background:var(--surface);border-radius:7px;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;font-size:7px;display:flex}.payment button svg{width:13px}.payment button.active{border-color:var(--primary);color:var(--primary);background:#f0eeff;font-weight:700}.checkout-actions{grid-template-columns:90px 1fr;gap:7px;padding:0 13px 13px;display:grid}.checkout-actions button{border-radius:9px;height:47px;font-weight:700}.checkout-actions button:disabled{opacity:.45}.hold{border:1px solid var(--border);background:var(--surface);justify-content:center;align-items:center;gap:5px;font-size:8px;display:flex}.hold svg{width:14px}.checkout{background:var(--primary);color:#fff;text-align:left;border:0;justify-content:space-between;align-items:center;padding:0 14px;display:flex}.checkout b,.checkout small{display:block}.checkout b{font-size:11px}.checkout small{opacity:.7;margin-top:2px;font-size:7px}.success-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 130px);display:flex}.success-check{width:72px;height:72px;color:var(--green);background:#e4f8f1;border-radius:50%;place-items:center;margin-bottom:20px;display:grid}.success-check svg{width:34px;height:34px}.success-screen h1{font-size:31px}.success-screen>p:not(.overline){color:var(--muted);margin:6px;font-size:11px}.success-screen>strong{margin:15px;font:800 33px Manrope}.success-screen>div:not(.success-check){gap:8px;display:flex}.success-screen>.primary{margin-top:12px}.success-screen>a{color:var(--primary);margin-top:14px;font-size:9px}@media (max-width:1250px){.stats-grid,.product-grid{grid-template-columns:repeat(3,1fr)}.pos-grid{grid-template-columns:minmax(0,1fr) 370px}.report-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:980px){.sidebar{transition:all .25s;transform:translate(-100%)}.sidebar.is-open{transform:none}.sidebar-backdrop{z-index:29;background:#050a1480;position:fixed;inset:0}.sidebar-close{color:#fff;background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.main-shell{width:100%;margin:0}.mobile-menu{z-index:22;border:1px solid var(--border);background:var(--surface);border-radius:9px;place-items:center;width:37px;height:37px;display:grid;position:fixed;top:14px;left:15px}.topbar{padding-left:64px}.dashboard-grid,.dashboard-bottom{grid-template-columns:1fr}.pos-grid{grid-template-columns:1fr;height:auto}.pos-products{min-height:520px}.cart{min-height:580px}.catalog-summary,.import-grid,.import-counts{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.login-page{grid-template-columns:1fr}.login-showcase{display:none}.login-form-wrap{padding:25px}.mobile-brand{color:#172033;margin-bottom:50px;display:flex}.content{padding:20px 14px 80px}.topbar{padding-right:12px}.global-search{flex:1;width:auto}.global-search kbd,.top-user>div,.top-user>svg{display:none}.page-heading{align-items:flex-start;gap:16px}.page-heading h1{font-size:23px}.page-heading>div>p:last-child{max-width:270px}.heading-actions .secondary{display:none}.stats-grid{grid-template-columns:1fr 1fr}.stat{padding:13px}.stat b{font-size:17px}.dashboard-grid{display:block}.payment-card{margin-top:13px}.quick-row{grid-template-columns:1fr 1fr}.quick-row>div{border-bottom:1px solid var(--border)}.catalog-summary{grid-template-columns:1fr 1fr}.data-toolbar{flex-wrap:wrap}.module-search{flex:auto;width:100%}.module-kpis,.report-grid{grid-template-columns:1fr}.pos-head{align-items:flex-start}.pos-head>div:last-child{display:none}.pos-grid{display:block}.pos-products{min-height:500px;margin-bottom:12px}.product-grid{grid-template-columns:repeat(2,1fr)}.pos-product{min-height:152px}.cart{min-height:600px}.feature-grid{grid-template-columns:1fr}.table-footer{display:none}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.modal-backdrop{padding:10px}.toast-stack{bottom:12px;left:12px;right:12px}.toast{min-width:0}.notification-menu{right:10px}.sample-rows>div{flex-wrap:wrap}.import-grid,.import-counts{grid-template-columns:1fr}}@media print{.sidebar,.topbar,.mobile-menu{display:none!important}.main-shell{width:100%;margin:0}.content{padding:0}.card{box-shadow:none}}.field-help{color:var(--muted);margin-top:6px;font-size:9px;line-height:1.45;display:block}.card-head button.primary,.heading-actions button.primary{background:var(--primary)!important;color:#fff!important;box-shadow:0 5px 14px #6557e83b!important}.card-head button.primary:hover,.heading-actions button.primary:hover{background:var(--primary-dark)!important}.card-head button.secondary{background:var(--surface)!important;border:1px solid var(--border)!important}.payment-entry{grid-template-columns:1fr auto;align-items:end;gap:8px;margin-top:9px;display:grid}.payment-entry label,.split-grid label{color:var(--muted);font-size:8px;font-weight:800}.payment-entry input,.split-grid input{border:1px solid var(--border);background:var(--surface-2);width:100%;height:31px;color:var(--ink);border-radius:7px;margin-top:4px;padding:0 8px}.payment-entry b,.split-grid b{color:var(--green);font-size:9px}.split-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:9px;display:grid}.split-grid>b{grid-column:1/-1}.settings-sections{gap:22px;display:grid}.settings-sections h3{color:var(--ink);margin-bottom:10px;font-size:13px}.permission-grid{grid-column:1/-1;grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.permission-grid label{border:1px solid var(--border);background:var(--surface-2);border-radius:9px;align-items:center;gap:7px;padding:9px;font-size:10px;font-weight:700;display:flex}.permission-grid input{width:14px;height:14px}.barcode-page .settings-card{margin-bottom:14px}.label-sheet{width:max-content;box-shadow:none;grid-template-columns:repeat(2,2cm);gap:2mm;padding:12px;display:grid}.label-sticker{text-align:center;color:#111;background:#fff;border:1px dashed #aeb4c2;border-radius:2px;flex-direction:column;justify-content:center;width:2cm;height:1.5cm;padding:2px 3px;display:flex;overflow:hidden}.label-sticker b{white-space:nowrap;text-overflow:ellipsis;font-size:5px;line-height:1;display:block;overflow:hidden}.label-sticker span{white-space:nowrap;font-size:4.5px;line-height:1}.label-sticker strong{font-family:monospace;font-size:5px;line-height:1}.label-sticker em{letter-spacing:-1px;white-space:nowrap;font-size:8px;font-style:normal;line-height:.8}@media print{:is(body:has(.barcode-page) .sidebar,body:has(.barcode-page) .topbar,body:has(.barcode-page) .page-heading,body:has(.barcode-page) .settings-card){display:none!important}body:has(.barcode-page) .content{padding:0!important}body:has(.barcode-page) .label-sheet{box-shadow:none!important;border:0!important;grid-template-columns:repeat(2,2cm)!important;gap:2mm!important;padding:0!important;display:grid!important}body:has(.barcode-page) .label-sticker{break-inside:avoid}}