*{margin:0;padding:0;font-family:Inter,sans-serif}.container-login{width:100%;height:100vh;background-color:#fff;display:flex;justify-content:center;align-items:center;min-width:400px}.wrapper-login{width:100%;height:50%;display:flex;justify-content:center;align-items:center;gap:2%}.wrapper-login hr{width:1px;height:60%;background-color:#004a73;border:none;margin:0 20px}.left-login{width:20%;height:50%;display:flex;flex-direction:column;gap:20px}.left-login img{width:100%;object-fit:cover}.left-login h4{font-size:20px;color:#004a73;font-weight:400}.right-login{width:20%;height:50%;gap:5%;display:flex;flex-direction:column}.right-login .title-login h1{font-size:20px;color:#004a73;font-weight:500}@media (max-width: 900px){.wrapper-login{width:95%;flex-direction:column;gap:20px;padding:30px;height:100%;justify-content:flex-start;align-items:center;margin-top:50px}.wrapper-login hr{width:80%;height:1px}.left-login img{max-width:180px}.left-login,.right-login{width:100%;align-items:center;height:100px}.left-login h4{font-size:16px;font-weight:500}.input-login input,.button-login button{width:100%!important}}@media (max-width: 600px){.wrapper-login{padding:20px;border-radius:12px}.title-login h1{font-size:20px}.left-login img{max-width:180px}.input-login input,.button-login button{width:100%!important}}@media (max-width: 400px){.wrapper-login{padding:16px}.left-login img{max-width:150px}.title-login h1{font-size:16px;color:red}}.input-container{display:flex;flex-direction:column;gap:6px}.input-label{font-size:14px;font-weight:500;color:#333}.required{color:red}.input-field{border:1px solid #ccc;border-radius:6px;padding:8px 12px;font-size:14px;outline:none;transition:all .2s ease;width:100%;box-sizing:border-box}.input-field:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff33}.input-field:disabled{background-color:#f5f5f5;cursor:not-allowed}.input-error{border-color:red}.input-error-text{font-size:12px;color:red;margin-top:2px}.container-forgot{display:flex;align-items:center;justify-content:center;height:100vh;background:#f7f8fa}.wrapper-forgot{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:20px;box-shadow:0 4px 10px #0000001a;padding:40px 60px}.left-forgot{display:flex;flex-direction:column;align-items:center;justify-content:center}.left-forgot img{width:120px;object-fit:contain}.left-forgot h4{color:#004a73;margin-top:10px}.divider{width:1px;height:300px;background-color:#ddd;margin:0 40px}.right-forgot{position:relative;display:flex;flex-direction:column;align-items:center}.back-btn{position:absolute;top:0;right:0;background:none;border:none;color:#004a73;font-weight:600;cursor:pointer;font-size:14px;transition:.3s}.back-btn:hover{color:#f6b500}.card-forgot{background-color:#fff;border-radius:16px;padding:40px 50px;text-align:center;min-width:350px}.title-forgot h1{color:#1a2b5f;margin-bottom:10px}.title-forgot p{color:#666;margin-bottom:25px;font-size:14px}.form-forgot{display:flex;flex-direction:column;align-items:center;gap:15px}.button-forgot button{width:300px;height:45px;background-color:#004a73;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.button-forgot button:hover{background-color:#f6b500;color:#004a73;transition:.3s}.success-forgot{text-align:center;color:#004a73}.container-app{width:100%;height:100vh;display:flex;font-family:Inter,sans-serif}.left-bar{width:15%;transition:transform .4s ease,opacity .4s ease;transform:translate(0)}.main-bar{flex:1;width:100%;background-color:transparent;padding:16px}.loading-logo-screen{width:100%;height:100vh;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px}.loading-logo{width:130px;animation:fadeLogo 1.5s ease-in-out infinite alternate}@keyframes fadeLogo{0%{opacity:.5}to{opacity:1}}.loader-dots{width:36px;height:6px;border-radius:3px;background:linear-gradient(90deg,#2c2d2e,#3134ae);animation:dotPulse 1s ease-in-out infinite alternate}@keyframes dotPulse{0%{width:20px;opacity:.4}to{width:36px;opacity:1}}.container-leftbar{width:100%;height:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;padding:12px;box-sizing:border-box}.wrapper-leftbar{width:100%;height:100%;background-color:#0f1536;border-radius:20px;overflow:hidden;display:flex;flex-direction:column}.title-leftbar{padding:18px 16px 10px;display:flex;align-items:center;justify-content:center}.sidebar-title{margin:0;font-size:20px;font-weight:700;letter-spacing:.3px;color:#fff}.sidebar-logo{width:28px;height:28px;object-fit:contain}.menu-leftbar{flex:1;display:flex;flex-direction:column;gap:10px;padding:12px}.menu-group{display:flex;flex-direction:column;gap:6px}.menu-header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:12px;cursor:pointer;-webkit-user-select:none;user-select:none;color:#fff;font-size:14px;font-weight:650;transition:background .2s ease,transform .1s ease}.menu-header:hover{background:#ffffff14}.menu-header:active{transform:scale(.99)}.menu-left{display:flex;align-items:center;gap:12px;min-width:0}.menu-icon{display:flex;align-items:center;justify-content:center}.menu-icon svg{font-size:20px;color:#fffffff2}.menu-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-expand{display:flex;align-items:center;justify-content:center}.active-menu-parent{background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff1a}.submenu-leftbar{display:flex;flex-direction:column;gap:6px;padding-left:8px;padding-top:6px}.submenu-item{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:13px;font-weight:550;color:#ffffffb8;padding:9px 12px;border-radius:10px;transition:background .2s ease,color .2s ease}.submenu-item:hover{color:#fff;background:#ffffff14}.submenu-text{display:inline-flex;align-items:center;gap:8px}.submenu-icon{font-size:16px!important;opacity:.9}.active-submenu{color:#0f1536;background:#75f94c;font-weight:800;border-radius:10px;padding:9px 12px}.menu-header:after{content:attr(data-tooltip);position:absolute;left:70px;top:50%;transform:translateY(-50%);background:#111827;color:#fff;padding:6px 10px;border-radius:8px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 8px 18px #00000040}@media (max-width: 1080px){.container-leftbar{padding:10px}.wrapper-leftbar{border-radius:16px}.sidebar-title{font-size:18px}.menu-header{font-size:13.5px;padding:10px 12px;border-radius:10px}.submenu-item,.active-submenu{font-size:13px;padding:9px 11px}}@media (max-width: 720px){.container-leftbar{padding:8px}.wrapper-leftbar{width:70px;min-width:70px;border-radius:14px;overflow:visible}.sidebar-title{display:none}.title-leftbar{padding:14px 10px 8px}.menu-leftbar{padding:10px 8px;gap:8px}.menu-header{justify-content:center;padding:10px}.menu-left{justify-content:center;gap:0}.menu-text,.menu-expand{display:none}.menu-icon svg{font-size:22px}.submenu-leftbar{display:none}.menu-group{position:relative}.menu-group.mobile-expanded .submenu-leftbar{display:flex;position:absolute;left:78px;top:0;min-width:200px;background:#0f1536;border-radius:12px;padding:10px;box-shadow:0 12px 26px #00000059;z-index:9999}.menu-group.mobile-expanded .submenu-item,.menu-group.mobile-expanded .active-submenu{width:100%}}@media (max-width: 540px){.container-leftbar{padding:6px}.wrapper-leftbar{width:64px;border-radius:12px}.menu-leftbar{padding:8px 6px}.menu-icon svg{font-size:22px}}.suppliers-container{width:100%;min-height:90vh;display:flex;flex-direction:column;box-sizing:border-box;min-width:400px}.suppliers-header{display:flex;justify-content:space-between;align-items:center;background-color:#0f1536;padding:16px 20px;border-radius:12px;margin-bottom:20px;flex-wrap:wrap;gap:12px}.suppliers-header h1{color:#fff;font-size:22px;font-weight:650;margin:0}.header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.suppliers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.supplier-info h2{font-size:18px;font-weight:650;color:#0f1536;margin:0 0 6px}.supplier-info p{color:#555;font-size:14px;margin:0 0 8px;line-height:1.4}.supplier-info small{display:block;color:#999;font-size:12px;margin-top:4px}.supplier-actions{position:absolute;top:10px;right:10px;display:flex;gap:8px}.supplier-actions button{border:none;background:none;cursor:pointer;padding:6px;border-radius:999px;transition:background .2s ease-in-out}.supplier-actions button:hover{background:#0000000f}.suppliers-table-wrap{width:100%}.suppliers-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.suppliers-table th,.suppliers-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #eaeaea;vertical-align:top}.suppliers-table th{background-color:#0f1536;color:#fff;font-weight:650}.suppliers-table tr:hover td{background-color:#f9f9f9}.suppliers-table td button{background:none;border:none;cursor:pointer;margin-right:6px}.pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:20px;flex-wrap:wrap}.pagination button{background-color:#f1f1f1;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;transition:.2s;font-weight:600}.pagination button.active{background-color:#0f1536;color:#fff}@media (max-width: 1080px){.suppliers-header h1{font-size:20px}.suppliers-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}}@media (max-width: 720px){.suppliers-header{flex-direction:column;align-items:stretch;padding:14px 16px}.header-actions{width:100%;display:flex;flex-direction:column;gap:10px;align-items:stretch}.header-actions button,.header-actions .btn,.header-actions>*{width:100%!important}.suppliers-table,.suppliers-table thead,.suppliers-table tbody,.suppliers-table th,.suppliers-table td,.suppliers-table tr{display:block;width:100%}.suppliers-table thead{display:none}.suppliers-table tr{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:12px;overflow:hidden}.suppliers-table td{border-bottom:1px solid #f0f0f0;padding:10px 14px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.suppliers-table td:before{content:attr(data-label);font-weight:700;color:#0f1536;opacity:.85;flex:0 0 92px}.suppliers-table td:last-child{border-bottom:none}.suppliers-table td[data-label=Actions]{justify-content:flex-start;gap:10px}.suppliers-table td[data-label=Actions]:before{flex:0 0 92px}.suppliers-table td[data-label=Actions] button{margin-right:0;padding:6px;border-radius:999px}}@media (max-width: 540px){.suppliers-header h1{font-size:18px}.suppliers-grid{grid-template-columns:1fr}.supplier-info h2{font-size:16px}.popup-box{padding:18px}.btn-save,.btn-cancel{padding:8px 12px;font-size:13px}.suppliers-table td:before{flex:0 0 78px}.suppliers-table td[data-label=Actions]:before{flex:0 0 78px}}.container-box{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;transition:all .2s ease-in-out}.container-box:hover{transform:translateY(-1px)}.ds-wrap{width:100%;height:100%;box-sizing:border-box;min-width:400px}.ds-header{display:flex;justify-content:space-between;align-items:center;background-color:#0f1536;padding:16px 20px;border-radius:12px;margin-bottom:20px;flex-wrap:wrap}.ds-title{font-size:22px;margin:0;font-weight:800;letter-spacing:-.2px;color:#fff}.ds-refresh{border:1px solid #e6e9f2;background:#fff;padding:10px 12px;border-radius:10px;cursor:pointer;font-weight:700}.ds-top-controls{margin-top:10px;display:flex;flex-wrap:wrap;gap:12px;align-items:end}.ds-control{display:flex;flex-direction:column;gap:6px;min-width:240px}.ds-control label{font-size:12px;color:#6b7280;font-weight:800}.ds-control select{border:1px solid #e6e9f2;background:#fff;padding:10px 12px;border-radius:10px;outline:none;font-weight:700}.ds-meta{display:flex;flex-wrap:wrap;gap:8px}.ds-pill{display:inline-flex;gap:8px;align-items:center;background:#f5f7fb;border:1px solid #e6e9f2;padding:6px 10px;border-radius:999px;font-size:13px;font-weight:600}.ds-alert{background:#fff2f2;border:1px solid #ffd2d2;color:#8a1f1f;padding:12px;border-radius:12px;margin-bottom:14px}.ds-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-bottom:12px}.ds-card{background:#fff;border:1px solid #e6e9f2;border-radius:14px;padding:14px;box-shadow:0 6px 18px #0f172a0f;min-height:110px;display:flex;flex-direction:column;justify-content:space-between}.ds-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.ds-card-label{color:#5b6475;font-size:13px;font-weight:800}.ds-card-icon{font-size:18px}.ds-card-value{margin-top:8px;font-size:28px;font-weight:900;letter-spacing:-.6px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-card-value.small{font-size:16px;font-weight:900}.ds-card-note{margin-top:8px;font-size:12.5px;color:#6b7280;line-height:1.4}.ds-main{display:grid;grid-template-columns:1.25fr 1fr;gap:12px;margin-top:12px;margin-bottom:12px}.ds-panel{background:#fff;border:1px solid #e6e9f2;border-radius:14px;padding:14px;box-shadow:0 6px 18px #0f172a0f;overflow:hidden}.ds-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.ds-panel h2{margin:0;font-size:16px;font-weight:900}.ds-muted{color:#6b7280;font-size:12.5px;font-weight:700}.ds-empty{padding:18px;color:#6b7280;background:#f9fafb;border:1px dashed #e5e7eb;border-radius:12px}.ds-bars{display:flex;flex-direction:column;gap:10px}.ds-bar-row{display:grid;grid-template-columns:minmax(140px,220px) 1fr;gap:12px;align-items:center}.ds-bar-title{font-weight:900;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-bar-sub{font-size:12px;color:#6b7280;margin-top:2px;font-weight:600}.ds-bar-track{height:10px;background:#eef2ff;border-radius:999px;overflow:hidden;border:1px solid #e6e9f2}.ds-bar-fill{height:100%;background:#111827;border-radius:999px}.ds-product{display:grid;grid-template-columns:160px 1fr;gap:14px;align-items:start}.ds-product-img img{width:160px;height:130px;object-fit:cover;border-radius:12px;border:1px solid #e6e9f2}.ds-product-title{font-weight:900;font-size:16px;margin-bottom:6px}.ds-product-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.ds-tag{font-size:12px;background:#f5f7fb;border:1px solid #e6e9f2;padding:5px 10px;border-radius:999px;font-weight:700}.ds-kv{display:grid;gap:8px}.ds-kv-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;border-top:1px dashed #e6e9f2;padding-top:8px}.ds-table-wrap{overflow-x:auto;border-radius:12px}.ds-table{width:100%;border-collapse:collapse;min-width:760px}.ds-table th,.ds-table td{text-align:left;padding:10px;border-bottom:1px solid #eef2f7;vertical-align:top;font-size:13px}.ds-table th{font-size:12.5px;color:#6b7280;font-weight:900}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;color:#374151}.ds-items{display:grid;gap:8px}.ds-item{background:#f9fafb;border:1px solid #eef2f7;padding:8px;border-radius:10px}.ds-item-name{font-weight:900;display:block;margin-bottom:4px}.ds-item-sub{font-size:12.5px;color:#4b5563;font-weight:600}.ds-more{font-size:12.5px;color:#6b7280;font-weight:700}.ds-footnote{margin-top:10px;font-size:12px;color:#6b7280;font-weight:600}.ds-skeleton{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.sk-card{height:110px;border-radius:14px;background:#e5e7eb}.sk-wide{grid-column:1 / -1;height:160px;border-radius:14px;background:#e5e7eb}.ds-row-click{cursor:pointer}.ds-row-click:hover{background:#f9fafb}.ds-modal-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:16px;z-index:9999}.ds-modal{width:min(920px,100%);max-height:85vh;overflow:hidden;background:#fff;border-radius:16px;border:1px solid #e6e9f2;box-shadow:0 24px 80px #0f172a40;display:flex;flex-direction:column}.ds-modal-head{padding:14px 16px;border-bottom:1px solid #eef2f7;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.ds-modal-title{font-weight:900;font-size:16px}.ds-modal-sub{margin-top:6px;display:flex;flex-wrap:wrap;gap:10px;font-size:12.5px;color:#4b5563}.ds-modal-close{border:1px solid #e6e9f2;background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer;font-weight:900}.ds-modal-summary{padding:12px 16px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-bottom:1px solid #eef2f7}.ds-modal-pill{background:#f9fafb;border:1px solid #eef2f7;border-radius:12px;padding:10px;display:grid;gap:4px;font-size:12.5px;color:#6b7280}.ds-modal-pill strong{color:#111827;font-size:14px}.ds-modal-body{padding:12px 16px;overflow:auto}.ds-modal-items{display:grid;gap:10px}.ds-modal-item{border:1px solid #eef2f7;background:#fff;border-radius:12px;padding:12px;display:grid;grid-template-columns:1fr 320px;gap:12px;align-items:center}.ds-modal-item-name{font-weight:900;font-size:14px;margin-bottom:4px}.ds-modal-item-meta{font-size:12px;color:#6b7280}.ds-modal-item-right{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ds-modal-kv{background:#f9fafb;border:1px solid #eef2f7;border-radius:10px;padding:8px;display:grid;gap:2px;font-size:12px;color:#6b7280}.ds-modal-kv strong{color:#111827;font-size:13px}.ds-modal-foot{padding:12px 16px;border-top:1px solid #eef2f7;display:flex;justify-content:flex-end}.ds-modal-btn{border:1px solid #e6e9f2;background:#111827;color:#fff;padding:10px 14px;border-radius:12px;cursor:pointer;font-weight:800}.ds-refresh:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 720px){.ds-modal-summary,.ds-modal-item,.ds-modal-item-right{grid-template-columns:1fr}}@media (max-width: 1080px){.ds-wrap{padding:14px}.ds-grid{grid-template-columns:repeat(2,1fr)}.ds-main{grid-template-columns:1fr}.ds-bar-row{grid-template-columns:180px 1fr}}@media (max-width: 720px){.ds-wrap{padding:12px}.ds-header{flex-direction:column;align-items:stretch}.ds-refresh{width:100%}.ds-grid{grid-template-columns:1fr}.ds-top-controls{flex-direction:column;align-items:stretch}.ds-control{min-width:100%}.ds-product{grid-template-columns:1fr}.ds-product-img img{width:100%;height:180px}.ds-bar-row{grid-template-columns:1fr}.ds-table{min-width:680px}}@media (max-width: 540px){.ds-wrap{padding:10px}.ds-title{font-size:18px}.ds-pill{font-size:12px;padding:5px 9px}.ds-card{padding:12px}.ds-card-value{font-size:24px}.ds-panel{padding:12px}.ds-table{min-width:620px}.ds-table th,.ds-table td{padding:9px 8px;font-size:12.5px}}.inventories-container{width:100%;min-height:90vh;display:flex;flex-direction:column;box-sizing:border-box;min-width:400px}.inventories-header{display:flex;justify-content:space-between;align-items:center;background-color:#0f1536;padding:16px 20px;border-radius:12px;margin-bottom:20px;flex-wrap:wrap;gap:12px}.inventories-header h1{color:#fff;font-size:22px;font-weight:650;margin:0}.header-inventories{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.inventories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px}.inventories-info h2{font-size:18px;font-weight:650;color:#0f1536;margin:0 0 6px}.inventories-info p{color:#555;font-size:14px;margin:0 0 8px;line-height:1.4}.inventories-info small{display:block;color:#999;font-size:12px;margin-top:4px}.inventories-actions{position:absolute;top:10px;right:10px;display:flex;gap:8px}.inventories-actions button{border:none;background:none;cursor:pointer;padding:6px;border-radius:999px;transition:background .2s ease-in-out}.inventories-actions button:hover{background:#0000000f}.inventories-table-wrap{width:100%}.inventories-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.inventories-table th,.inventories-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #eaeaea;vertical-align:top}.inventories-table th{background-color:#0f1536;color:#fff;font-weight:650}.inventories-table tr:hover td{background-color:#f9f9f9}.inventories-table td button{background:none;border:none;cursor:pointer;margin-right:6px}.pagination-inventories{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:20px;flex-wrap:wrap}.pagination-inventories button{background-color:#f1f1f1;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;transition:.2s;font-weight:600}.pagination-inventories button.active{background-color:#0f1536;color:#fff}.pagination-inventories button:hover:not(.active){background-color:#dcdcdc}.pagination-inventories button:disabled{opacity:.5;cursor:not-allowed}.popup-box{background:#fff;border-radius:16px;width:92%;max-width:420px;padding:24px 26px;box-shadow:0 6px 16px #00000026;animation:scaleIn .3s ease}.popup-box h2{font-size:20px;color:#0f1536;font-weight:650;margin-bottom:16px}.popup-box label{font-size:14px;color:#0f1536;font-weight:600}.popup-box input,.popup-box textarea{border:1px solid #dcdcdc;border-radius:10px;padding:10px 12px;font-size:14px;resize:none;outline:none}.popup-box input:focus,.popup-box textarea:focus{border-color:#75f94c;box-shadow:0 0 5px #75f94c66}.btn-save{background-color:#75f94c;color:#0f1536;border:none;border-radius:10px;padding:9px 16px;font-weight:750;cursor:pointer;transition:.2s}.btn-cancel{background-color:#e5e5e5;border:none;border-radius:10px;padding:9px 16px;cursor:pointer;font-weight:650;color:#0f1536}.supplier-skeleton-card{position:relative;background:#fff;border-radius:14px;padding:18px;min-height:150px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.sk-line:after,.sk-circle:after{content:"";position:absolute;inset:0;transform:translate(-120%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:shimmer 1.2s infinite}.sk-title{height:18px;width:70%;margin-bottom:10px}.sk-text{height:12px;width:95%;margin-bottom:8px}.sk-actions{position:absolute;top:12px;right:12px;display:flex;gap:8px}@media (max-width: 1080px){.inventories-header h1{font-size:20px}.inventories-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}}@media (max-width: 720px){.inventories-header{flex-direction:column;align-items:stretch;padding:14px 16px}.header-inventories{width:100%;display:flex;flex-direction:column;gap:10px;align-items:stretch}.header-inventories button,.header-inventories .btn,.header-inventories>*{width:100%!important}.inventories-table,.inventories-table thead,.inventories-table tbody,.inventories-table th,.inventories-table td,.inventories-table tr{display:block;width:100%}.inventories-table thead{display:none}.inventories-table tr{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:12px;overflow:hidden}.inventories-table td{border-bottom:1px solid #f0f0f0;padding:10px 14px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.inventories-table td:before{content:attr(data-label);font-weight:700;color:#0f1536;opacity:.85;flex:0 0 92px}.inventories-table td:last-child{border-bottom:none}.inventories-table td[data-label=Actions]{justify-content:flex-start;gap:10px}.inventories-table td[data-label=Actions]:before{flex:0 0 92px}.inventories-table td[data-label=Actions] button{margin-right:0;padding:6px;border-radius:999px}}@media (max-width: 540px){.inventories-header h1{font-size:18px}.inventories-grid{grid-template-columns:1fr}.inventories-info h2{font-size:16px}.popup-box{padding:18px}.btn-save,.btn-cancel{padding:8px 12px;font-size:13px}.inventories-table td:before{flex:0 0 78px}.inventories-table td[data-label=Actions]:before{flex:0 0 78px}}.inv-search-wrap{position:relative;display:flex;align-items:center}.inv-search-input{height:42px;min-width:240px;padding:0 38px 0 12px;border-radius:10px;border:1px solid #e5e7eb;outline:none}.inv-search-input:focus{border-color:#0f1536}.inv-search-clear{position:absolute;right:10px;height:28px;width:28px;border-radius:8px;border:0;cursor:pointer;background:transparent;opacity:.75}.inv-search-clear:hover{opacity:1}.inv-search-meta{margin:6px 0 12px;font-size:13px;opacity:.85}.inv-empty{padding:16px 4px;opacity:.8}.inv-empty-row{padding:16px;text-align:center;opacity:.8}.inv-table-skeleton-row td{padding:12px 14px}.top-mainbar{width:100%;height:60px;display:flex;justify-content:space-between;min-width:400px}.search-top-mainbar{width:90%;height:45px;border-radius:20px;background-color:#0f1536;color:#fff;border:none;outline:none;padding:0 15px;font-size:14px;box-sizing:border-box}.search-top-mainbar::placeholder{color:#fff9}.avatar-wrapper{position:relative}.avatar-menu{position:absolute;right:0;top:55px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000026;min-width:140px;z-index:999;overflow:hidden;animation:fadeIn .2s ease-in-out}.avatar-menu p{margin:0;padding:10px 14px;cursor:pointer;font-size:14px;color:#333;transition:background .2s}.avatar-menu p:hover{background:#f5f5f5}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.categories-container{width:100%;min-height:90vh;display:flex;flex-direction:column}.categories-header{display:flex;justify-content:space-between;align-items:center;background-color:#0f1536;padding:16px 20px;border-radius:12px;margin-bottom:20px;flex-wrap:wrap}.categories-header h1{color:#fff;font-size:22px;font-weight:600}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.category-info h2{font-size:18px;font-weight:600;color:#0f1536;margin-bottom:8px}.category-info small{display:block;color:#999;font-size:12px;margin-top:4px}.category-actions{position:absolute;top:10px;right:10px;display:flex;gap:8px}.category-actions button{background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:background .2s ease-in-out}.category-actions button:hover{background:#0000000d}.popup-overlay{position:fixed;inset:0;background:#0f153699;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999;animation:fadeIn .25s ease-in-out}.popup-box{background:#fff;border-radius:16px;width:90%;max-width:400px;padding:24px;box-shadow:0 6px 16px #00000026;animation:scaleIn .3s ease}.popup-box h2{color:#0f1536;font-weight:600;margin-bottom:16px}.popup-box form{display:flex;flex-direction:column;gap:12px}.popup-box input{border:1px solid #dcdcdc;border-radius:8px;padding:10px;font-size:14px;outline:none}.popup-box input:focus{border-color:#75f94c;box-shadow:0 0 4px #75f94c66}.popup-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.btn-save{background-color:#75f94c;color:#0f1536;border:none;border-radius:8px;padding:8px 14px;cursor:pointer;font-weight:600;transition:.2s}.btn-save:hover{background-color:#5de13b}.btn-cancel{background-color:#ccc;border:none;border-radius:8px;padding:8px 14px;cursor:pointer;font-weight:500}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.categories-header{flex-direction:column;gap:10px}}.categories-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.categories-table th,.categories-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #eaeaea}.categories-table th{background-color:#0f1536;color:#fff;font-weight:600}.categories-table tr:hover td{background-color:#f9f9f9}.categories-table td button{background:none;border:none;cursor:pointer;margin-right:6px}.categories-table td .btn-edit svg{color:#4caf50}.categories-table td .btn-delete svg{color:#e74c3c}.pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:20px}.pagination button{background-color:#f1f1f1;border:none;padding:8px 14px;border-radius:6px;cursor:pointer;transition:.2s}.pagination button.active{background-color:#0f1536;color:#fff;font-weight:700}.pagination button:hover:not(.active){background-color:#dcdcdc}.products-container{width:100%;min-height:90vh;display:flex;flex-direction:column;box-sizing:border-box;min-width:0}.products-header{display:flex;justify-content:space-between;align-items:center;background:#0f1536;padding:16px 20px;border-radius:12px;margin-bottom:20px;flex-wrap:wrap;gap:12px}.products-header h1{color:#fff;font-size:22px;font-weight:700;margin:0}.products-header-actions{display:grid;grid-template-columns:180px 140px 240px 220px 160px;gap:12px;align-items:center}.search-input,.category-filter,.supplier-filter{width:100%;height:42px;padding:10px 12px;border-radius:10px;border:1px solid #d1d5db;font-size:14px;box-sizing:border-box;outline:none}.search-input:focus,.category-filter:focus,.supplier-filter:focus{border-color:#75f94c;box-shadow:0 0 0 3px #75f94c2e}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;justify-items:center}.product-card-image-view,.product-card-noimage{width:100%;height:120px;border-radius:10px}.product-card-image-view{object-fit:cover;background:#f8fafc}.product-card-noimage{display:flex;align-items:center;justify-content:center;background:#f8fafc;color:#94a3b8;font-size:12px;text-align:center}.product-info{margin-top:8px;display:flex;flex-direction:column;gap:4px}.product-info h2{font-size:14px;font-weight:700;margin:0;color:#0f172a}.product-info p{font-size:11px;margin:0;color:#475569}.product-info small{font-size:11px;color:#64748b}.product-actions{position:absolute;top:10px;right:10px;display:flex;gap:8px;z-index:5}.product-actions button{background:none;border:none;cursor:pointer;padding:6px;border-radius:999px;transition:background .2s ease}.product-actions button:hover{background:#0000000f}.btn-edit svg{color:#4caf50}.products-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.products-table th,.products-table td{padding:10px 12px;text-align:center;border-bottom:1px solid #eaeaea;font-size:12px;vertical-align:top}.products-table th{background:#0f1536;color:#fff;font-weight:700;font-size:13px}.products-table tr:hover td{background:#f9f9f9}.products-table td button{background:none;border:none;cursor:pointer;margin-right:6px}.pagination{margin-top:22px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.pagination button{padding:8px 12px;border:none;border-radius:8px;background:#f2f2f2;cursor:pointer;transition:.2s;font-weight:700}.pagination button.active{background:#0f1536;color:#fff}.pagination button:disabled{opacity:.5;cursor:not-allowed}.popup-overlay{position:fixed;inset:0;background:#0f153699;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.popup-box-products{background:#fff;border-radius:16px;width:92%;max-width:460px;max-height:90vh;overflow-y:auto;padding:22px;box-shadow:0 10px 28px #0003}.popup-box-products h2{text-align:center;font-size:20px;margin:0 0 16px;font-weight:800;color:#1e293b}.popup-box-products form{display:flex;flex-direction:column;gap:12px}.popup-box-products label{font-weight:700;font-size:14px;color:#334155}.popup-box-products input,.popup-box-products select{padding:10px 12px;border-radius:10px;border:1px solid #cbd5e1;outline:none}.popup-box-products input:focus,.popup-box-products select:focus{border-color:#75f94c;box-shadow:0 0 0 3px #75f94c2e}.image-preview-box{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:10px}.image-preview{width:120px;height:120px;object-fit:cover;border-radius:10px;border:1px solid #e5e7eb;background:#fafafa}.image-preview-text{font-size:13px;color:#6b7280}.product-skeleton-card{position:relative;background:#fff;border-radius:14px;padding:12px;width:100%;max-width:240px;min-height:240px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.sk-img{height:120px;border-radius:10px;background:#ececec;position:relative;overflow:hidden;margin-bottom:10px}.sk-line,.sk-circle{background:#ececec;border-radius:10px;position:relative;overflow:hidden}.sk-img:after,.sk-line:after,.sk-circle:after{content:"";position:absolute;inset:0;transform:translate(-120%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:shimmer 1.2s infinite}.sk-title{height:14px;width:70%;margin-bottom:8px}.sk-text{height:10px;width:92%;margin-bottom:6px}.sk-small{height:10px;width:55%;margin-top:6px}.sk-actions{position:absolute;top:10px;right:10px;display:flex;gap:8px}.sk-circle{width:28px;height:28px;border-radius:999px}.sk-cell{height:12px;width:100%}@keyframes shimmer{to{transform:translate(120%)}}@media (max-width: 1080px){.products-header h1{font-size:20px}.products-header-actions{grid-template-columns:repeat(2,1fr);width:100%}.products-header-actions button{width:100%!important}.products-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width: 720px){.products-header{flex-direction:column;align-items:stretch;padding:14px 16px}.products-header-actions{grid-template-columns:1fr}.products-header-actions button{width:100%!important}.products-grid{grid-template-columns:1fr;justify-items:stretch}.products-table,.products-table thead,.products-table tbody,.products-table th,.products-table td,.products-table tr{display:block;width:100%}.products-table thead{display:none}.products-table tr{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:12px;overflow:hidden}.products-table td{border-bottom:1px solid #f0f0f0;padding:10px 14px;display:flex;justify-content:space-between;gap:12px;text-align:left}.products-table td:before{content:attr(data-label);font-weight:800;color:#0f1536;opacity:.85;flex:0 0 92px}.products-table td:last-child{border-bottom:none}.products-table td[data-label=Actions]{justify-content:flex-start;gap:10px}.products-table td[data-label=Actions] button{margin-right:0;padding:6px;border-radius:999px}}@media (max-width: 540px){.products-header h1{font-size:18px}.popup-box-products{width:96%;padding:18px;border-radius:14px}.products-table td:before{flex:0 0 78px}}.users-container{width:100%;min-height:90vh;display:flex;flex-direction:column;box-sizing:border-box}.users-header{display:flex;justify-content:space-between;align-items:center;background-color:#0f1536;padding:16px 20px;border-radius:12px;margin-bottom:20px;flex-wrap:wrap;gap:12px}.users-header h1{color:#fff;font-size:22px;font-weight:600}.users-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.email{font-size:14px;color:#666}.role{font-size:14px;color:#444}.users-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 3px 10px #0000000d}.users-table th,.users-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #eaeaea}.users-table th{background-color:#0f1536;color:#fff;font-weight:600}.users-table tr:hover td{background-color:#f9f9f9}.roles-container{width:100%;min-height:90vh;display:flex;flex-direction:column;box-sizing:border-box}.roles-header{display:flex;justify-content:space-between;align-items:center;background-color:#0f1536;padding:16px 20px;border-radius:12px;margin-bottom:20px;flex-wrap:wrap;gap:12px}.roles-header h1{color:#fff;font-size:22px;font-weight:600}.search-wrapper{display:flex;align-items:center;background:#fff;border-radius:10px;padding:6px 12px;box-shadow:0 2px 6px #0000001a}.search-wrapper input{border:none;outline:none;background:transparent;font-size:14px;padding-left:8px}.search-icon{color:#0f1536;font-size:20px}.roles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.description{margin:4px 0 8px;color:#444;font-size:14px}.roles-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 3px 10px #0000000d}.roles-table th,.roles-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #eaeaea}.roles-table th{background-color:#0f1536;color:#fff;font-weight:600}.roles-table tr:hover td{background-color:#f9f9f9}.btn-edit,.btn-delete{background:none;border:none;cursor:pointer;padding:6px}.btn-edit svg{color:#0f1536}.btn-edit:hover svg{color:#3b82f6}.btn-delete:hover svg{color:#ff5c5c}.pagination{display:flex;justify-content:center;align-items:center;margin:20px 0;gap:8px}.pagination button{padding:8px 12px;border:none;border-radius:6px;background-color:#0f1536;color:#fff;cursor:pointer;transition:.2s}.pagination button:hover{background-color:#232a57}.pagination button.active{background-color:#75f94c;color:#0f1536;font-weight:700}.pagination button:disabled{background-color:#aaa;cursor:not-allowed}.permission-container{width:100%;min-height:90vh;display:flex;flex-direction:column;box-sizing:border-box}.permission-header{display:flex;justify-content:space-between;align-items:center;background-color:#0f1536;padding:16px 20px;border-radius:12px;margin-bottom:20px}.permission-header h1{color:#fff;font-size:22px;font-weight:600}.permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.permission-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.permission-table th,.permission-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #eaeaea}.permission-table th{background-color:#0f1536;color:#fff;font-weight:600}.permission-table tr:hover td{background-color:#f9f9f9}.rolePermission-container{width:100%;min-height:90vh;display:flex;flex-direction:column;box-sizing:border-box}.rolePermission-header{display:flex;justify-content:space-between;align-items:center;background-color:#0f1536;padding:16px 20px;border-radius:12px;margin-bottom:20px}.rolePermission-header h1{color:#fff;font-size:22px;font-weight:600}.header-actions{display:flex;gap:10px;align-items:center}.search-wrapper{position:relative}.search-wrapper input{padding:8px 32px 8px 10px;border-radius:8px;border:1px solid #ccc;outline:none}.search-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#888}.rolePermission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.rolePermission-table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.rolePermission-table th,.rolePermission-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #eaeaea}.rolePermission-table th{background-color:#0f1536;color:#fff;font-weight:600}.rolePermission-table tr:hover td{background-color:#f9f9f9}.popup-overlay{position:fixed;inset:0;background:#0f153699;display:flex;align-items:center;justify-content:center;z-index:999}.popup-box{background:#fff;border-radius:16px;width:90%;max-width:420px;padding:24px 26px;box-shadow:0 6px 16px #00000026}.popup-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.btn-save{background-color:#75f94c;color:#0f1536;border:none;border-radius:8px;padding:8px 16px;font-weight:600;cursor:pointer}.btn-cancel{background-color:#ccc;border:none;border-radius:8px;padding:8px 16px;font-weight:500;color:#0f1536}.orders-container{width:100%;min-height:90vh;display:flex;flex-direction:column;box-sizing:border-box;min-width:400px;font-family:Poppins,sans-serif;color:#222}.orders-header{display:flex;justify-content:space-between;align-items:flex-start;background-color:#0f1536;padding:18px 20px;border-radius:12px;margin-bottom:20px;gap:20px;width:96%}.orders-title{display:flex;flex-direction:column;gap:10px}.orders-title h1{color:#fff;font-size:22px;font-weight:650;margin:0}.product-search{height:42px;width:100%;padding:0 12px;border-radius:10px;border:1px solid #e5e7eb;font-size:14px;outline:none}.product-search:focus{border-color:#0f1536}.orders-header h1{color:#fff;font-size:22px;font-weight:650;margin:0}.orders-header input{height:42px;width:220px;padding:0 10px 0 18px;border-radius:10px;border:1px solid #ddd;font-size:14px;outline:none}.orders-header input:focus{border-color:#0f1536}.header-orders{display:flex;flex-direction:column;gap:10px;align-items:flex-start;flex-wrap:wrap}.orders-search-wrap{position:relative;display:flex;align-items:center}.orders-search-input{height:42px;min-width:240px;padding:0 38px 0 12px;border-radius:10px;border:1px solid #e5e7eb;outline:none;background:#fff;font-size:14px}.orders-search-input:focus{border-color:#0f1536}.orders-search-clear{position:absolute;right:10px;height:28px;width:28px;border-radius:8px;border:0;cursor:pointer;background:transparent;opacity:.75}.orders-search-clear:hover{opacity:1}.orders-filter{height:42px;width:100%;border-radius:10px;border:1px solid #e5e7eb;padding:0 12px;outline:none;background:#fff;font-size:14px}.orders-filter:focus{border-color:#0f1536}.cart-summary{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cart-summary-button{background-color:#0f1536}.orders-table{width:100%;table-layout:fixed;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px #0000000d}.orders-table th,.orders-table td{padding:12px 14px;text-align:left;border-bottom:1px solid #eaeaea;vertical-align:top;font-size:14px}.orders-table th{background-color:#0f1536;color:#fff;font-weight:650}.orders-table tr:hover td{background-color:#f9f9f9}.muted{color:#999;font-size:12px;margin-top:4px}.qty-control{display:flex;align-items:center;gap:6px}.qty-btn{width:28px;height:28px;border-radius:8px;border:1px solid #dcdcdc;background:#fff;cursor:pointer;font-size:16px;font-weight:700;transition:.15s}.qty-btn:disabled{opacity:.5;cursor:not-allowed}.qty-btn:hover:not(:disabled){background:#f2f2f2}.qty-value{min-width:28px;text-align:center;font-weight:650;color:#0f1536}.btn-add,.btn-delete{border:none;background:none;cursor:pointer;padding:6px;border-radius:999px;transition:background .2s ease-in-out}.btn-add:hover,.btn-delete:hover{background:#0000000f}.btn-delete svg{color:#e74c3c}.pagination-orders{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:20px;flex-wrap:wrap}.pagination-orders button{background-color:#f1f1f1;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;transition:.2s;font-weight:600}.pagination-orders button.active{background-color:#0f1536;color:#fff}.pagination-orders button:hover:not(.active){background-color:#dcdcdc}.pagination-orders button:disabled{opacity:.5;cursor:not-allowed}.modal-orders{position:fixed;inset:0;background:#0f153699;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:999;animation:fadeIn .25s ease-in-out}.modal-box-orders{background:#fff;border-radius:16px;width:92%;max-width:700px;max-height:82vh;padding:20px 22px;box-shadow:0 6px 16px #00000026;display:flex;flex-direction:column;gap:14px;overflow:hidden;animation:scaleIn .3s ease}.modal-header-orders{display:flex;justify-content:space-between;align-items:center}.modal-header-orders h2{margin:0;font-size:20px;color:#0f1536;font-weight:650}.btn-close{background:none;border:none;font-size:18px;cursor:pointer;padding:6px;border-radius:10px;transition:.2s}.btn-close:hover{background:#0000000f}.modal-search{height:42px;border-radius:10px;border:1px solid #dcdcdc;padding:0 12px;outline:none;font-size:14px}.modal-search:focus{border-color:#0f1536}.modal-box-orders .orders-table{width:100%}.modal-box-orders table{display:block;overflow:auto;max-height:48vh}.modal-box-orders thead,.modal-box-orders tbody{display:table;width:100%;table-layout:fixed}.modal-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.modal-footer strong{color:#0f1536;font-weight:750}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 1080px){.orders-header h1{font-size:20px}}@media (max-width: 720px){.orders-header{flex-direction:column;align-items:stretch;padding:8px 12px}.header-orders{width:100%;display:flex;flex-direction:column;gap:10px;align-items:stretch}.orders-search-input,.orders-filter{width:100%;min-width:100%}.cart-summary{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:10px}.cart-summary button,.cart-summary .btn,.cart-summary>*{width:100%!important}.orders-table,.orders-table thead,.orders-table tbody,.orders-table th,.orders-table td,.orders-table tr{display:block;width:100%}.orders-table thead{display:none}.orders-table tr{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:12px;overflow:hidden}.orders-table td{border-bottom:1px solid #f0f0f0;padding:10px 14px;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.orders-table td:last-child{border-bottom:none}}@media (max-width: 540px){.orders-header h1{font-size:18px}.modal-box-orders{padding:18px}}.sk{position:relative;overflow:hidden;background:#e9edf3;border-radius:10px}.sk-text{height:12px}.sk-text.sm{width:40px}.sk-text.md{width:90px}.sk-text.lg{width:160px}.sk-pill{height:28px;width:110px;border-radius:999px}.sk-icon{height:34px;width:34px;border-radius:999px}.sk-row td{padding-top:14px;padding-bottom:14px}.orders-table th,.orders-table td{padding:12px 14px;vertical-align:middle}.orders-table thead th{white-space:nowrap}.orders-table tbody td{border-top:1px solid rgba(0,0,0,.06)}.receipt-cell{display:flex;align-items:center;gap:10px}.receipt-link{font-weight:600;text-decoration:none}.btn-receipt{padding:6px 10px;border-radius:8px;border:1px solid rgba(0,0,0,.15);background:#fff;cursor:pointer;font-size:12px;line-height:1}.btn-receipt:disabled{opacity:.6;cursor:not-allowed}.ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ellipsis[title]{cursor:help}.orders-table th:first-child,.orders-table td:first-child{width:52px;min-width:52px;max-width:52px;text-align:center;white-space:nowrap}.orders-table th:nth-child(2),.orders-table td:nth-child(2){width:220px}.orders-table th:nth-child(3),.orders-table td:nth-child(3){width:140px}.orders-table th:nth-child(4),.orders-table td:nth-child(4){width:220px}.orders-table th:nth-child(5),.orders-table td:nth-child(5){width:110px;text-align:center}.orders-table th:nth-child(6),.orders-table td:nth-child(6){width:130px;text-align:center}.orders-table th:nth-child(7),.orders-table td:nth-child(7){width:140px;text-align:right;white-space:nowrap}.orders-table th:nth-child(8),.orders-table td:nth-child(8){width:160px;white-space:nowrap}.receipt-cell{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}