:root{color:#172033;background:#f3f6fb;font-synthesis:none;--ink: #172033;--muted: #667085;--line: #e8edf5;--primary: #2563eb;--primary-dark: #1d4ed8;--cyan: #0ea5e9;--amber: #f59e0b;--success: #10b981;--danger: #ef4444;--sidebar: #08111f}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{background:#f3f6fb}body{min-width:320px;color:var(--ink);font-family:Noto Sans Thai,Sarabun,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 92% 0%,rgba(37,99,235,.09),transparent 26rem),radial-gradient(circle at 6% 95%,rgba(14,165,233,.06),transparent 24rem),#f3f6fb;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}::selection{color:#fff;background:#2563ebdb}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c5cfdd;border:2px solid transparent;border-radius:999px;background-clip:padding-box}.app-root-layout,.app-root-layout>.ant-layout,.app-main-layout{min-height:100vh;background:transparent!important}.app-sider{position:sticky!important;top:0;height:100vh;overflow:hidden;background:radial-gradient(circle at 15% 5%,rgba(37,99,235,.26),transparent 15rem),linear-gradient(180deg,#0c1728,#08111f 56%,#060c16)!important;border-right:1px solid rgba(255,255,255,.055);box-shadow:18px 0 60px #08111f24}.app-sider:after{position:absolute;right:-90px;bottom:-90px;width:220px;height:220px;pointer-events:none;content:"";background:radial-gradient(circle,rgba(14,165,233,.18),transparent 68%)}.sidebar-panel{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}.brand-lockup{display:flex;align-items:center;min-height:82px;padding:18px 20px;overflow:hidden;color:#fff}.brand-mark{position:relative;display:grid;flex:0 0 auto;width:44px;height:44px;color:#fff;font-size:21px;place-items:center;background:linear-gradient(145deg,#3b82f6,#1d4ed8 56%,#0ea5e9);border:1px solid rgba(255,255,255,.2);border-radius:14px;box-shadow:0 12px 28px #2563eb57}.brand-mark:after{position:absolute;top:5px;right:5px;bottom:5px;left:5px;pointer-events:none;content:"";border:1px solid rgba(255,255,255,.2);border-radius:10px}.brand-copy{min-width:0;margin-left:12px;white-space:nowrap}.brand-name{font-size:16px;font-weight:800;letter-spacing:.03em}.brand-subtitle{margin-top:2px;color:#71819b;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.sidebar-menu-wrap{flex:1;min-height:0;padding:2px 10px 14px;overflow:auto}.sidebar-menu.ant-menu{border:0!important;background:transparent!important}.sidebar-menu .ant-menu-item-group-title{padding:18px 16px 7px!important;color:#52617a!important;font-size:10px!important;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.sidebar-menu .ant-menu-item{font-weight:600}.sidebar-menu .ant-menu-item .anticon{font-size:17px}.sidebar-menu .ant-menu-item-selected{box-shadow:0 10px 24px #2563eb47}.sidebar-footer{margin:8px 14px 16px;padding:12px;color:#7f8da5;background:#101b2c;border:1px solid #1b2a40;border-radius:14px}.sidebar-status{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600}.sidebar-status-dot{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 0 5px #10b9811a}.sidebar-collapse-button{width:100%;margin-top:9px;color:#71819b!important;background:transparent!important;border:0!important;box-shadow:none!important}.sidebar-collapse-button:hover{color:#fff!important}.app-topbar{position:sticky;z-index:20;top:0;display:flex;align-items:center;justify-content:space-between;height:76px!important;padding:0 28px!important;line-height:normal!important;background:#fff!important;border-bottom:1px solid #e2e8f0;box-shadow:0 8px 30px #0f172a0b}.topbar-leading,.topbar-actions,.topbar-user{display:flex;align-items:center}.topbar-leading{min-width:0;gap:13px}.topbar-actions{gap:9px}.topbar-title{overflow:hidden}.topbar-title h1{margin:0;overflow:hidden;color:#172033;font-size:18px;font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.topbar-title p{margin:3px 0 0;overflow:hidden;color:#8b98aa;font-size:11px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.desktop-collapse-button{display:inline-flex!important;width:40px!important;height:40px!important;flex:0 0 auto;align-items:center;justify-content:center;color:#475467!important;font-size:17px!important;background:#f7f9fc!important;border:1px solid #e6ebf2!important;border-radius:12px!important;box-shadow:none!important;transition:.2s ease!important}.desktop-collapse-button:hover{color:#2563eb!important;background:#eff6ff!important;border-color:#bfdbfe!important;transform:translateY(-1px)}.mobile-menu-button{display:none!important}.quick-action-button{height:40px!important;padding-inline:15px!important;font-weight:700}.topbar-user{min-width:0;gap:10px;padding:5px 7px 5px 5px;cursor:pointer;border:1px solid transparent;border-radius:14px;transition:.2s ease}.topbar-user:hover{background:#f7f9fc;border-color:#e8edf5}.topbar-avatar{color:#fff!important;font-weight:800;background:linear-gradient(145deg,#2563eb,#0ea5e9)!important;box-shadow:0 7px 16px #2563eb33}.topbar-user-copy{min-width:0;line-height:1.15}.topbar-user-name{max-width:145px;overflow:hidden;font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.topbar-user-role{margin-top:3px;color:#8b98aa;font-size:10px}.app-content{width:100%;max-width:1680px;margin:0 auto;padding:24px 28px 34px;animation:page-enter .35s ease both}@keyframes page-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.ant-card{overflow:hidden;background:#fff;border-color:#e2e8f0;box-shadow:0 1px 2px #0f172a06,0 10px 35px #0f172a0e}.ant-card .ant-card-head{min-height:64px;border-bottom-color:#edf1f6}.ant-card .ant-card-head-title{color:#172033;font-size:16px;font-weight:800}.ant-card .ant-card-extra{color:#667085}.ant-btn{font-weight:650}.ant-btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8 68%,#0e61dd);border-color:transparent}.ant-btn-primary:not(:disabled):hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:transparent;transform:translateY(-1px)}.ant-btn-dangerous:not(.ant-btn-primary){background:#fff7f7}.ant-input,.ant-input-affix-wrapper,.ant-input-number,.ant-select-selector,.ant-picker{background:#fbfcfe!important;border-color:#dfe5ee!important}.ant-input:hover,.ant-input-affix-wrapper:hover,.ant-input-number:hover,.ant-select-selector:hover,.ant-picker:hover{border-color:#b5c0d0!important}.ant-form-item-label>label{color:#475467!important;font-size:12px!important;font-weight:700}.ant-table-wrapper{overflow:hidden;border:1px solid #edf0f5;border-radius:14px}.ant-table-wrapper .ant-table{border-radius:14px}.ant-table-thead>tr>th{font-size:11px;font-weight:800!important;letter-spacing:.025em;text-transform:uppercase}.ant-table-tbody>tr>td{transition:background .18s ease}.ant-pagination{padding-inline:4px}.ant-tag{padding-inline:8px;font-size:11px;font-weight:700;line-height:23px;border-radius:999px}.ant-modal .ant-modal-content{padding:22px;box-shadow:0 28px 90px #0f172a38}.ant-modal .ant-modal-title{font-size:18px;font-weight:800}.ant-tabs-nav:before{border-bottom-color:#edf1f6!important}.ant-card-tab{font-weight:700}.dashboard-page{display:flex;flex-direction:column;gap:18px}.dashboard-hero{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:184px;padding:30px 34px;overflow:hidden;color:#fff;background:linear-gradient(115deg,rgba(255,255,255,.075) 0 1px,transparent 1px 100%),radial-gradient(circle at 86% 24%,rgba(56,189,248,.28),transparent 18rem),linear-gradient(120deg,#0b1830,#142c5b 48%,#1d4ed8 110%);background-size:30px 30px,auto,auto;border:1px solid rgba(255,255,255,.09);border-radius:24px;box-shadow:0 22px 60px #152e5f33}.dashboard-hero:before,.dashboard-hero:after{position:absolute;content:"";border:1px solid rgba(255,255,255,.1);border-radius:50%}.dashboard-hero:before{top:-110px;right:5%;width:300px;height:300px}.dashboard-hero:after{right:-35px;bottom:-100px;width:220px;height:220px}.dashboard-hero__content,.dashboard-hero__actions{position:relative;z-index:1}.dashboard-eyebrow{display:inline-flex;align-items:center;gap:7px;margin-bottom:10px;color:#9fcbff;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.dashboard-eyebrow-dot{width:7px;height:7px;background:#38bdf8;border-radius:50%;box-shadow:0 0 0 5px #38bdf81f}.dashboard-hero h2{margin:0;color:#fff;font-size:clamp(24px,3vw,36px);font-weight:850;letter-spacing:-.025em;line-height:1.25}.dashboard-hero p{max-width:610px;margin:9px 0 0;color:#b6c6df;font-size:13px}.dashboard-hero__meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.hero-chip{padding:7px 11px;color:#d9e8ff;font-size:11px;font-weight:700;background:#1b3762;border:1px solid #31517f;border-radius:999px}.dashboard-hero__actions{display:grid;min-width:190px;gap:10px}.hero-action{justify-content:space-between!important;height:44px!important;color:#fff!important;font-weight:750;background:#203e6a!important;border-color:#365782!important;box-shadow:none!important}.hero-action:hover{background:#2a4d7c!important;border-color:#5275a3!important}.hero-action--primary{color:#102146!important;background:#fff!important}.hero-action--primary:hover{color:#1d4ed8!important;background:#eff6ff!important}.metric-card{position:relative;min-height:146px;overflow:hidden}.metric-card:after{position:absolute;top:-45px;right:-35px;width:130px;height:130px;pointer-events:none;content:"";background:var(--metric-tint);border-radius:50%;opacity:.65}.metric-card .ant-card-body{position:relative;z-index:1;padding:21px}.metric-card__top{display:flex;align-items:center;justify-content:space-between}.metric-card__icon{display:grid;width:43px;height:43px;color:var(--metric-color);font-size:19px;background:var(--metric-bg);border:1px solid var(--metric-border);border-radius:14px;place-items:center}.metric-card__badge{color:#98a2b3;font-size:10px;font-weight:700}.metric-card__label{margin-top:15px;color:#667085;font-size:12px;font-weight:650}.metric-card__value{margin-top:4px;color:#172033;font-size:26px;font-weight:850;letter-spacing:-.02em;line-height:1.2}.metric-blue{--metric-color: #2563eb;--metric-bg: #eff6ff;--metric-border: #dbeafe;--metric-tint: #dbeafe}.metric-green{--metric-color: #059669;--metric-bg: #ecfdf5;--metric-border: #d1fae5;--metric-tint: #d1fae5}.metric-purple{--metric-color: #7c3aed;--metric-bg: #f5f3ff;--metric-border: #ede9fe;--metric-tint: #ede9fe}.metric-amber{--metric-color: #d97706;--metric-bg: #fffbeb;--metric-border: #fef3c7;--metric-tint: #fef3c7}.panel-card{height:100%}.panel-title{display:flex;align-items:center;gap:9px;font-weight:800}.panel-title-mark{width:9px;height:9px;background:linear-gradient(135deg,#2563eb,#0ea5e9);border-radius:3px;box-shadow:0 0 0 5px #eff6ff}.chart-summary{display:flex;gap:22px}.chart-summary__item{display:flex;flex-direction:column;gap:2px;font-size:11px}.chart-summary__item span{color:#98a2b3}.chart-summary__item b{color:#344054;font-size:13px}.inventory-health{display:flex;align-items:center;gap:20px;min-height:140px}.inventory-ring{display:grid;flex:0 0 auto;width:118px;height:118px;border-radius:50%;place-items:center}.inventory-ring__inner{display:grid;width:88px;height:88px;text-align:center;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px #edf0f5;place-items:center}.inventory-ring__inner b{display:block;color:#172033;font-size:22px;line-height:1}.inventory-ring__inner span{display:block;margin-top:4px;color:#98a2b3;font-size:9px;font-weight:700;text-transform:uppercase}.inventory-health__copy{flex:1}.inventory-health__copy h4{margin:0 0 8px;color:#344054;font-size:13px}.inventory-health__copy strong{display:block;color:#172033;font-size:20px}.inventory-health__copy p{margin:5px 0 0;color:#98a2b3;font-size:11px}.rank-row,.stock-alert-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.rank-row__name,.stock-alert-row__name{display:flex;min-width:0;align-items:center;gap:10px}.rank-row__name span:last-child,.stock-alert-row__name span:last-child{overflow:hidden;font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.rank-badge{display:grid;flex:0 0 auto;width:29px;height:29px;color:#2563eb;font-size:11px;font-weight:850;background:#eff6ff;border-radius:9px;place-items:center}.rank-badge--first{color:#a16207;background:#fef3c7}.stock-alert-dot{width:9px;height:9px;background:#ef4444;border-radius:50%;box-shadow:0 0 0 5px #fef2f2}.bar-chart{position:relative;width:100%;min-height:180px;padding:16px 4px 28px;overflow:hidden}.bar-chart__grid{position:absolute;top:18px;right:0;bottom:28px;left:0;display:flex;flex-direction:column;justify-content:space-between}.bar-chart__grid span{width:100%;border-top:1px dashed #e7ecf3}.bar-chart__bars{position:relative;z-index:1;display:flex;height:100%;align-items:flex-end;justify-content:space-around;gap:12px}.bar-chart__column{position:relative;display:flex;flex:1;height:100%;min-width:34px;max-width:84px;align-items:center;flex-direction:column;justify-content:flex-end}.bar-chart__bar{position:relative;width:min(60%,34px);min-height:5px;overflow:hidden;background:linear-gradient(180deg,#3b82f6,#2563eb 52%,#1d4ed8);border-radius:8px 8px 4px 4px;box-shadow:0 10px 18px #2563eb2b;transition:.25s ease}.bar-chart__bar:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(90deg,rgba(255,255,255,.2),transparent 50%)}.bar-chart__column:hover .bar-chart__bar{filter:saturate(1.15);transform:translateY(-3px)}.bar-chart__value{margin-bottom:6px;color:#667085;font-size:9px;font-weight:700;opacity:0;transition:.2s ease}.bar-chart__column:hover .bar-chart__value{opacity:1}.bar-chart__label{position:absolute;bottom:-23px;width:100%;overflow:hidden;color:#98a2b3;font-size:9px;font-weight:650;text-align:center;text-overflow:ellipsis;white-space:nowrap}.pos-product-card{position:relative;overflow:hidden;cursor:pointer;transition:.2s ease}.pos-product-card:after{position:absolute;top:0;left:0;width:4px;height:100%;content:"";background:linear-gradient(#2563eb,#0ea5e9);opacity:0;transition:opacity .2s ease}.pos-product-card:hover{border-color:#93b4f7!important;box-shadow:0 12px 30px #2563eb1f;transform:translateY(-2px)}.pos-product-card:hover:after{opacity:1}.pos-product-card:active{transform:scale(.98)}.login-shell{position:relative;display:grid;min-height:100vh;overflow:hidden;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);background:#f4f7fb}.login-showcase{position:relative;display:flex;min-height:100vh;padding:clamp(40px,6vw,86px);overflow:hidden;color:#fff;flex-direction:column;justify-content:space-between;background:linear-gradient(125deg,rgba(255,255,255,.04) 0 1px,transparent 1px 100%),radial-gradient(circle at 82% 16%,rgba(56,189,248,.3),transparent 24rem),radial-gradient(circle at 12% 92%,rgba(37,99,235,.32),transparent 26rem),linear-gradient(135deg,#07111f,#10264d 58%,#173a75);background-size:34px 34px,auto,auto,auto}.login-showcase:before,.login-showcase:after{position:absolute;content:"";border:1px solid rgba(255,255,255,.075);border-radius:50%}.login-showcase:before{top:-170px;right:-130px;width:520px;height:520px}.login-showcase:after{right:12%;bottom:-210px;width:430px;height:430px}.login-brand,.login-copy,.login-proof{position:relative;z-index:1}.login-brand{display:flex;align-items:center;gap:13px}.login-brand .brand-mark{width:49px;height:49px}.login-brand strong{display:block;font-size:17px;letter-spacing:.03em}.login-brand span{color:#7f93b2;font-size:10px;font-weight:750;letter-spacing:.15em;text-transform:uppercase}.login-copy{max-width:700px;margin-block:auto;padding-block:60px}.login-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:7px 11px;color:#a6d5ff;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;background:#12345c;border:1px solid #28547f;border-radius:999px}.login-copy h1{max-width:650px;margin:0;color:#fff;font-size:clamp(38px,5vw,66px);font-weight:900;letter-spacing:-.045em;line-height:1.08}.login-copy h1 span{color:#60a5fa}.login-copy>p{max-width:560px;margin:24px 0 0;color:#a7b6cb;font-size:15px;line-height:1.8}.login-features{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.login-feature{display:flex;align-items:center;gap:8px;padding:9px 12px;color:#d4e1f4;font-size:11px;font-weight:650;background:#142947;border:1px solid #2a405f;border-radius:12px}.login-feature .anticon{color:#60a5fa}.login-proof{display:flex;align-items:center;gap:12px;color:#7889a3;font-size:10px;font-weight:650;letter-spacing:.04em}.login-proof:before{width:35px;content:"";border-top:1px solid #34465f}.login-form-zone{position:relative;display:grid;min-height:100vh;padding:34px;place-items:center}.login-form-zone:before{position:absolute;top:7%;right:12%;width:210px;height:210px;pointer-events:none;content:"";background:radial-gradient(circle,rgba(37,99,235,.12),transparent 68%)}.login-card{width:min(100%,430px);overflow:visible;background:#fff;border:1px solid #e2e8f0;box-shadow:0 34px 90px #0f172a21}.login-card .ant-card-body{padding:38px}.login-card__eyebrow{color:#2563eb;font-size:10px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.login-card h2{margin:8px 0 5px;color:#172033;font-size:27px;font-weight:900;letter-spacing:-.025em}.login-card__subtitle{display:block;margin-bottom:28px;color:#8b98aa;font-size:12px}.login-card .ant-input-affix-wrapper{min-height:48px;padding-inline:14px;border-radius:13px}.login-card .ant-btn-primary{min-height:49px;margin-top:5px;font-size:14px}.login-help{margin-top:19px;color:#98a2b3;font-size:10px;line-height:1.6;text-align:center}.mobile-drawer .ant-drawer-body{padding:0!important;background:#08111f}@media print{body *{visibility:hidden}#print-area,#print-area *{visibility:visible}#print-area{position:absolute;top:0;left:0;width:80mm}}.receipt{width:80mm;padding:4mm;color:#000;font-family:Sarabun,sans-serif;font-size:12px;line-height:1.5}.receipt h2{margin:0 0 2px;font-size:16px;text-align:center}.receipt .muted{color:#333;font-size:11px}.receipt table{width:100%;margin:6px 0;border-collapse:collapse}.receipt td{padding:1px 0;vertical-align:top}.receipt .dashed{margin:6px 0;border-top:1px dashed #000}.receipt .right{text-align:right}.receipt .center{text-align:center}@media (max-width: 1199px){.app-content{padding:20px}.app-topbar{padding-inline:20px!important}.dashboard-hero{padding:27px}.chart-summary{gap:12px}}@media (max-width: 991px){.desktop-sider{display:none}.mobile-menu-button{display:inline-flex!important}.desktop-collapse-button{display:none!important}.app-topbar{height:68px!important}.app-content{padding:16px}.dashboard-hero{min-height:auto;align-items:flex-start;flex-direction:column;gap:24px}.dashboard-hero__actions{width:100%;grid-template-columns:repeat(3,1fr)}.login-shell{display:block;background:radial-gradient(circle at 50% -10%,rgba(37,99,235,.25),transparent 24rem),#f3f6fb}.login-showcase{display:none}.login-form-zone{min-height:100vh;padding:24px}}@media (max-width: 680px){.topbar-title p,.quick-action-button,.topbar-user-copy{display:none}.app-topbar{padding-inline:13px!important}.topbar-actions{gap:5px}.app-content{padding:12px}.dashboard-page{gap:12px}.dashboard-hero{padding:23px 20px;border-radius:20px}.dashboard-hero h2{font-size:25px}.dashboard-hero p{font-size:12px}.dashboard-hero__actions{grid-template-columns:1fr}.ant-card{border-radius:16px!important}.ant-card .ant-card-head{min-height:58px;padding-inline:16px}.ant-card .ant-card-body{padding:16px}.ant-card .ant-card-head-title{font-size:14px}.metric-card{min-height:132px}.metric-card .ant-card-body{padding:17px}.metric-card__value{font-size:21px}.chart-summary{display:none}.inventory-health{gap:14px}.inventory-ring{width:94px;height:94px}.inventory-ring__inner{width:70px;height:70px}.inventory-ring__inner b{font-size:18px}.login-form-zone{padding:16px}.login-card .ant-card-body{padding:27px 21px}}