@import"https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Jost,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#17344d;overflow-x:hidden;max-width:100vw}html{overflow-x:hidden;max-width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;font-family:Jost,sans-serif;font-size:24px;color:#17344d}.placeholder{display:flex;align-items:center;justify-content:center;height:calc(100vh - 110px);font-family:Jost,sans-serif;font-size:32px;color:#8e8e8e;padding:32px;text-align:center}.sidebar{width:260px;height:100vh;background:#d1eeff;display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:999;transition:transform .3s ease}.sidebar-header{height:64px;padding:0 16px;display:flex;justify-content:space-between;align-items:center}.mobile-close-btn{display:none;width:32px;height:32px;border:none;background:#17344d1a;border-radius:6px;font-size:20px;color:#17344d;cursor:pointer;align-items:center;justify-content:center;transition:background .3s ease}.mobile-close-btn:hover{background:#17344d33}.logo{display:flex;justify-content:center;align-items:center;width:100%}.logo-img{width:100%;max-width:200px;max-height:44px;height:auto;display:block}.sidebar-divider{width:100%;height:1px;background:#17344d;margin-bottom:20px}.sidebar-nav{flex:1;padding:0 20px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.sidebar-section{display:flex;flex-direction:column}.sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;text-decoration:none;transition:background-color .3s ease;cursor:pointer;position:relative}.sidebar-item.active{background:#fff}.sidebar-item:hover{background:#fff9}.expand-icon{margin-left:auto;font-size:10px;transition:transform .3s ease;color:#17344d}.expand-icon.expanded{transform:rotate(180deg)}.sidebar-subsection{display:flex;flex-direction:column;margin-left:32px;margin-top:4px;gap:4px}.sidebar-subitem{display:flex;align-items:center;padding:8px 12px;border-radius:6px;text-decoration:none;transition:background-color .3s ease;cursor:pointer}.sidebar-subitem.active{background:#ffffffb3}.sidebar-subitem:hover{background:#fff6}.sidebar-sublabel{font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#17344d}.sidebar-icon{font-size:18px;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.sidebar-label{font-family:Jost,sans-serif;font-weight:400;font-size:15px;line-height:22px;color:#17344d}.sidebar-footer{padding:16px 20px;margin-top:auto}.user-profile{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#7d99a94d;border-radius:5px;height:44px}.user-avatar{width:28px;height:28px;background:#7d99a980;border-radius:14px;display:flex;align-items:center;justify-content:center}.avatar-icon{font-size:16px}.user-name{font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#17344d}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.mobile-close-btn{display:flex}.sidebar-header{justify-content:space-between}.logo{justify-content:flex-start}}@media(max-width:768px){.sidebar{width:280px}.sidebar-header{height:60px}.sidebar-nav{padding:0 16px}.sidebar-item{padding:12px 14px}.sidebar-label{font-size:16px}}@media(max-width:480px){.sidebar{width:100%;max-width:320px}}.header{position:fixed;top:0;left:260px;right:0;height:64px;background:#fff;border-bottom:1px solid #17344D;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 24px;transition:left .3s ease}.header-content{display:flex;align-items:center;gap:16px;position:relative;margin-left:auto}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;border-radius:6px;transition:background .3s ease}.mobile-menu-btn:hover{background:#17344d0d}.hamburger-line{width:24px;height:2px;background:#17344d;border-radius:2px;transition:all .3s ease}.header-user{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 12px;border-radius:8px;transition:background-color .3s ease}.header-user:hover{background:#f5f5f5}.header-user-icon{width:32px;height:32px;display:block}.header-user-name{font-family:Jost,sans-serif;font-weight:400;font-size:15px;line-height:22px;color:#000}.dropdown-icon{width:18px;height:11px;display:block;transition:transform .3s ease}.dropdown-icon.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid rgba(125,153,169,.3);border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:180px;overflow:hidden;z-index:1000}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;width:100%;background:transparent;border:none;cursor:pointer;transition:background-color .2s ease;text-align:left}.dropdown-item:hover{background:#f5f5f5}.dropdown-item-icon{width:24px;height:24px;display:block}.dropdown-item-text{font-family:Jost,sans-serif;font-weight:400;font-size:15px;line-height:22px;color:#17344d}@media(max-width:1024px){.header{left:0}.mobile-menu-btn{display:flex}}@media(max-width:768px){.header{height:60px;padding:0 16px}.header-user-name{display:none}.header-user{padding:6px}.dropdown-menu{right:-8px}}@media(max-width:480px){.header{padding:0 12px}.logo-img{height:28px}.header-user-icon{width:28px;height:28px}.dropdown-icon{width:14px;height:9px}.dropdown-item{padding:10px 14px}.dropdown-item-icon{width:20px;height:20px}.dropdown-item-text{font-size:14px}}.layout{display:flex;min-height:100vh;background:#fff;position:relative;overflow-x:hidden;max-width:100vw}.main-content{flex:1;margin-left:260px;display:flex;flex-direction:column;transition:margin-left .3s ease}.content{margin-top:64px;padding:0;overflow-y:auto;overflow-x:hidden;min-height:calc(100vh - 64px);max-width:100%}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:998;animation:fadeIn .3s ease}@media(max-width:1024px){.main-content{margin-left:0}}@media(max-width:768px){.content{margin-top:60px;min-height:calc(100vh - 60px)}}.login-page{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d1eeff,#fff)}.login-container{background:#fff;border-radius:20px;padding:48px;box-shadow:0 10px 40px #17344d1a;max-width:500px;width:90%}.login-header{text-align:center;margin-bottom:32px}.login-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.login-logo-img{width:100%;max-width:280px;height:auto;display:block}.login-title{font-family:Jost,sans-serif;font-weight:500;font-size:28px;line-height:40px;color:#17344d;margin:0}.login-form{display:flex;flex-direction:column;gap:24px}.login-button{padding:14px 32px;background:#d1eeff;border:none;border-radius:10px;font-family:Jost,sans-serif;font-weight:500;font-size:24px;line-height:35px;color:#17344d;cursor:pointer;transition:background-color .3s ease;margin-top:8px}.login-button:hover:not(:disabled){background:#b8dfff}.login-button:disabled{opacity:.5;cursor:not-allowed}.error-message{padding:12px 16px;background:#ffe5e5;border:1px solid #FF0101;border-radius:10px;font-family:Jost,sans-serif;font-size:16px;color:#ff0101;white-space:pre-line;text-align:left}.dashboard-page{padding:24px;background-color:#f3f4f6;min-height:calc(100vh - 60px)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.dashboard-header-left{display:flex;flex-direction:column}.dashboard-title{font-size:28px;font-weight:700;color:#111827;margin:0}.dashboard-subtitle{font-size:14px;color:#6b7280;margin-top:4px}.dashboard-header-right{display:flex;align-items:center;gap:16px}.last-updated{font-size:13px;color:#6b7280}.refresh-btn{padding:8px 16px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.refresh-btn:hover{background-color:#1d4ed8}.dashboard-tabs{display:flex;gap:4px;margin-bottom:24px;background-color:#e5e7eb;padding:4px;border-radius:8px;width:fit-content}.dashboard-tab{padding:10px 20px;background-color:transparent;border:none;border-radius:6px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.dashboard-tab:hover{color:#374151;background-color:#ffffff80}.dashboard-tab.active{background-color:#fff;color:#2563eb;box-shadow:0 1px 3px #0000001a}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.kpi-card{background-color:#fff;border-radius:12px;padding:20px;display:flex;align-items:flex-start;gap:16px;box-shadow:0 1px 3px #0000001a;border-left:4px solid;transition:transform .2s,box-shadow .2s}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.kpi-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.kpi-content{flex:1;min-width:0}.kpi-title{font-size:13px;font-weight:500;color:#6b7280;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.kpi-value{font-size:28px;font-weight:700;color:#111827;line-height:1.2}.kpi-subtitle{font-size:12px;color:#9ca3af;margin-top:4px}.kpi-trend{font-size:12px;font-weight:500;margin-top:6px;padding:2px 8px;border-radius:4px;display:inline-block}.kpi-trend-up{color:#22c55e;background-color:#dcfce7}.kpi-trend-down{color:#ef4444;background-color:#fee2e2}.kpi-trend-neutral{color:#6b7280;background-color:#f3f4f6}.charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:24px}.charts-row .chart-wide{grid-column:span 2}@media(max-width:1200px){.charts-row .chart-wide{grid-column:span 1}}.chart-card{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.chart-card-header{padding:16px 20px;border-bottom:1px solid #f3f4f6}.chart-card-title{font-size:16px;font-weight:600;color:#111827;margin:0}.chart-card-body{padding:16px}.chart-summary{display:flex;justify-content:center;gap:24px;padding:12px 16px;border-top:1px solid #f3f4f6;background-color:#f9fafb}.summary-item{display:flex;flex-direction:column;align-items:center}.summary-label{font-size:12px;color:#6b7280}.summary-value{font-size:16px;font-weight:600;color:#111827}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.section-title{font-size:18px;font-weight:600;color:#111827;margin:0}.section-subtitle{font-size:13px;color:#6b7280}.top-list{display:flex;flex-direction:column}.top-list-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.top-list-item:last-child{border-bottom:none}.top-list-rank{width:28px;height:28px;border-radius:50%;background-color:#e5e7eb;color:#374151;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;margin-right:12px}.top-list-item:nth-child(1) .top-list-rank{background-color:#fef3c7;color:#92400e}.top-list-item:nth-child(2) .top-list-rank{background-color:#e5e7eb;color:#374151}.top-list-item:nth-child(3) .top-list-rank{background-color:#fed7aa;color:#9a3412}.top-list-content{flex:1;min-width:0}.top-list-name{font-size:14px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-list-meta{font-size:12px;color:#6b7280;margin-top:2px}.top-list-value{font-size:14px;font-weight:600;color:#111827}.tables-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:20px;margin-bottom:24px}.tables-row.full-width{grid-template-columns:1fr}.data-table-card{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.data-table-header{padding:16px 20px;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center}.data-table-title{font-size:16px;font-weight:600;color:#111827;margin:0}.data-table-count{font-size:12px;color:#6b7280;background-color:#f3f4f6;padding:4px 8px;border-radius:4px}.data-table-wrapper{overflow-x:auto;max-height:400px;overflow-y:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;position:sticky;top:0}.data-table td{padding:12px 16px;font-size:14px;color:#374151;border-bottom:1px solid #f3f4f6}.data-table tbody tr:hover{background-color:#f9fafb}.data-table-empty{padding:40px 20px;text-align:center;color:#9ca3af;font-size:14px}.status-badge{display:inline-block;padding:4px 10px;font-size:12px;font-weight:500;border-radius:20px;text-transform:capitalize}.status-pending,.status-in-process{background-color:#fef3c7;color:#92400e}.status-completed{background-color:#dcfce7;color:#166534}.status-overdue{background-color:#fee2e2;color:#991b1b}.status-due-soon{background-color:#ffedd5;color:#9a3412}.status-upcoming{background-color:#dbeafe;color:#1e40af}.status-rejected{background-color:#fee2e2;color:#991b1b}.status-in-stock{background-color:#dcfce7;color:#166534}.status-low-stock{background-color:#fee2e2;color:#991b1b}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#6b7280}.loading-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.dashboard-loading p{font-size:16px;margin:0}.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#6b7280}.error-icon{width:64px;height:64px;border-radius:50%;background-color:#fee2e2;color:#ef4444;font-size:32px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.dashboard-error p{font-size:16px;margin:0 0 16px;color:#374151}.dashboard-error button{padding:10px 24px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer}.dashboard-error button:hover{background-color:#1d4ed8}@media(max-width:1024px){.dashboard-page{padding:20px}.charts-row{grid-template-columns:1fr}.charts-row .chart-wide{grid-column:span 1}.tables-row{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.dashboard-page{padding:16px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:12px}.dashboard-header-left{width:100%}.dashboard-header-right{width:100%;justify-content:space-between}.dashboard-title{font-size:20px}.dashboard-subtitle{font-size:13px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:12px}.kpi-card{padding:14px;gap:12px}.kpi-icon{width:40px;height:40px}.kpi-icon svg{width:20px;height:20px}.kpi-title{font-size:11px}.kpi-value{font-size:20px}.kpi-subtitle{font-size:11px}.dashboard-tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.dashboard-tabs::-webkit-scrollbar{display:none}.dashboard-tab{white-space:nowrap;padding:10px 16px;font-size:13px;flex-shrink:0}.chart-card-header{padding:12px 16px}.chart-card-title{font-size:14px}.chart-card-body{padding:12px}.chart-summary{flex-wrap:wrap;gap:16px}.top-list-item{padding:10px 0}.top-list-rank{width:24px;height:24px;font-size:11px;margin-right:10px}.top-list-name{font-size:13px}.top-list-meta{font-size:11px}.top-list-value{font-size:13px}.data-table-header{padding:12px 16px}.data-table-title{font-size:14px}.data-table th{padding:10px 12px;font-size:11px}.data-table td{padding:10px 12px;font-size:13px}.data-table-wrapper{max-height:300px}.status-badge{padding:3px 8px;font-size:11px}.refresh-btn{padding:8px 12px;font-size:13px}.last-updated{font-size:12px}}@media(max-width:480px){.dashboard-page{padding:12px}.dashboard-header{margin-bottom:16px;padding-bottom:12px}.dashboard-title{font-size:18px}.dashboard-subtitle{font-size:12px}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}.kpi-card{padding:12px;gap:10px;flex-direction:column;align-items:flex-start}.kpi-icon{width:36px;height:36px}.kpi-icon svg{width:18px;height:18px}.kpi-title{font-size:10px;letter-spacing:.3px}.kpi-value{font-size:18px}.kpi-subtitle{font-size:10px}.dashboard-tabs{margin-bottom:16px}.dashboard-tab{padding:8px 14px;font-size:12px}.charts-row{gap:12px;margin-bottom:16px}.chart-card-header{padding:10px 12px}.chart-card-title{font-size:13px}.chart-card-body{padding:8px}.chart-card-body .recharts-responsive-container{min-height:200px!important}.tables-row{gap:12px;margin-bottom:16px}.data-table-header{padding:10px 12px}.data-table-title{font-size:13px}.data-table-count{font-size:10px;padding:3px 6px}.data-table th{padding:8px 10px;font-size:10px;white-space:nowrap}.data-table td{padding:8px 10px;font-size:12px;white-space:nowrap}.data-table-wrapper{max-height:250px}.data-table-empty{padding:24px 12px;font-size:13px}.top-list-item{padding:8px 0}.top-list-rank{width:22px;height:22px;font-size:10px;margin-right:8px}.top-list-name{font-size:12px}.top-list-meta{font-size:10px}.top-list-value{font-size:12px}.status-badge{padding:2px 6px;font-size:10px}.chart-summary{padding:10px 12px;gap:12px}.summary-label{font-size:11px}.summary-value{font-size:14px}.refresh-btn{padding:6px 10px;font-size:12px}.last-updated{font-size:11px}.dashboard-loading,.dashboard-error{min-height:50vh}.loading-spinner{width:40px;height:40px}.dashboard-loading p{font-size:14px}.error-icon{width:56px;height:56px;font-size:28px}.dashboard-error p{font-size:14px}}@media(max-width:360px){.dashboard-page{padding:10px}.kpi-grid{grid-template-columns:1fr;gap:8px}.kpi-card{flex-direction:row;align-items:center}.dashboard-title{font-size:16px}.dashboard-tabs{padding:3px}.dashboard-tab{padding:6px 12px;font-size:11px}.chart-card-body{padding:6px}}@media print{.dashboard-page{background-color:#fff;padding:0}.dashboard-header-right,.dashboard-tabs{display:none}.kpi-card,.chart-card,.data-table-card{box-shadow:none;border:1px solid #e5e7eb;break-inside:avoid}.charts-row,.tables-row{page-break-inside:avoid}}.recharts-tooltip-wrapper{z-index:1000}.recharts-default-tooltip{border-radius:8px!important;padding:12px!important}.data-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.data-table-wrapper::-webkit-scrollbar-track{background:#f3f4f6}.data-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.data-table-wrapper::-webkit-scrollbar-thumb:hover{background:#9ca3af}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:16px;max-width:700px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-content>*{padding-left:24px;padding-right:24px}.form-group{display:flex;flex-direction:column;gap:6px}.form-input{padding:10px 14px;border:1px solid rgba(125,153,169,.3);border-radius:8px;font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#17344d;background:#f5f5f5;outline:none;transition:border-color .3s ease}.price-input-group{display:flex;gap:10px;align-items:stretch}.price-input{flex:1}.unit-select{padding:10px 14px;border:1px solid rgba(125,153,169,.3);border-radius:8px;font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#17344d;background:#f5f5f5;outline:none;cursor:pointer;min-width:80px}.form-textarea{padding:10px 14px;border:1px solid rgba(125,153,169,.3);border-radius:8px;font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#17344d;background:#f5f5f5;outline:none;resize:vertical;transition:border-color .3s ease}.form-textarea:focus{border-color:#17344d}.form-textarea::placeholder{color:#a7a7a7}.error-message{padding:10px 14px;background:#ffe5e5;border:1px solid #FF0101;border-radius:8px;font-family:Jost,sans-serif;font-size:13px;color:#ff0101}.modal-actions{display:flex;gap:12px;justify-content:center;margin-top:12px}.save-button,.cancel-button{padding:10px 32px;border-radius:20px;font-family:Jost,sans-serif;font-weight:400;font-size:15px;line-height:22px;border:none;cursor:pointer;transition:background-color .3s ease}.save-button:disabled{opacity:.5;cursor:not-allowed}.cancel-button{background:transparent;color:#17344d;border:1px solid #17344D}@media(max-width:768px){.modal-content{width:95%;padding:20px;max-height:85vh}.modal-title{font-size:18px;line-height:24px;margin-bottom:16px}.form-row{grid-template-columns:1fr;gap:12px}.form-group{gap:4px}.form-label{font-size:13px}.form-input,.form-textarea,.unit-select{padding:8px 12px;font-size:13px}.price-input-group{gap:8px}.unit-select{min-width:70px}.add-new-btn{width:32px;min-width:32px;font-size:18px}.add-new-input-group{gap:6px;margin-top:6px}.add-confirm-btn{padding:6px 12px;font-size:12px}.modal-actions{flex-direction:column;gap:10px}.save-button,.cancel-button{width:100%;padding:10px 24px;font-size:14px}.error-message{padding:8px 12px;font-size:12px}}@media(max-width:480px){.modal-content{width:100%;height:100%;max-height:100vh;border-radius:0;padding:16px}.modal-title{font-size:16px;line-height:22px}.form-label,.form-input,.form-textarea,.unit-select{font-size:12px}.save-button,.cancel-button{font-size:13px;padding:9px 20px}}.return-modal{max-width:550px}.return-element-row{display:grid;gap:12px;align-items:center}.return-element-row.has-weight{grid-template-columns:1fr 1.5fr 1.5fr}.return-element-row.no-weight{grid-template-columns:1fr 1.5fr}.return-element-row .element-count,.return-element-row .element-type,.return-element-row .element-weight{min-width:0}.return-calculated{background-color:#f5f5f5;cursor:not-allowed;color:#17344d;font-weight:500}.packaging-weight-hint{display:block;margin-top:6px;font-size:12px;color:#8e8e8e;font-family:Jost,sans-serif}.calculation-summary{background:#f8fafc;border:1px solid rgba(23,52,77,.15);border-radius:12px;padding:16px;margin-top:8px}.calc-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-family:Jost,sans-serif;font-size:14px}.calc-row.calc-row-formula{justify-content:flex-end;padding-top:0;margin-top:-4px}.calc-formula{font-size:11px;color:#8e8e8e;font-style:italic}.calc-label{color:#5a6c7a}.calc-value{color:#17344d;font-weight:500}.calc-row.total-row{border-top:1px solid rgba(23,52,77,.15);margin-top:8px;padding-top:12px}.calc-value.total{font-size:18px;font-weight:600;color:#059669}@media(max-width:768px){.return-modal{max-width:95%;padding:20px}.return-element-row.has-weight{grid-template-columns:1fr 1.5fr 1.5fr;gap:8px}.return-element-row.no-weight{grid-template-columns:1fr 1.5fr;gap:8px}}@media(max-width:480px){.return-modal{width:100%;height:100%;max-height:100vh;max-width:100%;border-radius:0;padding:16px}.return-element-row.has-weight,.return-element-row.no-weight{grid-template-columns:1fr;gap:8px}}.crome-modal{max-width:600px;width:90%}.crome-info-section{background:#f8fafb;border-radius:8px;padding:12px 16px;margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.info-row{display:flex;justify-content:space-between;align-items:center}.info-label{font-family:Jost,sans-serif;font-weight:500;font-size:13px;color:#888}.info-value{font-family:Jost,sans-serif;font-weight:500;font-size:14px;color:#17344d}.info-value.available-stock{color:#275b22;font-weight:600}.packaging-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px}.packaging-type,.packaging-weight,.packaging-count{grid-column:span 1}.calculation-summary{background:#f8fafb;border-radius:8px;padding:12px 16px;margin-top:16px;display:flex;flex-direction:column;gap:6px}.calc-row{display:flex;justify-content:space-between;align-items:center}.calc-row-formula{padding-left:20px;margin-top:-4px}.calc-label{font-family:Jost,sans-serif;font-weight:400;font-size:13px;color:#888}.calc-value{font-family:Jost,sans-serif;font-weight:500;font-size:14px;color:#17344d}.calc-formula{font-family:Jost,sans-serif;font-weight:400;font-size:12px;color:#888;font-style:italic}.calc-row.total-row{margin-top:6px;padding-top:8px;border-top:1px solid rgba(125,153,169,.2)}.calc-value.total{font-weight:600;font-size:15px;color:#275b22}@media(max-width:768px){.crome-modal{max-width:95%;padding:20px}}@media(max-width:480px){.crome-modal{width:100%;height:auto;max-height:90vh;max-width:100%;border-radius:16px 16px 0 0;padding:16px;position:fixed;bottom:0;left:0;right:0}}.subcontracting-card{border:1px solid rgba(125,153,169,.3);border-radius:12px;padding:16px;background:#fff}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.card-header-left{display:flex;align-items:flex-start;gap:16px}.card-title-group{display:flex;flex-direction:column;gap:2px}.card-order-id{font-family:Jost,sans-serif;font-weight:500;font-size:16px;line-height:22px;color:#17344d;margin:0}.card-contractor{font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#888;margin:0}.card-title-row{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.card-sub-id{font-family:Jost,sans-serif;font-weight:400;font-size:13px;color:#888}.card-info-row{display:flex;align-items:center;gap:6px;line-height:1.4}.card-info-row .info-label{font-family:Jost,sans-serif;font-weight:500;font-size:13px;color:#888}.card-info-row .info-value{font-family:Jost,sans-serif;font-weight:500;font-size:14px;color:#17344d}.card-actions{display:flex;gap:12px;align-items:center}.icon-button{background:none;border:none;cursor:pointer;padding:6px;transition:transform .2s ease;display:flex;align-items:center;justify-content:center}.loading-icon{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #17344D;border-radius:50%;animation:spin 1s linear infinite;display:inline-block}.card-dates{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.card-date{font-family:Jost,sans-serif;font-weight:500;font-size:12px;line-height:16px;color:#888}.card-body{border:1px solid rgba(125,153,169,.3);border-radius:12px;padding:16px}.material-section{display:flex;flex-direction:column;gap:16px}.section-title{font-family:Jost,sans-serif;font-weight:500;font-size:18px;line-height:24px;color:#17344d;margin:0;text-align:center}.stock-info{display:flex;justify-content:space-between;gap:16px}.stock-item{display:flex;flex-direction:column;gap:8px;flex:1}.stock-label{font-family:Jost,sans-serif;font-weight:400;font-size:13px;line-height:18px;color:#888}.stock-values{display:flex;flex-direction:column;gap:2px}.stock-value{font-family:Jost,sans-serif;font-weight:500;font-size:15px;line-height:20px;color:#17344d}.stock-pieces,.stock-total{font-family:Jost,sans-serif;font-weight:400;font-size:13px;line-height:18px;color:#888}.subcontracting-card .processes-section{display:flex;flex-direction:column;gap:8px}.subcontracting-card .processes-label{font-family:Jost,sans-serif;font-weight:400;font-size:13px;line-height:18px;color:#888}.subcontracting-card .process-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.subcontracting-card .status-dropdown{position:relative;display:inline-flex;align-items:center;min-width:155px}.subcontracting-card .status-select{width:100%;padding:0 42px 0 20px;border-radius:999px;border:1px solid transparent;font-family:Jost,sans-serif;font-weight:500;font-size:14px;line-height:20px;height:40px;cursor:pointer;outline:none;appearance:none;box-shadow:0 8px 18px #17344d14;transition:transform .2s ease,box-shadow .2s ease}.subcontracting-card .status-select:focus-visible{box-shadow:0 10px 22px #17344d26;transform:translateY(-1px)}.subcontracting-card .status-dropdown-icon{position:absolute;right:18px;top:50%;transform:translateY(-50%);width:14px;height:9px;pointer-events:none}.subcontracting-card .status-select.status-completed{background:#d1ffe2;color:#275b22}.subcontracting-card .status-select.status-in-process{background:#ffe8d6;color:#7a3c00}.subcontracting-card .status-select.status-rejected{background:#ffd1d1;color:#8b0000}.subcontracting-card .return-record-button{display:flex;align-items:center;gap:8px;padding:0 22px;background:#d1eeff;border:none;border-radius:999px;font-family:Jost,sans-serif;font-weight:500;font-size:14px;line-height:20px;color:#17344d;cursor:pointer;transition:background .2s ease,transform .2s ease;height:40px;box-shadow:0 8px 18px #17344d14}.subcontracting-card .return-record-button:hover{background:#b9e1ff;transform:translateY(-1px)}.subcontracting-card .crome-button{display:flex;flex-direction:row;align-items:center;padding:6px 25px;gap:16px;height:40px;background:transparent;border:1px solid #17344D;border-radius:10px;font-family:Jost,sans-serif;font-weight:500;font-size:14px;line-height:20px;color:#17344d;cursor:pointer;transition:background .2s ease,transform .2s ease}.subcontracting-card .crome-button:hover{background:#17344d0d;transform:translateY(-1px)}.subcontracting-card .crome-button:disabled{opacity:.5;cursor:not-allowed;background:transparent;transform:none}.subcontracting-card .crome-button:disabled:hover{background:transparent;transform:none}.subcontracting-card .return-icon{width:18px;height:18px;display:block}.remark-section{display:flex;flex-direction:column;gap:6px}.remark-label{font-family:Jost,sans-serif;font-weight:500;font-size:13px;line-height:18px;color:#17344d}.remark-text{font-family:Jost,sans-serif;font-weight:400;font-size:13px;line-height:18px;color:#888;margin:0}@media(max-width:768px){.subcontracting-card{padding:12px}.card-header{flex-direction:column;gap:12px}.card-header-left{width:100%;flex-direction:column;gap:12px}.card-title-group{width:100%}.card-order-id{font-size:15px;line-height:20px}.card-contractor{font-size:13px}.card-actions{justify-content:flex-start;width:100%}.card-dates{align-items:flex-start;width:100%}.card-date{font-size:11px}.card-body{padding:12px}.section-title{font-size:16px;line-height:22px}.stock-info{flex-direction:column;gap:12px}.stock-item{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.stock-label{font-size:12px;min-width:80px}.stock-values{align-items:flex-end}.stock-value{font-size:14px;text-align:right}.stock-pieces,.stock-total{font-size:12px;text-align:right}.process-actions{flex-direction:column;gap:10px;width:100%}.status-dropdown{width:100%}.status-select{width:100%;padding:8px 16px;font-size:13px}.return-record-button,.crome-button{width:100%;justify-content:center;padding:8px 16px;font-size:13px}.icon-button{font-size:20px;padding:6px}}@media(max-width:480px){.subcontracting-card{padding:10px}.card-order-id{font-size:14px;line-height:18px}.card-contractor{font-size:12px}.card-body{padding:10px}.section-title{font-size:15px;line-height:20px}.stock-label{font-size:11px;min-width:70px}.stock-value{font-size:13px}.stock-pieces,.stock-total{font-size:11px}.status-select,.return-record-button,.crome-button{font-size:12px;padding:6px 12px}.remark-label,.remark-text{font-size:12px}}.status-select-modern{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:120px;padding:8px 28px 8px 16px;border-radius:8px;border:1px solid transparent;font-family:Jost,sans-serif;font-weight:500;font-size:13px;line-height:18px;cursor:pointer;outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%2317344d' fill-opacity='0.6' d='M1 1l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:10px 6px;transition:all .25s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.status-select-modern:hover:not(:disabled){transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px #17344d26}.status-select-modern:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:0 2px 8px #17344d1a;transition:all .1s ease}.status-select-modern:focus{box-shadow:0 0 0 3px #17344d1f}.status-select-modern:disabled{opacity:.65;cursor:not-allowed;transform:none}.status-select-modern.status-complete,.status-select-modern.status-completed{background-color:#ecfdf5;border-color:#a7f3d0;color:#047857}.status-select-modern.status-complete:hover:not(:disabled),.status-select-modern.status-completed:hover:not(:disabled){background-color:#d1fae5;border-color:#6ee7b7}.status-select-modern.status-pending{background-color:#fffbeb;border-color:#fcd34d;color:#b45309}.status-select-modern.status-pending:hover:not(:disabled){background-color:#fef3c7;border-color:#fbbf24}.status-select-modern.status-in-process{background-color:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.status-select-modern.status-in-process:hover:not(:disabled){background-color:#dbeafe;border-color:#60a5fa}.status-select-modern.status-rejected{background-color:#fef2f2;border-color:#fca5a5;color:#b91c1c}.status-select-modern.status-rejected:hover:not(:disabled){background-color:#fee2e2;border-color:#f87171}.status-select-modern.status-dispatched{background-color:#f5f3ff;border-color:#c4b5fd;color:#6d28d9}.status-select-modern.status-dispatched:hover:not(:disabled){background-color:#ede9fe;border-color:#a78bfa}@media(max-width:768px){.status-select-modern{min-width:100px;padding:6px 24px 6px 12px;font-size:12px;background-position:right 8px center;background-size:8px 5px}}@media(max-width:480px){.status-select-modern{min-width:90px;padding:5px 22px 5px 10px;font-size:11px}}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid #e2e8f0;margin-top:24px}.pagination-info{font-size:14px;color:#64748b}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-button{padding:6px 12px;border:1px solid #cbd5e1;border-radius:6px;background-color:#fff;color:#475569;font-size:14px;cursor:pointer;transition:all .2s}.pagination-button:hover:not(:disabled){background-color:#f1f5f9;border-color:#94a3b8}.pagination-button:disabled{opacity:.5;cursor:not-allowed;background-color:#f8fafc}.pagination-pages{display:flex;gap:4px}.pagination-page-number{min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;border-radius:6px;background-color:#fff;color:#64748b;font-size:14px;cursor:pointer;transition:all .2s}.pagination-page-number:hover{background-color:#f1f5f9;color:#0f172a}.pagination-page-number.active{background-color:#0f172a;color:#fff;border-color:#0f172a}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.loading-small{padding:1rem}.loading-medium{padding:2rem}.loading-large{padding:4rem;min-height:300px}.spinner{border:3px solid #f3f3f3;border-top:3px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.loading-small .spinner{width:24px;height:24px;border-width:2px}.loading-medium .spinner{width:40px;height:40px;border-width:3px}.loading-large .spinner{width:60px;height:60px;border-width:4px}.loading-message{margin-top:1rem;color:#666;font-size:14px}.loading-small .loading-message{font-size:12px;margin-top:.5rem}.loading-large .loading-message{font-size:16px;margin-top:1.5rem}@media(max-width:768px){.loading-container{padding:1.5rem}.loading-small{padding:.75rem}.loading-medium{padding:1.5rem}.loading-large{padding:3rem;min-height:250px}.spinner{border-width:2.5px}.loading-small .spinner{width:20px;height:20px}.loading-medium .spinner{width:35px;height:35px}.loading-large .spinner{width:50px;height:50px}.loading-message{font-size:13px}.loading-large .loading-message{font-size:15px}}@media(max-width:480px){.loading-container{padding:1rem}.loading-large{padding:2rem;min-height:200px}.loading-message{font-size:12px}.loading-large .loading-message{font-size:14px}}.subcontracting-page{padding:20px 24px;max-width:100%}.add-button{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#d1eeff;border-radius:8px;border:none;cursor:pointer;height:auto;transition:background-color .3s ease}.add-button:hover{background:#b8dfff}.add-icon{font-size:20px;font-weight:300;line-height:1;color:#17344d}.report-btn{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#d1eeff;border-radius:8px;border:none;cursor:pointer;transition:background-color .3s ease;font-family:Jost,sans-serif;font-weight:400;font-size:15px;color:#17344d}.report-btn:hover{background:#b8dfff}.add-text{font-family:Jost,sans-serif;font-weight:400;font-size:15px;line-height:22px;color:#17344d;white-space:nowrap}.stats-cards{display:flex;gap:16px;margin-bottom:20px}.stat-card{flex:1;border:1px solid #17344D;border-radius:12px;padding:16px;display:flex;align-items:center}.stat-content{display:flex;flex-direction:column;gap:12px;width:100%}.stat-value{font-family:Jost,sans-serif;font-weight:500;font-size:24px;line-height:32px;color:#17344d}.subcontracts-list{display:flex;flex-direction:column;gap:16px}.loading,.no-data{text-align:center;padding:32px;font-family:Jost,sans-serif;font-size:16px;color:#8e8e8e}@media(max-width:768px){.subcontracting-page{padding:12px 16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-title{font-size:20px;line-height:26px}.page-subtitle{font-size:13px;line-height:18px}.add-button{width:100%;justify-content:center;padding:10px 16px}.add-text{font-size:14px}.stats-cards{flex-direction:column;gap:12px}.stat-card{width:100%}.stat-value{font-size:20px;line-height:28px}.subcontracts-list{gap:12px}}@media(max-width:480px){.subcontracting-page{padding:8px 12px}.page-title{font-size:18px;line-height:24px}.stats-cards{gap:10px}.stat-card{padding:12px}.stat-label{font-size:12px}.stat-value{font-size:18px;line-height:24px}}.subcontract-view-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.subcontract-view-modal{background:#fff;border-radius:16px;max-width:95vw;width:1200px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.subcontract-view-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 16px;border-bottom:1px solid rgba(125,153,169,.2)}.subcontract-view-title-section{display:flex;flex-direction:column;gap:4px}.subcontract-view-title{font-family:Jost,sans-serif;font-weight:500;font-size:20px;line-height:28px;color:#17344d;margin:0}.subcontract-view-date-range{font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#8e8e8e;margin:0}.subcontract-view-close{background:none;border:none;font-size:20px;color:#17344d;cursor:pointer;padding:4px 8px;line-height:1}.subcontract-view-close:hover{color:#8e8e8e}.subcontract-view-date-filters{display:flex;gap:16px;padding:16px 24px;background:#f8fafc}.date-filter-group{display:flex;align-items:center;gap:8px}.date-filter-group label{font-family:Jost,sans-serif;font-weight:400;font-size:13px;color:#17344d}.date-filter-group input{padding:8px 12px;border:1px solid rgba(125,153,169,.3);border-radius:6px;font-family:Jost,sans-serif;font-size:13px;color:#17344d;background:#fff;outline:none}.date-filter-group input:focus{border-color:#17344d}.subcontract-view-content{flex:1;overflow-y:auto;padding:16px 24px 24px}.subcontract-table-wrapper{overflow-x:auto;border:1px solid rgba(125,153,169,.2);border-radius:8px}.subcontract-detail-table{width:100%;border-collapse:collapse;min-width:1100px}.subcontract-detail-table thead{background:#f8fafc;position:sticky;top:0}.subcontract-detail-table th{font-family:Jost,sans-serif;font-weight:500;font-size:13px;line-height:18px;color:#17344d;padding:12px 10px;text-align:left;border-bottom:1px solid rgba(125,153,169,.2);white-space:nowrap}.subcontract-detail-table td{font-family:Jost,sans-serif;font-weight:400;font-size:13px;line-height:18px;color:#17344d;padding:12px 10px;border-bottom:1px solid rgba(125,153,169,.1);white-space:nowrap}.subcontract-detail-table tbody tr:hover{background:#f8fafc}.subcontract-detail-table tbody tr:last-child td{border-bottom:none}.used-cell,.net-weight-cell{color:#e53935;font-weight:500}.subcontract-view-totals{margin-top:24px;padding-top:16px;border-top:1px solid rgba(125,153,169,.2)}.total-item{display:flex;align-items:center;gap:8px}.total-paid{margin-bottom:16px}.total-paid .total-label{font-family:Jost,sans-serif;font-weight:500;font-size:15px;color:#17344d}.total-paid .total-value{font-family:Jost,sans-serif;font-weight:600;font-size:15px;color:#17344d}.totals-row{display:flex;flex-wrap:wrap;gap:32px}.total-label{font-family:Jost,sans-serif;font-weight:400;font-size:14px;color:#8e8e8e}.total-value{font-family:Jost,sans-serif;font-weight:500;font-size:14px;color:#17344d}.total-value.highlight-red{color:#e53935}.error-message{text-align:center;padding:24px;font-family:Jost,sans-serif;font-size:14px;color:#e53935;background:#ffebee;border-radius:8px}@media(max-width:768px){.subcontract-view-modal-overlay{padding:10px}.subcontract-view-modal{max-width:100%;max-height:95vh;border-radius:12px}.subcontract-view-header{padding:16px}.subcontract-view-title{font-size:18px;line-height:24px}.subcontract-view-date-range{font-size:12px}.subcontract-view-date-filters{flex-direction:column;gap:12px;padding:12px 16px}.date-filter-group{width:100%;justify-content:space-between}.date-filter-group input{flex:1;max-width:200px}.subcontract-view-content{padding:12px 16px 16px}.subcontract-detail-table th,.subcontract-detail-table td{padding:10px 8px;font-size:12px}.totals-row{flex-direction:column;gap:12px}.total-label,.total-value{font-size:13px}}@media(max-width:480px){.subcontract-view-modal{border-radius:0;height:100%;max-height:100vh}.subcontract-view-header{padding:12px}.subcontract-view-title{font-size:16px}.subcontract-view-date-filters{padding:10px 12px}.subcontract-view-content{padding:10px 12px 12px}.subcontract-detail-table th,.subcontract-detail-table td{padding:8px 6px;font-size:11px}}.subcontract-page{padding:20px 24px;max-width:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:40px}.subcontract-filters{display:flex;gap:16px;margin-bottom:20px;align-items:center}.subcontract-search{flex:1;display:flex;align-items:center;gap:10px;padding:10px 16px;background:#f5f5f5;border-radius:8px;border:1px solid rgba(125,153,169,.3)}.subcontract-search img{width:18px;height:18px;opacity:.5}.subcontract-search input{flex:1;border:none;background:transparent;font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#17344d;outline:none}.subcontract-search input::placeholder{color:#a7a7a7}.subcontract-search-by select{padding:10px 16px;background:#f5f5f5;border:1px solid rgba(125,153,169,.3);border-radius:8px;font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#17344d;outline:none;cursor:pointer;min-width:120px}.subcontract-table-container{background:#fff;border-radius:12px;border:1px solid rgba(125,153,169,.2);overflow:hidden}.subcontract-table{width:100%;border-collapse:collapse}.subcontract-table thead{background:#f8fafc}.subcontract-table th{font-family:Jost,sans-serif;font-weight:500;font-size:14px;line-height:20px;color:#17344d;padding:16px 20px;text-align:left;border-bottom:1px solid rgba(125,153,169,.2)}.subcontract-table td{font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#17344d;padding:16px 20px;border-bottom:1px solid rgba(125,153,169,.1)}.subcontract-table tbody tr:hover{background:#f8fafc}.subcontract-table tbody tr:last-child td{border-bottom:none}.action-button{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#d1eeff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease;font-family:Jost,sans-serif;font-weight:400;font-size:13px;line-height:18px;color:#17344d}.action-button:hover:not(:disabled){background:#b8dfff}.action-button:disabled{opacity:.7;cursor:not-allowed}.action-button img{width:16px;height:16px}.action-button.downloading{background:#e8f4fc}.download-spinner{width:14px;height:14px;border:2px solid #17344D;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.no-data{text-align:center;padding:40px;font-family:Jost,sans-serif;font-size:16px;color:#8e8e8e}@media(max-width:768px){.subcontract-page{padding:12px 16px}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-title{font-size:20px;line-height:26px}.page-subtitle{font-size:13px;line-height:18px}.subcontract-filters{flex-direction:column;gap:12px}.subcontract-search,.subcontract-search-by select{width:100%}.subcontract-table-container{overflow-x:auto}.subcontract-table{min-width:600px}.subcontract-table th,.subcontract-table td{padding:12px 16px;font-size:13px}.action-button{padding:6px 12px;font-size:12px}.action-button span{display:none}.action-button img{width:14px;height:14px}}@media(max-width:480px){.subcontract-page{padding:8px 12px}.page-title{font-size:18px;line-height:24px}.subcontract-table th,.subcontract-table td{padding:10px 12px;font-size:12px}.action-button{padding:6px 10px}}.crome-return-modal{width:min(900px,95%);max-height:95vh;background:#fff;border-radius:24px;box-shadow:0 30px 60px #20436a26;display:flex;flex-direction:column;padding:32px;overflow-y:auto}.modal-title{font-family:Jost,sans-serif;font-size:24px;color:#17344d;margin:0 0 24px;text-align:left}.top-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:24px}.inventory-section,.return-basics-section{display:flex;flex-direction:column;gap:16px}.inventory-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;animation:fadeIn .3s ease}.form-group.full-width{grid-column:span 2}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.divider-line{height:1px;background-color:#17344d14;margin:0 0 24px}.packaging-section{margin-bottom:24px}.packaging-grid-wrapper{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:20px}.form-section{display:flex;flex-direction:column}.section-subtitle{font-family:Jost,sans-serif;font-size:15px;font-weight:600;color:#17344d;margin:0 0 12px;padding-bottom:6px;border-bottom:2px solid rgba(23,52,77,.08)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:0}.form-label{font-family:Jost,sans-serif;font-size:13px;color:#5a738b;font-weight:500}.form-input,.form-textarea{border:1px solid rgba(23,52,77,.15);border-radius:10px;padding:10px 14px;background:#f5f7fa;font-family:Jost,sans-serif;font-size:14px;color:#17344d;outline:none;transition:all .2s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:#4a8fdc;background:#fff;box-shadow:none}.packaging-field{display:flex;flex-direction:column;gap:6px}.checkbox-group{margin-top:0;margin-bottom:0;padding:4px 0}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-family:Jost,sans-serif;font-size:14px;color:#17344d;font-weight:500;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{appearance:none;width:44px;height:24px;background:#d1d5db;border-radius:24px;position:relative;cursor:pointer;transition:background .3s}.checkbox-label input[type=checkbox]:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 2px #0003}.checkbox-label input[type=checkbox]:checked{background:#3b82f6}.checkbox-label input[type=checkbox]:checked:after{transform:translate(20px)}.calculation-summary{background:#f1f7ff;border:1px solid rgba(23,52,77,.08);border-radius:16px;padding:20px 24px;margin-bottom:24px}.calc-row{display:flex;justify-content:space-between;margin-bottom:8px;font-family:Jost,sans-serif;font-size:14px;color:#5a738b}.calc-value{font-weight:600;color:#17344d}.calc-value.deduction{color:#dc2626}.total-row{margin-top:12px;padding-top:12px;border-top:1px solid rgba(23,52,77,.1);margin-bottom:0}.calc-value.total{font-size:18px;color:#059669}.modal-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:auto}.save-button{background:#17344d;color:#fff;border:none;border-radius:24px;padding:12px 32px;font-family:Jost,sans-serif;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #17344d26}.save-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #17344d33}.save-button:disabled{background:#94a3b8;cursor:not-allowed;box-shadow:none}.cancel-button{background:transparent;color:#64748b;border:1px solid rgba(100,116,139,.3);border-radius:24px;padding:12px 24px;font-family:Jost,sans-serif;font-size:15px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-button:hover{background:#f8fafc;color:#475569;border-color:#475569}.error-message{margin-bottom:16px;color:#dc2626;font-size:14px;text-align:center;background:#fef2f2;padding:10px;border-radius:8px}@media(max-width:768px){.top-section-grid{grid-template-columns:1fr;gap:24px}.packaging-grid-wrapper{grid-template-columns:1fr;gap:16px}}.warning-message{margin-bottom:16px;color:#d97706;font-size:14px;text-align:left;background:#fffbeb;padding:12px;border-radius:8px;border-left:4px solid #f59e0b}.warning-message div{margin-bottom:6px}.warning-message div:last-child{margin-bottom:0}.form-input.invalid,.form-textarea.invalid{border-color:#dc2626;background:#fef2f2}.field-error-text{font-size:12px;color:#dc2626;margin-top:2px}.crome-details-container{display:flex;gap:24px;margin-top:16px;margin-bottom:20px}.crome-detail-block{flex:1;background:#f8fafc;border-radius:8px;padding:12px;border:1px solid #E2E8F0;display:flex;flex-direction:column;gap:8px}.crome-detail-block.return-block{background:#f0fdf4;border-color:#dcfce7}.block-header{font-family:Jost,sans-serif;font-size:11px;font-weight:600;letter-spacing:.05em;color:#64748b;text-transform:uppercase;margin-bottom:4px;border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:4px}.return-block .block-header{color:#15803d}.detail-row{display:flex;justify-content:space-between;align-items:baseline;font-family:Jost,sans-serif;font-size:13px;line-height:1.5}.detail-label{color:#64748b}.detail-value{color:#0f172a;font-weight:500;text-align:right}.detail-sub-value{display:block;font-size:11px;color:#94a3b8;margin-top:-2px}.detail-row.total-row{margin-top:4px;padding-top:8px;border-top:1px dashed #CBD5E1}.return-block .detail-row.total-row{border-top-color:#bbf7d0}.total-row .detail-label{font-weight:600;color:#334155}.total-row .detail-value{font-weight:600;font-size:14px;color:#0f172a}.diff-section{margin-top:12px;padding-top:8px;border-top:2px solid #fff;display:flex;justify-content:space-between;align-items:center}.diff-label{font-size:12px;font-weight:600;color:#475569}.diff-value{font-family:Jost,sans-serif;font-weight:700;font-size:14px}.diff-value.negative{color:#ef4444}.diff-value.positive{color:#10b981}.diff-value.neutral{color:#64748b}@media(max-width:640px){.crome-details-container{flex-direction:column;gap:16px}}.report-modal{width:min(500px,95%);background:#fff;border-radius:20px;padding:24px;box-shadow:0 10px 40px #0000001a}.date-row{display:flex;gap:16px}.date-row .form-group{flex:1}.form-group{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.form-label{font-family:Jost,sans-serif;font-size:14px;color:#17344d;font-weight:500}.form-input{padding:10px 14px;border:1px solid rgba(23,52,77,.15);border-radius:8px;font-family:Jost,sans-serif;font-size:14px;outline:none;transition:all .2s}.form-input:focus{border-color:#4a8fdc}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.save-button{background:#17344d;color:#fff;border:none;padding:10px 24px;border-radius:20px;font-family:Jost,sans-serif;cursor:pointer;font-weight:500}.save-button:disabled{background:#94a3b8;cursor:not-allowed}.cancel-button{background:transparent;color:#64748b;border:1px solid #cbd5e1;padding:10px 24px;border-radius:20px;font-family:Jost,sans-serif;cursor:pointer}.modal-content.small-modal{background:#fff;border-radius:16px;padding:24px;max-width:650px;width:100%}.modal-title{font-family:Jost,sans-serif;font-weight:500;font-size:18px;line-height:26px;color:#17344d;margin:0 0 20px;text-align:center}.error-message{background:#ffe5e5;color:#8b0000;padding:12px;border-radius:8px;margin-bottom:16px;font-family:Jost,sans-serif;font-size:14px}.modal-form{display:flex;flex-direction:column;gap:20px}.form-input{padding:10px 14px;border:1px solid rgba(125,153,169,.3);border-radius:8px;font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#17344d;outline:none;transition:border-color .3s ease}.form-input:focus{border-color:#17344d}.modal-actions{display:flex;gap:12px}@media(max-width:480px){.modal-content.small-modal{max-width:100%;padding:20px}.modal-title{font-size:16px}.modal-actions{flex-direction:column-reverse}.save-button,.cancel-button{width:100%}}.dropdown-with-add{display:flex;gap:8px;align-items:stretch}.dropdown-with-add .form-input{flex:1}.add-new-btn{width:36px;min-width:36px;height:auto;padding:0;border:1px solid rgba(125,153,169,.3);border-radius:8px;background:#d1eeff;color:#17344d;font-size:20px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.add-new-btn:hover{background:#b8dfff}.add-new-input-group{display:flex;gap:8px;margin-top:8px}.add-new-input{flex:1}.add-confirm-btn{padding:8px 16px;border:none;border-radius:8px;background:#17344d;color:#fff;font-family:Jost,sans-serif;font-size:13px;cursor:pointer;transition:background-color .2s ease}.add-confirm-btn:hover:not(:disabled){background:#2a4d6a}.add-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.inventory-page{padding:20px 24px;max-width:100vw;width:100%;overflow-x:hidden;box-sizing:border-box}.inventory-page *{box-sizing:border-box}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px;width:100%;max-width:100%}.page-title-section{display:flex;flex-direction:column;gap:4px}.page-title{font-family:Jost,sans-serif;font-weight:500;font-size:22px;line-height:28px;color:#17344d;margin:0}.page-subtitle{font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#8e8e8e;margin:0}.floor-select{padding:8px 16px;border:1px solid #e0e0e0;border-radius:8px;background:#fff;font-family:Jost,sans-serif;font-size:15px;color:#17344d;cursor:pointer;outline:none;transition:all .2s}.floor-select:hover{border-color:#6366f1}.floor-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.action-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;border:none;cursor:pointer;font-family:Jost,sans-serif;font-weight:400;font-size:15px;line-height:22px;transition:background-color .3s ease}.inventory-tabs{display:flex;gap:0;margin:0 -24px 20px;padding:0 24px;border-bottom:1px solid rgba(125,153,169,.3);width:calc(100% + 48px);max-width:calc(100% + 48px)}.tab-button{flex:1;padding:12px 24px;background:#fff;border:none;border-bottom:3px solid transparent;font-family:Jost,sans-serif;font-weight:400;font-size:16px;line-height:24px;color:#888;cursor:pointer;transition:all .3s ease}.tab-button.active{background:#d1eeff;color:#17344d;font-weight:500;border-bottom-color:#17344d}.tab-button:hover:not(.active){background:#f5f5f5}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;width:100%;max-width:100%}.stat-card{border:1px solid rgba(125,153,169,.3);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;min-width:0;overflow:hidden;text-align:center}.stat-label{font-family:Jost,sans-serif;font-weight:400;font-size:13px;line-height:18px;color:#8e8e8e}.stat-value{font-family:Jost,sans-serif;font-weight:500;font-size:20px;line-height:28px;color:#17344d;word-wrap:break-word;overflow-wrap:break-word}.stat-value.danger{color:#ff0101;font-size:14px}.stat-value.warning{color:#ff8c00;font-size:14px}.inventory-page .order-filters{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.inventory-page .order-search,.inventory-page .order-status-filter{flex:1;min-width:220px;display:flex;align-items:center;gap:10px;border:1px solid rgba(23,52,77,.2);border-radius:14px;background:#f5f7fa;padding:12px 16px}.inventory-page .order-status-filter{flex:0 0 auto;min-width:180px;max-width:200px}.inventory-page .order-search img,.inventory-page .order-status-filter img{width:18px;height:18px;flex-shrink:0}.inventory-page .order-search input{border:none;background:transparent;outline:none;font-family:Jost,sans-serif;font-size:14px;color:#17344d;flex:1;width:100%}.inventory-page .order-search input::placeholder{color:#8e8e8e}.inventory-page .order-status-filter select{border:none;background:transparent;outline:none;font-family:Jost,sans-serif;font-size:14px;color:#17344d;flex:1;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.inventory-table-container{overflow-x:auto;margin-bottom:20px;border:1px solid rgba(125,153,169,.3);border-radius:12px;width:100%;max-width:100%;-webkit-overflow-scrolling:touch}.inventory-table{width:100%;min-width:800px;border-collapse:collapse}.inventory-table thead{background:#f5f5f5}.inventory-table th{padding:12px 16px;text-align:left;font-family:Jost,sans-serif;font-weight:500;font-size:14px;line-height:20px;color:#17344d;border-bottom:1px solid rgba(125,153,169,.3)}.inventory-table td{padding:12px 16px;font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#17344d;border-bottom:1px solid rgba(125,153,169,.1)}.inventory-table tbody tr:hover{background:#f9f9f9}.inventory-table tbody tr:last-child td{border-bottom:none}.status-badge{padding:4px 12px;border-radius:12px;font-family:Jost,sans-serif;font-weight:400;font-size:13px;line-height:18px;display:inline-block}.status-badge.in-stock{background:#d1ffe2;color:#275b22}.status-badge.low-stock{background:#ffd1d1;color:#8b0000}.action-buttons{display:flex;flex-direction:row;gap:8px;align-items:center}.icon-button{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.icon-button:disabled{opacity:.6;cursor:not-allowed}.icon-img{width:20px;height:20px;display:block}.no-data{text-align:center;padding:32px;color:#8e8e8e}.inventory-summary{display:flex;gap:16px;justify-content:flex-end;width:100%;max-width:100%}.summary-card{border:1px solid rgba(125,153,169,.3);border-radius:12px;padding:16px 24px;display:flex;flex-direction:column;gap:4px;min-width:200px;max-width:100%;overflow:hidden}.summary-label{font-family:Jost,sans-serif;font-weight:400;font-size:13px;line-height:18px;color:#8e8e8e}.summary-value{font-family:Jost,sans-serif;font-weight:600;font-size:22px;line-height:30px;color:#17344d;word-wrap:break-word;overflow-wrap:break-word}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.inventory-page{padding:10px;max-width:100vw}.page-header{flex-direction:column;align-items:flex-start;gap:12px;margin:0}.inventory-page .order-status-filter{max-width:unset;min-width:unset;flex:1}.header-actions{width:100%;max-width:100%;flex-direction:column;gap:8px}.action-button{width:100%;max-width:100%;justify-content:center;padding:8px 12px;font-size:14px}.inventory-tabs{margin-left:-10px;margin-right:-10px;padding:0 10px;width:100vw;max-width:100vw}.stats-grid{grid-template-columns:1fr;gap:10px;max-width:100%}.stat-card{padding:12px;width:100%;max-width:100%}.stat-value{font-size:16px}.stat-value.danger,.stat-value.warning{font-size:13px}.inventory-table-container{margin-left:-10px;margin-right:-10px;width:100vw;max-width:100vw;border-left:none;border-right:none;border-radius:0;padding-right:10px}.inventory-table{min-width:640px}.inventory-summary{flex-direction:column;max-width:100%}.summary-card{width:100%;max-width:100%;min-width:unset}}@media(max-width:600px){.inventory-page{padding:8px;max-width:100vw}.page-title{font-size:18px}.action-button{font-size:13px;padding:7px 10px}.inventory-tabs{margin-left:-8px;margin-right:-8px;padding:0 8px;width:100vw;max-width:100vw}.stat-card{padding:10px;max-width:100%}.stat-label{font-size:12px}.stat-value{font-size:15px}.inventory-table-container{margin-left:-8px;margin-right:-8px;width:100vw;max-width:100vw;padding-right:8px}.inventory-table{min-width:560px}.inventory-table th,.inventory-table td{padding:8px;font-size:12px}}@media(max-width:480px){.inventory-page{padding:6px;max-width:100vw}.page-title{font-size:17px;line-height:22px}.page-subtitle{font-size:11px}.page-title-section{width:100%;max-width:100%}.header-actions{gap:6px;max-width:100%}.inventory-tabs{margin-left:-6px;margin-right:-6px;padding:0 6px;width:100vw;max-width:100vw}.tab-button{font-size:11px;padding:8px 6px}.stat-card{padding:8px;max-width:100%}.stat-label{font-size:11px}.stat-value{font-size:13px;line-height:17px}.stat-value.danger,.stat-value.warning{font-size:10px;line-height:15px}.action-button{padding:6px 8px;font-size:12px;max-width:100%}.button-icon{font-size:13px}.button-text{font-size:12px}.inventory-table-container{margin-left:-6px;margin-right:-6px;width:100vw;max-width:100vw;border-left:none;border-right:none;border-radius:0;padding-right:6px;box-sizing:border-box}.inventory-table{min-width:520px;font-size:11px}.inventory-table th,.inventory-table td{padding:6px;font-size:10px;white-space:nowrap}.status-badge{padding:2px 4px;font-size:9px}.icon-img{width:14px;height:14px}.action-buttons{gap:3px}.summary-card{padding:8px 10px;min-width:unset;max-width:100%}.summary-label{font-size:10px}.summary-value{font-size:15px;line-height:20px}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content.add-stock-modal{background:#fff;border-radius:16px;max-width:700px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-content.add-stock-modal>*{padding-left:24px;padding-right:24px}.modal-title{font-family:Jost,sans-serif;font-weight:500;font-size:20px;line-height:28px;color:#17344d;margin:0 0 20px;padding-top:24px;flex-shrink:0}.error-message{background:#ffe5e5;color:#8b0000;padding:12px;border-radius:8px;margin-bottom:16px;font-family:Jost,sans-serif;font-size:14px;flex-shrink:0}.modal-form{display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding-bottom:24px}.modal-form::-webkit-scrollbar{width:8px}.modal-form::-webkit-scrollbar-track{background:transparent;margin:8px 0}.modal-form::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.modal-form::-webkit-scrollbar-thumb:hover{background:#a0aec0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1 / -1}.form-label{font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#17344d}.form-input,.form-select{padding:10px 14px;border:1px solid rgba(125,153,169,.3);border-radius:8px;font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#17344d;outline:none;transition:border-color .3s ease}.form-input:focus,.form-select:focus{border-color:#17344d}.form-input::placeholder{color:#a7a7a7}.input-with-unit{display:flex;gap:8px}.input-with-unit .form-input{flex:1}.unit-select{width:80px;padding:10px 14px;border:1px solid rgba(125,153,169,.3);border-radius:8px;font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#17344d;outline:none;cursor:pointer;background:#fff}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px;border:2px dashed rgba(125,153,169,.3);border-radius:8px;cursor:pointer;transition:border-color .3s ease,background-color .3s ease}.upload-area:hover{border-color:#17344d;background:#f9f9f9}.upload-icon{font-size:32px}.upload-text{font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#888}.modal-actions{display:flex;gap:12px;margin-top:8px}.save-button,.cancel-button{flex:1;padding:10px 24px;border-radius:8px;font-family:Jost,sans-serif;font-weight:400;font-size:15px;line-height:22px;cursor:pointer;transition:background-color .3s ease;border:none}.save-button{background:#d1eeff;color:#17344d}.save-button:hover:not(:disabled){background:#b8dfff}.save-button:disabled{opacity:.6;cursor:not-allowed}.cancel-button{background:#fff;color:#17344d;border:1px solid rgba(125,153,169,.3)}.cancel-button:hover{background:#f5f5f5}.inline-add-container{display:flex;gap:8px}.inline-add-container .form-input{flex:1}.inline-add-button{padding:8px 16px;font-size:14px;white-space:nowrap}.add-new-option{font-weight:700;color:#007bff}.form-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.upload-section{display:flex;flex-direction:column;gap:12px}.file-input{display:none}.upload-button{align-self:flex-start;padding:10px 24px;background:#d1eeff;color:#17344d;border:none;border-radius:8px;font-family:Jost,sans-serif;font-weight:400;font-size:14px;cursor:pointer;transition:background-color .3s ease}.upload-button:hover:not(:disabled){background:#b8dfff}.upload-button:disabled{opacity:.6;cursor:not-allowed}.uploaded-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;margin-top:12px}.image-preview{position:relative;width:100px;height:100px;border-radius:8px;overflow:hidden;border:2px solid rgba(125,153,169,.3)}.preview-img{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#8b0000cc;color:#fff;border:none;border-radius:50%;font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.remove-image-btn:hover{background:#8b0000}@media(max-width:768px){.form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.save-button,.cancel-button{width:100%}}@media(max-width:480px){.modal-content.add-stock-modal{width:100%;height:100%;max-height:100vh;border-radius:0;padding:16px}.modal-title{font-size:18px}.form-label{font-size:13px}.form-input,.form-select{font-size:13px;padding:8px 12px}.upload-area{padding:24px}}.add-raw-modal{max-width:520px}.modal-loading-message{padding:32px;text-align:center;font-family:Jost,sans-serif;font-size:15px;color:#17344d}.order-modal-overlay{position:fixed;inset:0;background:#0a121f66;display:flex;align-items:center;justify-content:center;z-index:1100;padding:16px}.order-modal{width:min(900px,100%);max-height:95vh;background:#fff;border-radius:24px;box-shadow:0 30px 60px #20436a26;display:flex;flex-direction:column}.order-modal-header{display:flex;justify-content:space-between;padding:24px 32px 12px;border-bottom:1px solid rgba(23,52,77,.08)}.order-modal-subtitle{font-family:Jost,sans-serif;font-size:14px;color:#8e9fb1;margin:0 0 4px}.order-modal-title{font-family:Jost,sans-serif;font-size:24px;color:#17344d;margin:0}.order-modal-close{border:none;background:#d1eeff99;width:36px;height:36px;border-radius:50%;font-size:18px;color:#17344d;cursor:pointer;transition:background .2s ease}.order-modal-close:hover{background:#c2e5ff}.order-modal-tabs{display:flex;gap:8px;padding:0 32px;margin-top:12px}.order-modal-tab{flex:1;padding:12px 16px;background:#d1eeff4d;border:none;border-radius:16px 16px 0 0;font-family:Jost,sans-serif;font-size:15px;color:#7d99a9;cursor:pointer;transition:background .2s ease,color .2s ease}.order-modal-tab.active{background:#d1eeff;color:#17344d;font-weight:500}.order-modal-body{padding:24px 32px 32px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.order-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.order-form-group{display:flex;flex-direction:column;gap:6px}.order-form-group label{font-family:Jost,sans-serif;font-size:14px;color:#17344d}.order-form-group input,.order-form-group select{border:1px solid rgba(23,52,77,.15);border-radius:10px;padding:10px 14px;background:#f5f7fa;font-family:Jost,sans-serif;font-size:14px;color:#17344d;outline:none;transition:border-color .2s ease}.order-form-group input:focus,.order-form-group select:focus{border-color:#4a8fdc;background:#fff}.line-items-section{display:flex;flex-direction:column;gap:16px}.line-items-header{display:flex;justify-content:space-between;align-items:center}.line-items-header h3,.amount-summary h3{font-family:Jost,sans-serif;font-size:18px;color:#17344d;margin:0}.add-item-btn{border:none;background:#d1eeff;color:#17344d;border-radius:20px;padding:8px 16px;font-family:Jost,sans-serif;cursor:pointer;transition:background .2s ease}.add-item-btn:hover{background:#b8dbf5}.line-item-card{display:flex;align-items:flex-end;gap:12px;border-bottom:1px solid rgba(23,52,77,.1);padding:14px 0}.line-item-card-header{display:flex;align-items:center;gap:8px;flex:0 0 110px}.line-item-pill{padding:6px 10px;background:#edf6ff;color:#17344d;border-radius:12px;font-size:12px;font-weight:500;text-align:center;flex:1}.line-item-grid{flex:1;display:grid;grid-template-columns:2fr repeat(5,minmax(80px,1fr));gap:10px}.line-item-field{display:flex;flex-direction:column;gap:4px}.line-item-field--product{grid-column:span 2}.unit-toggle{display:flex;border:1px solid rgba(23,52,77,.15);border-radius:10px;overflow:hidden;height:35px}.unit-toggle-btn{flex:1;border:none;background:#f5f7fa;font-family:Jost,sans-serif;font-size:13px;color:#5a738b;cursor:pointer;padding:0 10px;transition:background .2s ease,color .2s ease}.unit-toggle-btn.active{background:#17344d;color:#fff}.unit-toggle-btn:hover:not(.active){background:#e4ecf4}.line-item-field label{font-family:Jost,sans-serif;font-size:12px;color:#5a738b}.line-item-field input,.line-item-field select{border:1px solid rgba(23,52,77,.13);border-radius:10px;padding:8px 10px;font-family:Jost,sans-serif;font-size:13px;color:#17344d;background:#f8fafc;outline:none;transition:border-color .2s ease,background .2s ease}.line-item-field input:focus,.line-item-field select:focus{border-color:#4a8fdc;background:#fff}.line-item-field select{cursor:pointer}.line-item-field select:disabled{opacity:.6;cursor:not-allowed}.line-item-total{display:flex;justify-content:flex-end;gap:8px;align-items:center;margin-top:8px}.line-item-total label{font-size:13px;color:#17344d}.line-item-total input{width:200px;border:1px solid rgba(23,52,77,.15);border-radius:10px;padding:8px 12px;background:#f0f4fa;font-size:13px;font-family:Jost,sans-serif}.amount-summary{padding:22px 24px;border:1px solid rgba(23,52,77,.1);border-radius:22px;background:#f1f7ff;display:flex;flex-direction:column;gap:18px;box-shadow:inset 0 1px #ffffffe6}.amount-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.order-modal-error{padding:12px 16px;border-radius:12px;background:#ff58581f;color:#c53030;font-family:Jost,sans-serif;font-size:14px}.order-modal-actions{display:flex;justify-content:flex-end;gap:12px}.order-btn{min-width:160px;border-radius:24px;padding:12px 22px;font-family:Jost,sans-serif;font-size:15px;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.order-btn[data-variant=primary]{background:#17344d;color:#fff;box-shadow:0 10px 20px #17344d40}.order-btn[data-variant=primary]:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.order-btn[data-variant=primary]:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 12px 24px #17344d4d}.order-btn[data-variant=secondary]{background:#fff;color:#17344d;border:1px solid rgba(23,52,77,.2);box-shadow:0 6px 14px #17344d14}.order-btn[data-variant=secondary]:hover{background:#d1eeff66}.order-btn[data-variant=danger]{background:#ff6b6b26;color:#b62020;border:none;box-shadow:0 6px 14px #ff6b6b33}.order-btn[data-variant=danger]:hover{background:#ff545438;transform:translateY(-1px)}.order-btn[data-shape=icon]{border-radius:50%;min-width:24px;padding:4px;width:24px;height:24px;box-shadow:none}.order-btn[data-shape=icon] img{width:16px;height:16px}.order-btn[data-variant=danger][disabled]{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}@media(max-width:768px){.order-modal{max-height:90vh;border-radius:16px}.order-modal-header,.order-modal-tabs,.order-modal-body{padding-left:20px;padding-right:20px}.line-item-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.order-modal-actions{flex-direction:column}.primary-btn,.secondary-btn{width:100%}}@media(max-width:520px){.order-modal{border-radius:0;max-height:100vh}.line-item-row{grid-template-columns:1fr}}.order-details-overlay{position:fixed;inset:0;background:#0c1e3373;display:flex;align-items:center;justify-content:center;padding:16px;z-index:1100}.order-details-modal{width:min(840px,100%);max-height:92vh;background:#fff;border-radius:28px;box-shadow:0 30px 60px #17344d2e;display:flex;flex-direction:column;overflow:hidden}.order-details-header{display:flex;justify-content:space-between;padding:20px 28px;border-bottom:1px solid rgba(23,52,77,.08)}.order-details-subtitle{font-family:Jost,sans-serif;font-size:12px;color:#8ea3b5;margin:0}.order-details-title{font-family:Jost,sans-serif;font-size:20px;font-weight:600;color:#17344d;margin:4px 0 2px}.order-details-id{font-family:Jost,sans-serif;font-size:12px;color:#8ea3b5;margin:0}.order-details-close{border:none;background:#d1eeff99;width:32px;height:32px;border-radius:50%;font-size:16px;color:#17344d;cursor:pointer;transition:background .2s ease}.order-details-close:hover{background:#c2e5ff}.order-details-summary{padding:18px 28px}.summary-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px}.order-details-summary .summary-label{font-family:Jost,sans-serif;font-size:11px;color:#8ea3b5;margin:0 0 3px}.order-details-summary .summary-value{font-family:Jost,sans-serif;font-size:13px;font-weight:500;color:#17344d;margin:0}.order-details-table-wrapper{padding:0 28px;flex:1;overflow-y:auto}.order-details-table{width:100%;border-collapse:collapse;border-radius:12px;overflow:hidden;border:1px solid rgba(23,52,77,.08)}.order-details-table th{background:#edf6ff;padding:10px 12px;font-family:Jost,sans-serif;font-size:12px;font-weight:500;color:#17344d;text-align:left}.order-details-table td{padding:10px 12px;font-family:Jost,sans-serif;font-size:13px;color:#17344d;border-bottom:1px solid rgba(23,52,77,.06)}.order-details-table tbody tr:last-child td{border-bottom:none}.order-details-empty{text-align:center;color:#8ea3b5;padding:24px}.order-amount-summary{padding:16px 28px 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;border-top:1px solid rgba(23,52,77,.08)}.amount-card{background:#f5f8fb;border-radius:14px;padding:10px 14px;border:1px solid rgba(23,52,77,.08)}.amount-card .summary-label{font-size:11px;margin-bottom:4px}.amount-card .summary-value{font-size:14px;font-weight:600}.amount-card.highlight{background:linear-gradient(120deg,#d1eeff,#edf6ff);border-color:transparent}@media(max-width:640px){.order-details-modal{border-radius:20px;max-height:90vh}.order-details-header,.order-details-summary,.order-details-table-wrapper,.order-amount-summary{padding-left:20px;padding-right:20px}.order-details-table th,.order-details-table td{font-size:13px}}.confirm-overlay{position:fixed;inset:0;background:#0c1e3373;display:flex;align-items:center;justify-content:center;padding:16px;z-index:1200}.confirm-modal{width:min(360px,100%);background:#fff;border-radius:20px;padding:24px;box-shadow:0 25px 60px #00000026;text-align:center}.confirm-title{font-family:Jost,sans-serif;font-size:20px;color:#17344d;margin:0 0 12px}.confirm-message{font-family:Jost,sans-serif;font-size:15px;color:#526375;margin:0 0 24px}.confirm-actions{display:flex;gap:12px}.confirm-cancel,.confirm-delete{flex:1;border-radius:24px;padding:10px;font-family:Jost,sans-serif;font-size:15px;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.confirm-cancel{background:#f1f5f9;color:#17344d}.confirm-cancel:hover{transform:translateY(-1px)}.confirm-delete{background:linear-gradient(135deg,#ff6961,#ff2d55);color:#fff;box-shadow:0 10px 20px #ff595e40}.confirm-delete:disabled,.confirm-cancel:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.dispatch-modal-overlay{position:fixed;inset:0;background:#0a121f66;display:flex;align-items:center;justify-content:center;z-index:1100;padding:16px}.dispatch-modal{width:min(800px,95%);max-height:90vh;background:#fff;border-radius:20px;box-shadow:0 20px 40px #20436a26;display:flex;flex-direction:column;padding:24px}.dispatch-modal-header{display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:20px}.dispatch-modal-title{font-family:Jost,sans-serif;font-size:22px;font-weight:400;color:#17344d;margin:0;text-align:center}.dispatch-modal-close{position:absolute;right:0;top:50%;transform:translateY(-50%);border:none;background:transparent;width:28px;height:28px;border-radius:50%;font-size:18px;color:#17344d;cursor:pointer;transition:background .2s ease;display:flex;align-items:center;justify-content:center}.dispatch-modal-close:hover{background:#d1eeff99}.dispatch-modal-body{overflow-y:auto;display:flex;flex-direction:column;gap:20px}.dispatch-loading{text-align:center;color:#8ea3b5;padding:24px 16px;font-family:Jost,sans-serif;font-size:14px}.dispatch-item-row{display:flex;flex-direction:row;align-items:flex-start;gap:16px}.dispatch-item-field{flex:1;display:flex;flex-direction:column;gap:8px}.dispatch-item-field label{font-family:Jost,sans-serif;font-size:16px;font-weight:400;color:#17344d}.dispatch-item-input-box{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:4px 16px;height:38px;background:#f5f5f5;border:1.5px solid rgba(125,153,169,.3);border-radius:10px}.dispatch-item-input-box span{font-family:Jost,sans-serif;font-size:14px;font-weight:400;color:#888}.dispatch-items-list{display:flex;flex-direction:column}.dispatch-items-header{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:4px 16px;height:38px;background:#f5f5f5;border:1.5px solid rgba(125,153,169,.3);border-radius:10px 10px 0 0;border-bottom:none;cursor:pointer;-webkit-user-select:none;user-select:none}.dispatch-items-header.collapsed{border-radius:10px;border-bottom:1.5px solid rgba(125,153,169,.3)}.dispatch-items-header:hover{background:#eee}.dispatch-items-header span{font-family:Jost,sans-serif;font-size:14px;font-weight:400;color:#888}.dropdown-icon{font-size:12px;color:#17344d;transition:transform .2s ease}.dropdown-icon.collapsed{transform:rotate(-90deg)}.dispatch-items-row{box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:4px 16px;height:38px;background:#f5f5f5;border:1.5px solid rgba(125,153,169,.3);border-top:none}.dispatch-items-row.first-row{border-top:1.5px solid rgba(125,153,169,.3)}.dispatch-items-row.last-row{border-radius:0 0 10px 10px}.item-name{font-family:Jost,sans-serif;font-size:14px;font-weight:400;color:#888}.item-controls{display:flex;flex-direction:row;align-items:center;gap:16px}.qty-control-btn{width:20px;height:20px;border:none;background:transparent;color:#17344d;font-size:16px;font-weight:400;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.qty-control-btn:hover{color:#4a9eff}.qty-display{min-width:18px;text-align:center;font-family:Jost,sans-serif;font-size:14px;font-weight:400;color:#888}.checkbox-container{display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;width:18px;height:18px}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:18px;width:18px;background-color:transparent;border:1.5px solid #17344d;border-radius:3px;transition:all .2s ease}.checkbox-container:hover .checkmark{border-color:#4a9eff}.checkbox-container input:checked~.checkmark{background-color:#17344d;border-color:#17344d}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.dispatch-modal-error{padding:10px 14px;border-radius:8px;background:#ff58581f;color:#c53030;font-family:Jost,sans-serif;font-size:13px}.dispatch-modal-actions{padding-top:20px;display:flex;justify-content:center}.dispatch-save-btn{min-width:160px;height:42px;border-radius:50px;padding:8px 20px;background:#d1eeff;color:#17344d;font-family:Jost,sans-serif;font-size:16px;font-weight:400;border:none;cursor:pointer;transition:transform .15s ease,background .15s ease}.dispatch-save-btn:hover:not(:disabled){background:#b8dbf5;transform:translateY(-1px)}.dispatch-save-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.dispatch-modal{padding:16px}.dispatch-item-row{flex-direction:column}.dispatch-item-field label{font-size:14px}.dispatch-item-input-box span,.dispatch-items-header span,.item-name,.qty-display{font-size:12px}.dispatch-modal-title{font-size:18px}.dispatch-save-btn{font-size:14px;min-width:140px;height:38px}}.order-page{padding:24px 28px;font-family:Jost,sans-serif;color:#17344d}.order-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.order-header-actions{display:flex;gap:12px;align-items:center}.order-page-header h1{margin:0;font-size:26px;font-weight:500;color:#17344d}.order-page-header p{margin:4px 0 0;color:#7d99a9;font-size:15px}.order-add-button{display:flex;align-items:center;gap:10px;padding:10px 20px;background:#d1eeff;border-radius:12px;border:none;cursor:pointer;transition:background-color .3s ease,transform .2s ease;font-family:Jost,sans-serif}.order-add-button:hover{background:#b8dfff;transform:translateY(-1px)}.order-add-button .add-icon{font-size:20px;font-weight:300;line-height:1;color:#17344d}.order-add-button .add-text{font-weight:500;font-size:15px;line-height:22px;color:#17344d}.order-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:24px}.stat-card{border:1px solid rgba(23,52,77,.3);border-radius:16px;padding:18px;background:#fff}.stat-card p{margin:0;color:#8ea3b5;font-size:13px}.stat-card h3{margin:8px 0 0;font-size:26px;font-weight:500;color:#17344d}.order-filters{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap}.order-search,.order-status-filter{flex:1;min-width:220px;display:flex;align-items:center;gap:10px;border:1px solid rgba(23,52,77,.2);border-radius:14px;background:#f5f7fa;padding:8px 14px}.order-status-filter{max-width:200px}.order-search img,.order-status-filter img{width:18px;height:18px}.order-search input,.order-status-filter select{border:none;background:transparent;outline:none;font-family:inherit;font-size:14px;color:#17344d;flex:1}.order-table-container{background:#fff;border-radius:20px;border:1px solid rgba(23,52,77,.08);overflow:hidden}.order-table{width:100%;border-collapse:collapse}.order-table thead{background:#edf6ff}.order-table th,.order-table td{padding:14px 16px;text-align:left;font-size:14px;border-bottom:1px solid rgba(23,52,77,.06)}.order-table tbody tr:last-child td{border-bottom:none}.order-loading{padding:40px;text-align:center;color:#8ea3b5;font-size:15px}.status-chip{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;justify-content:center}.status-chip.status-complete{background:#52d3992e;color:#2d936c}.status-chip.status-pending{background:#ffbc4a33;color:#b9770e}.status-dropdown{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;font-family:Jost,sans-serif;border:none;cursor:pointer;outline:none;transition:opacity .2s ease}.status-dropdown.status-complete{background:#52d3992e;color:#2d936c}.status-dropdown.status-pending{background:#ffbc4a33;color:#b9770e}.status-dropdown:disabled{opacity:.6;cursor:not-allowed}.status-dropdown:hover:not(:disabled){opacity:.8}.row-actions{display:flex;gap:8px}.row-actions button{width:32px;height:32px;border-radius:10px;border:none;display:flex;align-items:center;justify-content:center;background:#d1eeffb3;cursor:pointer;transition:transform .15s ease}.row-actions button:hover{transform:translateY(-1px)}.row-actions img{width:16px;height:16px}.order-detail-loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffb3;font-size:16px;color:#17344d;z-index:1000}.dispatch-btn{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:6px 24px;gap:15px;border:1px solid #17344d;border-radius:39px;background:transparent;cursor:pointer;font-family:Jost,sans-serif;font-style:normal;font-weight:400;font-size:14px;line-height:20px;color:#17344d;transition:background-color .2s ease,transform .15s ease}.dispatch-btn:hover:not(:disabled){background:#17344d0d;transform:translateY(-1px)}.dispatch-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.order-page{padding:16px}.order-page-header{flex-direction:column;align-items:flex-start}.order-status-filter{max-width:unset}.order-table{font-size:13px}.order-table th,.order-table td{padding:10px 12px}}.product-detail-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;overflow-y:auto;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.product-detail-modal{background:#fff;border-radius:20px;max-width:1000px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close-btn{position:absolute;top:1rem;right:1rem;width:40px;height:40px;border-radius:50%;background:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 4px 12px #00000026;transition:all .3s ease}.modal-close-btn:hover{background:#f5f5f5;transform:scale(1.1)}.modal-close-btn svg{color:#17344d}.product-detail-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem}.product-detail-images{display:flex;flex-direction:column;gap:1rem}.main-image-container{width:100%;aspect-ratio:1;border-radius:16px;overflow:hidden;background:#f5f5f5;box-shadow:0 4px 12px #0000001a}.main-product-image{width:100%;height:100%;object-fit:cover}.no-image-placeholder{width:100%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f0f0,#e5e5e5);border-radius:16px;gap:1rem}.no-image-placeholder p{font-family:Jost,sans-serif;color:#999;font-size:.875rem;margin:0}.image-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem}.thumbnail-btn{width:100%;aspect-ratio:1;border:3px solid transparent;border-radius:12px;overflow:hidden;cursor:pointer;background:none;padding:0;transition:all .3s ease}.thumbnail-btn:hover{transform:scale(1.05);border-color:#17344d}.thumbnail-btn.active{border-color:#17344d;box-shadow:0 4px 12px #17344d4d}.thumbnail-image{width:100%;height:100%;object-fit:cover}.product-detail-info{display:flex;flex-direction:column;gap:1.5rem}.product-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1.5rem;border-bottom:2px solid #E5E5E5}.product-detail-title{font-family:Jost,sans-serif;font-size:1.75rem;font-weight:600;color:#17344d;margin:0 0 .5rem;line-height:1.3}.product-detail-category{font-family:Jost,sans-serif;font-size:1rem;color:#8e8e8e;margin:0}.product-price-badge{display:flex;flex-direction:column;align-items:flex-end;background:linear-gradient(135deg,#17344d,#2a5170);padding:.75rem 1.25rem;border-radius:12px;min-width:120px}.price-label{font-family:Jost,sans-serif;font-size:.75rem;color:#fffc;text-transform:uppercase;letter-spacing:.5px}.price-value{font-family:Jost,sans-serif;font-size:1.25rem;font-weight:600;color:#fff;margin-top:.25rem}.product-specs{background:#f8f9fa;padding:1.5rem;border-radius:16px}.specs-title{font-family:Jost,sans-serif;font-size:1.125rem;font-weight:600;color:#17344d;margin:0 0 1rem}.spec-grid{display:grid;gap:1rem}.spec-item{display:flex;align-items:center;gap:1rem;background:#fff;padding:1rem;border-radius:12px;box-shadow:0 2px 4px #0000000d}.spec-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#e5f3ff;border-radius:10px;flex-shrink:0}.spec-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.spec-label{font-family:Jost,sans-serif;font-size:.8125rem;color:#8e8e8e;font-weight:400}.spec-value{font-family:Jost,sans-serif;font-size:1rem;color:#17344d;font-weight:600}.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border-radius:12px;font-family:Jost,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none}.primary-action{background:#17344d;color:#fff;box-shadow:0 4px 12px #17344d4d}.primary-action:hover{background:#2a5170;transform:translateY(-2px);box-shadow:0 6px 16px #17344d66}.secondary-action{background:#25d366;color:#fff;box-shadow:0 4px 12px #25d3664d}.secondary-action:hover{background:#1ebe57;transform:translateY(-2px);box-shadow:0 6px 16px #25d36666}.product-note{background:#fff3cd;padding:1rem;border-radius:12px;border-left:4px solid #ffc107}.product-note p{font-family:Jost,sans-serif;font-size:.875rem;color:#856404;margin:0;line-height:1.6}.product-note strong{font-weight:600}@media(max-width:768px){.product-detail-content{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}.modal-close-btn{width:36px;height:36px}.product-detail-title{font-size:1.5rem}.product-header{flex-direction:column;align-items:flex-start}.product-price-badge{align-self:stretch;align-items:center;flex-direction:row;justify-content:space-between}.image-thumbnails{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}.product-actions{grid-template-columns:1fr}}@media(max-width:480px){.product-detail-overlay{padding:0;align-items:flex-end}.product-detail-modal{max-height:95vh;border-radius:20px 20px 0 0}.product-detail-content{padding:1rem}.modal-close-btn{top:.75rem;right:.75rem}.product-detail-title{font-size:1.25rem}.product-specs{padding:1rem}.spec-item{padding:.75rem}.spec-icon{font-size:1.25rem;width:36px;height:36px}.action-btn{padding:.875rem;font-size:.9375rem}.image-thumbnails{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.5rem}}.product-detail-modal{scroll-behavior:smooth}.product-detail-modal::-webkit-scrollbar{width:8px}.product-detail-modal::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.product-detail-modal::-webkit-scrollbar-thumb{background:#17344d;border-radius:10px}.product-detail-modal::-webkit-scrollbar-thumb:hover{background:#2a5170}.product-catalog{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:0}.catalog-header{background:#17344d;color:#fff;padding:2rem 1rem;text-align:center;box-shadow:0 4px 12px #0000001a}.catalog-brand{max-width:1200px;margin:0 auto}.catalog-title{font-family:Jost,sans-serif;font-size:2rem;font-weight:600;margin:0 0 .5rem;letter-spacing:-.5px}.catalog-subtitle{font-family:Jost,sans-serif;font-size:1rem;font-weight:300;margin:0;opacity:.9}.catalog-controls{max-width:1200px;margin:2rem auto;padding:0 1rem}.search-container{position:relative;margin-bottom:1.5rem}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#8e8e8e;pointer-events:none}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid #E5E5E5;border-radius:12px;font-family:Jost,sans-serif;font-size:1rem;background:#fff;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.search-input:focus{outline:none;border-color:#17344d;box-shadow:0 4px 12px #17344d26}.category-filters{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.category-chip{padding:.5rem 1.25rem;border:2px solid #E5E5E5;background:#fff;border-radius:24px;font-family:Jost,sans-serif;font-size:.875rem;font-weight:500;color:#17344d;cursor:pointer;transition:all .3s ease;white-space:nowrap}.category-chip:hover{border-color:#17344d;background:#f0f4f8}.category-chip.active{background:#17344d;color:#fff;border-color:#17344d}.catalog-stats{max-width:1200px;margin:0 auto 1.5rem;padding:0 1rem}.results-count{font-family:Jost,sans-serif;font-size:.875rem;color:#8e8e8e;margin:0}.products-grid{max-width:1200px;margin:0 auto;padding:0 1rem 3rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.product-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .3s ease;display:flex;flex-direction:column;cursor:pointer;outline:none}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.product-card:focus{outline:2px solid #17344D;outline-offset:2px}.product-image-container{position:relative;width:100%;height:220px;background:#f5f5f5;overflow:hidden}.product-image{width:100%;height:100%;object-fit:cover}.product-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f0f0,#e5e5e5)}.image-count-badge{position:absolute;top:.75rem;right:.75rem;background:#000000b3;color:#fff;padding:.25rem .75rem;border-radius:12px;font-family:Jost,sans-serif;font-size:.75rem;font-weight:500}.product-info{padding:1.25rem;flex:1;display:flex;flex-direction:column}.product-name{font-family:Jost,sans-serif;font-size:1.125rem;font-weight:600;color:#17344d;margin:0 0 .25rem;line-height:1.4}.product-category{font-family:Jost,sans-serif;font-size:.875rem;color:#8e8e8e;margin:0 0 1rem}.product-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:1rem;background:#f8f9fa;border-radius:8px}.detail-item{display:flex;justify-content:space-between;align-items:center}.detail-label{font-family:Jost,sans-serif;font-size:.875rem;color:#8e8e8e;font-weight:400}.detail-value{font-family:Jost,sans-serif;font-size:.875rem;color:#17344d;font-weight:600}.product-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:auto}.gallery-thumbnail{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;cursor:pointer;transition:transform .2s ease}.gallery-thumbnail:hover{transform:scale(1.05)}.catalog-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.loading-spinner-large{width:48px;height:48px;border:4px solid #E5E5E5;border-top-color:#17344d;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.catalog-loading p{font-family:Jost,sans-serif;font-size:1rem;color:#8e8e8e}.no-products{max-width:1200px;margin:3rem auto;padding:3rem 1rem;text-align:center}.no-products p{font-family:Jost,sans-serif;font-size:1.125rem;color:#8e8e8e}.catalog-footer{background:#17344d;color:#fff;padding:2rem 1rem;text-align:center;margin-top:3rem}.catalog-footer p{font-family:Jost,sans-serif;font-size:.875rem;margin:0;opacity:.9}@media(max-width:768px){.catalog-title{font-size:1.5rem}.catalog-subtitle{font-size:.875rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.product-image-container{height:180px}.category-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.category-filters::-webkit-scrollbar{height:4px}.category-filters::-webkit-scrollbar-thumb{background:#17344d;border-radius:2px}}@media(max-width:480px){.catalog-header{padding:1.5rem 1rem}.catalog-title{font-size:1.25rem}.catalog-subtitle{font-size:.8125rem}.catalog-controls{margin:1.5rem auto}.products-grid{grid-template-columns:1fr;padding:0 1rem 2rem}.product-card{max-width:100%}.product-image-container{height:200px}.product-details{padding:.75rem}.detail-item{font-size:.8125rem}.gallery-thumbnail{border-radius:4px}}@media(max-width:360px){.catalog-title{font-size:1.125rem}.product-name{font-size:1rem}.product-info{padding:1rem}}.invoice-card{border:2px solid rgba(125,153,169,.3);border-radius:20px;padding:32px;background:#fff;position:relative}.invoice-card.downloading{opacity:.7;pointer-events:none}.invoice-card .pdf-loading-overlay{position:absolute;inset:0;background:#ffffffe6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:20px;z-index:10;font-family:Jost,sans-serif;font-size:14px;color:#17344d}.invoice-card .download-button{background:#d1eeff;border-radius:6px;padding:4px}.invoice-card .download-button:hover{background:#b8dfff}.invoice-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.invoice-card-header-left{display:flex;flex-direction:column;gap:6px}.invoice-card-title-row{display:flex;align-items:center;gap:24px}.invoice-card-id{font-family:Jost,sans-serif;font-weight:500;font-size:16px;line-height:22px;color:#17344d;margin:0}.invoice-card-customer{font-family:Jost,sans-serif;font-weight:400;font-size:18px;line-height:26px;color:#17344d;margin:0}.invoice-card-date{font-family:Jost,sans-serif;font-weight:500;font-size:14px;line-height:20px;color:#888}.invoice-card-actions{display:flex;gap:12px;align-items:center}.invoice-card .icon-button{background:none;border:none;cursor:pointer;padding:6px;transition:transform .2s ease;display:flex;align-items:center;justify-content:center}.invoice-card .icon-button:hover{transform:scale(1.1)}.invoice-card .icon-button:disabled{opacity:.6;cursor:not-allowed}.invoice-card .icon-img{width:20px;height:20px;display:block}.invoice-card .loading-icon{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #17344D;border-radius:50%;animation:spin 1s linear infinite;display:inline-block}.invoice-card-status{display:flex;align-items:flex-start}.invoice-card .status-dropdown{position:relative;display:inline-flex;align-items:center;min-width:130px}.invoice-card .status-select{width:100%;padding:6px 36px 6px 16px;border-radius:40px;border:1px solid transparent;font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;cursor:pointer;outline:none;appearance:none;transition:transform .2s ease,box-shadow .2s ease}.invoice-card .status-select:focus-visible{box-shadow:0 4px 12px #17344d26;transform:translateY(-1px)}.invoice-card .status-select:disabled{opacity:.7;cursor:not-allowed}.invoice-card .status-dropdown-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:12px;height:8px;pointer-events:none}.invoice-card .status-select.status-complete{background:#d1ffe2;color:#275b22}.invoice-card .status-select.status-pending{background:#ffbc4a33;color:#b9770e}.invoice-card-divider{height:1px;background:#7d99a9;margin:24px 0}.invoice-card-body{display:flex;flex-direction:column;gap:6px}.invoice-amount-row{display:flex;justify-content:space-between;align-items:center}.invoice-amount-label{font-family:Jost,sans-serif;font-weight:400;font-size:15px;line-height:22px;color:#888}.invoice-amount-value{font-family:Jost,sans-serif;font-weight:500;font-size:15px;line-height:22px;color:#17344d}.invoice-card-footer{display:flex;flex-direction:column}.invoice-total-label{font-family:Jost,sans-serif;font-weight:400;font-size:15px;line-height:22px;color:#888}.invoice-total-value{font-family:Jost,sans-serif;font-weight:500;font-size:15px;line-height:22px;color:#17344d}@media(max-width:768px){.invoice-card{padding:16px;border-radius:12px}.invoice-card-header{flex-direction:column;gap:12px;margin-bottom:16px}.invoice-card-title-row{width:100%;justify-content:space-between}.invoice-card-id{font-size:15px;line-height:20px}.invoice-card-customer{font-size:16px;line-height:22px}.invoice-card-date{font-size:13px;line-height:18px}.invoice-card-status,.invoice-card .status-dropdown{width:100%}.invoice-card .status-select{width:100%;font-size:13px;padding:6px 32px 6px 14px}.invoice-card-divider{margin:12px 0}.invoice-amount-label,.invoice-amount-value,.invoice-total-label,.invoice-total-value{font-size:14px;line-height:20px}.invoice-card .icon-img{width:18px;height:18px}}@media(max-width:480px){.invoice-card{padding:12px}.invoice-card-id{font-size:14px;line-height:18px}.invoice-card-customer{font-size:15px;line-height:20px}.invoice-card-date{font-size:12px;line-height:16px}.invoice-card .status-select{font-size:12px;padding:5px 30px 5px 12px}.invoice-amount-label,.invoice-amount-value,.invoice-total-label,.invoice-total-value{font-size:13px;line-height:18px}.invoice-card .icon-img{width:16px;height:16px}}.invoice-page{padding:20px 24px;max-width:100%}.invoice-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:40px}.invoice-page .page-title-section{display:flex;flex-direction:column;gap:4px}.invoice-page .page-title{font-family:Jost,sans-serif;font-weight:500;font-size:22px;line-height:28px;color:#17344d;margin:0}.invoice-page .page-subtitle{font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#8e8e8e;margin:0}.invoice-page .mode-toggle{display:flex;gap:0;border:1px solid #17344D;border-radius:8px;overflow:hidden}.invoice-page .mode-btn{padding:10px 24px;background:#fff;border:none;cursor:pointer;font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#17344d;transition:all .3s ease}.invoice-page .mode-btn:first-child{border-right:1px solid #17344D}.invoice-page .mode-btn:hover:not(.active){background:#f5f5f5}.invoice-page .mode-btn.active{background:#17344d;color:#fff}.invoice-page .stats-cards{display:flex;gap:16px;margin-bottom:20px}.invoice-page .stat-card{flex:1;border:1px solid #17344D;border-radius:12px;padding:16px;display:flex;align-items:center}.invoice-page .stat-content{display:flex;flex-direction:column;gap:12px;width:100%}.invoice-page .stat-label{font-family:Jost,sans-serif;font-weight:400;font-size:13px;line-height:18px;color:#8e8e8e}.invoice-page .stat-value{font-family:Jost,sans-serif;font-weight:500;font-size:24px;line-height:32px;color:#17344d}.invoices-list{display:flex;flex-direction:column;gap:16px}.invoice-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.invoice-page .loading,.invoice-page .no-data{text-align:center;padding:32px;font-family:Jost,sans-serif;font-size:16px;color:#8e8e8e}@media(max-width:1200px){.invoice-cards-grid{grid-template-columns:1fr}}@media(max-width:768px){.invoice-page{padding:12px 16px}.invoice-page .page-header{flex-direction:column;align-items:flex-start;gap:16px}.invoice-page .mode-toggle{width:100%}.invoice-page .mode-btn{flex:1;text-align:center}.invoice-page .page-title{font-size:20px;line-height:26px}.invoice-page .page-subtitle{font-size:13px;line-height:18px}.invoice-page .stats-cards{flex-direction:column;gap:12px}.invoice-page .stat-card{width:100%}.invoice-page .stat-value{font-size:20px;line-height:28px}.invoices-list{gap:12px}.invoice-cards-grid{gap:16px}}@media(max-width:480px){.invoice-page{padding:8px 12px}.invoice-page .page-title{font-size:18px;line-height:24px}.invoice-page .stats-cards{gap:10px}.invoice-page .stat-card{padding:12px}.invoice-page .stat-label{font-size:12px}.invoice-page .stat-value{font-size:18px;line-height:24px}.invoice-cards-grid{gap:12px}}.payment-received-modal-overlay{z-index:1200}.payment-received-modal{max-width:550px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;padding:32px}.payment-modal-header{margin-bottom:24px;border-bottom:1px solid #f0f4f8;padding-bottom:16px}.payment-modal-header .modal-title{font-family:Jost,sans-serif;font-size:24px;font-weight:600;color:#17344d;margin:0}.payment-modal-header .modal-subtitle{font-size:14px;color:#8ea3b5;margin:4px 0 0}.payment-summary-box{background:#f8fbff;border:1px solid #e1e8f0;border-radius:12px;padding:20px;margin-bottom:24px;display:flex;flex-direction:column;gap:12px}.summary-item{display:flex;justify-content:space-between;align-items:center}.summary-label{font-size:13px;color:#5a8aaa;font-weight:500}.summary-value{font-family:Jost,sans-serif;font-size:15px;font-weight:600;color:#17344d}.summary-divider{height:1px;background:#e1e8f0;margin:4px 0}.summary-item.total{margin-top:4px}.summary-item.total .summary-label{color:#17344d;font-size:14px;font-weight:600}.summary-item.total .summary-value{font-size:18px}.highlight-green{color:#10b981!important}.highlight-red{color:#ef4444!important}.payment-received-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.input-with-icon{position:relative;display:flex;align-items:center}.currency-prefix{position:absolute;left:12px;color:#8ea3b5;font-weight:500;font-size:14px}.input-with-icon .form-input{padding-left:28px}.last-recorded{margin-top:16px;font-size:12px;color:#8ea3b5;text-align:right}.last-recorded strong{color:#17344d;font-weight:500}.payment-received-modal .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid #f0f4f8}.cancel-button{background:#f0f4f8;border:none;border-radius:8px;padding:10px 20px;color:#5a8aaa;font-weight:500;cursor:pointer;transition:all .2s}.cancel-button:hover{background:#e1e8f0;color:#17344d}.payment-received-modal .save-button{min-width:140px;background:#17344d;color:#fff;border:none;border-radius:8px;padding:10px 24px;font-weight:600;cursor:pointer;transition:all .2s}.payment-received-modal .save-button:hover:not(:disabled){background:#1f4566;transform:translateY(-1px)}.payment-received-modal .save-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.payment-received-modal{max-width:95%}.payment-received-modal .form-row{grid-template-columns:1fr;gap:12px}}@media(max-width:480px){.payment-received-modal{width:100%;height:100%;max-height:100vh;max-width:100%;border-radius:0}.payment-received-modal .save-button{width:100%}}.ledger-overlay{position:fixed;inset:0;background:#0c1e3373;display:flex;align-items:center;justify-content:center;padding:16px;z-index:1100}.ledger-modal{width:min(920px,100%);max-height:92vh;background:#fff;border-radius:28px;box-shadow:0 30px 60px #17344d2e;display:flex;flex-direction:column;overflow:hidden}.ledger-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 28px;border-bottom:1px solid rgba(23,52,77,.08)}.ledger-subtitle{font-family:Jost,sans-serif;font-size:12px;color:#8ea3b5;margin:0}.ledger-title{font-family:Jost,sans-serif;font-size:20px;font-weight:600;color:#17344d;margin:4px 0 0}.ledger-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.ledger-close{border:none;background:#d1eeff99;width:32px;height:32px;border-radius:50%;font-size:16px;color:#17344d;cursor:pointer;transition:background .2s ease;flex-shrink:0}.ledger-close:hover{background:#c2e5ff}.ledger-error-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 28px;background:#fff4f4;color:#d93636;font-family:Jost,sans-serif;font-size:13px;cursor:pointer;border-bottom:1px solid rgba(217,54,54,.15);gap:12px}.ledger-error-dismiss{font-size:11px;opacity:.6;flex-shrink:0}.ledger-filters{display:flex;align-items:flex-end;gap:16px;padding:16px 28px;border-bottom:1px solid rgba(23,52,77,.08)}.ledger-date-group{display:flex;flex-direction:column;gap:4px}.ledger-date-group label{font-family:Jost,sans-serif;font-size:12px;color:#8ea3b5;font-weight:500}.ledger-date-group input{padding:8px 12px;border:1px solid rgba(23,52,77,.15);border-radius:8px;font-family:Jost,sans-serif;font-size:13px;color:#17344d;outline:none}.ledger-date-group input:focus,.ledger-date-group select:focus{border-color:#17344d}.ledger-date-group select{padding:8px 12px;border:1px solid rgba(23,52,77,.15);border-radius:8px;font-family:Jost,sans-serif;font-size:13px;color:#17344d;outline:none;background:#fff;min-width:160px}.ledger-download-btn{display:flex;align-items:center;gap:8px;padding:8px 18px;background:#d1eeff;border-radius:8px;border:none;cursor:pointer;font-family:Jost,sans-serif;font-weight:500;font-size:13px;color:#17344d;transition:background .2s ease;white-space:nowrap;margin-left:auto}.ledger-download-btn:hover:not(:disabled){background:#b8dfff}.ledger-download-btn:disabled{opacity:.6;cursor:not-allowed}.ledger-apply-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#17344d;border-radius:8px;border:none;cursor:pointer;font-family:Jost,sans-serif;font-weight:500;font-size:13px;color:#fff;transition:background .2s ease,opacity .2s ease;white-space:nowrap;align-self:flex-end}.ledger-apply-btn:hover:not(:disabled){background:#0f2235}.ledger-apply-btn:disabled{opacity:.6;cursor:not-allowed}.ledger-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:ledger-spin .7s linear infinite;flex-shrink:0}.ledger-spinner-lg{width:28px;height:28px;border:3px solid rgba(23,52,77,.15);border-top-color:#17344d}@keyframes ledger-spin{to{transform:rotate(360deg)}}.ledger-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 32px;font-family:Jost,sans-serif;font-size:14px;color:#8ea3b5}.ledger-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 28px;border-bottom:1px solid rgba(23,52,77,.08)}.ledger-summary-card{background:#f5f8fb;border-radius:14px;padding:12px 14px;border:1px solid rgba(23,52,77,.08);display:flex;flex-direction:column;gap:6px}.ledger-summary-card.highlight{background:linear-gradient(120deg,#d1eeff,#edf6ff);border-color:transparent}.ledger-summary-label{font-family:Jost,sans-serif;font-size:11px;color:#8ea3b5}.ledger-summary-value{font-family:Jost,sans-serif;font-size:16px;font-weight:600;color:#17344d}.ledger-body{flex:1;overflow-y:auto;padding:16px 28px 20px}.ledger-error,.ledger-empty{text-align:center;padding:32px;font-family:Jost,sans-serif;font-size:14px;color:#8ea3b5}.ledger-error{color:#e05050}.ledger-orders{display:flex;flex-direction:column;gap:16px}.ledger-order-card{border:1px solid rgba(23,52,77,.1);border-radius:14px;overflow:hidden}.ledger-order-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:#edf6ff;flex-wrap:wrap}.ledger-order-header-left{display:flex;align-items:center;gap:10px}.ledger-order-id{font-family:Jost,sans-serif;font-size:14px;font-weight:600;color:#17344d}.ledger-order-customer{font-family:Jost,sans-serif;font-size:13px;font-weight:500;color:#3a6d8c}.ledger-order-date{font-family:Jost,sans-serif;font-size:13px;color:#8ea3b5}.ledger-payment-actions{display:flex;gap:8px;flex-wrap:wrap}.ledger-record-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border:none;border-radius:20px;font-family:Jost,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s ease,transform .1s ease}.ledger-record-btn:active{transform:scale(.97)}.ledger-record-btn:disabled{opacity:.55;cursor:not-allowed}.ledger-record-btn--official{background:#27ae601f;color:#1a8c49;border:1px solid rgba(39,174,96,.25)}.ledger-record-btn--official:not(:disabled):hover{background:#27ae6033}.ledger-record-btn--offline{background:#e67e221f;color:#b85c0a;border:1px solid rgba(230,126,34,.25)}.ledger-record-btn--offline:not(:disabled):hover{background:#e67e2233}.ledger-due-amount{color:#d93636!important}.ledger-products-table{width:100%;border-collapse:collapse}.ledger-products-table th{padding:8px 12px;font-family:Jost,sans-serif;font-size:11px;font-weight:500;color:#8ea3b5;text-align:left;border-bottom:1px solid rgba(23,52,77,.06);background:#fafcfe}.ledger-products-table td{padding:8px 12px;font-family:Jost,sans-serif;font-size:13px;color:#17344d;border-bottom:1px solid rgba(23,52,77,.04)}.ledger-products-table tbody tr:last-child td{border-bottom:none}.ledger-order-footer{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid rgba(23,52,77,.06)}.ledger-bill-section,.ledger-payment-section{padding:12px 16px}.ledger-bill-section{border-right:1px solid rgba(23,52,77,.06)}.ledger-section-title{font-family:Jost,sans-serif;font-size:12px;font-weight:600;color:#17344d;display:block;margin-bottom:8px}.ledger-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px}.ledger-detail-label{font-family:Jost,sans-serif;font-size:10px;color:#8ea3b5;display:block;margin-bottom:2px}.ledger-detail-value{font-family:Jost,sans-serif;font-size:13px;font-weight:500;color:#17344d;display:block}.ledger-payment-sides{display:flex;flex-direction:column;gap:10px}.ledger-payment-side{display:flex;flex-direction:column;gap:4px}.ledger-side-label{font-family:Jost,sans-serif;font-size:11px;font-weight:500;color:#5a8aaa}.ledger-order-totals{display:flex;gap:24px;padding:10px 16px;background:#f5f8fb;border-top:1px solid rgba(23,52,77,.06)}.ledger-spinner--dark{display:inline-block;width:10px;height:10px;border:2px solid rgba(0,0,0,.2);border-top-color:currentColor;border-radius:50%;animation:ledger-spin .7s linear infinite}.view-ledger-btn:hover{background:#c2e5ff}@media(max-width:768px){.ledger-modal{border-radius:20px;max-height:90vh}.ledger-header,.ledger-filters,.ledger-body{padding-left:16px;padding-right:16px}.ledger-summary{grid-template-columns:repeat(2,1fr);padding-left:16px;padding-right:16px}.ledger-filters{flex-wrap:wrap}.ledger-order-footer{grid-template-columns:1fr}.ledger-bill-section{border-right:none;border-bottom:1px solid rgba(23,52,77,.06)}}@media(max-width:480px){.ledger-summary{grid-template-columns:1fr 1fr;gap:8px}.ledger-summary-value{font-size:14px}.ledger-order-totals{flex-direction:column;gap:8px}}.payment-reminder-page{padding:20px 24px;max-width:100%}.payment-reminder-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:40px}.payment-reminder-page .page-title-section{display:flex;flex-direction:column;gap:4px}.payment-reminder-page .page-title{font-family:Jost,sans-serif;font-weight:500;font-size:22px;line-height:28px;color:#17344d;margin:0}.payment-reminder-page .page-subtitle{font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#8e8e8e;margin:0}.payment-reminder-page .page-header-actions{display:flex;align-items:center;gap:16px}.payment-reminder-page .mode-toggle{display:flex;gap:0;border:1px solid #17344D;border-radius:8px;overflow:hidden}.payment-reminder-page .mode-btn{padding:10px 24px;background:#fff;border:none;cursor:pointer;font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#17344d;transition:all .3s ease}.payment-reminder-page .mode-btn:first-child{border-right:1px solid #17344D}.payment-reminder-page .mode-btn:hover:not(.active){background:#f5f5f5}.payment-reminder-page .mode-btn.active{background:#17344d;color:#fff}.bulk-reminder-button{display:flex;align-items:center;gap:10px;padding:10px 20px;background:#d1eeff;border-radius:8px;border:none;cursor:pointer;font-family:Jost,sans-serif;font-weight:400;font-size:15px;line-height:22px;color:#17344d;transition:background-color .3s ease}.bulk-reminder-button:hover{background:#b8dfff}.bulk-reminder-button .send-icon{width:24px;height:24px}.payment-reminder-page .stats-cards{display:flex;gap:16px;margin-bottom:20px}.payment-reminder-page .stat-card{flex:1;border:1px solid #17344D;border-radius:12px;padding:16px;display:flex;align-items:center}.payment-reminder-page .stat-content{display:flex;flex-direction:column;gap:12px;width:100%}.payment-reminder-page .stat-label{font-family:Jost,sans-serif;font-weight:400;font-size:13px;line-height:18px;color:#8e8e8e}.payment-reminder-page .stat-value{font-family:Jost,sans-serif;font-weight:500;font-size:24px;line-height:32px;color:#17344d}.payment-table-container{overflow-x:auto;border:1px solid rgba(125,153,169,.3);border-radius:12px;width:100%;max-width:100%;-webkit-overflow-scrolling:touch}.payment-table{width:100%;min-width:900px;border-collapse:collapse}.payment-table thead{background:#f5f5f5}.payment-table th{padding:16px;text-align:center;font-family:Jost,sans-serif;font-weight:500;font-size:14px;line-height:20px;color:#17344d;border-bottom:1px solid rgba(125,153,169,.3)}.payment-table td{padding:16px;text-align:center;font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#888;border-bottom:1px solid rgba(125,153,169,.1)}.payment-row{cursor:pointer;transition:background-color .2s ease}.payment-row:hover{background:#f9f9f9}.payment-table tbody tr:last-child td{border-bottom:none}.status-badge{padding:6px 16px;border-radius:20px;font-family:Jost,sans-serif;font-weight:400;font-size:13px;line-height:18px;display:inline-block}.status-badge.status-overdue{background:#ffefef;color:#ff0101}.status-badge.status-due-soon{background:#d1ffe2;color:#275b22}.status-badge.status-upcoming{background:#e8f5e9;color:#2e7d32}.send-reminder-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:6px 14px;background:#d1eeff;border-radius:20px;border:none;cursor:pointer;font-family:Jost,sans-serif;font-weight:400;font-size:13px;line-height:18px;color:#17344d;transition:background-color .3s ease;min-width:130px}.send-reminder-button:hover:not(:disabled){background:#b8dfff}.send-reminder-button:disabled{opacity:.7;cursor:not-allowed}.send-reminder-button .send-icon-small{width:16px;height:16px}.loading-spinner{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #17344D;border-radius:50%;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.payment-reminder-page .loading,.payment-reminder-page .no-data{text-align:center;padding:32px;font-family:Jost,sans-serif;font-size:16px;color:#8e8e8e}.party-name-cell{font-weight:500;color:#17344d;text-align:left!important}.party-name-inner{display:flex;align-items:center;justify-content:space-between;gap:8px}.collapse-chevron{display:inline-flex;align-items:center;justify-content:center;color:#7d99a9;flex-shrink:0;transition:transform .25s ease,color .2s ease}.collapse-chevron.expanded{transform:rotate(180deg);color:#17344d}.payment-row.clickable{cursor:pointer}.payment-row:not(.clickable){cursor:default}.expanded-order-row{background:#fafcfe}.expanded-order-row>td{padding:0 16px 12px!important;text-align:left!important}.expanded-order-summary{display:flex;align-items:center;gap:20px;padding:10px 0 8px;flex-wrap:wrap}.expanded-order-id{font-family:Jost,sans-serif;font-size:13px;font-weight:600;color:#17344d}.expanded-order-detail{font-family:Jost,sans-serif;font-size:12px;color:#8ea3b5}.expanded-products-table{width:100%;border-collapse:collapse;border:1px solid rgba(23,52,77,.08);border-radius:8px;overflow:hidden;margin-top:4px}.expanded-products-table th{padding:6px 10px;font-family:Jost,sans-serif;font-size:11px;font-weight:500;color:#8ea3b5;text-align:left;background:#edf6ff;border-bottom:1px solid rgba(23,52,77,.06)}.expanded-products-table td{padding:6px 10px;font-family:Jost,sans-serif;font-size:12px;color:#17344d;border-bottom:1px solid rgba(23,52,77,.04);text-align:left}.expanded-products-table tbody tr:last-child td{border-bottom:none}.view-ledger-btn{background:#d1eeff80;border:none;border-radius:8px;padding:6px 8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease}.view-ledger-btn:hover:not(:disabled){background:#c2e5ff}.view-ledger-btn:disabled{opacity:.4;cursor:not-allowed}.view-ledger-btn .view-icon{width:18px;height:18px}@media(max-width:1200px){.payment-table{min-width:800px}}@media(max-width:768px){.payment-reminder-page{padding:12px 16px}.payment-reminder-page .page-header{flex-direction:column;align-items:flex-start;gap:16px}.payment-reminder-page .page-header-actions{width:100%;flex-direction:column;gap:12px}.payment-reminder-page .mode-toggle{width:100%}.payment-reminder-page .mode-btn{flex:1;text-align:center}.bulk-reminder-button{width:100%;justify-content:center}.payment-reminder-page .page-title{font-size:20px;line-height:26px}.payment-reminder-page .page-subtitle{font-size:13px;line-height:18px}.payment-reminder-page .stats-cards{flex-direction:column;gap:12px}.payment-reminder-page .stat-card{width:100%}.payment-reminder-page .stat-value{font-size:20px;line-height:28px}.payment-table-container{margin-left:-16px;margin-right:-16px;width:calc(100% + 32px);border-left:none;border-right:none;border-radius:0}.payment-table{min-width:700px}.payment-table th,.payment-table td{padding:12px 8px;font-size:13px}}@media(max-width:480px){.payment-reminder-page{padding:8px 12px}.payment-reminder-page .page-title{font-size:18px;line-height:24px}.payment-reminder-page .stats-cards{gap:10px}.payment-reminder-page .stat-card{padding:12px}.payment-reminder-page .stat-label{font-size:12px}.payment-reminder-page .stat-value{font-size:18px;line-height:24px}.bulk-reminder-button{padding:8px 16px;font-size:14px}.payment-table-container{margin-left:-12px;margin-right:-12px;width:calc(100% + 24px)}.payment-table{min-width:600px}.payment-table th,.payment-table td{padding:10px 6px;font-size:12px}.status-badge{padding:4px 10px;font-size:11px}.send-reminder-button{padding:4px 10px;font-size:11px;min-width:100px}}.scrap-modal-content{background:#fff;border-radius:16px;max-width:700px;width:90%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;padding:32px}.scrap-modal-title{font-family:Jost,sans-serif;font-weight:500;font-size:24px;line-height:32px;color:#17344d;margin:0 0 24px}.scrap-modal-form{display:flex;flex-direction:column;gap:20px;overflow-y:auto}.scrap-modal-form::-webkit-scrollbar{width:8px}.scrap-modal-form::-webkit-scrollbar-track{background:transparent;margin:8px 0}.scrap-modal-form::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.scrap-modal-form::-webkit-scrollbar-thumb:hover{background:#a0aec0}.scrap-form-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.scrap-form-row:has(.scrap-element-group){grid-template-columns:1fr 1.5fr}.scrap-form-group{display:flex;flex-direction:column;gap:8px}.scrap-form-label{font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#17344d}.scrap-form-input{padding:12px 16px;border:1px solid rgba(125,153,169,.3);border-radius:8px;font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#17344d;background:#f5f5f5;outline:none;transition:border-color .3s ease}.scrap-form-input:focus{border-color:#17344d;background:#fff}.scrap-form-input::placeholder{color:#a7a7a7}.scrap-form-select{padding:12px 16px;border:1px solid rgba(125,153,169,.3);border-radius:8px;font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#17344d;background:#f5f5f5;outline:none;cursor:pointer}.scrap-element-group .element-inputs{display:flex;gap:12px}.scrap-element-group .element-value,.scrap-element-group .element-type{flex:1}.scrap-modal-actions{display:flex;gap:16px;justify-content:center;margin-top:8px}.scrap-save-button,.scrap-cancel-button{padding:12px 48px;border-radius:24px;font-family:Jost,sans-serif;font-weight:400;font-size:16px;line-height:24px;border:none;cursor:pointer;transition:all .3s ease}.scrap-save-button{background:#d1eeff;color:#17344d}.scrap-save-button:hover:not(:disabled){background:#b8dfff;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.scrap-save-button:disabled{opacity:.5;cursor:not-allowed}.scrap-cancel-button{background:transparent;color:#17344d;border:1px solid #17344D}.scrap-cancel-button:hover{background:#f5f5f5;transform:translateY(-1px)}@media(max-width:768px){.scrap-modal-content{width:95%;padding:24px;max-height:85vh}.scrap-modal-title{font-size:20px;line-height:28px;margin-bottom:20px}.scrap-form-row{grid-template-columns:1fr;gap:12px}.scrap-form-row:has(.scrap-element-group){grid-template-columns:1fr}.scrap-form-group{gap:6px}.scrap-form-label{font-size:13px}.scrap-form-input,.scrap-form-select{padding:10px 14px;font-size:13px}.scrap-modal-actions{flex-direction:column;gap:12px}.scrap-save-button,.scrap-cancel-button{width:100%;padding:12px 24px;font-size:15px}}@media(max-width:480px){.scrap-modal-content{width:100%;height:100%;max-height:100vh;border-radius:0;padding:20px}.scrap-modal-title{font-size:18px;line-height:24px}.scrap-form-label{font-size:12px}.scrap-form-input,.scrap-form-select{font-size:12px;padding:9px 12px}.scrap-save-button,.scrap-cancel-button{font-size:14px;padding:10px 20px}}.kevin-scrap-page{padding:24px;max-width:1400px;margin:0 auto}@media(max-width:768px){.kevin-scrap-page{padding:16px}.page-header{flex-direction:column;gap:16px}.add-button{width:100%;justify-content:center}.stats-cards{grid-template-columns:1fr}.order-filters{flex-direction:column}.scrap-table-container{overflow-x:scroll}.scrap-table{min-width:800px}}.jayesh-scrap-page{padding:24px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:20px}.page-title-section{flex:1}.page-title{font-family:Jost,sans-serif;font-weight:600;font-size:24px;line-height:32px;color:#17344d;margin:0 0 4px}.page-subtitle{font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#7d99a9;margin:0}.add-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#d1eeff;border:none;border-radius:8px;font-family:Jost,sans-serif;font-weight:500;font-size:14px;color:#17344d;cursor:pointer;transition:all .3s ease}.add-button:hover{background:#b8dfff;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.add-icon{font-size:20px;font-weight:600}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid rgba(125,153,169,.2);border-radius:12px;padding:20px}.stat-content{display:flex;flex-direction:column;gap:8px}.stat-label{font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#7d99a9}.stat-value{font-family:Jost,sans-serif;font-weight:600;font-size:24px;line-height:32px;color:#17344d}.order-filters{display:flex;gap:16px;margin-bottom:24px}.order-search{flex:1;display:flex;align-items:center;gap:12px;padding:10px 16px;background:#fff;border:1px solid rgba(125,153,169,.2);border-radius:8px}.order-search img{width:20px;height:20px;opacity:.5}.order-search input{flex:1;border:none;outline:none;font-family:Jost,sans-serif;font-size:14px;color:#17344d;background:transparent}.order-search input::placeholder{color:#a7a7a7}.order-status-filter{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid rgba(125,153,169,.2);border-radius:8px;cursor:pointer;font-family:Jost,sans-serif;font-size:14px;color:#17344d;transition:background-color .2s ease}.order-status-filter:hover{background:#f5f5f5}.order-status-filter img{width:20px;height:20px;opacity:.5}.scrap-table-container{background:#fff;border:1px solid rgba(125,153,169,.2);border-radius:12px;overflow-x:auto;margin-bottom:24px}.scrap-table{width:100%;border-collapse:collapse}.scrap-table thead{background:#f8f9fa;border-bottom:1px solid rgba(125,153,169,.2)}.scrap-table th{padding:16px;text-align:left;font-family:Jost,sans-serif;font-weight:500;font-size:14px;line-height:20px;color:#17344d;white-space:nowrap}.scrap-table tbody tr{border-bottom:1px solid rgba(125,153,169,.1);transition:background-color .2s ease}.scrap-table tbody tr:hover{background:#f8f9fa}.scrap-table tbody tr:last-child{border-bottom:none}.scrap-table td{padding:16px;font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#17344d;white-space:nowrap}.delete-btn{background:transparent;border:none;cursor:pointer;font-size:18px;padding:4px 8px;transition:transform .2s ease}.delete-btn:hover{transform:scale(1.2)}.action-buttons{display:flex;gap:8px;align-items:center;justify-content:center}.icon-button{background:transparent;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.icon-button:hover{transform:scale(1.1)}.icon-img{width:20px;height:20px;opacity:.7}.icon-button:hover .icon-img{opacity:1}.no-data{padding:48px 24px;text-align:center;font-family:Jost,sans-serif;font-size:16px;color:#7d99a9}@media(max-width:768px){.jayesh-scrap-page{padding:16px}.page-header{flex-direction:column;gap:16px}.add-button{width:100%;justify-content:center}.stats-cards{grid-template-columns:1fr}.order-filters{flex-direction:column}.scrap-table-container{overflow-x:scroll}.scrap-table{min-width:900px}}.medium-modal{width:600px;max-width:90vw}.full-width{width:100%}.form-row{display:flex;gap:16px;margin-bottom:20px}.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.form-input{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:10px 12px;font-size:14px;color:#495057;width:100%;outline:none;transition:border-color .2s}.form-input:focus{border-color:#8c98a4;background-color:#fff}.form-input.bg-gray{background-color:#f1f3f5;color:#868e96}.form-label{display:block;font-family:Jost,sans-serif;font-size:14px;font-weight:500;color:#212529;margin-bottom:8px}.modal-actions.centered{display:flex;justify-content:center;gap:16px;margin-top:32px}.save-button.wide,.cancel-button.wide{min-width:120px;border-radius:20px;padding:10px 24px;font-size:15px}.save-button{background-color:#d1eeff;color:#17344d;border:none;font-weight:500}.cancel-button{background-color:#fff;border:1px solid #ced4da;color:#495057}.modal-title{font-family:Jost,sans-serif;font-size:20px;font-weight:500;margin-bottom:24px;color:#212529}.casting-page{padding:20px 24px;max-width:100vw;width:100%;overflow-x:hidden;box-sizing:border-box;background-color:#f8f9fa;min-height:100vh}.casting-page *{box-sizing:border-box}.casting-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px;width:100%;max-width:100%}.casting-page .page-title-section{display:flex;flex-direction:column;gap:4px}.casting-page .page-title{font-family:Jost,sans-serif;font-weight:500;font-size:22px;line-height:28px;color:#17344d;margin:0}.casting-page .page-subtitle{font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#8e8e8e;margin:0}.header-actions{display:flex;gap:12px;align-items:center}.action-button{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;border:none;cursor:pointer;font-family:Jost,sans-serif;font-weight:400;font-size:15px;line-height:22px;transition:background-color .3s ease}.primary-button{background:#d1eeff;color:#17344d}.primary-button:hover{background:#b8dfff}.secondary-button{background:#fff;color:#17344d;border:1px solid #17344D}.secondary-button:hover{background:#f5f5f5}.button-icon{font-size:18px;line-height:1}.button-text{white-space:nowrap}.casting-toggle-container{display:flex;background-color:#e9ecef;border-radius:8px;padding:4px;margin-bottom:24px;width:100%}.casting-toggle-btn{flex:1;padding:12px;border:none;background:none;border-radius:6px;font-size:16px;font-weight:500;color:#495057;cursor:pointer;transition:all .2s ease}.casting-toggle-btn.active{background-color:#fff;color:#0d6efd;box-shadow:0 2px 4px #0000000d;font-weight:600}.casting-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px;width:100%}.casting-stat-card{border:1px solid rgba(125,153,169,.3);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;background-color:#fff}.stat-title{font-family:Jost,sans-serif;font-weight:400;font-size:13px;line-height:18px;color:#8e8e8e}.stat-value{font-family:Jost,sans-serif;font-weight:500;font-size:20px;line-height:28px;color:#17344d}.casting-page .order-filters{display:flex;gap:16px;margin-bottom:24px}.casting-page .order-search{flex:1;display:flex;align-items:center;gap:12px;padding:10px 16px;background:#fff;border:1px solid rgba(125,153,169,.2);border-radius:8px}.casting-page .order-search img{width:20px;height:20px;opacity:.5}.casting-page .order-search input{flex:1;border:none;outline:none;font-family:Jost,sans-serif;font-size:14px;color:#17344d;background:transparent}.casting-page .order-search input::placeholder{color:#a7a7a7}.casting-page .filter-group-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid rgba(125,153,169,.2);border-radius:8px;cursor:pointer;font-family:Jost,sans-serif;font-size:14px;color:#17344d;transition:background-color .2s ease}.casting-page .filter-group-btn:hover{background:#f5f5f5}.casting-page .filter-group-btn img{width:20px;height:20px;opacity:.5}.casting-table-container{overflow-x:auto;margin-bottom:20px;border:1px solid rgba(125,153,169,.3);border-radius:12px;width:100%;max-width:100%;background-color:#fff}.casting-table{width:100%;min-width:800px;border-collapse:collapse}.casting-table thead{background:#f5f5f5}.casting-table th{padding:12px 16px;text-align:left;font-family:Jost,sans-serif;font-weight:500;font-size:14px;line-height:20px;color:#17344d;border-bottom:1px solid rgba(125,153,169,.3);text-align:center}.casting-table td{padding:12px 16px;font-family:Jost,sans-serif;font-weight:400;font-size:14px;line-height:20px;color:#17344d;border-bottom:1px solid rgba(125,153,169,.1);text-align:center}.casting-table tbody tr:hover{background:#f9f9f9}.casting-table tbody tr:last-child td{border-bottom:none}.sell-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;width:100%}#root{width:100%;margin:0;padding:0}