.login-page{min-height:100vh;background-color:#f7f8f8;display:flex;align-items:center;justify-content:center;padding:0 16px}.login-wrapper{width:100%;max-width:420px}.login-card{background-color:#fff;border-radius:12px;padding:40px;height:500px;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 16px #00000012}.login-logo{display:flex;justify-content:center;margin-bottom:24px}.login-logo img{height:120px;width:auto;object-fit:contain}.login-title{font-size:1.5rem;font-weight:900;color:#1a1a1a;text-align:center;margin-bottom:32px}.login-form{width:100%;display:flex;flex-direction:column;gap:20px}.login-form .MuiOutlinedInput-root{background-color:#fff;border-radius:8px}.login-form .MuiOutlinedInput-root input{height:48px;padding-top:0;padding-bottom:0;box-sizing:border-box;font-size:16px}.login-form .MuiOutlinedInput-root input::placeholder{font-size:12px}.login-form .MuiFormLabel-root{font-size:16px}.login-form .MuiOutlinedInput-root fieldset{border-color:#e0e0e0}.login-form .MuiOutlinedInput-root:hover fieldset{border-color:#9e9e9e}.login-form .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#1ba6ff}.login-form .MuiFormLabel-root.Mui-focused{color:#1ba6ff}.login-btn{width:100%;height:48px;margin-top:8px;background-color:#1ba6ff;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center}.login-btn:hover{opacity:.88}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-footer{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:14px 32px;font-size:13px;color:#9e9e9e}.login-footer p{margin:0}.login-footer-brand{color:#1ba6ff;font-weight:600}@media(max-width:480px){.login-footer{flex-direction:column;gap:4px;text-align:center;padding:14px 16px}}.dashboard-main{display:grid;grid-template-columns:17% auto;min-height:100vh}.dashboard-sidebar{background-color:#fff;display:grid;grid-template-rows:10% auto;min-height:100vh;border-right:1px solid #DDE1E7}.sidebar-logo{display:flex;align-items:center;justify-content:flex-start;padding:16px;margin-left:7px;border-bottom:1px solid #DDE1E7}.sidebar-logo img{height:120px;width:auto;object-fit:contain}.sidebar-nav{display:flex;flex-direction:column;padding:32px 12px;gap:4px;margin-top:10px}.sidebar-nav a{display:flex;align-items:center;gap:12px;padding:12px 16px;margin:0 20px;border-radius:8px;text-decoration:none;font-size:15px;font-weight:500;color:#555;transition:background-color .2s ease,color .2s ease}.sidebar-nav a:hover{background-color:#f7f8f8;color:#555}.sidebar-nav a.active{background-color:#e8f4ff;color:#1ba6ff;font-weight:600}.dashboard-content{background-color:#f7f8f8;display:grid;grid-template-rows:10% auto;height:100vh;overflow:hidden}.content-header{background-color:#fff;border-bottom:1px solid #DDE1E7;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50}.header-left{height:80%;margin-left:10px;margin-right:10px;display:flex;align-items:center}.header-right{display:flex;align-items:center;gap:8px;margin-right:5px}.flag-btn{background-color:#f7f7f7;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;font-size:18px;margin-right:5px;transition:background-color .2s ease}.flag-btn:hover{background-color:#e5ebee}.lang-dropdown-wrapper{position:relative}@keyframes slideUpFromBottom{0%{transform:translateY(50px)}to{transform:translateY(0)}}.lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;border-radius:8px;box-shadow:0 4px 16px #0000001a;overflow:hidden;z-index:100;min-width:190px;padding:15px;animation:slideUpFromBottom .3s ease forwards}.lang-option{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:400;color:#333;transition:background-color .15s ease;text-align:left}.lang-option:hover{background-color:#eceef1}.lang-option.active{background-color:#e8f4ff;color:#1ba6ff;font-weight:600}.notif-btn{position:relative;background-color:#f7f7f7;border:none;cursor:pointer;color:#555;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;transition:background-color .2s ease}.notif-btn:hover{background-color:#d5dde1}.notif-badge{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;background-color:#ea3323;border-radius:50%;border:2px solid #ffffff;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 3px}.profile-info{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 10px;border-radius:8px;transition:background-color .2s ease}.profile-info:hover{background-color:#eceef1}.profile-avatar{width:40px;height:40px;border-radius:8px;background-color:#1ba6ff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-avatar span{color:#fff;font-size:14px;font-weight:700}.search-bar{display:flex;align-items:center;gap:8px;padding:0 12px;width:290px;height:41px;border:1px solid #e0e0e0;border-radius:6px;transition:border-color .2s ease}.search-bar:focus-within{border-color:#1ba6ff}.search-bar input{border:none;outline:none;font-size:14px;color:#333;background:transparent;width:100%}.search-bar input::placeholder{color:#aaa}.search-icon{color:#aaa;flex-shrink:0}.search-shortcut{display:flex;align-items:center;gap:2px;background-color:#e5ebee;border:1px solid #e0e0e0;border-radius:5px;padding:2px 6px;flex-shrink:0}.search-shortcut span{font-size:12px;font-weight:600;color:#082b4b}.shortcut-icon{color:#082b4b;fill:#082b4b}.notif-dropdown-wrapper{position:relative}.notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001f;z-index:100;width:360px;animation:slideUpFromBottom .3s ease forwards;overflow:hidden}.notif-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #DDE1E7}.notif-title{font-size:15px;font-weight:700;color:#1a1a1a;margin:0}.notif-mark-read{font-size:13px;color:#29abe2;cursor:pointer;font-weight:500}.notif-mark-read:hover{text-decoration:underline}.notif-dropdown-body{max-height:300px;overflow-y:auto;padding:8px 0}.notif-dropdown-body::-webkit-scrollbar{width:6px}.notif-dropdown-body::-webkit-scrollbar-track{background:transparent}.notif-dropdown-body::-webkit-scrollbar-thumb{background-color:#1ba6ff;border-radius:4px}.notif-item{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;transition:background-color .15s ease;cursor:pointer}.notif-item:hover{background-color:#eceef1}.notif-item.unread{background-color:#f0f8ff}.notif-item.unread:hover{background-color:#e4f2ff}.notif-dot{width:8px;height:8px;border-radius:50%;background-color:#29abe2;margin-top:5px;flex-shrink:0}.notif-dot.read{background-color:#e0e0e0}.notif-item-title{font-size:13px;font-weight:600;color:#1a1a1a;margin:0 0 2px}.notif-item-sub{font-size:12px;color:#666;margin:0 0 4px;line-height:1.4}.notif-item-time{font-size:11px;color:#aaa}.notif-dropdown-footer{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #DDE1E7}.notif-cancel-btn{flex:1;height:36px;background-color:#082b4b;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.notif-cancel-btn:hover{background-color:#0d3d6b}.notif-view-btn{flex:1;height:36px;background-color:#1ba6ff;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.notif-view-btn:hover{background-color:#0d96ee}.profile-dropdown-wrapper{position:relative}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background-color:#fff;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:100;min-width:200px;padding:15px;animation:slideUpFromBottom .3s ease forwards}.profile-dropdown-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;background-color:#eceef1;border-radius:8px;padding:10px}.profile-dropdown-avatar{width:40px;height:40px;border-radius:50%;background-color:#1ba6ff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-dropdown-avatar span{color:#fff;font-size:14px;font-weight:700}.profile-dropdown-name{font-size:14px;font-weight:600;color:#1a1a1a;margin:0}.profile-dropdown-role{font-size:12px;color:#9e9e9e}.profile-dropdown-links{display:flex;flex-direction:column;gap:2px}.profile-dropdown-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;background:none;border:none;cursor:pointer;font-size:14px;font-weight:400;color:#333;border-radius:6px;transition:background-color .15s ease;text-align:left}.profile-dropdown-item:hover{background-color:#eceef1}.profile-dropdown-item.logout{color:#ea3323;border-top:1px solid #DDE1E7;margin-top:4px;padding-top:12px;border-radius:0 0 6px 6px}.profile-dropdown-item.logout:hover{background-color:#fff0ef}.search-wrapper{position:relative}.search-dropdown{position:absolute;top:calc(100% + 8px);left:0;background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #0000001f;z-index:100;width:400px;height:450px;animation:slideUpFromBottom .3s ease forwards;overflow:hidden}.search-dropdown-top{display:flex;align-items:center;gap:8px;padding:14px 16px 10px;border-bottom:1px solid #DDE1E7}.search-dropdown-icon{color:#1ba6ff;flex-shrink:0}.search-dropdown-label{font-size:14px;font-weight:600;color:#1a1a1a}.search-filter-tabs{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid #DDE1E7}.search-filter-btn{padding:5px 10px;border-radius:20px;border:1px solid #e0e0e0;background-color:#eceef1;color:#555;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.search-filter-btn:hover{background-color:#e8f4ff;border-color:#1ba6ff;color:#1ba6ff}.search-filter-btn.active{background-color:#1ba6ff;border-color:#1ba6ff;color:#fff;font-weight:600}.search-results{overflow-y:auto;height:345px;padding:8px 0}.search-results::-webkit-scrollbar{width:4px}.search-results::-webkit-scrollbar-thumb{background-color:#1ba6ff;border-radius:4px}.search-result-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid #f9f9f9}.search-result-item:hover{background-color:#eceef1}.search-result-left{display:flex;flex-direction:column;gap:3px}.search-result-id{font-size:12px;font-weight:700;color:#1ba6ff;font-family:monospace}.search-result-name{font-size:13px;color:#333;font-weight:500}.search-result-right{display:flex;flex-direction:column;align-items:flex-end;gap:3px}.search-result-status{font-size:12px;font-weight:600;padding:2px 8px;border-radius:20px}.status-on-the-way{background-color:#fff3cd;color:#b8860b}.status-arrived{background-color:#d4edda;color:#155724}.status-packed{background-color:#d1ecf1;color:#0c5460}.status-shipped{background-color:#d4edda;color:#155724}.status-pending{background-color:#fff3cd;color:#b8860b}.status-full-paid{background-color:#d4edda;color:#155724}.status-partial-paid{background-color:#fff3cd;color:#b8860b}.status-not-paid{background-color:#f8d7da;color:#721c24}.status-recorded{background-color:#e8f4ff;color:#1ba6ff}.search-result-date{font-size:12px;color:#aaa}.search-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#ccc;gap:8px}.search-empty p{font-size:13px;color:#aaa;margin:0}.notif-empty{text-align:center;padding:24px 20px;color:#aaa;font-size:13px;margin:0}.notif-item.unread{cursor:pointer}.content-body{background-color:#f7f8f8;padding:28px 32px 0;overflow-y:auto;height:100%;display:flex;flex-direction:column}.hamburger-btn{display:none;align-items:center;justify-content:center;width:38px;height:38px;background:none;border:1px solid #DDE1E7;border-radius:8px;cursor:pointer;color:#555;flex-shrink:0;margin-right:10px;transition:background-color .2s ease}.hamburger-btn:hover{background-color:#eceef1}.sidebar-close-btn{display:none;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid #DDE1E7;border-radius:6px;cursor:pointer;color:#555;flex-shrink:0;margin-left:auto;transition:background-color .2s ease}.sidebar-close-btn:hover{background-color:#eceef1}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:199}@media(max-width:1024px){.dashboard-main{grid-template-columns:1fr}.dashboard-sidebar{position:fixed;left:-280px;top:0;bottom:0;width:260px;z-index:200;transition:left .3s ease;box-shadow:none}.dashboard-sidebar.sidebar-open{left:0;box-shadow:4px 0 20px #0000001f}.sidebar-logo{display:flex;align-items:center;justify-content:space-between;padding-right:12px}.sidebar-close-btn,.hamburger-btn{display:flex}.dashboard-content{grid-column:1;height:100vh}}@media(max-width:640px){.search-bar{width:180px}.search-shortcut{display:none}.content-header{padding:0 14px}.content-body{padding:20px 16px 0}.notif-dropdown{width:300px;right:-60px}.search-dropdown{position:fixed;top:70px;left:16px;right:16px;width:auto}}@media(max-width:420px){.search-bar{width:140px}.flag-btn{display:none}}.body-greeting{margin-bottom:24px}.greeting-title{font-size:22px;font-weight:700;color:#1a1a1a;margin:0 0 6px}.greeting-date{font-size:14px;color:#9e9e9e;margin:0}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat-card{border-radius:14px;padding:24px 20px;height:130px;display:flex;align-items:center;gap:18px;box-shadow:0 4px 16px #0000001a;transition:transform .2s ease,box-shadow .2s ease;box-sizing:border-box}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000026}.stat-blue{background:linear-gradient(135deg,#1ba6ff,#0d7fd4)}.stat-red{background:linear-gradient(135deg,#ea3323,#c0200f)}.stat-green{background:linear-gradient(135deg,#1db97a,#14915f)}.stat-icon-wrap{width:52px;height:52px;border-radius:14px;background-color:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-info{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:13px;color:#fffc;font-weight:500}.stat-value{font-size:22px;font-weight:700;color:#fff}.stat-sub{font-size:12px;font-weight:500;color:#ffffffbf}.stats-row-2{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:30px;width:100%}.stat-card-2{background-color:#fff;border:1px solid #DDE1E7;border-radius:14px;height:170px;padding:0;display:grid;grid-template-rows:75% 25%;align-items:center;justify-items:center;box-shadow:0 1px 6px #0000000a;transition:transform .2s ease,box-shadow .2s ease;box-sizing:border-box;overflow:hidden}.stat-card-2:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.stat2-top{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 14px;border-bottom:1px solid #DDE1E7;width:90%;align-self:center;margin-bottom:10px}.stat2-left{display:flex;flex-direction:column;gap:4px}.stat2-icon-wrap{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat2-bottom{display:flex;align-items:center;justify-content:space-between;padding:0 18px;width:90%;align-self:center;margin-bottom:10px}.stat2-value{font-size:22px;font-weight:700;color:#1a1a1a}.stat2-label{font-size:13px;font-weight:500;color:#9e9e9e}.stat2-sub{font-size:12px;color:#aaa}.stat2-sub .stat2-highlight{color:#1db97a;font-weight:600}.stat2-link{font-size:12px;font-weight:600;color:#1ba6ff;cursor:pointer;text-decoration:underline}.recent-tables{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-top:30px}.recent-card{background-color:#fff;border:1px solid #DDE1E7;border-radius:14px;overflow:hidden;box-shadow:0 1px 6px #0000000a}.recent-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #DDE1E7}.recent-card-title{font-size:15px;font-weight:700;color:#1a1a1a;margin:0}.recent-view-all{font-size:12px;font-weight:600;color:#1ba6ff;cursor:pointer;text-decoration:underline}.recent-table{width:100%;border-collapse:collapse}.recent-table thead tr{background-color:#f7f8f8}.recent-table th{text-align:left;padding:10px 20px;font-size:12px;font-weight:600;color:#9e9e9e;text-transform:uppercase;letter-spacing:.5px}.recent-table td{padding:12px 20px;font-size:13px;color:#333;border-bottom:1px solid #f9f9f9}.recent-table tbody tr:last-child td{border-bottom:none}.recent-table tbody tr:hover{background-color:#f7f8f8}.td-id{font-family:monospace;font-weight:700;color:#333!important;font-size:12px!important}.td-amount{font-weight:600;color:#1a1a1a!important}.dash-empty{text-align:center;padding:32px 16px;color:#9e9e9e;font-size:13px}.dash-cell-line{padding:2px 0;white-space:normal}.dash-cell-line+.dash-cell-line{border-top:1px dashed #F0F1F3;margin-top:2px;padding-top:4px}.badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px}.badge-onway{background-color:#fff3cd;color:#b8860b}.badge-arrived{background-color:#d4edda;color:#155724}.badge-packed{background-color:#d1ecf1;color:#0c5460}.badge-fullpaid{background-color:#d4edda;color:#155724}.badge-partial{background-color:#fff3cd;color:#b8860b}.badge-notpaid{background-color:#f8d7da;color:#721c24}.bottom-section{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-top:30px}.chart-card{background-color:#fff;border:1px solid #DDE1E7;border-radius:14px;padding:20px;box-shadow:0 1px 6px #0000000a}.chart-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.chart-title{font-size:15px;font-weight:700;color:#1a1a1a;margin:0 0 4px}.chart-subtitle{font-size:12px;color:#9e9e9e;margin:0}.chart-legend{display:flex;align-items:center;gap:12px;font-size:12px;color:#555;font-weight:500}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.top-customers-card{background-color:#fff;border:1px solid #DDE1E7;border-radius:14px;overflow:hidden;box-shadow:0 1px 6px #0000000a}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:11px;font-weight:700}.rank-1{background-color:gold;color:#7a5c00}.rank-2{background-color:silver;color:#444}.rank-3{background-color:#cd7f32;color:#fff}.rank-4,.rank-5,.rank-6,.rank-7{background-color:#eceef1;color:#555}.body-footer{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#1a1a1a;background-color:#fff;border-top:1px solid #DDE1E7;width:calc(100% + 64px);margin-left:-32px;padding:20px 32px;box-sizing:border-box}.content-body .dash-footer{margin-top:auto;position:sticky;bottom:0;z-index:5}@keyframes dash-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.dash-skel{border-radius:6px;background:linear-gradient(90deg,#ffffff40 25%,#ffffff73,#ffffff40 75%);background-size:800px 100%;animation:dash-shimmer 1.4s infinite linear}.stat-card-2 .dash-skel,.recent-table .dash-skel{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:800px 100%}.dash-skel-card{background:linear-gradient(135deg,#dfe3e8,#c9ced4)}.dash-skel-icon{width:52px;height:52px;border-radius:14px;flex-shrink:0}.dash-skel-icon2{width:44px;height:44px;border-radius:10px;flex-shrink:0}.dash-skel-icon3{width:22px;height:22px;border-radius:50%}.dash-skel-line{height:12px;margin:4px 0}.dash-skel-chart{width:100%;height:220px;border-radius:10px}@media(max-width:640px){.stat-card.dash-skel-card{height:auto}}@media(max-width:1200px){.stats-row-2{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.stats-row{grid-template-columns:repeat(2,1fr)}.recent-tables,.bottom-section{grid-template-columns:1fr}}@media(max-width:640px){.stats-row,.stats-row-2{grid-template-columns:1fr}.stat-card{height:auto;padding:20px}.stat-card-2{height:auto}.body-footer{flex-direction:column;gap:6px;text-align:center;width:calc(100% + 32px);margin-left:-16px;padding-left:16px;padding-right:16px}}@media(max-width:420px){.body-greeting{margin-bottom:16px}.greeting-title{font-size:18px}.recent-table th,.recent-table td{padding:10px 12px;font-size:12px}}.warehouse-body{flex:1}.wh-section{display:flex;flex-direction:column;margin:30px 10px 0;background-color:#fff;border:.5px solid #DDE1E7;border-radius:10px;overflow:hidden}.wh-section-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:.5px solid #DDE1E7;height:70px;gap:16px}.warehouse-header{display:flex;align-items:center;justify-content:space-between;margin-left:15px;margin-right:15px}.warehouse-header-info{display:flex;flex-direction:column;gap:6px}.warehouse-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0}.warehouse-subtitle{font-size:15px;color:#9e9e9e;margin:0}.warehouse-header-actions{display:flex;align-items:center;gap:10px}.wh-btn{height:38px;padding:0 18px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s ease;color:#fff;display:flex;align-items:center;gap:7px}.wh-btn:hover{opacity:.88}.wh-btn-dark{background-color:#082b4b}.wh-btn-primary{background-color:#1ba6ff}.wh-section-left{margin-left:20px}.wh-section-right{display:flex;align-items:center;gap:10px;margin-right:20px}.wh-filters{display:flex;align-items:center;gap:8px}.wh-filter-wrapper{position:relative}.wh-filter-btn{display:flex;align-items:center;gap:6px;height:38px;padding:0 14px;background:#fff;border:1px solid #DDE1E7;border-radius:7px;font-size:13px;font-weight:500;color:#555;cursor:pointer;white-space:nowrap;transition:border-color .2s ease,color .2s ease}.wh-filter-btn:hover{border-color:#1ba6ff;color:#1ba6ff}.wh-filter-btn.active{border-color:#1ba6ff;color:#1ba6ff;background-color:#e8f4ff}.wh-chevron{transition:transform .2s ease;flex-shrink:0}.wh-chevron.open{transform:rotate(180deg)}.wh-filter-dropdown{position:absolute;top:calc(100% + 6px);right:0;background-color:#fff;border:1px solid #DDE1E7;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:100;min-width:150px;padding:6px}.wh-filter-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;background:none;border:none;border-radius:6px;font-size:13px;color:#333;cursor:pointer;text-align:left}.wh-filter-option:hover{background-color:#f7f8f8}.wh-filter-option.active{background-color:#e8f4ff;color:#1ba6ff;font-weight:600}.wh-search-bar{display:flex;align-items:center;gap:8px;border:1px solid #DDE1E7;border-radius:7px;padding:0 12px;height:44px;width:260px;background-color:#fff;transition:border-color .2s ease}.wh-search-bar:focus-within{border-color:#1ba6ff}.wh-search-bar input{border:none;outline:none;font-size:13px;color:#333;background:transparent;width:100%}.wh-search-bar input::placeholder{color:#aaa}.wh-search-icon{color:#aaa;flex-shrink:0}.wh-icon-btn{width:46px;height:46px;border:1px solid #DDE1E7;border-radius:6px;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.wh-icon-btn:hover{background-color:#f0f0f0}.wh-btn-pdf{color:#e5393a}.wh-btn-excel{color:#1d6f42}.wh-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 10px 0}.wh-stat-card{background-color:#fff;border:.5px solid #DDE1E7;border-radius:10px;padding:18px 20px;height:100px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 4px #0000000a;transition:transform .2s ease,box-shadow .2s ease;box-sizing:border-box}.wh-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000014}.wh-stat-icon{width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wh-stat-info{display:flex;flex-direction:column;gap:4px}.wh-stat-value{font-size:22px;font-weight:700;color:#1a1a1a}.wh-stat-label{font-size:13px;color:#9e9e9e;font-weight:500}.wh-table-wrapper{overflow:hidden}.wh-table{width:100%;border-collapse:collapse;table-layout:fixed}.wh-table thead tr{background-color:#f7f8f8}.wh-table th{text-align:center;padding:12px 16px;font-size:12px;font-weight:600;color:#1a1a1a;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.wh-table td{padding:12px 16px;font-size:13px;color:#333;border-bottom:.5px solid #F0F1F3;text-transform:uppercase;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wh-table tbody tr:last-child td{border-bottom:none}.wh-table tbody tr:hover{background-color:#f7f8f8}.wh-table tbody tr.wh-row-selected{background-color:#e8f4ff}.wh-table tbody tr.wh-row-selected:hover{background-color:#d9edff}.wh-table input[type=checkbox]{cursor:pointer}.wh-cell-line{padding:2px 0}.wh-cell-line+.wh-cell-line{border-top:1px dashed #F0F1F3;margin-top:2px;padding-top:4px}.wh-table-message{text-align:center;padding:48px 16px;color:#9e9e9e;font-size:.9rem;text-transform:none;white-space:normal}.wh-table-error{color:#e5393a}.wh-td-id{font-family:monospace;font-weight:700;color:#1ba6ff!important;font-size:12px!important}.wh-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px}.wh-badge-packed{background-color:#d1ecf1;color:#0c5460}.wh-badge-shipped{background-color:#d4edda;color:#155724}.wh-actions{display:flex;align-items:center;gap:6px}.wh-action-btn{width:30px;height:30px;background-color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.wh-view,.wh-edit,.wh-delete{border:1px solid #DDE1E7;color:#333}.wh-view:hover{background-color:#e8f4ff}.wh-edit:hover{background-color:#fff8e8}.wh-delete:hover{background-color:#fff0ef}.wh-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:.5px solid #DDE1E7}.wh-pagination-info{font-size:13px;color:#9e9e9e}.wh-pagination-controls{display:flex;align-items:center;gap:6px}.wh-page-btn{min-width:32px;height:32px;padding:0 8px;border:1px solid #DDE1E7;border-radius:6px;background-color:#fff;color:#555;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.wh-page-btn:hover:not(:disabled):not(.active){border-color:#1ba6ff;color:#1ba6ff}.wh-page-btn.active:hover{color:#fff}.wh-page-btn.active{background-color:#1ba6ff;border-color:#1ba6ff;color:#fff;font-weight:600}.wh-page-btn:disabled{opacity:.4;cursor:not-allowed}.body-footer{margin-top:18px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#1a1a1a;background-color:#fff;border-top:1px solid #DDE1E7;width:calc(100% + 64px);margin-left:-32px;padding:20px 32px;box-sizing:border-box}@keyframes wh-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.wh-skel{border-radius:6px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:800px 100%;animation:wh-shimmer 1.4s infinite linear}.wh-skel-icon{width:46px;height:46px;border-radius:10px;flex-shrink:0}.wh-skel-value{height:22px;width:80px;margin-bottom:2px}.wh-skel-label{height:13px;width:60px}.wh-skel-cell{height:14px;border-radius:4px;margin:0 auto}@keyframes wh-modal-in{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.wh-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.wh-modal{background:#fff;border-radius:14px;width:800px;height:auto;max-width:100%;max-height:90vh;overflow-y:auto;padding:28px 30px;box-shadow:0 20px 60px #0f172a33;animation:wh-modal-in .22s cubic-bezier(.22,1,.36,1) both}.wh-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.wh-modal-header h3{font-size:18px;font-weight:700;color:#1a1a1a;margin:0}.wh-modal-close{width:32px;height:32px;border-radius:8px;border:1px solid #DDE1E7;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9e9e9e;transition:background-color .2s ease,color .2s ease}.wh-modal-close:hover{background-color:#f7f8f8;color:#333}.wh-form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.wh-form-section{margin-top:18px}.wh-form-group{display:flex;flex-direction:column;gap:6px}.wh-form-group label{font-size:11px;font-weight:600;color:#9e9e9e;text-transform:uppercase;letter-spacing:.4px}.wh-form-group input,.wh-form-group select,.wh-sender-row input{height:42px;padding:0 12px;border:1px solid #DDE1E7;border-radius:8px;font-size:13px;color:#000;background:#f7f8f8;outline:none;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.wh-form-group input:focus,.wh-form-group select:focus,.wh-sender-row input:focus{border-color:#1ba6ff;box-shadow:0 0 0 3px #1ba6ff24;background:#fff}.wh-input-error{border-color:#e5393a!important}.wh-form-group input.wh-packed-date-input{color:#000}.wh-senders-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.wh-senders-header span{font-size:11px;font-weight:600;color:#9e9e9e;text-transform:uppercase;letter-spacing:.4px}.wh-senders-col-labels{display:grid;grid-template-columns:1fr 1fr 1fr 90px 32px;gap:10px;margin-bottom:6px}.wh-senders-col-labels span{font-size:10px;font-weight:600;color:#9e9e9e;text-transform:uppercase;letter-spacing:.4px}.wh-sender-row{display:grid;grid-template-columns:1fr 1fr 1fr 90px 32px;gap:10px;align-items:center;margin-bottom:10px}.wh-remove-sender{width:32px;height:42px;border-radius:7px;border:1px solid #DDE1E7;background:#fff;color:#9e9e9e;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.wh-remove-sender:hover{background-color:#fff0ef;border-color:#e5393a;color:#e5393a}.wh-add-sender-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:9px 14px;border:1px dashed #DDE1E7;border-radius:8px;background:#f7f8f8;font-size:12px;font-weight:600;color:#9e9e9e;cursor:pointer;transition:border-color .2s ease,color .2s ease}.wh-add-sender-btn:hover{border-color:#1ba6ff;color:#1ba6ff}.wh-form-error{font-size:12px;color:#e5393a;margin:10px 0 0}.wh-modal-actions{display:flex;gap:10px;margin-top:22px}.wh-btn-cancel,.wh-btn-save{flex:1;height:42px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:opacity .2s ease,background-color .2s ease}.wh-btn-cancel{background:#f7f8f8;border:1px solid #DDE1E7;color:#333}.wh-btn-cancel:hover{background-color:#eef0f2}.wh-btn-save{background:#082b4b;color:#fff}.wh-btn-save:hover{opacity:.88}.wh-btn-delete-confirm{flex:1;height:42px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;background:#e5393a;color:#fff;transition:opacity .2s ease}.wh-btn-delete-confirm:hover{opacity:.88}.wh-btn-delete-confirm:disabled,.wh-btn-save:disabled{opacity:.6;cursor:not-allowed}.wh-view-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.wh-view-field{display:flex;flex-direction:column;gap:6px}.wh-view-label{font-size:11px;font-weight:600;color:#9e9e9e;text-transform:uppercase;letter-spacing:.4px}.wh-view-value{font-size:14px;font-weight:600;color:#000}.wh-view-sender-row{display:grid;grid-template-columns:1fr 1fr 1fr 90px;gap:10px;padding:10px 0;border-bottom:1px solid #F0F1F3;font-size:13px;color:#000}.wh-view-sender-row:last-of-type{border-bottom:none}.wh-confirm-box{background:#fff;border-radius:14px;width:420px;max-width:90vw;padding:28px 26px;box-shadow:0 20px 60px #0f172a33;animation:wh-modal-in .22s cubic-bezier(.22,1,.36,1) both;text-align:center}.wh-confirm-icon{width:48px;height:48px;border-radius:50%;background:#e5393a1a;color:#e5393a;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.wh-confirm-title{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.wh-confirm-text{font-size:13px;color:#666;margin:0 0 20px;line-height:1.5}.wh-modal--print{width:1080px;max-width:95vw;height:760px;max-height:92vh;display:flex;flex-direction:column}.wh-print-controls{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.wh-print-search-wrap{position:relative;flex:1;min-width:220px}.wh-print-input{height:42px;width:100%;padding:0 14px;border:1px solid #DDE1E7;border-radius:8px;background:#f7f8f8;font-size:13px;color:#000;outline:none;box-sizing:border-box;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.wh-print-input:focus{border-color:#1ba6ff;box-shadow:0 0 0 3px #1ba6ff24;background:#fff}.wh-print-dropdown{position:absolute;top:calc(100% + 6px);left:0;width:100%;background:#fff;border:1px solid #DDE1E7;border-radius:8px;box-shadow:0 8px 28px #0000001f;list-style:none;padding:4px 0;margin:0;z-index:1100;max-height:220px;overflow-y:auto}.wh-print-dropdown li{padding:9px 16px;font-size:13px;color:#1a1a1a;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px}.wh-print-dropdown li:hover{background-color:#f7f8f8}.wh-print-dropdown li.wh-print-empty{color:#9e9e9e;cursor:default;font-style:italic}.wh-print-dropdown li.wh-print-empty:hover{background:transparent}.wh-print-drop-ref{font-weight:700;font-family:monospace}.wh-print-drop-type{font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase}.wh-print-drop-type--full{background:#e8f4ff;color:#1ba6ff}.wh-print-drop-type--shared{background:#fff8e8;color:#b8860b}.wh-print-radios{display:flex;align-items:center;gap:8px;flex-shrink:0}.wh-print-radio{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 16px;border:1px solid #DDE1E7;border-radius:8px;background:#f7f8f8;font-size:13px;color:#333;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.wh-print-radio input{accent-color:#1BA6FF}.wh-print-radio.active{border-color:#1ba6ff;background:#e8f4ff;color:#1ba6ff;font-weight:600}.wh-print-body{flex:1;background:#f7f8f8;border:1px solid #DDE1E7;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.wh-print-placeholder{color:#9e9e9e;font-size:14px;font-style:italic}.wh-print-preview-scale{transform-origin:center}.wh-label{width:1123px;min-height:794px;padding:18px;background:#fff;font-family:Arial,Helvetica,sans-serif;color:#000;box-shadow:0 4px 24px #0000002e;flex-shrink:0;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.wh-label h1{text-align:center}.wh-label-cargo-name{font-family:Impact,Arial Black,sans-serif;font-size:100px;font-weight:900;color:#000;text-align:center;margin:10px}.wh-label-date{font-family:Arial Black,Impact,sans-serif;font-size:60px;font-weight:900;color:#000;text-align:center}.wh-label-info{font-size:70px;font-weight:900}.wh-label-seq{font-family:Impact,Arial Black,sans-serif;font-size:60px;font-weight:900;color:#000;text-align:center;margin-bottom:10px}.wh-label-top{background:#fff;display:grid;grid-template-columns:40% 35% auto;gap:10px}.wh-label-bottom{display:grid;grid-template-rows:repeat(2,1fr);gap:10px}.wh-label-top-left{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin-left:20px}.wh-label-top-left h1{font-family:Arial Black,Impact,sans-serif;font-size:40px;font-weight:900;text-align:center;margin-bottom:10px}.wh-label-ref-row{display:flex;align-items:center;justify-content:center;gap:40px;margin-bottom:10px}.wh-label-ref-row h1{font-family:Arial Black,Impact,sans-serif;font-size:40px;font-weight:900;margin-bottom:0}.wh-label-type-red{color:red}.wh-label-top-center{padding:10px;background:#f2f2f266}.wh-label-top-right{display:flex;align-items:center;justify-content:center}.wh-label-destination{font-family:Impact,Arial Black,sans-serif;font-size:150px;font-weight:900;color:#000;letter-spacing:.1em;transform:rotate(90deg)}.wh-label-receivers-table{width:100%;height:100%;border-collapse:collapse;border:1.5px solid #000;background:#f2f2f2}.wh-label-receivers-table tr{border-bottom:1.5px solid #000}.wh-label-receivers-table tr:last-child{border-bottom:none}.wh-label-receivers-table td{padding:6px 12px;font-size:20px;font-weight:800;vertical-align:middle}.wh-label-r-name{width:80%}.wh-label-r-qty{width:20%;border-left:1.5px solid #000;text-align:center;font-size:20px;font-weight:800}.wh-label-r-info{display:flex;flex-direction:row;align-items:center;gap:10px}.wh-label-r-name-text{font-size:20px;font-weight:800}.wh-label-r-phone-text{font-size:20px;font-weight:800;color:#444}.wh-label-bottom-top{background:red;position:relative}.wh-label-banner-red{width:95%;height:83%;background:#002060;position:absolute;top:0;right:0}.wh-label-banner-text{font-family:Impact,Arial Black,sans-serif;font-size:90px;font-weight:700;color:#fff;text-transform:uppercase;text-align:center;letter-spacing:.08em;display:flex;align-items:center;justify-content:center;height:100%;margin:0}.wh-label-bottom-bottom{display:grid;grid-template-columns:1fr}.wh-label-bottom-left{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:10px 16px}.wh-label-contact-title{font-size:26px;font-weight:900;color:red;font-family:Times New Roman,Times,serif}.wh-batch-bar{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(120px);background:#082b4b;color:#fff;border-radius:14px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:480px;box-shadow:0 12px 40px #082b4b73;z-index:900;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .25s ease;opacity:0;pointer-events:none}.wh-batch-bar.visible{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}.wh-batch-bar__info{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;white-space:nowrap}.wh-batch-bar__actions{display:flex;align-items:center;gap:10px}.wh-batch-select{height:38px;padding:0 12px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:13px;font-weight:500;cursor:pointer;outline:none;transition:background-color .2s ease}.wh-batch-select:focus{background:#ffffff2e}.wh-batch-select option{background:#082b4b;color:#fff}.wh-batch-btn{display:flex;align-items:center;gap:7px;height:38px;padding:0 16px;border-radius:8px;border:none;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .2s ease,transform .1s ease}.wh-batch-btn--clear{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.2)}.wh-batch-btn--clear:hover{background:#ffffff38}.wh-batch-btn--print{background:#1ba6ff;color:#fff}.wh-batch-btn--print:hover{opacity:.88}.wh-batch-btn--print:active{transform:scale(.97)}.wh-batch-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.wh-batch-bar{min-width:calc(100vw - 32px);flex-direction:column;gap:12px;bottom:16px}.wh-batch-bar__actions{width:100%;justify-content:flex-end}}@media(max-width:640px){.wh-modal{padding:20px 16px;width:100%}.wh-form-grid,.wh-sender-row{grid-template-columns:1fr 1fr}.wh-senders-col-labels{display:none}.wh-view-grid,.wh-view-sender-row{grid-template-columns:1fr 1fr}}@media(max-width:900px){.wh-stats-row{grid-template-columns:repeat(2,1fr)}.wh-search-bar{flex:1;width:auto;min-width:160px}}@media(max-width:640px){.wh-stats-row{grid-template-columns:1fr;margin:20px 10px 0}.warehouse-header{flex-direction:column;align-items:flex-start;gap:12px}.warehouse-header-actions{width:100%;flex-wrap:wrap}.wh-btn{flex:1;justify-content:center}.wh-section-toolbar{flex-direction:column;height:auto;padding:14px 16px;gap:10px;align-items:stretch}.wh-search-bar{width:100%;box-sizing:border-box}.wh-filters{width:100%;gap:8px}.wh-filter-wrapper{flex:1}.wh-filter-btn{width:100%;justify-content:space-between}.wh-filter-dropdown{left:0;right:0;width:auto}.wh-table{table-layout:auto}.wh-table th,.wh-table td{padding:10px;font-size:12px}.wh-pagination{flex-direction:column;gap:10px;align-items:flex-start}.wh-section{overflow-x:auto}.body-footer{flex-direction:column;gap:6px;text-align:center;width:calc(100% + 32px);margin-left:-16px;padding-left:16px;padding-right:16px}}.sh-body{flex:1}.sh-header{display:flex;align-items:center;justify-content:space-between;margin-left:15px;margin-right:15px}.sh-header-info{display:flex;flex-direction:column;gap:6px}.sh-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0}.sh-subtitle{font-size:15px;color:#9e9e9e;margin:0}.sh-header-actions{display:flex;align-items:center;gap:10px}.sh-btn{height:38px;padding:0 18px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;color:#fff;display:flex;align-items:center;gap:7px;transition:opacity .2s ease}.sh-btn:hover{opacity:.88}.sh-btn-dark{background-color:#082b4b}.sh-btn-primary{background-color:#1ba6ff}.sh-icon-btn{width:46px;height:46px;border:1px solid #DDE1E7;border-radius:6px;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.sh-icon-btn:hover{background-color:#f0f0f0}.sh-btn-pdf{color:#e5393a}.sh-btn-excel{color:#1d6f42}.sh-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 10px 0}.sh-stat-card{background-color:#fff;border:.5px solid #DDE1E7;border-radius:10px;padding:18px 20px;height:100px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 4px #0000000a;transition:transform .2s ease,box-shadow .2s ease;box-sizing:border-box}.sh-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000014}.sh-stat-icon{width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sh-stat-info{display:flex;flex-direction:column;gap:4px}.sh-stat-value{font-size:22px;font-weight:700;color:#1a1a1a}.sh-stat-label{font-size:13px;color:#9e9e9e;font-weight:500}.sh-section{display:flex;flex-direction:column;margin:30px 10px 0;background-color:#fff;border:.5px solid #DDE1E7;border-radius:10px;overflow:hidden}.sh-section-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:.5px solid #DDE1E7;height:70px;gap:16px}.sh-search-bar{display:flex;align-items:center;gap:8px;border:1px solid #DDE1E7;border-radius:7px;padding:0 12px;height:44px;width:280px;background-color:#fff;transition:border-color .2s ease}.sh-search-bar:focus-within{border-color:#1ba6ff}.sh-search-bar input{border:none;outline:none;font-size:13px;color:#333;background:transparent;width:100%}.sh-search-bar input::placeholder{color:#aaa}.sh-search-icon{color:#aaa;flex-shrink:0}.sh-filters{display:flex;align-items:center;gap:8px}.sh-filter-wrapper{position:relative}.sh-filter-btn{display:flex;align-items:center;gap:6px;height:38px;padding:0 14px;background:#fff;border:1px solid #DDE1E7;border-radius:7px;font-size:13px;font-weight:500;color:#555;cursor:pointer;white-space:nowrap;transition:border-color .2s ease,color .2s ease}.sh-filter-btn:hover{border-color:#1ba6ff;color:#1ba6ff}.sh-filter-btn.active{border-color:#1ba6ff;color:#1ba6ff;background-color:#e8f4ff}.sh-chevron{transition:transform .2s ease;flex-shrink:0}.sh-chevron.open{transform:rotate(180deg)}.sh-filter-dropdown{position:absolute;top:calc(100% + 6px);right:0;background-color:#fff;border:1px solid #DDE1E7;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:100;min-width:150px;padding:6px}.sh-filter-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;background:none;border:none;border-radius:6px;font-size:13px;color:#333;cursor:pointer;text-align:left}.sh-filter-option:hover{background-color:#f7f8f8}.sh-filter-option.active{background-color:#e8f4ff;color:#1ba6ff;font-weight:600}.sh-table-wrapper{overflow-x:auto}.sh-table{width:100%;border-collapse:collapse;min-width:1200px}.sh-table thead tr{background-color:#f7f8f8}.sh-table th{text-align:center;padding:12px;font-size:12px;font-weight:600;color:#1a1a1a;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.sh-table td{padding:12px;font-size:13px;color:#333;border-bottom:.5px solid #F0F1F3;text-align:center;white-space:nowrap}.sh-table tbody tr:last-child td{border-bottom:none}.sh-table tbody tr:hover{background-color:#f7f8f8}.sh-td-ref{font-family:monospace;font-weight:700;color:#1ba6ff!important;font-size:12px!important}.sh-td-tracking{font-family:monospace;font-size:12px!important;color:#555!important}.sh-td-cost{font-weight:600;color:#1a1a1a!important}.sh-empty{text-align:center;padding:40px;color:#aaa;font-size:14px}.sh-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;display:inline-block}.sh-status-on-the-way{background-color:#fff3cd;color:#b8860b}.sh-status-arrived{background-color:#d4edda;color:#155724}.sh-actions{display:flex;align-items:center;justify-content:center;gap:6px}.sh-action-btn{width:30px;height:30px;background-color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.sh-view,.sh-edit,.sh-delete{border:1px solid #DDE1E7;color:#333}.sh-view:hover{background-color:#e8f4ff}.sh-edit:hover{background-color:#fff8e8}.sh-delete:hover{background-color:#fff0ef}.sh-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:.5px solid #DDE1E7}.sh-pagination-info{font-size:13px;color:#9e9e9e}.sh-pagination-controls{display:flex;align-items:center;gap:6px}.sh-page-btn{min-width:32px;height:32px;padding:0 8px;border:1px solid #DDE1E7;border-radius:6px;background-color:#fff;color:#555;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.sh-page-btn:hover:not(:disabled):not(.active){border-color:#1ba6ff;color:#1ba6ff}.sh-page-btn.active:hover{color:#fff}.sh-page-btn.active{background-color:#1ba6ff;border-color:#1ba6ff;color:#fff;font-weight:600}.sh-page-btn:disabled{opacity:.4;cursor:not-allowed}.sh-footer{margin-top:18px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#1a1a1a;background-color:#fff;border-top:1px solid #DDE1E7;width:calc(100% + 64px);margin-left:-32px;padding:20px 32px;box-sizing:border-box}@keyframes sh-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.sh-skel{border-radius:6px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:800px 100%;animation:sh-shimmer 1.4s infinite linear}.sh-skel-icon{width:46px;height:46px;border-radius:10px;flex-shrink:0}.sh-skel-value{height:22px;width:80px;margin-bottom:2px}.sh-skel-label{height:13px;width:60px}.sh-skel-cell{height:14px;border-radius:4px;margin:0 auto}.sh-badge-notpaid{background-color:#fee2e2;color:#991b1b}.sh-badge-partial{background-color:#fef9c3;color:#854d0e}.sh-badge-fullpaid{background-color:#dcfce7;color:#166534}.sh-cell-line{padding:2px 0;white-space:normal}.sh-cell-line+.sh-cell-line{border-top:1px dashed #F0F1F3;margin-top:2px;padding-top:4px}.sh-error{color:#e5393a}@keyframes sh-modal-in{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.sh-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.sh-modal{background:#fff;border-radius:14px;width:900px;max-width:100%;max-height:90vh;overflow-y:auto;padding:28px 30px;box-shadow:0 20px 60px #0f172a33;animation:sh-modal-in .22s cubic-bezier(.22,1,.36,1) both}.sh-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.sh-modal-header h3{font-size:18px;font-weight:700;color:#1a1a1a;margin:0}.sh-modal-close{width:32px;height:32px;border-radius:8px;border:1px solid #DDE1E7;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9e9e9e;transition:background-color .2s ease,color .2s ease}.sh-modal-close:hover{background-color:#f7f8f8;color:#333}.sh-form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.sh-form-section{margin-top:18px}.sh-form-group{display:flex;flex-direction:column;gap:6px;position:relative}.sh-form-group label{font-size:11px;font-weight:600;color:#9e9e9e;text-transform:uppercase;letter-spacing:.4px}.sh-form-group input,.sh-form-group select{height:42px;padding:0 12px;border:1px solid #DDE1E7;border-radius:8px;font-size:13px;color:#000;background:#f7f8f8;outline:none;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.sh-form-group input:focus,.sh-form-group select:focus{border-color:#1ba6ff;box-shadow:0 0 0 3px #1ba6ff24;background:#fff}.sh-form-group input.sh-packed-date-input{color:#000}.sh-field-locked{background:#eef1f4!important;color:#000!important;cursor:not-allowed}.sh-form-error{font-size:12px;color:#e5393a;margin:10px 0 0}.sh-modal-actions{display:flex;gap:10px;margin-top:22px}.sh-btn-cancel,.sh-btn-save{flex:1;height:42px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s ease,background-color .2s ease}.sh-btn-cancel{background:#f7f8f8;border:1px solid #DDE1E7;color:#333}.sh-btn-cancel:hover{background-color:#eef0f2}.sh-btn-save{background:#082b4b;color:#fff}.sh-btn-save:hover{opacity:.88}.sh-btn-save:disabled{opacity:.6;cursor:not-allowed}.sh-btn-delete-confirm{flex:1;height:42px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;background:#e5393a;color:#fff;transition:opacity .2s ease}.sh-btn-delete-confirm:hover{opacity:.88}.sh-btn-delete-confirm:disabled{opacity:.6;cursor:not-allowed}.sh-box-search-wrap{position:relative}.sh-box-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #DDE1E7;border-radius:10px;box-shadow:0 8px 24px #0f172a1f;z-index:1100;max-height:220px;overflow-y:auto}.sh-box-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;font-size:13px;transition:background .15s ease}.sh-box-dropdown-item:hover{background-color:#f7f8f8}.sh-box-dropdown-type{font-size:11px;font-weight:600;color:#9e9e9e;background:#f7f8f8;border:1px solid #DDE1E7;border-radius:6px;padding:2px 8px}.sh-box-dropdown-empty{padding:14px;text-align:center;font-size:13px;color:#9e9e9e}.sh-senders-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sh-senders-header span{font-size:11px;font-weight:600;color:#9e9e9e;text-transform:uppercase;letter-spacing:.4px}.sh-senders-col-labels{display:grid;grid-template-columns:1.6fr 1.2fr .9fr .9fr 1fr;gap:10px;margin-bottom:8px;padding:0 12px}.sh-senders-col-labels span{font-size:10px;font-weight:600;color:#9e9e9e;text-transform:uppercase;letter-spacing:.4px}.sh-receiver-row{display:grid;grid-template-columns:1.6fr 1.2fr .9fr .9fr 1fr;gap:10px;align-items:center;margin-bottom:10px;padding:10px 12px;background:#f7f8f8;border:1px solid #DDE1E7;border-radius:8px}.sh-receiver-row input{height:38px;width:100%;padding:0 10px;border:1px solid #DDE1E7;border-radius:7px;font-size:13px;color:#000;background:#fff;outline:none;box-sizing:border-box;font-family:inherit}.sh-receiver-row input:focus{border-color:#1ba6ff;box-shadow:0 0 0 3px #1ba6ff24}.sh-receiver-row input.sh-field-locked{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sh-receiver-row input.sh-receiver-total{font-weight:700;color:#000!important;background:#eaf4ff!important;border-color:#bfe0ff;cursor:default}.sh-view-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.sh-view-field{display:flex;flex-direction:column;gap:6px}.sh-view-label{font-size:11px;font-weight:600;color:#9e9e9e;text-transform:uppercase;letter-spacing:.4px}.sh-view-value{font-size:14px;font-weight:600;color:#000}.sh-view-col-labels{display:grid;grid-template-columns:1.6fr 1.2fr .9fr 1fr;gap:10px;margin-bottom:8px}.sh-view-col-labels span{font-size:10px;font-weight:600;color:#9e9e9e;text-transform:uppercase;letter-spacing:.4px}.sh-view-receiver-row{display:grid;grid-template-columns:1.6fr 1.2fr .9fr 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #F0F1F3;font-size:13px;color:#000}.sh-view-receiver-row:last-of-type{border-bottom:none}.sh-view-receiver-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sh-confirm-box{background:#fff;border-radius:14px;width:420px;max-width:90vw;padding:28px 26px;box-shadow:0 20px 60px #0f172a33;animation:sh-modal-in .22s cubic-bezier(.22,1,.36,1) both;text-align:center}.sh-confirm-icon{width:48px;height:48px;border-radius:50%;background:#e5393a1a;color:#e5393a;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.sh-confirm-title{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.sh-confirm-text{font-size:13px;color:#666;margin:0 0 20px;line-height:1.5}@media(max-width:640px){.sh-modal{padding:20px 16px;width:100%}.sh-form-grid,.sh-receiver-row{grid-template-columns:1fr 1fr}.sh-senders-col-labels,.sh-view-col-labels{display:none}.sh-view-grid,.sh-view-receiver-row{grid-template-columns:1fr 1fr}}.sh-groupage-box{width:60%;max-width:900px;height:80%;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0f172a2e;overflow:hidden;animation:sh-modal-in .25s cubic-bezier(.22,1,.36,1) both;display:grid;grid-template-rows:auto 1fr auto}.sh-groupage-header{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:16px 28px;border-bottom:1px solid #DDE1E7}.sh-groupage-header-top{display:flex;align-items:center;justify-content:space-between}.sh-groupage-header-top h3{font-size:1.1rem;font-weight:700;color:#1a1a1a;margin:0}.sh-groupage-header-search{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:6px}.sh-groupage-search-wrap{position:relative}.sh-groupage-search-wrap input{height:42px;width:220px;padding:0 14px;border:1px solid #DDE1E7;border-radius:8px;background:#f7f8f8;color:#000;font-size:13px;outline:none;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.sh-groupage-search-wrap input:focus{border-color:#1ba6ff;box-shadow:0 0 0 3px #1ba6ff24;background:#fff}.sh-groupage-dropdown{display:block;position:absolute;top:calc(100% + 5px);left:0;width:100%;background:#fff;border:1px solid #DDE1E7;border-radius:8px;box-shadow:0 8px 24px #0f172a1f;list-style:none;padding:4px 0;margin:0;z-index:1100;max-height:180px;overflow-y:auto}.sh-groupage-dropdown li{padding:9px 16px;font-size:13px;color:#333;cursor:pointer;transition:background .13s}.sh-groupage-dropdown li:hover{background-color:#f7f8f8}.sh-groupage-dropdown .sh-groupage-drop-empty{color:#9e9e9e;font-style:italic;cursor:default}.sh-groupage-dropdown .sh-groupage-drop-empty:hover{background:transparent}.sh-gp-filter-tabs{display:flex;gap:3px;background:#f7f8f8;border-radius:8px;padding:3px;border:1px solid #DDE1E7;flex-shrink:0}.sh-gp-filter-tabs button{padding:6px 14px;border-radius:6px;border:none;background:none;font-size:12px;font-weight:500;color:#9e9e9e;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.sh-gp-filter-tabs button:hover{background:#fff;color:#333}.sh-gp-filter-tabs button.active{background:#fff;color:#082b4b;font-weight:700;box-shadow:0 1px 3px #0f172a1a}.sh-groupage-body{overflow-y:auto;background:#f7f8f8;display:grid;grid-template-rows:auto 1fr}.sh-gp-body-top{display:flex;flex-direction:column;padding:10px;gap:12px}.sh-gp-body-top h1{text-align:center;background:#082b4b;color:#fff;width:40%;height:60px;display:flex;align-items:center;justify-content:center;align-self:center;font-size:16px;letter-spacing:.08em}.sh-gp-body-bottom{padding:10px;overflow-x:auto;margin-top:16px}.sh-gp-info-table{border-collapse:collapse;align-self:flex-start}.sh-gp-info-table td{padding:1px 8px;font-size:12px;border:1px solid #000;height:38px;white-space:nowrap}.sh-gp-info-label{background:#082b4b;color:#fff;font-weight:600;text-align:right}.sh-gp-info-value{background:#fff;color:#082b4b;font-weight:900;text-align:left;width:150px}.sh-gp-info-red{color:#e5393a!important}.sh-gp-table{width:100%;border-collapse:collapse;font-size:13px;border:2px solid #001540}.sh-gp-table thead tr{background:#082b4b;color:#fff}.sh-gp-table th{padding:9px 8px;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em;border:1px solid #ffffff;text-align:center}.sh-gp-table td{padding:8px;border:1px solid #001540;vertical-align:middle;text-align:center;background:#fff}.sh-gp-table tbody tr:nth-child(2n) td{background:#f8fafc}.sh-gp-table tbody tr:hover td{background:#eff6ff}.sh-gp-empty-cell{text-align:center;color:#9e9e9e;padding:24px}.sh-groupage-footer{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 20px;border-top:1px solid #DDE1E7}.sh-groupage-cancel{padding:10px 24px;border-radius:10px;border:1px solid #DDE1E7;background:#f7f8f8;color:#333;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.sh-groupage-cancel:hover{background:#eef0f2}.sh-groupage-download{display:flex;align-items:center;gap:7px;padding:10px 24px;border-radius:10px;border:none;background:#0f766e;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.sh-groupage-download:hover{background:#0d5f59}#sh-print-area{display:none}@media print{@page{size:A4 portrait;margin:6mm}body>*:not(#sh-print-area){display:none!important}#sh-print-area{display:block!important;font-family:Segoe UI,sans-serif;color:#000}#sh-print-area h1{display:block;width:40%;margin:0 auto 12px;text-align:center;background:#082b4b!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#fff!important;padding:5px 0;font-size:11pt;font-weight:700;letter-spacing:.1em}#sh-print-area .sh-gp-info-table{border-collapse:collapse;margin-bottom:12px}#sh-print-area .sh-gp-info-table td{border:1px solid #000!important;padding:2px 6px;font-size:7pt}#sh-print-area .sh-gp-info-label{background:#082b4b!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;color:#fff!important;font-weight:600;text-align:right}#sh-print-area .sh-gp-info-value{background:#fff!important;color:#082b4b!important;font-weight:900;width:130px}#sh-print-area .sh-gp-info-red{color:#e5393a!important}#sh-print-area .sh-gp-table{width:100%;border-collapse:collapse;font-size:8.5pt;border:1px solid #001540!important}#sh-print-area .sh-gp-table thead tr{background:#082b4b!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}#sh-print-area .sh-gp-table th{border:1px solid #fff!important;padding:6px 4px;font-size:8pt;color:#fff!important;text-transform:uppercase}#sh-print-area .sh-gp-table td{border:1px solid #001540!important;padding:5px 4px;font-size:8.5pt;text-align:center}#sh-print-area .sh-gp-table tbody tr:nth-child(2n) td{background:#f8fafc!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media(max-width:640px){.sh-groupage-box{width:calc(100vw - 32px);height:90vh}.sh-groupage-header-search{flex-direction:column;align-items:stretch}.sh-groupage-search-wrap input{width:100%}}@media(max-width:900px){.sh-stats-row{grid-template-columns:repeat(2,1fr)}.sh-search-bar{flex:1;width:auto;min-width:160px}}@media(max-width:640px){.sh-stats-row{grid-template-columns:1fr}.sh-header{flex-direction:column;align-items:flex-start;gap:12px}.sh-header-actions{width:100%;flex-wrap:wrap}.sh-btn{flex:1;justify-content:center}.sh-section-toolbar{flex-direction:column;height:auto;padding:14px 16px;gap:10px;align-items:stretch}.sh-search-bar{width:100%;box-sizing:border-box}.sh-filters{width:100%;gap:8px}.sh-filter-wrapper{flex:1}.sh-filter-btn{width:100%;justify-content:space-between}.sh-filter-dropdown{left:0;right:0;width:auto}.sh-pagination{flex-direction:column;gap:10px;align-items:flex-start}.sh-footer{flex-direction:column;gap:6px;text-align:center;width:calc(100% + 32px);margin-left:-16px;padding-left:16px;padding-right:16px}}.pay-body{flex:1}.pay-header{display:flex;align-items:center;justify-content:space-between;margin:0 15px}.pay-header-info{display:flex;flex-direction:column;gap:6px}.pay-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0}.pay-subtitle{font-size:15px;color:#9e9e9e;margin:0}.pay-header-actions{display:flex;align-items:center;gap:10px}.pay-btn{height:38px;padding:0 18px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;color:#fff;display:flex;align-items:center;gap:7px;transition:opacity .2s ease}.pay-btn:hover{opacity:.88}.pay-btn-dark{background-color:#082b4b}.pay-btn-primary{background-color:#1ba6ff}.pay-icon-btn{width:46px;height:46px;border:1px solid #DDE1E7;border-radius:6px;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.pay-icon-btn:hover{background-color:#f0f0f0}.pay-btn-pdf{color:#e5393a}.pay-btn-excel{color:#1d6f42}.pay-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 10px 0}.pay-stat-card{background-color:#fff;border:.5px solid #DDE1E7;border-radius:10px;padding:18px 20px;height:100px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 4px #0000000a;transition:transform .2s ease,box-shadow .2s ease;box-sizing:border-box}.pay-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000014}.pay-stat-icon{width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pay-stat-info{display:flex;flex-direction:column;gap:4px}.pay-stat-value{font-size:22px;font-weight:700;color:#1a1a1a}.pay-stat-label{font-size:13px;color:#9e9e9e;font-weight:500}.pay-section{display:flex;flex-direction:column;margin:30px 10px 0;background-color:#fff;border:.5px solid #DDE1E7;border-radius:10px;overflow:hidden}.pay-section-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:.5px solid #DDE1E7;height:70px;gap:16px}.pay-search-bar{display:flex;align-items:center;gap:8px;border:1px solid #DDE1E7;border-radius:7px;padding:0 12px;height:44px;width:300px;background-color:#fff;transition:border-color .2s ease}.pay-search-bar:focus-within{border-color:#1ba6ff}.pay-search-bar input{border:none;outline:none;font-size:13px;color:#333;background:transparent;width:100%}.pay-search-bar input::placeholder{color:#aaa}.pay-search-icon{color:#aaa;flex-shrink:0}.pay-filters{display:flex;align-items:center;gap:8px}.pay-filter-wrapper{position:relative}.pay-filter-btn{display:flex;align-items:center;gap:6px;height:38px;padding:0 14px;background:#fff;border:1px solid #DDE1E7;border-radius:7px;font-size:13px;font-weight:500;color:#555;cursor:pointer;white-space:nowrap;transition:border-color .2s ease,color .2s ease}.pay-filter-btn:hover{border-color:#1ba6ff;color:#1ba6ff}.pay-filter-btn.active{border-color:#1ba6ff;color:#1ba6ff;background-color:#e8f4ff}.pay-chevron{transition:transform .2s ease;flex-shrink:0}.pay-chevron.open{transform:rotate(180deg)}.pay-filter-dropdown{position:absolute;top:calc(100% + 6px);right:0;background-color:#fff;border:1px solid #DDE1E7;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:100;min-width:150px;padding:6px}.pay-filter-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;background:none;border:none;border-radius:6px;font-size:13px;color:#333;cursor:pointer;text-align:left}.pay-filter-option:hover{background-color:#f7f8f8}.pay-filter-option.active{background-color:#e8f4ff;color:#1ba6ff;font-weight:600}.pay-table-wrapper{overflow-x:auto}.pay-table{width:100%;border-collapse:collapse;min-width:900px}.pay-table thead tr{background-color:#f7f8f8}.pay-table th{text-align:center;padding:12px 14px;font-size:12px;font-weight:600;color:#1a1a1a;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.pay-table td{padding:12px 14px;font-size:13px;color:#333;border-bottom:.5px solid #F0F1F3;text-align:center;white-space:nowrap}.pay-table tbody tr:last-child td{border-bottom:none}.pay-table tbody tr:hover{background-color:#f7f8f8}.pay-td-id{font-family:monospace;font-weight:700;color:#1ba6ff!important;font-size:12px!important}.pay-td-amount{font-weight:600;color:#1a1a1a!important}.pay-empty{text-align:center;padding:40px;color:#aaa;font-size:14px}.pay-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:20px;display:inline-block}.pay-status-full{background-color:#d4edda;color:#155724}.pay-status-partial{background-color:#fff3cd;color:#b8860b}.pay-actions{display:flex;align-items:center;justify-content:center;gap:6px}.pay-action-btn{width:30px;height:30px;background-color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.pay-edit,.pay-delete{border:1px solid #DDE1E7;color:#333}.pay-edit:hover{background-color:#fff8e8}.pay-delete:hover{background-color:#fff0ef}.pay-stacked-cell{padding:6px 0;border-bottom:1px dashed #F0F1F3;white-space:normal}.pay-stacked-cell:first-child{padding-top:0}.pay-stacked-cell:last-child{border-bottom:none;padding-bottom:0}.pay-actions--stacked{flex-direction:column;gap:4px}.pay-stacked-actions{display:flex;justify-content:center;gap:6px;padding:4px 0;border-bottom:1px dashed #F0F1F3}.pay-stacked-actions:first-child{padding-top:0}.pay-stacked-actions:last-child{border-bottom:none;padding-bottom:0}.pay-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:.5px solid #DDE1E7}.pay-pagination-info{font-size:13px;color:#9e9e9e}.pay-pagination-controls{display:flex;align-items:center;gap:6px}.pay-page-btn{min-width:32px;height:32px;padding:0 8px;border:1px solid #DDE1E7;border-radius:6px;background-color:#fff;color:#555;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.pay-page-btn:hover:not(:disabled):not(.active){border-color:#1ba6ff;color:#1ba6ff}.pay-page-btn.active{background-color:#1ba6ff;border-color:#1ba6ff;color:#fff;font-weight:600}.pay-page-btn.active:hover{color:#fff}.pay-page-btn:disabled{opacity:.4;cursor:not-allowed}.pay-footer{margin-top:18px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#1a1a1a;background-color:#fff;border-top:1px solid #DDE1E7;width:calc(100% + 64px);margin-left:-32px;padding:20px 32px;box-sizing:border-box}@keyframes pay-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.pay-skel{border-radius:6px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:800px 100%;animation:pay-shimmer 1.4s infinite linear}.pay-skel-icon{width:46px;height:46px;border-radius:10px;flex-shrink:0}.pay-skel-value{height:22px;width:80px;margin-bottom:2px}.pay-skel-label{height:13px;width:60px}.pay-skel-cell{height:14px;border-radius:4px;margin:0 auto}.pay-error{color:#e5393a}@keyframes pay-modal-in{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.pay-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.pay-modal{background:#fff;border-radius:14px;width:820px;max-width:100%;max-height:90vh;overflow-y:auto;padding:28px 30px;box-shadow:0 20px 60px #0f172a33;animation:pay-modal-in .22s cubic-bezier(.22,1,.36,1) both}.pay-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.pay-modal-header h3{font-size:18px;font-weight:700;color:#1a1a1a;margin:0}.pay-modal-close{width:32px;height:32px;border-radius:8px;border:1px solid #DDE1E7;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9e9e9e;transition:background-color .2s ease,color .2s ease}.pay-modal-close:hover{background-color:#f7f8f8;color:#333}.pay-form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.pay-form-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pay-form-section{margin-top:18px}.pay-form-group{display:flex;flex-direction:column;gap:6px;position:relative}.pay-form-group label{font-size:11px;font-weight:600;color:#9e9e9e;text-transform:uppercase;letter-spacing:.4px}.pay-label-row{display:flex;align-items:center;justify-content:space-between}.pay-form-group input{height:42px;padding:0 12px;border:1px solid #DDE1E7;border-radius:8px;font-size:13px;color:#000;background:#f7f8f8;outline:none;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.pay-form-group input:focus{border-color:#1ba6ff;box-shadow:0 0 0 3px #1ba6ff24;background:#fff}.pay-form-group input.pay-packed-date-input{color:#000}.pay-form-group input.pay-input-error{border-color:#e5393a}.pay-field-locked{background:#eef1f4!important;color:#000!important;cursor:not-allowed}.pay-form-error{font-size:12px;color:#e5393a;margin:8px 0 0}.pay-modal-actions{display:flex;gap:10px;margin-top:22px}.pay-btn-cancel,.pay-btn-save{flex:1;height:42px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s ease,background-color .2s ease}.pay-btn-cancel{background:#f7f8f8;border:1px solid #DDE1E7;color:#333}.pay-btn-cancel:hover{background-color:#eef0f2}.pay-btn-save{background:#082b4b;color:#fff}.pay-btn-save:hover{opacity:.88}.pay-btn-save:disabled{opacity:.6;cursor:not-allowed}.pay-btn-delete-confirm{flex:1;height:42px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;background:#e5393a;color:#fff;transition:opacity .2s ease}.pay-btn-delete-confirm:hover{opacity:.88}.pay-btn-delete-confirm:disabled{opacity:.6;cursor:not-allowed}.pay-confirm-box{background:#fff;border-radius:14px;width:420px;max-width:90vw;padding:28px 26px;box-shadow:0 20px 60px #0f172a33;animation:pay-modal-in .22s cubic-bezier(.22,1,.36,1) both;text-align:center}.pay-confirm-icon{width:48px;height:48px;border-radius:50%;background:#e5393a1a;color:#e5393a;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.pay-balance-alert{display:flex;align-items:center;gap:14px;background:#fff7ed;border:1.5px solid #fed7aa;border-radius:10px;padding:14px 18px}.pay-balance-alert-icon{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#ffedd5;display:flex;align-items:center;justify-content:center;color:#ea580c}.pay-balance-alert-body{display:flex;flex-direction:column;gap:2px}.pay-balance-alert-label{font-size:12px;font-weight:600;color:#9a3412;text-transform:uppercase;letter-spacing:.04em}.pay-balance-alert-amount{font-size:18px;font-weight:700;color:#c2410c}.pay-confirm-title{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.pay-confirm-text{font-size:13px;color:#666;margin:0 0 20px;line-height:1.5}.pay-btn-full-pay{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;border:1.5px solid #16a34a;background:#f0fdf4;color:#16a34a;font-size:11px;font-weight:700;cursor:pointer;transition:background .18s ease,color .18s ease;white-space:nowrap}.pay-btn-full-pay:hover{background:#16a34a;color:#fff}.pay-btn-full-pay--block{width:100%;justify-content:center;padding:9px 14px;margin-top:6px}.pay-box-search-wrap{position:relative}.pay-box-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #DDE1E7;border-radius:10px;box-shadow:0 8px 24px #0f172a1f;z-index:1100;max-height:220px;overflow-y:auto}.pay-box-dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;font-size:13px;transition:background .15s ease}.pay-box-dropdown-item:hover{background-color:#f7f8f8}.pay-box-dropdown-type{font-size:11px;font-weight:600;color:#9e9e9e;background:#f7f8f8;border:1px solid #DDE1E7;border-radius:6px;padding:2px 8px}.pay-box-dropdown-empty{padding:14px;text-align:center;font-size:13px;color:#9e9e9e}.pay-receivers-header{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:10px;margin-bottom:8px}.pay-receivers-header span{font-size:10px;font-weight:600;color:#9e9e9e;text-transform:uppercase;letter-spacing:.4px}.pay-receiver-row{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:10px;align-items:center;margin-bottom:10px;padding:10px 12px;background:#f7f8f8;border:1px solid #DDE1E7;border-radius:8px}.pay-receiver-row input{height:38px;width:100%;padding:0 10px;border:1px solid #DDE1E7;border-radius:7px;font-size:13px;color:#000;background:#fff;outline:none;box-sizing:border-box;font-family:inherit}.pay-receiver-row input:focus{border-color:#1ba6ff;box-shadow:0 0 0 3px #1ba6ff24}.pay-receiver-row input.pay-field-locked{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:640px){.pay-modal{padding:20px 16px;width:100%}.pay-form-grid-2,.pay-form-grid-4{grid-template-columns:1fr 1fr}.pay-receivers-header{display:none}.pay-receiver-row{grid-template-columns:1fr 1fr}}@media(max-width:900px){.pay-stats-row{grid-template-columns:repeat(2,1fr)}.pay-search-bar{flex:1;width:auto;min-width:160px}}@media(max-width:640px){.pay-stats-row{grid-template-columns:1fr}.pay-header{flex-direction:column;align-items:flex-start;gap:12px}.pay-header-actions{width:100%;flex-wrap:wrap}.pay-btn{flex:1;justify-content:center}.pay-section-toolbar{flex-direction:column;height:auto;padding:14px 16px;gap:10px;align-items:stretch}.pay-search-bar{width:100%;box-sizing:border-box}.pay-filters{width:100%}.pay-filter-wrapper{flex:1}.pay-filter-btn{width:100%;justify-content:space-between}.pay-filter-dropdown{left:0;right:0;width:auto}.pay-pagination{flex-direction:column;gap:10px;align-items:flex-start}.pay-footer{flex-direction:column;gap:6px;text-align:center;width:calc(100% + 32px);margin-left:-16px;padding-left:16px;padding-right:16px}}.pay-modal-invoice{width:860px}.pay-btn-invoice-print{flex:1;height:42px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#0f766e;color:#fff;transition:background-color .2s ease,opacity .2s ease}.pay-btn-invoice-print:hover{background-color:#0d6460}.pay-btn-invoice-print:disabled{opacity:.45;cursor:not-allowed}.inv-phone-dropdown{max-height:240px}.inv-phone-input{width:100%;min-width:420px;height:46px;padding:0 16px;font-size:14px}@media(max-width:640px){.inv-phone-input{min-width:0}}.inv-dropdown-item{display:flex;flex-direction:row;align-items:center;gap:20px}.inv-drop-name{font-weight:700;font-size:13px;color:#082b4b;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-drop-sep{color:#cbd5e1;font-size:13px;flex-shrink:0}.inv-drop-phone{font-size:13px;font-weight:600;color:#333;white-space:nowrap;flex-shrink:0}.inv-preview-area{min-height:200px;background:#f7f8f8;border-radius:12px;border:1px solid #DDE1E7;overflow:hidden;margin-top:18px}.inv-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 24px;color:#64748b;text-align:center}.inv-placeholder svg{opacity:.35}.inv-placeholder p{font-size:14px}.inv-card{background:#fff;padding:28px 32px}.inv-card-head{display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid #082B4B;padding-bottom:14px;margin-bottom:20px}.inv-logo{height:70px;width:100px;object-fit:contain}.inv-logo-placeholder{height:70px;width:100px;flex-shrink:0;border:1.5px dashed #94a3b8;border-radius:6px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;font-weight:600;color:#94a3b8;padding:4px}.inv-title-block{text-align:right}.inv-title{font-size:26px;font-weight:900;color:#082b4b;letter-spacing:.08em}.inv-date-line{font-size:12px;color:#64748b;margin-top:4px}.inv-customer-box{background:#f7f8f8;border-left:4px solid #082B4B;padding:12px 16px;margin-bottom:20px;border-radius:0 8px 8px 0}.inv-customer-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.inv-customer-name{font-size:16px;font-weight:800;color:#082b4b}.inv-customer-phone{font-size:13px;color:#333;margin-top:2px}.inv-table-wrap{overflow-x:auto;margin-bottom:20px}.inv-table{width:100%;border-collapse:collapse;font-size:13px}.inv-table thead tr{background:#082b4b;color:#fff}.inv-table th{padding:8px 7px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border:1px solid #1a3a7a;text-align:center}.inv-table td{padding:7px 8px;border:1px solid #DDE1E7;text-align:center;vertical-align:middle}.inv-table tbody tr:nth-child(2n) td{background:#f7f8f8}.inv-box-ref{font-weight:700;color:#082b4b;font-family:monospace}.inv-balance-cell{color:#e5393a;font-weight:700}.inv-box-type{display:inline-block;padding:2px 7px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.04em}.inv-type-full{background:#dbeafe;color:#1d4ed8}.inv-type-shared{background:#fef9c3;color:#92400e}.inv-totals{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.inv-total-row{display:flex;justify-content:space-between;gap:48px;font-size:14px;padding:7px 14px;background:#f7f8f8;border-radius:6px;min-width:320px;color:#000}.inv-total-row span:first-child{color:#64748b;font-weight:500}.inv-total-row span:last-child{font-weight:700}.inv-total-balance{background:#082b4b;color:#fff;border-radius:8px;font-size:15px}.inv-total-balance span{color:#fff!important;font-weight:900!important}.inv-footer{border-top:2px solid #082B4B;padding-top:12px;margin-top:24px}.inv-footer-co{font-size:13px;font-weight:900;color:#082b4b;margin-bottom:5px}.inv-footer-line{font-size:11px;color:#334155;margin-bottom:2px}.inv-footer-thanks{text-align:center;font-size:12px;font-style:italic;color:#64748b;margin-top:16px}@media(max-width:640px){.pay-modal-invoice{width:100%}.inv-card{padding:20px}.inv-total-row{min-width:unset;width:100%}}.exp-body{flex:1}.exp-header{display:flex;align-items:center;justify-content:space-between;margin:0 15px}.exp-header-info{display:flex;flex-direction:column;gap:6px}.exp-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0}.exp-subtitle{font-size:15px;color:#9e9e9e;margin:0}.exp-header-actions{display:flex;align-items:center;gap:10px}.exp-btn{height:38px;padding:0 18px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;color:#fff;display:flex;align-items:center;gap:7px;transition:opacity .2s ease}.exp-btn:hover{opacity:.88}.exp-btn-primary{background-color:#1ba6ff}.exp-icon-btn{width:46px;height:46px;border:1px solid #DDE1E7;border-radius:6px;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.exp-icon-btn:hover{background-color:#f0f0f0}.exp-btn-pdf{color:#e5393a}.exp-btn-excel{color:#1d6f42}.exp-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 10px 0}.exp-stat-card{background-color:#fff;border:.5px solid #DDE1E7;border-radius:10px;padding:18px 20px;height:100px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 4px #0000000a;transition:transform .2s ease,box-shadow .2s ease;box-sizing:border-box}.exp-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000014}.exp-stat-icon{width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.exp-stat-info{display:flex;flex-direction:column;gap:4px}.exp-stat-value{font-size:22px;font-weight:700;color:#1a1a1a}.exp-stat-label{font-size:13px;color:#9e9e9e;font-weight:500}.exp-section{display:flex;flex-direction:column;margin:30px 10px 0;background-color:#fff;border:.5px solid #DDE1E7;border-radius:10px;overflow:hidden}.exp-section-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:.5px solid #DDE1E7;height:70px;gap:16px}.exp-search-bar{display:flex;align-items:center;gap:8px;border:1px solid #DDE1E7;border-radius:7px;padding:0 12px;height:44px;width:300px;background-color:#fff;transition:border-color .2s ease}.exp-search-bar:focus-within{border-color:#1ba6ff}.exp-search-bar input{border:none;outline:none;font-size:13px;color:#333;background:transparent;width:100%}.exp-search-bar input::placeholder{color:#aaa}.exp-search-icon{color:#aaa;flex-shrink:0}.exp-filters{display:flex;align-items:center;gap:8px}.exp-filter-wrapper{position:relative}.exp-filter-btn{display:flex;align-items:center;gap:6px;height:38px;padding:0 14px;background:#fff;border:1px solid #DDE1E7;border-radius:7px;font-size:13px;font-weight:500;color:#555;cursor:pointer;white-space:nowrap;transition:border-color .2s ease,color .2s ease}.exp-filter-btn:hover{border-color:#1ba6ff;color:#1ba6ff}.exp-filter-btn.active{border-color:#1ba6ff;color:#1ba6ff;background-color:#e8f4ff}.exp-chevron{transition:transform .2s ease;flex-shrink:0}.exp-chevron.open{transform:rotate(180deg)}.exp-filter-dropdown{position:absolute;top:calc(100% + 6px);right:0;background-color:#fff;border:1px solid #DDE1E7;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:100;min-width:160px;padding:6px}.exp-filter-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;background:none;border:none;border-radius:6px;font-size:13px;color:#333;cursor:pointer;text-align:left}.exp-filter-option:hover{background-color:#f7f8f8}.exp-filter-option.active{background-color:#e8f4ff;color:#1ba6ff;font-weight:600}.exp-table-wrapper{overflow-x:auto}.exp-table{width:100%;border-collapse:collapse;min-width:700px}.exp-table thead tr{background-color:#f7f8f8}.exp-table th{text-align:center;padding:12px 14px;font-size:12px;font-weight:600;color:#1a1a1a;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.exp-table td{padding:12px 14px;font-size:13px;color:#333;border-bottom:.5px solid #F0F1F3;text-align:center;white-space:nowrap}.exp-td-desc{text-align:center!important;text-transform:uppercase;max-width:280px;overflow:hidden;text-overflow:ellipsis}.exp-table tbody tr:last-child td{border-bottom:none}.exp-table tbody tr:hover{background-color:#f7f8f8}.exp-empty{text-align:center;padding:40px;color:#aaa;font-size:14px}.exp-actions{display:flex;align-items:center;justify-content:center;gap:6px}.exp-action-btn{width:30px;height:30px;background-color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.exp-edit,.exp-delete{border:1px solid #DDE1E7;color:#333}.exp-edit:hover{background-color:#fff8e8}.exp-delete:hover{background-color:#fff0ef}.exp-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:.5px solid #DDE1E7}.exp-pagination-info{font-size:13px;color:#9e9e9e}.exp-pagination-controls{display:flex;align-items:center;gap:6px}.exp-page-btn{min-width:32px;height:32px;padding:0 8px;border:1px solid #DDE1E7;border-radius:6px;background-color:#fff;color:#555;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.exp-page-btn:hover:not(:disabled):not(.active){border-color:#1ba6ff;color:#1ba6ff}.exp-page-btn.active{background-color:#1ba6ff;border-color:#1ba6ff;color:#fff;font-weight:600}.exp-page-btn.active:hover{color:#fff}.exp-page-btn:disabled{opacity:.4;cursor:not-allowed}.exp-footer{margin-top:18px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#1a1a1a;background-color:#fff;border-top:1px solid #DDE1E7;width:calc(100% + 64px);margin-left:-32px;padding:20px 32px;box-sizing:border-box}@keyframes exp-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.exp-skel{border-radius:6px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:800px 100%;animation:exp-shimmer 1.4s infinite linear}.exp-skel-icon{width:46px;height:46px;border-radius:10px;flex-shrink:0}.exp-skel-value{height:22px;width:80px;margin-bottom:2px}.exp-skel-label{height:13px;width:60px}.exp-skel-cell{height:14px;border-radius:4px;margin:0 auto}@media(max-width:900px){.exp-stats-row{grid-template-columns:repeat(2,1fr)}.exp-search-bar{flex:1;width:auto;min-width:160px}}@media(max-width:640px){.exp-stats-row{grid-template-columns:1fr}.exp-header{flex-direction:column;align-items:flex-start;gap:12px}.exp-header-actions{width:100%;flex-wrap:wrap}.exp-btn{flex:1;justify-content:center}.exp-section-toolbar{flex-direction:column;height:auto;padding:14px 16px;gap:10px;align-items:stretch}.exp-search-bar{width:100%;box-sizing:border-box}.exp-filters{width:100%}.exp-filter-wrapper{flex:1}.exp-filter-btn{width:100%;justify-content:space-between}.exp-filter-dropdown{left:0;right:0;width:auto}.exp-pagination{flex-direction:column;gap:10px;align-items:flex-start}.exp-footer{flex-direction:column;gap:6px;text-align:center;width:calc(100% + 32px);margin-left:-16px;padding-left:16px;padding-right:16px}}@keyframes exp-modal-in{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.exp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.exp-modal{background:#fff;border-radius:14px;width:720px;max-width:100%;max-height:90vh;overflow-y:auto;padding:28px 30px;box-shadow:0 20px 60px #0f172a33;animation:exp-modal-in .22s cubic-bezier(.22,1,.36,1) both}.exp-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.exp-modal-header h3{font-size:18px;font-weight:700;color:#1a1a1a;margin:0}.exp-modal-close{width:32px;height:32px;border-radius:8px;border:1px solid #DDE1E7;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9e9e9e;transition:background-color .2s ease,color .2s ease}.exp-modal-close:hover{background-color:#f7f8f8;color:#333}.exp-form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.exp-form-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.exp-form-section{margin-top:18px}.exp-form-group{display:flex;flex-direction:column;gap:6px}.exp-form-group label{font-size:11px;font-weight:600;color:#9e9e9e;text-transform:uppercase;letter-spacing:.4px}.exp-form-group input,.exp-form-group select{height:42px;padding:0 12px;border:1px solid #DDE1E7;border-radius:8px;font-size:13px;color:#000;background:#f7f8f8;outline:none;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.exp-form-group input:focus,.exp-form-group select:focus{border-color:#1ba6ff;box-shadow:0 0 0 3px #1ba6ff24;background:#fff}.exp-field-locked{background:#eef1f4!important;color:#000!important;cursor:not-allowed}.exp-form-error{font-size:12px;color:#e5393a;margin:12px 0 0}.exp-modal-actions{display:flex;gap:10px;margin-top:22px}.exp-btn-cancel,.exp-btn-save{flex:1;height:42px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s ease,background-color .2s ease}.exp-btn-cancel{background:#f7f8f8;border:1px solid #DDE1E7;color:#333}.exp-btn-cancel:hover{background-color:#eef0f2}.exp-btn-save{background:#082b4b;color:#fff}.exp-btn-save:hover{opacity:.88}.exp-btn-save:disabled{opacity:.6;cursor:not-allowed}.exp-btn-delete-confirm{flex:1;height:42px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;background:#e5393a;color:#fff;transition:opacity .2s ease}.exp-btn-delete-confirm:hover{opacity:.88}.exp-btn-delete-confirm:disabled{opacity:.6;cursor:not-allowed}.exp-confirm-box{background:#fff;border-radius:14px;width:420px;max-width:90vw;padding:28px 26px;box-shadow:0 20px 60px #0f172a33;animation:exp-modal-in .22s cubic-bezier(.22,1,.36,1) both;text-align:center}.exp-confirm-icon{width:48px;height:48px;border-radius:50%;background:#e5393a1a;color:#e5393a;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.exp-confirm-title{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.exp-confirm-text{font-size:13px;color:#666;margin:0 0 20px;line-height:1.5}@media(max-width:640px){.exp-modal{padding:20px 16px;width:100%}.exp-form-grid-3,.exp-form-grid-4{grid-template-columns:1fr 1fr}}.usr-body{flex:1}.usr-header{display:flex;align-items:center;justify-content:space-between;margin:0 15px}.usr-header-info{display:flex;flex-direction:column;gap:6px}.usr-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0}.usr-subtitle{font-size:15px;color:#9e9e9e;margin:0}.usr-header-actions{display:flex;align-items:center;gap:10px}.usr-btn{height:38px;padding:0 18px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;color:#fff;display:flex;align-items:center;gap:7px;transition:opacity .2s ease}.usr-btn:hover{opacity:.88}.usr-btn-primary{background-color:#1ba6ff}.usr-icon-btn{width:46px;height:46px;border:1px solid #DDE1E7;border-radius:6px;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;flex-shrink:0}.usr-icon-btn:hover{background-color:#f0f0f0}.usr-btn-pdf{color:#e5393a}.usr-btn-excel{color:#1d6f42}.usr-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:30px 10px 0}.usr-stat-card{background-color:#fff;border:.5px solid #DDE1E7;border-radius:10px;padding:18px 20px;height:100px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 4px #0000000a;transition:transform .2s ease,box-shadow .2s ease;box-sizing:border-box}.usr-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000014}.usr-stat-icon{width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.usr-stat-info{display:flex;flex-direction:column;gap:4px}.usr-stat-value{font-size:22px;font-weight:700;color:#1a1a1a}.usr-stat-label{font-size:13px;color:#9e9e9e;font-weight:500}.usr-section{display:flex;flex-direction:column;margin:30px 10px 0;background-color:#fff;border:.5px solid #DDE1E7;border-radius:10px;overflow:hidden}.usr-section-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:.5px solid #DDE1E7;height:70px;gap:16px}.usr-search-bar{display:flex;align-items:center;gap:8px;border:1px solid #DDE1E7;border-radius:7px;padding:0 12px;height:44px;width:280px;background-color:#fff;transition:border-color .2s ease}.usr-search-bar:focus-within{border-color:#1ba6ff}.usr-search-bar input{border:none;outline:none;font-size:13px;color:#333;background:transparent;width:100%}.usr-search-bar input::placeholder{color:#aaa}.usr-search-icon{color:#aaa;flex-shrink:0}.usr-filters{display:flex;align-items:center;gap:8px}.usr-filter-wrapper{position:relative}.usr-filter-btn{display:flex;align-items:center;gap:6px;height:38px;padding:0 14px;background:#fff;border:1px solid #DDE1E7;border-radius:7px;font-size:13px;font-weight:500;color:#555;cursor:pointer;white-space:nowrap;transition:border-color .2s ease,color .2s ease}.usr-filter-btn:hover{border-color:#1ba6ff;color:#1ba6ff}.usr-filter-btn.active{border-color:#1ba6ff;color:#1ba6ff;background-color:#e8f4ff}.usr-chevron{transition:transform .2s ease;flex-shrink:0}.usr-chevron.open{transform:rotate(180deg)}.usr-filter-dropdown{position:absolute;top:calc(100% + 6px);right:0;background-color:#fff;border:1px solid #DDE1E7;border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:100;min-width:140px;padding:6px}.usr-filter-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;background:none;border:none;border-radius:6px;font-size:13px;color:#333;cursor:pointer;text-align:left}.usr-filter-option:hover{background-color:#f7f8f8}.usr-filter-option.active{background-color:#e8f4ff;color:#1ba6ff;font-weight:600}.usr-table-wrapper{overflow-x:auto}.usr-table{width:100%;border-collapse:collapse;min-width:500px}.usr-table thead tr{background-color:#f7f8f8}.usr-table th{text-align:center;padding:12px 16px;font-size:12px;font-weight:600;color:#1a1a1a;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.usr-table td{padding:14px 16px;font-size:13px;color:#333;border-bottom:.5px solid #F0F1F3;text-align:center;white-space:nowrap}.usr-table tbody tr:last-child td{border-bottom:none}.usr-table tbody tr:hover{background-color:#f7f8f8}.usr-td-num{color:#9e9e9e!important;font-size:12px!important;font-weight:600}.usr-td-name{font-weight:600;color:#1a1a1a!important;text-align:left!important}.usr-empty{text-align:center;padding:40px;color:#aaa;font-size:14px}.usr-role-badge{font-size:11px;font-weight:600;padding:3px 12px;border-radius:20px;display:inline-block}.usr-role-admin{background-color:#ede9fe;color:#6d28d9}.usr-role-warehouse{background-color:#fff8e8;color:#b45309}.usr-role-viewer{background-color:#edfaf3;color:#1db97a}.usr-status-badge{font-size:11px;font-weight:600;padding:3px 12px;border-radius:20px;display:inline-block}.usr-status-active{background-color:#edfaf3;color:#1db97a}.usr-status-inactive{background-color:#f8d7da;color:#721c24}.usr-actions{display:flex;align-items:center;justify-content:center;gap:6px}.usr-action-btn{width:30px;height:30px;background-color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease}.usr-edit,.usr-delete{border:1px solid #DDE1E7;color:#333}.usr-edit:hover{background-color:#fff8e8}.usr-delete:hover{background-color:#fff0ef}.usr-action-btn:disabled{opacity:.35;cursor:not-allowed}.usr-action-btn:disabled:hover{background-color:#fff}.usr-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:.5px solid #DDE1E7}.usr-pagination-info{font-size:13px;color:#9e9e9e}.usr-pagination-controls{display:flex;align-items:center;gap:6px}.usr-page-btn{min-width:32px;height:32px;padding:0 8px;border:1px solid #DDE1E7;border-radius:6px;background-color:#fff;color:#555;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.usr-page-btn:hover:not(:disabled):not(.active){border-color:#1ba6ff;color:#1ba6ff}.usr-page-btn.active{background-color:#1ba6ff;border-color:#1ba6ff;color:#fff;font-weight:600}.usr-page-btn.active:hover{color:#fff}.usr-page-btn:disabled{opacity:.4;cursor:not-allowed}.usr-footer{margin-top:18px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#1a1a1a;background-color:#fff;border-top:1px solid #DDE1E7;width:calc(100% + 64px);margin-left:-32px;padding:20px 32px;box-sizing:border-box}@keyframes usr-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.usr-skel{border-radius:6px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:800px 100%;animation:usr-shimmer 1.4s infinite linear}.usr-skel-icon{width:46px;height:46px;border-radius:10px;flex-shrink:0}.usr-skel-value{height:22px;width:80px;margin-bottom:2px}.usr-skel-label{height:13px;width:60px}.usr-skel-cell{height:14px;border-radius:4px;margin:0 auto}@media(max-width:1024px){.usr-stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.usr-stats-row{grid-template-columns:repeat(2,1fr)}.usr-header{flex-direction:column;align-items:flex-start;gap:12px}.usr-header-actions{width:100%;flex-wrap:wrap}.usr-btn{flex:1;justify-content:center}.usr-section-toolbar{flex-direction:column;height:auto;padding:14px 16px;gap:10px;align-items:stretch}.usr-search-bar{width:100%;box-sizing:border-box}.usr-filters{width:100%}.usr-filter-wrapper{flex:1}.usr-filter-btn{width:100%;justify-content:space-between}.usr-filter-dropdown{left:0;right:0;width:auto}.usr-pagination{flex-direction:column;gap:10px;align-items:flex-start}.usr-footer{flex-direction:column;gap:6px;text-align:center;width:calc(100% + 32px);margin-left:-16px;padding-left:16px;padding-right:16px}}@keyframes usr-modal-in{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.usr-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.usr-modal{background:#fff;border-radius:14px;width:560px;max-width:100%;max-height:90vh;overflow-y:auto;padding:28px 30px;box-shadow:0 20px 60px #0f172a33;animation:usr-modal-in .22s cubic-bezier(.22,1,.36,1) both}.usr-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.usr-modal-header h3{font-size:18px;font-weight:700;color:#1a1a1a;margin:0}.usr-modal-close{width:32px;height:32px;border-radius:8px;border:1px solid #DDE1E7;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9e9e9e;transition:background-color .2s ease,color .2s ease}.usr-modal-close:hover{background-color:#f7f8f8;color:#333}.usr-form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.usr-form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.usr-form-section{margin-top:18px}.usr-radios{display:flex;align-items:center;gap:8px}.usr-radio-pill{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 16px;border:1px solid #DDE1E7;border-radius:8px;background:#f7f8f8;font-size:13px;color:#333;cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.usr-radio-pill input{accent-color:#1BA6FF}.usr-radio-pill.active{border-color:#1ba6ff;background:#e8f4ff;color:#1ba6ff;font-weight:600}.usr-form-group{display:flex;flex-direction:column;gap:6px}.usr-form-group label{font-size:11px;font-weight:600;color:#9e9e9e;text-transform:uppercase;letter-spacing:.4px}.usr-form-group input,.usr-form-group select{height:42px;padding:0 12px;border:1px solid #DDE1E7;border-radius:8px;font-size:13px;color:#000;background:#f7f8f8;outline:none;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.usr-form-group input:focus,.usr-form-group select:focus{border-color:#1ba6ff;box-shadow:0 0 0 3px #1ba6ff24;background:#fff}.usr-form-error{font-size:12px;color:#e5393a;margin:12px 0 0}.usr-modal-actions{display:flex;gap:10px;margin-top:22px}.usr-btn-cancel,.usr-btn-save{flex:1;height:42px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s ease,background-color .2s ease}.usr-btn-cancel{background:#f7f8f8;border:1px solid #DDE1E7;color:#333}.usr-btn-cancel:hover{background-color:#eef0f2}.usr-btn-save{background:#082b4b;color:#fff}.usr-btn-save:hover{opacity:.88}.usr-btn-save:disabled{opacity:.6;cursor:not-allowed}.usr-btn-delete-confirm{flex:1;height:42px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;background:#e5393a;color:#fff;transition:opacity .2s ease}.usr-btn-delete-confirm:hover{opacity:.88}.usr-btn-delete-confirm:disabled{opacity:.6;cursor:not-allowed}.usr-confirm-box{background:#fff;border-radius:14px;width:420px;max-width:90vw;padding:28px 26px;box-shadow:0 20px 60px #0f172a33;animation:usr-modal-in .22s cubic-bezier(.22,1,.36,1) both;text-align:center}.usr-confirm-icon{width:48px;height:48px;border-radius:50%;background:#e5393a1a;color:#e5393a;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}.usr-confirm-title{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.usr-confirm-text{font-size:13px;color:#666;margin:0 0 20px;line-height:1.5}@media(max-width:640px){.usr-modal{padding:20px 16px;width:100%}.usr-form-grid-2,.usr-form-grid-3{grid-template-columns:1fr}}.notfound-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center}.notfound-code{font-size:clamp(64px,12vw,120px);font-weight:900;color:#1ba6ff;line-height:1}.notfound-title{font-size:clamp(18px,3vw,24px);font-weight:700;color:#1a1a1a;margin-top:8px}.notfound-text{color:#6b7280;margin-top:8px;font-size:.95rem}.notfound-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:24px;height:44px;padding:0 24px;background-color:#1ba6ff;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;text-decoration:none;transition:opacity .2s ease}.notfound-btn:hover{opacity:.88}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,Segoe UI,sans-serif;background-color:#f5f5f5;color:#1a1a1a;-webkit-font-smoothing:antialiased}#root{min-height:100vh}