#sdn-pos-app{--blue:#5268e8;--ink:#293750;--muted:#8a95a8;--border:#e5e9f1;--bg:#f6f7fa;font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);min-height:calc(100vh - 32px);letter-spacing:-.1px}#sdn-pos-app *{box-sizing:border-box}#sdn-pos-app button,#sdn-pos-app input,#sdn-pos-app select,#sdn-pos-app textarea{font:inherit}#sdn-pos-app button{cursor:pointer;border:0}#sdn-pos-app h1,#sdn-pos-app h2,#sdn-pos-app h3,#sdn-pos-app p{margin:0}.sdn-admin-wrap{margin:0 0 0 -20px}.sdn-shell{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 32px)}.sdn-shell>aside{background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:32px;height:calc(100vh - 32px);z-index:4}.sdn-brand{height:90px;padding:22px;display:flex;flex-direction:column}.sdn-brand b{font-size:28px;line-height:1;font-weight:750}.sdn-brand b span,.blue-text{color:var(--blue)!important}.sdn-brand small{font-size:6px;letter-spacing:.75px;color:#8d96a8;margin-top:7px}.sdn-shell nav{padding:12px}.sdn-shell nav button{display:flex;align-items:center;gap:11px;width:100%;height:42px;padding:0 13px;background:transparent;color:#768196;border-radius:6px;text-align:left;margin:2px 0}.sdn-shell nav button:hover{background:#f5f7fd;color:var(--blue)}.sdn-shell nav button.active{background:#edf1ff;color:var(--blue);font-weight:600}.sdn-ico{font-size:17px;width:20px;text-align:center}.sdn-shell nav em{margin-left:auto;background:#dce4ff;border-radius:10px;padding:1px 7px;font-size:9px;font-style:normal}.sdn-sidefoot{margin:auto 18px 18px;border-top:1px solid var(--border);padding-top:15px}.sdn-sidefoot strong,.sdn-sidefoot small{display:block}.sdn-sidefoot strong{font-size:10px;color:#7b88a0}.sdn-sidefoot small{font-size:8px;color:#a0a8b6;margin-top:3px}.sdn-shell>main{min-width:0}.sdn-shell main>header{height:64px;background:#fff;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 25px;position:sticky;top:32px;z-index:3}.sdn-shell main>header>div{flex:1}.sdn-shell main>header strong,.sdn-shell main>header small{display:block}.sdn-shell main>header strong{font-size:11px}.sdn-shell main>header small{font-size:8px;color:#98a1b0}.sdn-menu{display:none}.sdn-refresh,.sdn-menu{width:34px;height:34px;background:#f6f8fc!important;border-radius:6px;color:#8290a8;font-size:17px}.sdn-content{padding:27px;max-width:1600px;margin:auto}.sdn-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.sdn-heading h1{font-size:25px;font-weight:650;letter-spacing:-.8px}.sdn-heading p{font-size:11px;color:var(--muted);margin-top:5px}.sdn-heading>div:last-child{display:flex;gap:8px}.primary,.secondary,.danger,.button-link{display:inline-flex!important;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:6px!important;text-decoration:none!important;font-size:11px;font-weight:600;white-space:nowrap}.primary{background:var(--blue)!important;color:#fff!important}.primary:hover{background:#4057d7!important}.secondary{background:#fff!important;color:#65738a!important;border:1px solid #dde3ee!important}.secondary:hover{color:var(--blue)!important;border-color:#b8c4ec!important}.danger{background:#fff1f2!important;color:#c45e66!important;border:1px solid #f0dadd!important}.link,.row-btn{background:transparent;color:var(--blue);font-size:10px}.sdn-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.sdn-kpis.small{grid-template-columns:repeat(3,1fr)}.sdn-kpi{background:#fff;border:1px solid var(--border);border-radius:9px;padding:17px;position:relative;min-height:125px}.sdn-kpi>span{position:absolute;right:16px;top:15px;width:31px;height:31px;display:grid;place-items:center;border-radius:7px;background:#edf1ff;color:var(--blue)}.sdn-kpi>span.green{color:#269d79;background:#eaf8f3}.sdn-kpi>span.orange{color:#cb913d;background:#fff5e6}.sdn-kpi>span.purple{color:#8e75c9;background:#f2effb}.sdn-kpi>small{display:block;color:#818b9e;font-size:10px}.sdn-kpi>strong{display:block;font-size:24px;margin-top:8px;letter-spacing:-.7px}.sdn-kpi>p{font-size:8px;color:#9da5b3;margin-top:9px}.sdn-grid.two{display:grid;grid-template-columns:1.7fr 1fr;gap:18px}.sdn-card{background:#fff;border:1px solid var(--border);border-radius:9px;overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px}.card-head h2{font-size:13px;font-weight:620}.card-head p{font-size:9px;color:#959eae;margin-top:4px}.counter{font-size:9px;background:#fff4df;color:#b98439;padding:3px 7px;border-radius:4px}.table-wrap{width:100%;overflow:auto}#sdn-pos-app table{width:100%;border-collapse:collapse;text-align:left;font-size:10px}#sdn-pos-app th{background:#f8f9fc;color:#919bab;text-transform:uppercase;letter-spacing:.5px;font-size:8px;font-weight:600;padding:11px 17px;white-space:nowrap}#sdn-pos-app td{padding:13px 17px;border-top:1px solid #edf0f5;white-space:nowrap}#sdn-pos-app tbody tr[data-order]{cursor:pointer}#sdn-pos-app tbody tr:hover{background:#fafbfe}.sdn-badge{display:inline-flex;align-items:center;gap:4px;font-size:8px;padding:4px 7px;border-radius:4px}.sdn-badge i{width:4px;height:4px;border-radius:50%;background:currentColor}.sdn-badge.green{color:#3d9778;background:#eaf7f1}.sdn-badge.amber{color:#b9853b;background:#fff5e4}.sdn-badge.red{color:#c96770;background:#fcedef}.sdn-badge.blue{color:#657bc7;background:#edf1ff}.stock-list>button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;background:#fff;padding:12px 17px;border-top:1px solid #edf0f5!important}.stock-list>button:hover{background:#fafbfe}.product-icon{width:34px;height:36px;display:grid;place-items:center;background:#edf1ff;color:#7386c7;border-radius:6px;font-size:14px;font-weight:700;flex-shrink:0}.stock-list button>span:nth-child(2){flex:1;min-width:0}.stock-list b,.stock-list small{display:block}.stock-list b{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-list small{font-size:8px;color:#9aa4b5;margin-top:3px}.stock-list em{font-style:normal;color:#c48c3b;font-weight:600;text-align:center}.stock-list em small{font-size:7px}.sdn-empty{text-align:center;padding:40px 20px;color:#94a0b4}.sdn-empty>span{display:grid;place-items:center;width:50px;height:50px;margin:0 auto 12px;border-radius:12px;background:#f1f4fc;font-size:21px}.sdn-empty h3{font-size:12px}.sdn-empty p{font-size:9px;margin-top:5px}.sdn-overview{margin-top:18px;padding-bottom:17px}.category-bars{padding:0 20px}.category-bars>div{display:grid;grid-template-columns:120px 1fr 110px;gap:13px;align-items:center;padding:10px 0;font-size:9px}.category-bars i{height:5px;background:#edf0f7;border-radius:5px;overflow:hidden}.category-bars i b{display:block;height:100%;background:#8295e1}.category-bars strong{text-align:right}.sdn-search{display:flex;align-items:center;gap:8px;height:39px;border:1px solid #dfe5ef;border-radius:6px;background:#fff;padding:0 11px;color:#94a0b3}.sdn-search input{border:0!important;box-shadow:none!important;background:transparent!important;min-width:0;flex:1;color:#5d6b83}.sdn-pos{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:19px;align-items:start}.sdn-tabs{display:flex;gap:7px;margin:14px 0;overflow:auto}.sdn-tabs button{background:#fff;border:1px solid #e0e5ef!important;border-radius:5px;padding:8px 12px;color:#7f8ba0;white-space:nowrap;font-size:9px}.sdn-tabs button.active{background:#edf1ff;color:var(--blue);border-color:#cbd5f7!important}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.product{background:#fff!important;border:1px solid #e0e6f0!important;border-radius:8px;text-align:left;padding:0 12px 12px;overflow:hidden}.product:hover{border-color:#a9b7eb!important;transform:translateY(-1px)}.product.disabled{opacity:.55}.product-art{height:100px;background:#f0f3fa;margin:0 -12px 10px;display:grid;place-items:center;position:relative}.product-art>span{width:55px;height:67px;background:linear-gradient(145deg,#7187df,#5268e8);color:#fff;border-radius:7px 7px 11px 11px;display:grid;place-items:center;font-size:27px;font-weight:700;box-shadow:0 7px 15px #5368e82c}.product-art>em{position:absolute;left:7px;top:7px;background:#fff8e9;color:#b8843e;border-radius:3px;padding:3px 5px;font-size:7px;font-style:normal}.product>small{display:block;color:#9aa4b5;font-size:7px}.product>b{display:block;min-height:31px;margin:4px 0;font-size:10px}.product>p{font-size:7px;color:#9da7b8}.product>div:last-child{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.product>div strong{color:var(--blue);font-size:12px}.product>div:last-child span{width:25px;height:25px;background:#edf1ff;color:var(--blue);display:grid;place-items:center;border-radius:5px}.cart{background:#fff;border:1px solid var(--border);border-radius:8px;position:sticky;top:112px;overflow:hidden}.cart-title{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border)}.cart-title h2{font-size:13px}.cart-title button{background:transparent;color:#a0a8b6;font-size:9px}.cart-title>div{display:flex;gap:9px}.cart-title .close-cart{display:none;color:var(--blue)}.customer-select{display:flex;gap:7px;padding:13px}.customer-select select{flex:1;min-width:0;border:1px solid #dfe5ef;border-radius:5px;padding:9px;color:#697791;background:#fff}.customer-select button{width:36px;border-radius:5px;background:#edf1ff;color:var(--blue);font-size:18px}.cart-lines{max-height:290px;overflow:auto;padding:0 13px;min-height:155px}.cart-lines .sdn-empty{padding:30px 10px}.cart-line{display:flex;align-items:flex-start;gap:9px;padding:12px 0;border-bottom:1px solid var(--border)}.cart-line>div{flex:1;min-width:0}.cart-line b,.cart-line small{display:block}.cart-line b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-line small{font-size:8px;color:#99a4b6;margin-top:3px}.cart-line>strong{font-size:9px}.qty{display:flex;margin-top:7px;width:76px;border:1px solid #e0e6ef;border-radius:4px;overflow:hidden}.qty button,.qty em{width:25px;height:23px;display:grid;place-items:center;background:#fafbfe;font-style:normal;font-size:9px}.qty em{background:#fff;border-left:1px solid #e8ecf3;border-right:1px solid #e8ecf3}.cart-bottom{padding:15px;background:#fcfdff;border-top:1px solid var(--border)}.cart-bottom>div:not(.methods):not(.sdn-form-error),.cart-bottom>label{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#7f8ba0;font-size:9px}.cart-bottom input{width:105px;border:1px solid #dfe5ef;border-radius:4px;padding:7px;text-align:right}.cart-bottom .grand{border-top:1px dashed #d8dfea;padding-top:13px;margin-top:12px;font-size:12px!important}.cart-bottom .grand b{font-size:18px;color:var(--blue)}.methods{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:12px 0}.methods button{height:36px;background:#fff;border:1px solid #dfe5ef!important;border-radius:4px;color:#8995a9;font-size:8px}.methods button.active{background:#edf1ff;color:var(--blue);border-color:#bec9ee!important}.cart-bottom textarea{width:100%;border:1px solid #dfe5ef;border-radius:4px;padding:8px;min-height:38px;resize:vertical;margin-bottom:9px}.checkout{width:100%;min-height:43px}.mobile-cart{display:none}.records .toolbar{padding:16px}.records .toolbar .sdn-search{width:330px}.item-name{display:flex;align-items:center;gap:9px}.item-name b,.item-name small,.sub{display:block}.item-name small,.sub{font-size:8px;color:#98a3b5;margin-top:3px;max-width:210px;overflow:hidden;text-overflow:ellipsis}.amber-text{color:#bd8537!important}.green-text{color:#299471!important}.sdn-loading,.sdn-login{min-height:500px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}.sdn-loading strong{font-size:43px;color:var(--blue)}.sdn-loading span,.sdn-login p{color:#8793a8;margin-top:10px}.sdn-login h2{font-size:22px}.sdn-login a,.sdn-login button{margin-top:20px;padding:10px 17px;border-radius:5px;background:var(--blue);color:#fff;text-decoration:none;border:0}.sdn-modal-wrap{position:fixed;inset:0;z-index:100000;background:#17264366;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;font:13px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#293750}.sdn-modal{width:580px;max-width:100%;max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:10px;box-shadow:0 25px 80px #17243e3d}.sdn-modal>header{display:flex;justify-content:space-between;align-items:flex-start;padding:21px 23px;border-bottom:1px solid #e5e9f1}.sdn-modal>header h2{font-size:18px;margin:0}.sdn-modal>header p{font-size:10px;color:#8d98aa;margin:5px 0 0}.sdn-modal>header button{border:0;background:#f4f6fa;width:31px;height:31px;border-radius:5px;color:#7f8b9d;font-size:21px}.modal-body{padding:22px}.sdn-modal>footer{padding:15px 22px;border-top:1px solid #e5e9f1;background:#fafbfe;display:flex;justify-content:flex-end;gap:8px}.sdn-form{display:grid;grid-template-columns:1fr 1fr;gap:17px}.sdn-form label{font-size:10px;color:#718099;font-weight:600}.sdn-form label.full,.sdn-form .full{grid-column:1/-1}.sdn-form input,.sdn-form select,.sdn-form textarea{display:block;width:100%;border:1px solid #dce3ee;border-radius:5px;min-height:40px;padding:9px;margin-top:6px;color:#53637c;background:#fff}.sdn-form textarea{min-height:65px}.sdn-form label.check{display:flex;align-items:center;gap:8px}.sdn-form label.check input{display:inline;width:15px;min-height:0;margin:0}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.sdn-form-error{color:#bd5f68;background:#fff0f2;border-radius:4px;font-size:10px}.sdn-form-error:not(:empty){padding:10px;margin:7px 0}.invoice-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.invoice-top small{font-size:8px;color:#929eb0}.invoice-top h3{font-size:15px;margin:5px 0 0}.invoice-total{width:270px;margin:20px 0 0 auto}.invoice-total>div{display:flex;justify-content:space-between;padding:5px;font-size:10px}.invoice-total .grand{border-top:1px solid #dce3ee;margin-top:7px;padding-top:11px;font-size:13px}.sdn-toast{position:fixed;right:24px;bottom:24px;z-index:100001;max-width:430px;background:#fff;border:1px solid #cee7dc;color:#447a68;box-shadow:0 12px 45px #1c31541f;border-radius:8px;padding:14px 18px;font:12px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.sdn-toast.error{border-color:#edd3d7;color:#ad5962}
@media(max-width:1100px){.sdn-shell{grid-template-columns:190px 1fr}.sdn-content{padding:22px}.sdn-kpis{gap:11px}.sdn-kpi{padding:14px}.sdn-grid.two{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}.sdn-pos{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:782px){#sdn-pos-app{min-height:100vh}.sdn-admin-wrap{margin-left:-10px}.sdn-shell{display:block}.sdn-shell>aside{position:fixed;top:0;bottom:0;left:0;height:100vh;width:230px;transform:translateX(-100%);transition:.2s;box-shadow:10px 0 40px #18274024}.sdn-nav-open .sdn-shell>aside{transform:translateX(0)}.sdn-shell main>header{top:46px;height:58px;padding:0 15px;gap:11px}.sdn-menu{display:block}.sdn-content{padding:19px 14px}.sdn-heading{align-items:flex-start;flex-wrap:wrap}.sdn-heading h1{font-size:23px}.sdn-heading>div:last-child{width:100%;justify-content:flex-end}.sdn-kpis,.sdn-kpis.small{grid-template-columns:repeat(2,1fr)}.sdn-kpi{min-height:116px}.sdn-kpi>strong{font-size:20px}.sdn-grid.two{grid-template-columns:1fr}.sdn-overview{display:none}.sdn-pos{display:block}.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.product-art{height:90px}.cart{display:none;position:fixed;inset:46px 0 0;z-index:10;border-radius:0;overflow:auto}.cart.open{display:block}.cart-lines{max-height:none}.mobile-cart{display:block;position:fixed;left:14px;right:14px;bottom:14px;z-index:8;width:calc(100% - 28px);height:48px;background:var(--blue)!important;color:#fff;border-radius:7px;font-weight:600}.sdn-content:has(.sdn-pos){padding-bottom:75px}.records .toolbar .sdn-search{width:100%}#sdn-pos-app table{min-width:650px}.sdn-form{grid-template-columns:1fr}.sdn-form label.full,.sdn-form .full{grid-column:auto}.sdn-modal-wrap{padding:10px}.sdn-modal{max-height:calc(100vh - 20px)}.modal-body{padding:18px}.sdn-toast{left:14px;right:14px;bottom:14px}.category-bars>div{grid-template-columns:80px 1fr 80px}.sdn-heading .primary,.sdn-heading .secondary{min-height:39px}}
.salesman-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.cart-bottom .salesman-fields label{display:block;margin:0;color:#6f7e95;font-size:9px}.cart-bottom .salesman-fields input{display:block;width:100%;margin-top:5px;text-align:left;min-height:34px}.invoice-salesman{display:flex;align-items:center;gap:10px;margin:0 0 17px;padding:12px 14px;border:1px solid #e3e8f1;background:#f8faff;border-radius:6px}.invoice-salesman span{font-size:8px;letter-spacing:.7px;color:#8e9aaf}.invoice-salesman strong{font-size:11px;color:#5e7190}.invoice-salesman small{margin-left:auto;color:#8291a8}.invoice-product{display:flex;align-items:center;gap:9px}.invoice-product strong{font-size:10px}.product-thumb{width:36px;height:36px;display:block;flex:0 0 36px;border-radius:6px;overflow:hidden;background:#eef1f7;border:1px solid #e2e7f0}.product-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.product-art>.product-thumb.large{width:84px;height:84px;flex:0 0 84px;border:1px solid #e1e6ef;border-radius:9px;background:#fff;box-shadow:0 5px 13px #263a6314;display:block}.product-art>.product-thumb.large img{width:100%;height:100%;object-fit:cover}.product-image-field>span{display:block;font-size:10px;color:#718099;font-weight:600;margin-bottom:7px}.image-picker-row{display:flex;align-items:center;gap:15px;padding:13px;border:1px solid #dce3ee;border-radius:7px;background:#fafbfe}.image-picker-preview{width:112px;height:112px;flex:0 0 112px;border:1px dashed #cdd6e5;border-radius:8px;overflow:hidden;background:#eef2fa;display:grid;place-items:center}.image-picker-preview img{display:block;width:100%;height:100%;object-fit:cover}.image-picker-preview>span{font-size:35px;font-weight:700;color:#8193c5}.image-picker-row>div:last-child{display:flex;align-items:flex-start;flex-direction:column;gap:8px}.image-picker-row .secondary{min-height:36px}.image-picker-row small{display:block;color:#929eb2;font-size:9px;font-weight:400;max-width:280px}.image-remove{padding:0!important;background:transparent!important;color:#c26972!important;font-size:9px!important}.image-remove[hidden]{display:none!important}
@media(max-width:782px){.salesman-fields{grid-template-columns:1fr}.invoice-salesman{align-items:flex-start;flex-direction:column;gap:4px}.invoice-salesman small{margin-left:0}.product-art>.product-thumb.large{width:76px;height:76px;flex-basis:76px}.image-picker-row{align-items:flex-start}.image-picker-preview{width:92px;height:92px;flex-basis:92px}.image-picker-row .secondary{white-space:normal;height:auto;min-height:38px;padding:7px 10px}}
@media(max-width:380px){.sdn-kpis,.sdn-kpis.small{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr 1fr}.product{padding-left:9px;padding-right:9px}.product-art{margin-left:-9px;margin-right:-9px}.product>b{font-size:9px}.sdn-heading>div:last-child{justify-content:flex-start}.image-picker-row{flex-direction:column}.image-picker-preview{width:100%;height:auto;aspect-ratio:1/1}.image-picker-row>div:last-child{width:100%}.image-picker-row .secondary{width:100%}}