@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap);@keyframes spin{to{transform:rotate(360deg)}}@keyframes hmonSpin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes msDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes cselIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes toastOut{to{opacity:0;transform:translateX(40px)}}@keyframes bellRing{0%,60%,to{transform:rotate(0)}15%{transform:rotate(12deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(6deg)}}@keyframes slideDownFade{0%{opacity:0;max-height:0;padding:0 20px}to{opacity:1;max-height:60px;padding:10px 20px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pf-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}@keyframes flyRight{0%{left:-10%;transform:scale(0);opacity:0}50%{left:45%;transform:scale(1.2);opacity:1}to{left:100%;transform:scale(0);opacity:0}}@keyframes statusPulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes meshFloat1{0%,to{transform:translate(0,0) scale(1)}50%{transform:translate(40px,30px) scale(1.12)}}@keyframes meshFloat2{0%,to{transform:translate(0,0) scale(1)}50%{transform:translate(-35px,-40px) scale(1.08)}}@keyframes meshFloat3{0%,to{transform:translate(0,0) scale(.9)}50%{transform:translate(20px,-25px) scale(1.05)}}@keyframes orbitSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes rainbowSlide{to{background-position:300%0}}@keyframes glowRotate{to{transform:rotate(360deg)}}@keyframes cardAppear{0%{opacity:0;transform:translateY(32px) scale(.96);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes logoPulse{0%,to{box-shadow:0 8px 28px rgba(99,102,241,.3)}50%{box-shadow:0 12px 44px rgba(99,102,241,.45)}}@keyframes btnShimmer{0%{background-position:200%0}to{background-position:-200%0}}@keyframes shakeError{0%,to{transform:translateX(0)}20%{transform:translateX(-8px)}40%{transform:translateX(8px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}@keyframes bannerSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes newRowFade{0%{background-color:#fef9c3}to{background-color:transparent}}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes snPopIn{0%{opacity:0;transform:translateY(-4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}:root{--primary-50:#EEF2FF;--primary-100:#E0E7FF;--primary-200:#C7D2FE;--primary-300:#A5B4FC;--primary-400:#818CF8;--primary-500:#6366F1;--primary-600:#4F46E5;--primary-700:#4338CA;--primary-800:#3730A3;--gray-50:#F8FAFC;--gray-100:#F1F5F9;--gray-200:#E2E8F0;--gray-300:#CBD5E1;--gray-400:#94A3B8;--gray-500:#64748B;--gray-600:#475569;--gray-700:#334155;--gray-800:#1E293B;--gray-900:#0F172A;--emerald-50:#ECFDF5;--emerald-100:#D1FAE5;--emerald-500:#10B981;--emerald-600:#059669;--emerald-700:#047857;--amber-50:#FFFBEB;--amber-500:#F59E0B;--amber-600:#D97706;--rose-50:#FFF1F2;--rose-500:#F43F5E;--rose-600:#E11D48;--blue-50:#EFF6FF;--blue-500:#3B82F6;--blue-600:#2563EB;--violet-50:#F5F3FF;--violet-500:#8B5CF6;--bg:#F1F5F9;--surface:#FFFFFF;--sidebar-bg:#FAFBFD;--shadow-sm:0 1px 2px rgba(0, 0, 0, .04);--shadow:0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md:0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg:0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .05);--radius:10px;--radius-sm:6px;--radius-lg:14px;--sidebar-w:240px}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:"Plus Jakarta Sans",-apple-system,sans-serif;background:var(--bg);color:var(--gray-800);line-height:1.6;-webkit-font-smoothing:antialiased}.hidden{display:none!important}.app-container{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);border-right:1px solid var(--gray-200);position:fixed;top:0;left:0;bottom:0;z-index:100;overflow-y:auto;transition:transform .25s ease}.sidebar-header{padding:20px;border-bottom:1px solid var(--gray-100)}.logo-icon,.sidebar-logo{display:flex;align-items:center}.sidebar-logo{gap:10px;text-decoration:none}.logo-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--primary-500),var(--primary-700));color:#fff;justify-content:center;font-weight:800;font-size:13px;letter-spacing:-.5px;overflow:hidden}.of-logo{position:relative;width:24px;height:24px}.of-box{position:absolute;width:14px;height:14px;border:2.2px solid #fff;border-radius:3px;top:2px;left:1px}.of-box::before{content:"";position:absolute;top:-1px;left:50%;width:0;height:calc(100% + 2px);border-left:1.5px solid rgba(255,255,255,.5)}.of-box::after{content:"";position:absolute;left:-1px;top:50%;width:calc(100% + 2px);height:0;border-top:1.5px solid rgba(255,255,255,.5)}.of-arrow{position:absolute;bottom:1px;right:0;width:12px;height:12px}.of-arrow::before{content:"";position:absolute;bottom:4px;left:0;width:8px;height:6px;border:2px solid #fff;border-top:none;border-left:none;border-radius:0 0 6px 0}.of-arrow::after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:5px solid #fff;transform:rotate(45deg)}.of-logo-sidebar{width:20px;height:20px}.of-logo-sidebar .of-box{width:12px;height:12px;border-width:2px;border-radius:2.5px;top:1px;left:0}.of-logo-sidebar .of-arrow{width:10px;height:10px;bottom:0;right:0}.of-logo-sidebar .of-arrow::before{width:6px;height:5px;border-width:1.8px;bottom:3px}.of-logo-sidebar .of-arrow::after{border-left-width:3.5px;border-right-width:3.5px;border-bottom-width:4.5px}.of-logo-sm{width:14px;height:14px}.of-logo-sm .of-box{width:8px;height:8px;border-width:1.5px;border-radius:2px;top:0;left:0}.of-logo-sm .of-box::before{border-left-width:1px}.of-logo-sm .of-box::after{border-top-width:1px}.of-logo-sm .of-arrow{width:8px;height:8px;bottom:0;right:-1px}.of-logo-sm .of-arrow::before{width:5px;height:4px;border-width:1.5px;bottom:2px}.of-logo-sm .of-arrow::after{border-left-width:2.5px;border-right-width:2.5px;border-bottom-width:3px}.logo-text{font-size:18px;font-weight:700;color:var(--gray-800);letter-spacing:-.5px}.logo-text span{color:var(--primary-600)}.sidebar-nav{padding:12px;flex:1;overflow-y:auto}.nav-section{margin-bottom:6px}.nav-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--gray-400);padding:8px 12px 4px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;border-radius:var(--radius-sm);transition:all .2s;user-select:none}.nav-section-title:hover{color:var(--primary-600);background:var(--primary-50)}.nav-chevron{font-size:9px;transition:transform .25s cubic-bezier(.4,0,.2,1);color:var(--gray-300)}.nav-section-items{max-height:500px;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .25s ease;opacity:1}.nav-section-items.collapsed{max-height:0;opacity:0}.nav-section.collapsed-section .nav-chevron{transform:rotate(-90deg)}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--gray-600);cursor:pointer;text-decoration:none;font-weight:500;font-size:13px;transition:all .15s;margin-bottom:1px}.nav-item:hover{background:var(--primary-50);color:var(--primary-700)}.nav-item.active{background:var(--primary-100);color:var(--primary-700);font-weight:600}.nav-icon{width:18px;text-align:center;font-size:14px;color:var(--gray-400);flex-shrink:0}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{color:var(--primary-600)}.nav-label{flex:1}.nav-badge{background:var(--primary-500);color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px;min-width:24px;text-align:center}.main-content{margin-left:var(--sidebar-w);flex:1;min-height:100vh;display:flex;flex-direction:column;min-width:0;width:calc(100% - var(--sidebar-w))}.topbar,.topbar-left{display:flex;align-items:center}.topbar{background:var(--surface);border-bottom:1px solid var(--gray-200);padding:14px 28px;justify-content:space-between;position:sticky;top:0;z-index:50}.topbar-left{gap:14px}.topbar-title{font-size:20px;font-weight:700;color:var(--gray-900);letter-spacing:-.3px}.topbar-subtitle{font-size:12px;color:var(--gray-400);font-weight:500;margin-top:-2px}.topbar-right{display:flex;align-items:center;gap:14px}.dsc-value small,.last-sync-info{font-size:11px;color:var(--gray-400);font-weight:500}.mobile-menu-btn{display:none}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);font-weight:600;border:0;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}.btn,.btn i{font-size:12px}.btn-primary{background:var(--primary-600);color:#fff}.btn-primary:hover{background:var(--primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:#fff;color:var(--gray-600);border:1px solid var(--gray-200)}.btn-outline:hover{border-color:var(--primary-300);color:var(--primary-600);background:var(--primary-50)}.btn-success{background:var(--emerald-600);color:#fff}.btn-success:hover{background:var(--emerald-700)}.btn-sm{padding:5px 10px;font-size:11px}.btn.syncing{opacity:.6;pointer-events:none}.btn.syncing i{animation:spin 1s linear infinite}.cs-leads-chip{padding:5px 14px;border:0;border-radius:6px;font-size:12px;font-weight:500;color:var(--gray-500);background:0 0;cursor:pointer;transition:all .2s;white-space:nowrap}.cs-leads-chip:hover{color:var(--primary-600);background:var(--primary-50)}.cs-leads-chip.active{color:#fff;background:var(--primary-600);font-weight:600;box-shadow:0 2px 6px rgba(79,70,229,.25)}.page-content{padding:24px 28px;flex:1;min-width:0}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--gray-100);margin-bottom:20px;overflow:hidden}.card-header,.card-title{display:flex;align-items:center}.card-header{padding:16px 20px;border-bottom:1px solid var(--gray-100);justify-content:space-between;gap:12px;flex-wrap:wrap}.card-title{font-weight:700;font-size:14px;color:var(--gray-800);gap:8px}.card-title i{color:var(--primary-500);font-size:15px}.card-body{padding:20px}.dash-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:16px}.dash-stat-card{background:var(--surface);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow);border:1px solid var(--gray-100);display:flex;gap:14px;align-items:flex-start;position:relative;overflow:hidden;transition:transform .15s,box-shadow .15s}.dash-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.dash-stat-card::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent, #6366f1);border-radius:4px 0 0 4px}.dsc-icon{width:42px;height:42px;border-radius:10px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.dsc-body{flex:1;min-width:0}.dsc-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-500);margin-bottom:4px}.dsc-value{font-size:22px;font-weight:800;color:var(--gray-900);letter-spacing:-.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dsc-value small{font-size:13px}.dsc-sub,.dsc-trend{font-size:11px;margin-top:4px}.dsc-trend{font-weight:600;display:flex;align-items:center;gap:4px}.dsc-trend.trend-up{color:#4338ca}.dsc-trend.trend-down{color:#818cf8}.dsc-sub{color:var(--gray-400);font-weight:500}.dash-finance-bar{background:var(--surface);border-radius:var(--radius-lg);padding:16px 24px;box-shadow:var(--shadow);border:1px solid var(--gray-100);justify-content:space-around;margin-bottom:16px;flex-wrap:wrap;gap:16px}.dash-finance-bar,.dfb-icon,.dfb-item{display:flex;align-items:center}.dfb-item{gap:12px}.dfb-icon{width:38px;height:38px;border-radius:10px;justify-content:center;font-size:15px;flex-shrink:0}.dfb-val{font-size:16px;font-weight:800;color:var(--gray-900);line-height:1.2}.dfb-label{font-size:11px;color:var(--gray-400);font-weight:500}.dfb-divider{width:1px;height:36px;background:var(--gray-200)}.dash-chart-row{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;margin-bottom:16px}.dash-chart-main,.dash-chart-side{overflow:hidden}.dash-status-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-bottom:16px}.dash-status-item{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--gray-50)}.dash-status-item:last-child{border-bottom:none}.dsi-left{min-width:100px}.dsi-bar{height:6px;background:var(--gray-100);border-radius:3px;overflow:hidden}.dsi-bar-fill{height:100%;border-radius:3px;transition:width .6s ease}.dsi-bar-fill.badge-warning{background:#6366f1}.dsi-bar-fill.badge-info{background:#818cf8}.dsi-bar-fill.badge-success{background:#4338ca}.dsi-bar-fill.badge-error{background:#312e81}.dsi-bar-fill.badge-muted{background:#94a3b8}.dsi-right{display:flex;flex-direction:column;align-items:flex-end;min-width:60px}.dsi-count{font-size:14px;font-weight:700;color:var(--gray-800)}.dsi-pct{font-size:10px;color:var(--gray-400);font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:20px}.stat-card{background:var(--surface);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow);border:1px solid var(--gray-100);transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-header{margin-bottom:12px}.stat-icon-wrap{width:40px;height:40px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:16px}.stat-icon-wrap i{font-size:16px}.stat-icon-wrap.blue{background:var(--blue-50);color:var(--blue-600)}.stat-icon-wrap.green{background:var(--emerald-50);color:var(--emerald-600)}.stat-icon-wrap.violet{background:var(--violet-50);color:var(--violet-500)}.stat-icon-wrap.orange{background:var(--amber-50);color:var(--amber-600)}.stat-icon-wrap.rose{background:var(--rose-50);color:var(--rose-600)}.stat-value{font-size:24px;font-weight:800;color:var(--gray-900);letter-spacing:-.5px;line-height:1.2}.stat-label{font-size:12px;color:var(--gray-400);font-weight:500;margin-top:4px}.two-col{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin-bottom:20px}.table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead th{padding:10px 14px;text-align:left;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--gray-500);border-bottom:1px solid var(--gray-200);white-space:nowrap}.data-table tbody tr{transition:background .1s}.data-table tbody tr:hover,.data-table thead th,.draft-table tbody tr:hover{background:var(--gray-50)}.draft-table tbody tr.selected-row>td{background-color:#eef2ff!important}.draft-table tbody tr.selected-row:hover>td{background-color:#e0e7ff!important}.data-table tbody td{padding:10px 14px;vertical-align:middle;background:#fff}.td-invoice{font-weight:600;color:var(--primary-600);font-size:12px;font-family:"SF Mono","Cascadia Code",monospace}.td-muted{color:var(--gray-400);font-size:12px}.draft-table thead th,.td-value{font-weight:700;color:var(--emerald-700);white-space:nowrap}.draft-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.draft-table thead th{padding:6px 8px;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-600);background:var(--primary-100);border-bottom:2px solid var(--primary-300);border-right:1px solid var(--primary-200);box-shadow:0 2px 4px rgba(0,0,0,.06);position:sticky;top:0;z-index:2;user-select:none}.data-table tbody tr,.draft-table tbody tr{border-bottom:1px solid var(--gray-100)}.draft-table tbody tr:nth-child(even),.draft-table tbody tr:nth-child(even) td{background:var(--gray-50)}.draft-table tbody tr:hover,.draft-table tbody tr:hover td{background:#fffde7}.draft-table tbody td{padding:5px 8px;border-bottom:1px solid var(--gray-100);border-right:1px solid var(--gray-100);font-size:12px;white-space:nowrap;max-width:180px;overflow:hidden;text-overflow:ellipsis;background:#fff}.draft-table .frozen-col{position:sticky!important;z-index:1}.draft-table thead .frozen-col{z-index:3!important;background:var(--primary-100)!important}.draft-table tbody tr .frozen-col{background:#fff!important}.draft-table tbody tr:nth-child(even) .frozen-col{background:var(--gray-50)!important}.draft-table tbody tr:hover .frozen-col{background:#fffde7!important}.draft-table tbody tr.selected-row .frozen-col{background:#eef2ff!important}.draft-table tbody tr.selected-row:hover .frozen-col{background:#e0e7ff!important}.draft-table td.frozen-last,.draft-table th.frozen-last{border-right:4px solid var(--primary-500)!important;box-shadow:4px 0 12px -2px rgba(79,70,229,.3)}.draft-table .row-num{color:var(--gray-400);text-align:center;font-size:11px;min-width:30px;background:var(--gray-50);font-weight:600}.draft-table .col-invoice{color:var(--primary-600);font-weight:600;font-family:monospace;font-size:11px}.draft-table .col-cs{font-weight:600;color:var(--gray-700)}.draft-table .col-produk{font-weight:700;color:var(--gray-800)}.draft-table .col-total{font-weight:700;color:var(--emerald-700)}.draft-table .col-ekspedisi{font-weight:600}.draft-table .col-ekspedisi.spx{color:var(--rose-600)}.draft-table .col-ekspedisi.evp{color:var(--blue-600)}.draft-table .col-bayar{text-align:center}.hmon-bar{display:flex;align-items:stretch;background:var(--gray-50);border:1px solid var(--gray-150, #e5e7eb);border-radius:10px;overflow:hidden}.hmon-item{display:flex;align-items:center;gap:6px;padding:6px 10px;position:relative;cursor:default;transition:background .2s}.hmon-item:hover{background:rgba(0,0,0,.02)}.hmon-sep{width:1px;background:var(--gray-200, #e5e7eb);align-self:stretch;flex-shrink:0}.hmon-status-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s}.hmon-status-icon.hmon-ok{background:rgba(99,102,241,.12)}.hmon-status-icon.hmon-ok i{color:#6366f1}.hmon-status-icon.hmon-warning{background:rgba(129,140,248,.12)}.hmon-status-icon.hmon-warning i{color:#818cf8}.hmon-status-icon.hmon-error{background:rgba(55,48,163,.12)}.hmon-status-icon.hmon-error i{color:#3730a3}.hmon-status-icon.hmon-loading{background:var(--gray-100)}.hmon-content{display:flex;flex-direction:column;gap:1px;min-width:0}.hmon-title{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:var(--gray-700);white-space:nowrap}.hmon-desc{font-size:9px;color:var(--gray-400);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.hmon-sync-btn{width:20px;height:20px;border-radius:5px;border:0;background:0 0;color:var(--gray-400);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);flex-shrink:0;padding:0}.badge.delivered,.hmon-sync-btn:hover{background:var(--primary-50);color:var(--primary-600)}.hmon-sync-btn:hover svg{animation:hmonSpin .6s cubic-bezier(.4,0,.2,1)}.hmon-sync-btn.syncing svg{animation:hmonSpin .8s linear infinite}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.badge i{font-size:8px}.badge.delivered{color:var(--primary-700)}.badge.rts{background:rgba(55,48,163,.08);color:var(--primary-800)}.badge.pending{background:rgba(129,140,248,.1);color:var(--primary-400)}.badge.transit{background:rgba(165,180,252,.15);color:var(--primary-300)}.badge.cod{background:rgba(99,102,241,.08);color:var(--primary-500);font-weight:700}.badge.transfer{background:var(--primary-50);color:var(--primary-700);font-weight:700}.table-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;flex:1;justify-content:flex-end}.filter-input,.filter-select{padding:7px 12px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:12px;font-family:inherit;background:#fff;color:var(--gray-700);transition:border-color .2s,box-shadow .2s;font-weight:500}.filter-input:focus,.filter-select:focus{outline:0;border-color:var(--primary-400);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.multi-select{position:relative;display:inline-block;min-width:150px}.multi-select-dropdown,.multi-select-trigger{background:#fff;border:1px solid var(--gray-200)}.multi-select-trigger{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--radius-sm);font-size:12px;font-family:inherit;color:var(--gray-700);cursor:pointer;transition:border-color .2s,box-shadow .2s;font-weight:500;user-select:none;white-space:nowrap}.multi-select-trigger:hover{border-color:var(--primary-300)}.multi-select.open .multi-select-trigger{border-color:var(--primary-400);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.multi-select-trigger .ms-label{flex:1;overflow:hidden;text-overflow:ellipsis}.multi-select-trigger .ms-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;font-size:10px;font-weight:700;line-height:1}.multi-select-trigger .ms-chevron{font-size:10px;color:var(--gray-400);transition:transform .2s ease}.multi-select.open .ms-chevron{transform:rotate(180deg)}.multi-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:220px;max-height:320px;border-radius:var(--radius-md);box-shadow:0 12px 28px rgba(0,0,0,.12),0 4px 10px rgba(0,0,0,.06);z-index:999;display:none;flex-direction:column;overflow:hidden;animation:msDropIn .15s ease-out}.multi-select.open .multi-select-dropdown{display:flex}.ms-search-wrap{padding:8px;border-bottom:1px solid var(--gray-100)}.ms-search{width:100%;padding:6px 10px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:12px;font-family:inherit;outline:0;transition:border-color .2s;box-sizing:border-box}.ms-search:focus{border-color:var(--primary-400)}.ms-actions{display:flex;gap:4px;padding:6px 8px;border-bottom:1px solid var(--gray-100);background:var(--gray-50)}.ms-actions button{flex:1;padding:4px 8px;font-size:11px;font-family:inherit;font-weight:600;border:0;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s}.ms-btn-all{background:var(--primary-100);color:var(--primary-700)}.ms-btn-all:hover{background:var(--primary-200)}.ms-btn-none{background:var(--gray-100);color:var(--gray-600)}.ms-btn-none:hover{background:var(--gray-200)}.ms-options{flex:1;overflow-y:auto;padding:4px 0}.ms-checkbox,.ms-option{display:flex;align-items:center}.ms-option{gap:8px;padding:6px 12px;cursor:pointer;transition:background .1s;font-size:12px;color:var(--gray-700)}.ms-option:hover{background:var(--primary-50)}.ms-option.hidden{display:none}.ms-checkbox{width:16px;height:16px;border:2px solid var(--gray-300);border-radius:4px;justify-content:center;flex-shrink:0;transition:all .15s ease}.ms-option.checked .ms-checkbox{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-color:var(--primary-500)}.ms-option.checked .ms-checkbox::after{content:"";width:4px;height:7px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-1px}.ms-option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-input::placeholder{color:var(--gray-300)}td.editable{cursor:pointer;position:relative;transition:background .2s}td.editable:hover{background:var(--primary-50)!important}td.editable::after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:8px;position:absolute;top:4px;right:4px;color:var(--primary-300);opacity:0;transition:opacity .15s}td.editable:hover::after{opacity:1}.btn-icon-delete{background:0 0;border:0;cursor:pointer;padding:5px 7px;border-radius:6px;color:var(--gray-300);font-size:12px;transition:all .2s}.btn-icon-delete:hover{background:#fef2f2;color:#ef4444;transform:scale(1.1)}td.bonus-col{font-size:11px;color:var(--gray-600)}td.num{white-space:nowrap}.inline-edit-input::-webkit-inner-spin-button,.inline-edit-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.inline-edit-input[type=number]{-moz-appearance:textfield;appearance:textfield}.csel{position:relative;width:100%;min-width:0}.csel-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 14px;border:2px solid var(--gray-200);border-radius:12px;background:#fff;cursor:pointer;transition:border-color .25s ease,box-shadow .25s ease,background .2s;user-select:none;overflow:hidden}.csel-trigger:hover{border-color:var(--primary-300);background:var(--gray-50)}.csel.open .csel-trigger{border-color:var(--primary-400);box-shadow:0 0 0 4px rgba(99,102,241,.1)}.csel-label{font-size:13px;font-weight:500;color:var(--gray-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.csel-arrow,.csel-label.placeholder{color:var(--gray-400)}.csel-arrow{font-size:10px;transition:transform .25s ease;flex-shrink:0}.csel.open .csel-arrow{transform:rotate(180deg)}.csel-menu{position:fixed;background:#fff;border:1px solid var(--gray-200);border-radius:14px;box-shadow:0 20px 40px rgba(0,0,0,.08),0 8px 16px rgba(0,0,0,.04),0 0 0 1px rgba(0,0,0,.02);z-index:9999;display:none;flex-direction:column;overflow:hidden;animation:cselIn .2s cubic-bezier(.16,1,.3,1)}.csel.open .csel-menu{display:flex}.csel-search-wrap{padding:10px 12px 8px;border-bottom:1px solid var(--gray-100);position:relative}.csel-search-icon{position:absolute;top:50%;left:22px;transform:translateY(-50%);font-size:11px;color:var(--gray-400);pointer-events:none}.csel-search{width:100%;padding:9px 12px 9px 32px;border:1.5px solid var(--gray-200);border-radius:10px;font-size:12px;font-family:inherit;font-weight:500;outline:0;background:var(--gray-50);transition:border-color .2s,background .2s,box-shadow .2s;box-sizing:border-box}.csel-search:focus{border-color:var(--primary-400);background:#fff;box-shadow:0 0 0 3px rgba(99,102,241,.08)}.csel-search::placeholder{color:var(--gray-400);font-weight:400}.csel-options{max-height:260px;overflow-y:auto;padding:6px;scrollbar-width:thin}.csel-options::-webkit-scrollbar{width:5px}.csel-options::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:10px}.btn-icon-sync,.csel-opt{cursor:pointer;display:flex;align-items:center}.csel-opt{gap:10px;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:500;color:var(--gray-700);transition:background .12s,color .12s,transform .1s}.csel-opt:hover{background:var(--primary-50);color:var(--primary-700)}.csel-opt.active{background:linear-gradient(135deg,var(--primary-50),rgba(99,102,241,.08));color:var(--primary-700);font-weight:600}.csel-opt.active::after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:10px;margin-left:auto;color:var(--primary-500)}.csel-opt.disabled{opacity:.35;pointer-events:none}.csel-opt.hidden{display:none}.btn-icon-sync{width:28px;height:28px;border-radius:8px;border:1px solid var(--gray-200);background:var(--gray-50);color:var(--gray-400);font-size:11px;justify-content:center;transition:all .2s ease;flex-shrink:0}.btn-icon-sync:hover{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-600);transform:rotate(90deg)}.btn-icon-sync:active,.date-picker-trigger.open .fa-chevron-down{transform:rotate(180deg)}.status-chip:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.prev-row{transition:background .15s ease}.prev-row:hover{background:var(--gray-50)}.csel-compact .csel-trigger{padding:8px 12px;font-size:12px;border-radius:10px}.date-picker-trigger{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:12px;font-weight:600;color:var(--gray-700);background:#fff;cursor:pointer;transition:all .2s;user-select:none;white-space:nowrap}.date-picker-trigger:hover{border-color:var(--primary-400);background:var(--primary-50)}.date-picker-trigger i{color:var(--primary-500);font-size:13px}.date-picker-trigger .date-text{flex:1}.date-picker-trigger .fa-chevron-down{font-size:10px;color:var(--gray-400);transition:transform .2s}.date-picker-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.2);z-index:500;backdrop-filter:blur(2px)}.date-picker-overlay.show{display:flex;align-items:flex-start;justify-content:center;padding-top:120px}.date-picker-panel{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;overflow:hidden;animation:fadeSlideIn .2s ease;max-width:700px;width:95%}.date-picker-presets{width:150px;background:var(--gray-800);padding:16px 0;display:flex;flex-direction:column}.date-picker-presets button{padding:10px 18px;border:0;background:0 0;color:var(--gray-300);font-size:12px;font-weight:500;text-align:left;cursor:pointer;transition:all .15s;font-family:inherit}.date-picker-presets button:hover{background:rgba(255,255,255,.08);color:#fff}.date-picker-presets button.active{background:var(--primary-600);color:#fff;font-weight:600}.date-picker-calendars{flex:1;padding:20px}.date-picker-header{display:flex;align-items:center;justify-content:space-between;padding:0 0 16px}.date-picker-selected{display:flex;align-items:center;gap:12px;background:var(--gray-50);border-radius:var(--radius-sm);padding:10px 16px;flex:1;margin-right:12px}.date-picker-selected .date-label{font-size:10px;text-transform:uppercase;font-weight:700;color:var(--gray-400);letter-spacing:.5px}.date-picker-selected .date-val,.dp-month-nav span{font-size:14px;font-weight:700;color:var(--gray-800)}.date-picker-selected .date-arrow{color:var(--gray-300);margin:0 8px}.date-picker-months{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dp-month-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dp-month-nav button{background:0 0;border:0;color:var(--gray-400);cursor:pointer;font-size:14px;padding:4px;transition:color .15s}.dp-month-nav button:hover{color:var(--primary-600)}.dp-weekdays{margin-bottom:4px}.dp-weekdays span{font-size:10px;font-weight:700;color:var(--gray-400);padding:4px;text-transform:uppercase}.dp-days,.dp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.dp-day{padding:6px 2px;font-size:13px;font-weight:500;color:var(--gray-600);cursor:pointer;border-radius:var(--radius-sm);transition:all .1s;user-select:none}.dp-day:hover{background:var(--primary-50);color:var(--primary-700)}.dp-day.empty{visibility:hidden}.dp-day.today{font-weight:800;color:var(--rose-500)}.dp-day.selected{background:var(--primary-600);color:#fff;font-weight:700;border-radius:var(--radius-sm)}.dp-day.in-range{background:var(--primary-100);color:var(--primary-700);border-radius:0}.dp-day.range-start{border-radius:var(--radius-sm)0 0 var(--radius-sm)}.dp-day.range-end{border-radius:0 var(--radius-sm) var(--radius-sm)0}.dp-day.other-month{color:var(--gray-300)}.date-picker-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--gray-100);margin-top:16px}.date-picker-footer .clear-btn{color:var(--gray-400);font-size:12px;cursor:pointer;background:0 0;border:0;font-family:inherit;font-weight:600}.date-picker-footer .clear-btn:hover{color:var(--rose-500)}.modal-overlay{display:none;padding-top:60px}.modal-overlay.show{display:flex}.modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:550px;max-width:95vw;max-height:80vh;overflow-y:auto;animation:fadeSlideIn .25s ease}.modal-row{display:grid;grid-template-columns:130px 1fr;gap:8px;padding:7px 0;border-bottom:1px solid var(--gray-50)}.modal-label{font-size:12px;font-weight:600;color:var(--gray-400)}.modal-value{font-size:13px;color:var(--gray-800);word-break:break-word}.modal-divider{padding:14px 0 8px;border-top:2px solid var(--primary-100);margin-top:6px}.modal-divider-text{font-size:12px;font-weight:700;color:var(--primary-600);display:flex;align-items:center;gap:6px}.modal-divider-text i{font-size:13px}.loading{display:flex;justify-content:center;padding:40px}.spinner{width:28px;height:28px;border:3px solid var(--gray-200);border-top-color:var(--primary-500);border-radius:50%;animation:spin .7s linear infinite}.empty{text-align:center;padding:40px 20px}.empty-icon{color:var(--gray-300);margin-bottom:12px}.empty-icon,.empty-icon i{font-size:40px}.empty-title{font-size:14px;font-weight:600;color:var(--gray-500)}.toast-container{position:fixed;bottom:20px;right:24px;z-index:999;display:flex;flex-direction:column;gap:8px}.toast{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:12px 18px;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;border-left:4px solid var(--gray-300);animation:toastIn .3s ease,toastOut .3s ease 4s forwards;min-width:280px}.toast i{font-size:16px}.toast.success{border-color:var(--emerald-500)}.toast.success i{color:var(--emerald-500)}.toast.error{border-color:var(--rose-500)}.toast.error i{color:var(--rose-500)}.draft-checkbox{width:16px;height:16px;accent-color:var(--primary-600);cursor:pointer}.select-all-bar{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--primary-50);border-bottom:1px solid var(--primary-100);font-size:12px;color:var(--gray-600);font-weight:500}.draft-tabs,.select-all-bar label{display:flex}.draft-tabs{border-bottom:2px solid var(--gray-100);padding:0 20px;background:var(--gray-50);position:relative;z-index:10}.draft-tab,.select-all-bar label{align-items:center;gap:6px;cursor:pointer}.draft-tab{display:inline-flex;padding:10px 18px;border:0;background:0 0;color:var(--gray-500);font-weight:600;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s;font-family:inherit}.draft-tab:hover{color:var(--primary-600);background:var(--primary-50)}.draft-tab.active{color:var(--primary-700);border-bottom-color:var(--primary-600)}.draft-tab,.draft-tab i{font-size:12px}.draft-tab-count{background:var(--gray-200);color:var(--gray-600);padding:1px 7px;border-radius:10px;font-size:10px;font-weight:700;min-width:20px;text-align:center}.draft-tab.active .draft-tab-count{background:var(--primary-500);color:#fff}.new-orders-bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-bottom:1px solid var(--primary-200);color:var(--primary-700);font-size:13px;font-weight:500;cursor:pointer;transition:background .2s;animation:slideDownFade .3s ease}.new-orders-bar:hover{background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.new-orders-bar i{color:var(--primary-500);animation:bellRing 1s ease infinite}.draft-table thead th:not(.th-no-resize)::after{content:"";position:absolute;right:0;top:25%;height:50%;width:3px;background:var(--primary-300);cursor:col-resize;opacity:0;transition:opacity .2s;border-radius:2px}.draft-table thead th:not(.th-no-resize):hover::after{opacity:1}.draft-table tbody tr.row-selected{background:var(--primary-50)!important;outline:1px solid var(--primary-200)}.draft-table tbody tr.row-selected td{color:var(--primary-800)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.modal-content{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .25s ease}.modal-content.modal-lg{max-width:1100px}.modal-header,.modal-title{display:flex;align-items:center}.modal-header{justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--gray-100)}.modal-title{font-weight:700;font-size:15px;color:var(--gray-800);gap:8px}.modal-title i{color:var(--primary-500)}.modal-close{background:0 0;border:0;font-size:18px;color:var(--gray-400);cursor:pointer;padding:4px;border-radius:4px;transition:all .15s}.modal-close:hover{background:var(--gray-100);color:var(--gray-700)}.modal-body{padding:20px;overflow-y:auto;flex:1}.modal-footer{padding:14px 20px;border-top:1px solid var(--gray-100);display:flex;justify-content:flex-end;gap:10px}.export-preview-info{padding:10px 14px;background:var(--emerald-50);border-radius:var(--radius-sm);color:var(--emerald-700);font-size:12px;font-weight:600;margin-bottom:14px;display:flex;align-items:center;gap:8px}.spx-hero{background:linear-gradient(135deg,#1e1e2d 0,#2b2b40 100%);border-radius:var(--radius-lg);padding:24px 30px;margin-bottom:24px;justify-content:space-between;color:#fff;box-shadow:0 10px 30px -10px rgba(0,0,0,.5);flex-wrap:wrap}.spx-hero,.spx-hero-content{display:flex;align-items:center;gap:16px}.spx-hero-icon{width:50px;height:50px;background:rgba(255,107,107,.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#ff6b6b}.spx-hero h2{margin:0 0 4px;font-size:20px;font-weight:700;letter-spacing:-.5px}.spx-hero p{margin:0;font-size:13px;color:var(--gray-400)}.spx-hero-actions{display:flex;gap:10px}.spx-btn-outline{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2);padding:8px 16px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px}.spx-btn-outline:hover{background:rgba(255,255,255,.2)}.spx-btn-outline,.spx-btn-primary,.spx-toolbar-search input{border-radius:var(--radius-md);font-size:13px;transition:all .2s}.spx-btn-primary{background:#ff6b6b;color:#fff;border:0;padding:8px 16px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:8px;box-shadow:0 4px 10px rgba(255,107,107,.4)}.spx-btn-primary:hover{background:#ff5252;transform:translateY(-1px)}.spx-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.spx-metric-card{background:linear-gradient(135deg,#fff 0,#f8f9fc 100%);border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 12px rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.03);border:0;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible}.mc-info-btn,.spx-toolbar-search i{position:absolute;color:var(--gray-400)}.mc-info-btn{top:6px;right:6px;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--gray-300);background:rgba(255,255,255,.9);font-size:9px;font-weight:700;font-style:italic;font-family:Georgia,serif;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:5;line-height:1;opacity:.4}.mc-info-btn:hover{border-color:var(--primary);color:var(--primary);background:rgba(99,102,241,.08);opacity:1;transform:scale(1.15)}.mc-tooltip{display:none;position:fixed;background:rgba(30,30,40,.95);color:#fff;padding:10px 14px;border-radius:8px;font-size:11px;line-height:1.5;min-width:200px;max-width:280px;box-shadow:0 8px 24px rgba(0,0,0,.25);z-index:9999;pointer-events:none;white-space:normal}.mc-tooltip.visible{display:block}.mc-tooltip::after{content:"";position:absolute;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent}.mc-tooltip.arrow-bottom::after{bottom:-6px;right:10px;border-top:6px solid rgba(30,30,40,.95)}.mc-tooltip.arrow-top::after{top:-6px;right:10px;border-bottom:6px solid rgba(30,30,40,.95)}.mc-tooltip.arrow-left::after{right:auto;left:10px}.mc-tooltip b{color:#a5b4fc}.spx-metric-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ff5722,#ff9800);opacity:0;transition:opacity .25s}.spx-metric-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);transform:translateY(-3px)}.spx-metric-card:hover::before{opacity:1}.spx-metric-card.card-active{box-shadow:0 0 0 2px var(--primary),0 4px 16px rgba(99,102,241,.18);transform:translateY(-2px)}.spx-mc-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.spx-mc-body{flex:1;min-width:0}.spx-mc-label{font-size:10px;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.spx-mc-value{font-size:18px;font-weight:700;color:var(--gray-900);letter-spacing:-.5px}.spx-charts-wrapper{display:flex;flex-direction:column;gap:20px;margin-bottom:24px}.spx-chart-row-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width:900px){.spx-chart-row-2{grid-template-columns:1fr}}.spx-chart-card{background:#fff;border-radius:14px;box-shadow:0 2px 12px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.04)}.borderless{border-bottom:none;padding-bottom:0}.spx-table-card{background:#fff;border-radius:14px;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.04);overflow:hidden}.spx-table-toolbar{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--gray-100);flex-wrap:wrap;gap:16px;background:#fafafa}.spx-toolbar-search{position:relative;width:350px;max-width:100%}.spx-toolbar-search i{left:14px;top:50%;transform:translateY(-50%)}.spx-toolbar-search input{width:100%;padding:10px 14px 10px 36px;border:1px solid var(--gray-200);background:#fff}.spx-toolbar-search input:focus{outline:0;border-color:var(--primary-500);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.spx-toolbar-filters{display:flex;gap:12px}.spx-filter-btn,.spx-select-limit{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:13px;cursor:pointer}.spx-filter-btn{padding:9px 16px;display:flex;align-items:center;gap:8px;font-weight:500;color:var(--gray-700)}.spx-filter-btn:hover{background:var(--gray-50)}.spx-select-limit{padding:9px 12px;outline:0}.spx-status-tabs{display:flex;overflow-x:auto;border-bottom:1px solid var(--gray-200);padding:0 20px;background:#fff;scrollbar-width:none}.spx-status-tabs::-webkit-scrollbar{display:none}.spx-tab{padding:14px 16px;font-size:13px;font-weight:600;color:var(--gray-500);cursor:pointer;display:flex;align-items:center;gap:8px;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap}.spx-tab.active{color:var(--primary-600);border-bottom-color:var(--primary-600)}.spx-tab:hover:not(.active){color:var(--gray-800);background:var(--gray-50)}.spx-tab-badge{background:var(--gray-200);color:var(--gray-600);padding:2px 8px;border-radius:12px;font-size:11px;font-weight:700}.spx-tab.active .spx-tab-badge{background:rgba(99,102,241,.1);color:var(--primary-600)}.spx-tab-badge.bg-red{background:#fee2e2;color:#ef4444}.spx-tab-badge.bg-red.active{background:#ef4444;color:#fff}.spx-tab-badge.bg-blue{background:#e0f2fe;color:#0ea5e9}.spx-tab-badge.bg-blue.active{background:#0ea5e9;color:#fff}.spx-tab-badge.bg-green{background:#dcfce7;color:#22c55e}.spx-tab-badge.bg-green.active{background:#22c55e;color:#fff}.spx-modern-table th{background:#fdfdfd;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-500);padding:14px 16px;border-bottom:1px solid var(--gray-200);box-shadow:none}.spx-modern-table td{padding:14px 16px;font-size:13px;vertical-align:middle;border-bottom:1px solid var(--gray-100)}.spx-modern-table tbody tr:hover{background:#f8fafc}.order-stat-card .os-label,.spx-pill{font-size:11px;font-weight:700;text-transform:uppercase}.spx-pill{display:inline-flex;padding:4px 10px;border-radius:20px;letter-spacing:.5px}.pill-blue{background:#e0f2fe;color:#0ea5e9}.pill-green{background:#dcfce7;color:#22c55e}.pill-yellow{background:#fef9c3;color:#eab308}.pill-red{background:#fee2e2;color:#ef4444}.pill-gray{background:#f1f5f9;color:#64748b}.text-primary-red{color:#ef4444;font-weight:700}.text-mute-sm{font-size:11px;color:var(--gray-400);display:block;margin-top:2px}.order-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.order-stat-card{background:var(--surface);border-radius:var(--radius-lg);padding:20px 24px;box-shadow:var(--shadow);border:1px solid var(--gray-100);position:relative;overflow:hidden}.order-stat-card .os-label{letter-spacing:.8px;margin-bottom:8px}.order-stat-card .os-label.blue{color:var(--primary-600)}.order-stat-card .os-label.amber{color:var(--amber-600)}.order-stat-card .os-label.green{color:var(--emerald-600)}.order-stat-card .os-label.rose{color:var(--rose-600)}.order-stat-card .os-value{font-size:26px;font-weight:800;color:var(--gray-900);letter-spacing:-.5px;line-height:1.2}.order-stat-card .os-sub{font-size:12px;color:var(--gray-400);font-weight:500;margin-top:4px}.order-stat-card::after{content:"";position:absolute;top:0;left:0;right:0;height:3px}.order-stat-card.border-blue::after{background:var(--primary-500)}.order-stat-card.border-amber::after{background:var(--amber-500)}.order-stat-card.border-green::after{background:var(--emerald-500)}.order-stat-card.border-rose::after{background:var(--rose-500)}.order-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.order-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:50px;font-size:13px;font-weight:600;background:var(--surface);color:var(--gray-600);border:1px solid var(--gray-200);cursor:pointer;transition:all .2s;white-space:nowrap}.order-pill:hover{border-color:var(--primary-300);background:var(--primary-50);color:var(--primary-600)}.order-pill.active{background:var(--gray-800);color:#fff;border-color:var(--gray-800)}.order-pill .pill-count{background:rgba(255,255,255,.2);padding:1px 8px;border-radius:10px;font-size:11px;font-weight:700}.order-pill.active .pill-count{background:rgba(255,255,255,.25)}.order-pill:not(.active) .pill-count{background:var(--gray-100);color:var(--gray-600)}.order-list{display:flex;flex-direction:column;gap:0}.order-card{background:var(--surface);border:1px solid var(--gray-100);border-radius:var(--radius-lg);margin-bottom:12px;overflow:hidden;transition:box-shadow .2s,transform .15s;box-shadow:var(--shadow-sm)}.order-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.order-card-body,.order-card-header{display:grid;grid-template-columns:1.5fr 2fr 1fr 1.2fr 1fr;gap:0}.order-card-header{border-bottom:1px solid var(--gray-100);background:var(--gray-50);padding:8px 16px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--gray-500)}.order-card-body{padding:16px;align-items:start}.order-card-col{padding:0 12px;min-width:0}.order-card-col:first-child{padding-left:0}.order-card-col:last-child{padding-right:0}.order-card-col:not(:last-child){border-right:1px solid var(--gray-100)}.oc-invoice{font-weight:700;color:var(--gray-800);font-size:13px;display:flex;align-items:center;gap:6px}.oc-invoice i{color:var(--gray-300);font-size:14px}.oc-cs,.oc-date{font-size:12px;margin-top:4px}.oc-date{color:var(--gray-400);display:flex;align-items:center;gap:4px}.oc-cs{color:var(--rose-500);font-weight:600}.oc-badges{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.oc-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-400);margin-bottom:4px}.oc-name{font-weight:700;font-size:13px;color:var(--gray-800)}.oc-address,.oc-phone{font-size:12px;color:var(--gray-500)}.oc-phone{font-family:monospace}.oc-address{line-height:1.4;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.oc-penerima-block{margin-top:10px;padding-top:8px;border-top:1px dashed var(--gray-200)}.oc-produk{font-weight:700;color:var(--gray-800);font-size:13px}.oc-detail-line{font-size:12px;color:var(--gray-500);margin-top:2px}.oc-kurir-name{font-weight:700;font-size:13px;color:var(--gray-800)}.oc-mismatch-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f59e0b;margin-left:4px;vertical-align:middle;cursor:help}.oc-resi{font-size:12px;font-family:monospace;color:var(--primary-600);font-weight:600;margin-top:4px;word-break:break-all}.oc-actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.oc-btn{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;border:0;font-family:inherit}.oc-btn-dark{background:var(--gray-800);color:#fff}.oc-btn-dark:hover{background:var(--gray-700)}.oc-btn-outline{background:#fff;color:var(--gray-600);border:1px solid var(--gray-200)}.oc-btn-outline:hover{border-color:var(--primary-400);color:var(--primary-600)}.oc-btn-green{background:var(--emerald-500);color:#fff}.oc-btn-green:hover{background:var(--emerald-600)}.oc-total-label{font-size:11px;color:var(--gray-400);font-weight:600}.oc-total-value{font-size:16px;font-weight:800;color:var(--gray-900);margin-top:2px}.oc-total-sub{font-size:12px;color:var(--gray-400);margin-top:4px}.order-search-bar{display:flex;gap:10px;margin-bottom:10px;align-items:center;flex-wrap:wrap}.order-source-pills{display:flex;gap:4px;flex-shrink:0}.src-pill{padding:5px 14px;border-radius:16px;border:1px solid #eef0f4;background:#fafbfc;color:#6b7280;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.src-pill:hover{background:#f3f4f6;color:#4b5563}.src-pill.active{background:#eef2ff;color:#4338ca;border-color:#c7d2fe;font-weight:600}.status-pills-bar{display:flex;flex-direction:column;gap:0;margin-bottom:14px;border-radius:8px;background:#fff;border:1px solid #eef0f4}.st-row{display:flex;gap:5px;align-items:center;flex-wrap:wrap;padding:6px 10px}.st-row+.st-row{border-top:1px solid #f1f3f7}.st-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;padding:0 4px;flex-shrink:0;opacity:.6}.login-logo h1 span,.st-label-evp{color:#6366f1}.st-label-spx{color:#ea580c}.st-pill{padding:4px 10px;border-radius:16px;border:1px solid #eef0f4;background:#fafbfc;color:#6b7280;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.st-pill:hover{background:#f3f4f6;color:#4b5563}.st-pill.active{background:var(--pill-bg, #eef2ff);color:var(--pill-text, #4338ca);border-color:var(--pill-border, #c7d2fe);font-weight:600}.st-pill.active .st-count{background:rgba(0,0,0,.06);color:inherit}.st-pill.st-semua{border:1px solid #eef0f4;padding:4px 14px;border-radius:16px;font-size:11px;font-weight:600;background:#fafbfc;color:#6b7280}.st-pill.st-semua.active{background:#eef2ff;color:#4338ca;border-color:#c7d2fe}.st-pill.st-semua:hover:not(.active){background:#f3f4f6}.st-eksp{font-size:10px!important;font-weight:500!important;padding:3px 8px!important;color:#9ca3af!important;background:0 0!important;border:1px solid #eef0f4!important}.st-eksp:hover{color:#6b7280!important;background:#f3f4f6!important}.st-eksp-active{background:#eef2ff!important;color:#4338ca!important;border-color:#c7d2fe!important;font-weight:600!important}.st-count{padding:1px 5px;border-radius:8px;font-size:10px;font-weight:600;background:#f3f4f6;color:#9ca3af}.st-pill::before{display:none}.order-search-input{flex:1;min-width:250px;padding:10px 16px 10px 38px;border:1px solid var(--gray-200);border-radius:var(--radius);font-size:13px;font-family:inherit;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2394A3B8' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E")12px center no-repeat;transition:all .2s;font-weight:500;color:var(--gray-700)}.order-search-input:focus{outline:0;border-color:var(--primary-400);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.order-search-input::placeholder,.pf-dd-input::placeholder{color:var(--gray-300)}.order-help{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-sm);font-size:12px;color:var(--gray-500);margin-bottom:16px}.order-help i{color:var(--gray-400)}@media (max-width:1200px){.order-card-body,.order-card-header{grid-template-columns:1fr}.order-card-col:not(:last-child){border-right:none;border-bottom:1px solid var(--gray-100);padding-bottom:12px;margin-bottom:12px}.order-stats-row{grid-template-columns:repeat(2,1fr)}.spx-metrics-grid{grid-template-columns:repeat(3,1fr)!important}.dash-stats{grid-template-columns:repeat(3,1fr)}.dash-status-row{grid-template-columns:1fr 1fr}}.export-bar{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--gray-50);border-bottom:1px solid var(--gray-100);position:relative;z-index:10}.export-bar .selection-info{font-size:12px;color:var(--gray-500);font-weight:500;flex:1}.export-bar .selection-info strong{color:var(--gray-800)}.chart-bars{display:flex;align-items:flex-end;gap:6px;height:140px;padding:10px 0}.chart-bar-wrap{display:flex;flex-direction:column;align-items:center;flex:1;min-width:28px}.chart-bar{width:100%;min-height:4px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--primary-400),var(--primary-600));position:relative;transition:height .4s ease;cursor:default}.chart-bar:hover{background:linear-gradient(180deg,var(--primary-300),var(--primary-500))}.chart-bar-value{position:absolute;top:-18px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:700;color:var(--primary-600);white-space:nowrap}.chart-bar-label{font-size:10px;color:var(--gray-400);margin-top:6px;font-weight:600}.product-rank,.product-row{display:flex;align-items:center}.product-row{gap:12px;padding:8px 0}.product-rank{width:24px;height:24px;justify-content:center;border-radius:6px;font-size:11px;font-weight:700;color:var(--gray-400);background:var(--gray-100)}.product-rank.top{background:var(--primary-600);color:#fff}.product-info{flex:1}.product-name{font-weight:600;font-size:13px;color:var(--gray-800);margin-bottom:4px}.product-bar-bg{height:4px;background:var(--gray-100);border-radius:4px;overflow:hidden}.product-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary-400),var(--primary-600));border-radius:4px;transition:width .5s ease}.product-count{font-weight:800;font-size:14px;color:var(--primary-600);min-width:30px;text-align:right}.status-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--gray-50)}.status-row:last-child{border:0}.cs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.cs-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--gray-100);padding:20px;transition:transform .2s}.cs-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.cs-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.cs-name{font-weight:700;font-size:15px;color:var(--gray-800)}.cs-orders-badge{background:var(--primary-100);color:var(--primary-700);padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700}.cs-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.cs-metric{text-align:center;padding:10px 0;background:var(--gray-50);border-radius:var(--radius-sm)}.cs-metric-value{font-size:20px;font-weight:800;line-height:1}.cs-metric-value.green{color:var(--primary-700)}.cs-metric-value.red{color:var(--primary-800)}.cs-metric-value.blue{color:var(--primary-400)}.cs-metric-label{font-size:10px;color:var(--gray-400);font-weight:600;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.cs-progress{height:6px;border-radius:6px;background:var(--gray-100);display:flex;overflow:hidden;margin-bottom:12px}.cs-progress-bar{height:100%;transition:width .4s}.cs-progress-bar.delivered,.pf-tab.active.pf-all{background:var(--primary-600)}.cs-progress-bar.transit{background:var(--primary-400)}.cs-progress-bar.rts{background:var(--primary-800)}.cs-progress-bar.unmatched{background:var(--gray-300)}.cs-rates{display:flex;justify-content:space-between;margin-bottom:12px}.cs-rate-label{font-size:11px;color:var(--gray-400);font-weight:500}.cs-rate-value{font-weight:700;font-size:13px}.cs-rate-value.good{color:var(--primary-700)}.cs-rate-value.warn{color:var(--primary-400)}.cs-rate-value.bad{color:var(--primary-800)}.cs-revenue{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid var(--gray-100)}.cs-revenue-label{font-size:11px;color:var(--gray-400);font-weight:500}.cs-revenue-value,.sync-card h3{font-weight:700;font-size:14px;color:var(--primary-700)}.sync-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--gray-100);padding:24px;text-align:center}.sync-card .sync-card-icon{font-size:32px;color:var(--primary-500);margin-bottom:12px}.sync-card h3{font-size:15px;color:var(--gray-800);margin-bottom:8px}.sync-card p{font-size:12px;color:var(--gray-400);margin-bottom:16px;line-height:1.5}.sync-result{margin-top:12px;font-size:12px}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid var(--gray-100)}.table-info{font-size:12px;color:var(--gray-400);font-weight:500}.pagination{display:flex;gap:4px}.pagination button{padding:6px 10px;border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:#fff;color:var(--gray-600);cursor:pointer;font-size:12px;font-weight:600;transition:all .15s;font-family:inherit}.pagination button:hover:not(:disabled){border-color:var(--primary-400);color:var(--primary-600);background:var(--primary-50)}.pagination button.active{background:var(--primary-600);color:#fff;border-color:var(--primary-600)}.pagination button:disabled{opacity:.3;cursor:default}.prod-status-tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap;position:relative}.pf-tab{padding:4px 10px;border-radius:14px;font-size:11px;font-weight:600;cursor:pointer;color:var(--gray-400);background:0 0;transition:all .2s;display:inline-flex;align-items:center;gap:4px;user-select:none}.pf-tab:hover{color:var(--gray-600);background:var(--gray-50)}.pf-tab.active{color:#fff}.pf-tab.active.pf-winning{background:linear-gradient(135deg,#4338ca,#312e81)}.pf-tab.active.pf-testing{background:var(--primary-500)}.pf-tab.active.pf-killed{background:#4b5563}.pf-tab i{font-size:9px}.pf-dropdown,.pf-trigger{background:#fff;border:1px solid var(--gray-200)}.pf-trigger{padding:4px 10px;border-radius:14px;font-size:10px;font-weight:600;cursor:pointer;color:var(--gray-500);transition:all .2s;display:inline-flex;align-items:center;gap:5px;user-select:none;margin-left:6px}.pf-trigger.open,.pf-trigger:hover{border-color:var(--primary-300);color:var(--primary-600)}.pf-trigger.open{border-color:var(--primary-400);background:var(--primary-50)}.pf-trigger i{font-size:8px;transition:transform .2s}.pf-trigger.open i{transform:rotate(180deg)}.pf-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:280px;max-height:340px;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.06);z-index:100;overflow:hidden;animation:pf-slide-in .15s ease}.pf-dd-search{padding:10px 12px 8px;position:relative;border-bottom:1px solid var(--gray-100)}.pf-dd-input{width:100%;padding:6px 10px 6px 28px;border:1px solid var(--gray-200);border-radius:8px;font-size:12px;color:var(--gray-700);background:var(--gray-50);outline:0;transition:border-color .15s}.pf-dd-input:focus{border-color:var(--primary-400);background:#fff}.pf-dd-search-icon{position:absolute;left:22px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--gray-300);pointer-events:none}.pf-dd-list{max-height:270px;overflow-y:auto;padding:4px 0}.pf-dd-list::-webkit-scrollbar{width:4px}.pf-dd-list::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:4px}.pf-dd-item{display:flex;align-items:center;gap:8px;padding:7px 14px;cursor:pointer;font-size:12px;color:var(--gray-500);transition:background .1s;user-select:none}.pf-dd-item:hover{background:var(--gray-50)}.pf-dd-item.checked{color:var(--gray-800);font-weight:600}.pf-dd-check{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:4px;border:1.5px solid var(--gray-300);background:#fff;flex-shrink:0;transition:all .15s;font-size:9px;color:#fff}.pf-dd-item.checked .pf-dd-check{background:var(--primary-500);border-color:var(--primary-500)}.pf-dd-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prod-sep-left{border-left:3px solid var(--gray-200)!important}:root{--fin-navy:#0f172a;--fin-navy-soft:#1e293b;--fin-slate:#334155;--fin-muted:#64748b;--fin-light:#94a3b8;--fin-border:#e2e8f0;--fin-bg:#f8fafc;--fin-surface:#ffffff;--fin-gold:#b8860b;--fin-gold-soft:rgba(184,134,11,.08);--fin-indigo:#4f46e5;--fin-indigo-soft:rgba(79,70,229,.06);--fin-green:#059669;--fin-green-soft:rgba(5,150,105,.08);--fin-red:#dc2626;--fin-red-soft:rgba(220,38,38,.06);--fin-radius:12px;--fin-radius-sm:8px;--fin-shadow:0 1px 3px rgba(15,23,42,.04), 0 1px 2px rgba(15,23,42,.02);--fin-shadow-lg:0 4px 12px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.04);--fin-transition:.2s cubic-bezier(.4,0,.2,1)}.fp-page{font-family:"Inter",-apple-system,sans-serif;font-feature-settings:"tnum"on,"lnum"on;-webkit-font-smoothing:antialiased}.fp-date-row,.fp-header{display:flex;align-items:center;flex-wrap:wrap}.fp-header{justify-content:space-between;gap:12px;margin-bottom:24px}.fp-date-row{gap:8px}.fp-date-input{padding:8px 12px;border:1.5px solid var(--fin-border);border-radius:var(--fin-radius-sm);font-size:12px;font-weight:600;color:var(--fin-navy);outline:0;background:var(--fin-surface);transition:border-color var(--fin-transition);font-feature-settings:"tnum"on}.fp-date-input:focus,.fp-expense-form input:focus,.fp-expense-form select:focus{border-color:var(--fin-indigo)}.fp-date-sep{color:var(--fin-light);font-size:12px}.fp-preset{padding:6px 14px;border:1.5px solid var(--fin-border);border-radius:var(--fin-radius-sm);font-size:10px;font-weight:700;color:var(--fin-muted);background:var(--fin-surface);cursor:pointer;transition:all var(--fin-transition);text-transform:uppercase;letter-spacing:.5px}.fp-preset:hover{border-color:var(--fin-indigo);color:var(--fin-indigo);background:var(--fin-indigo-soft)}.fp-preset.active{background:var(--fin-navy);color:#fff;border-color:var(--fin-navy)}.fp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.fp-stat{background:var(--fin-surface);border-radius:var(--fin-radius);padding:20px 24px;border:1px solid var(--fin-border);position:relative;overflow:hidden;transition:transform var(--fin-transition),box-shadow var(--fin-transition)}.fp-stat:hover{transform:translateY(-2px);box-shadow:var(--fin-shadow-lg)}.fp-stat::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;border-radius:4px 0 0 4px}.fp-stat[data-accent=navy]::before{background:var(--fin-navy)}.fp-stat[data-accent=indigo]::before{background:var(--fin-indigo)}.fp-stat[data-accent=green]::before{background:var(--fin-green)}.fp-stat[data-accent=red]::before{background:var(--fin-red)}.fp-stat[data-accent=gold]::before{background:var(--fin-gold)}.fp-stat-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;margin-bottom:12px}.fp-stat-label,.fp-table th{text-transform:uppercase;font-weight:700}.fp-stat-label{font-size:10px;color:var(--fin-light);letter-spacing:.8px;margin-bottom:4px}.fp-stat-sub,.fp-stat-value{font-feature-settings:"tnum"on}.fp-stat-value{font-size:22px;font-weight:800;color:var(--fin-navy);line-height:1.2}.fp-stat-sub{font-size:11px;color:var(--fin-light);margin-top:4px}.fp-stat.fp-hero{grid-column:span 2;border:0}.fp-stat.fp-hero.profit{background:linear-gradient(135deg,#0f172a 0,#1e3a5f 100%)}.fp-stat.fp-hero.profit .fp-stat-label{color:rgba(255,255,255,.55)}.fp-stat.fp-hero.profit .fp-stat-value{color:#fbbf24;font-size:28px}.fp-stat.fp-hero.profit .fp-stat-sub{color:rgba(255,255,255,.45)}.fp-stat.fp-hero.profit .fp-stat-icon{background:rgba(255,255,255,.1);color:#fbbf24}.fp-stat.fp-hero.profit::before{background:#fbbf24}.fp-stat.fp-hero.loss{background:linear-gradient(135deg,#450a0a 0,#7f1d1d 100%)}.fp-stat.fp-hero.loss .fp-stat-label{color:rgba(255,255,255,.55)}.fp-stat.fp-hero.loss .fp-stat-value{color:#fca5a5;font-size:28px}.fp-stat.fp-hero.loss .fp-stat-sub{color:rgba(255,255,255,.45)}.fp-stat.fp-hero.loss .fp-stat-icon{background:rgba(255,255,255,.1);color:#fca5a5}.fp-stat.fp-hero.loss::before{background:#ef4444}.fp-panel{background:var(--fin-surface);border-radius:var(--fin-radius);border:1px solid var(--fin-border);padding:24px;margin-bottom:20px;box-shadow:var(--fin-shadow)}.fp-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.fp-panel-title{font-size:13px;font-weight:800;color:var(--fin-navy);display:flex;align-items:center;gap:8px}.fp-panel-title i{color:var(--fin-indigo);font-size:13px}.fp-table{width:100%;border-collapse:collapse;font-size:12px;font-feature-settings:"tnum"on}.fp-table th{background:var(--fin-navy);color:rgba(255,255,255,.7);font-size:9px;letter-spacing:.08em;padding:10px 14px;text-align:left;white-space:nowrap;position:sticky;top:0;z-index:1}.fp-table th:first-child{border-radius:var(--fin-radius-sm)0 0 0}.fp-table th:last-child{border-radius:0 var(--fin-radius-sm)0 0}.fp-table td{padding:10px 14px;border-bottom:1px solid var(--fin-bg);vertical-align:middle;color:var(--fin-slate)}.fp-table tr:hover td{background:var(--fin-indigo-soft)}.fp-table td:not(:first-child),.fp-table th:not(:first-child){text-align:right}.fp-table .neg,.fp-table .pos{color:var(--fin-green);font-weight:700}.fp-table .neg{color:var(--fin-red)}.fp-table tfoot td{font-weight:800;border-top:2px solid var(--fin-border)}.fp-chart-wrap{position:relative;height:280px;margin-bottom:4px}.fp-tabs{display:flex;gap:0;border-bottom:2px solid var(--fin-border);margin-bottom:20px}.fp-expense-form label,.fp-tab{font-weight:700;color:var(--fin-muted)}.fp-tab{padding:10px 20px;font-size:12px;cursor:pointer;border:0;background:0 0;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--fin-transition);display:flex;align-items:center;gap:6px}.fp-tab:hover,.fp-table tfoot td{color:var(--fin-navy);background:var(--fin-bg)}.fp-tab.active{color:var(--fin-indigo);border-bottom-color:var(--fin-indigo)}.fp-tab .fp-tab-count{font-size:10px;font-weight:800;padding:2px 6px;border-radius:4px;background:var(--fin-bg);color:var(--fin-muted)}.fp-tab.active .fp-tab-count{background:var(--fin-indigo-soft);color:var(--fin-indigo)}.fp-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:700;white-space:nowrap;font-feature-settings:"tnum"on}.fp-badge.match{background:var(--fin-green-soft);color:var(--fin-green)}.fp-badge.diff{background:var(--fin-red-soft);color:var(--fin-red)}.fp-badge.warn{background:rgba(217,119,6,.08);color:#d97706}.fp-badge.info{background:var(--fin-indigo-soft);color:var(--fin-indigo)}.fp-badge.cair{background:var(--fin-gold-soft);color:var(--fin-gold)}.fp-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px}.fp-dot.green{background:var(--fin-green)}.fp-dot.red{background:var(--fin-red)}.fp-dot.amber{background:#d97706}.fp-dot.gray{background:var(--fin-light)}.fp-expense-form{display:grid;grid-template-columns:140px 140px 1fr 140px auto;gap:8px;align-items:end;margin-bottom:16px}.fp-expense-form label{font-size:9px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;display:block}.fp-expense-form input,.fp-expense-form select{padding:8px 10px;border:1.5px solid var(--fin-border);border-radius:var(--fin-radius-sm);font-size:12px;outline:0;width:100%;box-sizing:border-box;transition:border-color var(--fin-transition)}.fp-btn{padding:8px 16px;border:0;border-radius:var(--fin-radius-sm);font-size:11px;font-weight:700;cursor:pointer;transition:all var(--fin-transition);display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.fp-btn.primary{background:var(--fin-navy);color:#fff}.fp-btn.primary:hover{background:var(--fin-navy-soft);box-shadow:0 4px 12px rgba(15,23,42,.15)}.fp-btn.danger{background:var(--fin-red-soft);color:var(--fin-red);border:1px solid rgba(220,38,38,.15)}.fp-btn.danger:hover{background:rgba(220,38,38,.12)}.fp-btn.ghost{background:0 0;color:var(--fin-muted);border:1px solid var(--fin-border)}.fp-btn.ghost:hover{background:var(--fin-bg);color:var(--fin-navy)}.fp-ledger{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--fin-navy);border-radius:var(--fin-radius);overflow:hidden;margin-bottom:24px}.fp-ledger-item{padding:20px 24px;border-right:1px solid rgba(255,255,255,.08);position:relative}.fp-ledger-item:last-child{border-right:none}.fp-ledger-label,.login-field label{margin-bottom:8px;text-transform:uppercase}.fp-ledger-label{font-size:9px;font-weight:700;color:rgba(255,255,255,.45);letter-spacing:.8px}.fp-ledger-value{font-size:20px;font-weight:800;color:#fff;font-feature-settings:"tnum"on;line-height:1.2}.fp-ledger-value.gold{color:#fbbf24}.fp-ledger-value.green{color:#34d399}.fp-ledger-value.red{color:#fca5a5}.fp-ledger-sub{font-size:10px;color:rgba(255,255,255,.35);margin-top:4px;font-feature-settings:"tnum"on}.fp-progress{height:6px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden;margin-top:8px}.fp-progress-bar{height:100%;border-radius:3px;transition:width .5s ease}@media (max-width:1200px){.fp-ledger,.fp-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.fp-stats{grid-template-columns:1fr}.fp-stat.fp-hero{grid-column:span 1}.fp-stat-value{font-size:18px}.fp-stat.fp-hero.loss .fp-stat-value,.fp-stat.fp-hero.profit .fp-stat-value{font-size:22px}.fp-ledger{grid-template-columns:1fr}.fp-ledger-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}.fp-panel{padding:16px}.fp-expense-form{grid-template-columns:1fr 1fr}.fp-chart-wrap{height:200px}.fp-tabs{overflow-x:auto}}@media (max-width:480px){.fp-expense-form{grid-template-columns:1fr}.fp-ledger-value{font-size:16px}}.splash-screen{position:fixed;inset:0;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f0ff 0,#e8e6ff 50%,#f5f0ff 100%);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.splash-screen.fade-out{opacity:0;transform:scale(1.05);pointer-events:none}.loader-con{position:relative;width:240px;height:100px;overflow:hidden;margin-bottom:16px}.pfile{position:absolute;bottom:25px;width:40px;height:50px;background:linear-gradient(135deg,#4f46e5,#818cf8);border-radius:4px;transform-origin:center;animation:flyRight 3s ease-in-out infinite;animation-delay:calc(var(--i)*.6s);opacity:0}.pfile::after,.pfile::before{content:"";position:absolute;left:6px;height:4px;border-radius:2px}.pfile::before{top:6px;width:28px;background:rgba(255,255,255,.85)}.pfile::after{top:13px;width:18px;background:rgba(255,255,255,.5)}.splash-status{font-size:12px;color:#94a3b8;margin-top:8px;letter-spacing:2px;text-transform:uppercase;animation:statusPulse 1.5s ease-in-out infinite}.login-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f7ff 0,#eef0ff 40%,#f0edff 70%,#f5f3ff 100%);overflow:hidden;padding:20px}.login-overlay.hidden{display:none}.login-bg,.login-grid{position:absolute;inset:0}.login-bg{overflow:hidden;pointer-events:none}.login-grid{background-image:linear-gradient(rgba(99,102,241,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.05) 1px,transparent 1px);background-size:52px 52px}.mesh-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.mesh-1{width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.1),transparent 70%);top:-15%;left:-8%;animation:meshFloat1 14s ease-in-out infinite}.mesh-2{width:420px;height:420px;background:radial-gradient(circle,rgba(168,85,247,.08),transparent 70%);bottom:-10%;right:-5%;animation:meshFloat2 18s ease-in-out infinite}.mesh-3{width:320px;height:320px;background:radial-gradient(circle,rgba(14,165,233,.06),transparent 70%);top:50%;left:55%;animation:meshFloat3 20s ease-in-out infinite}.orbit-dot,.orbit-ring{position:absolute;border-radius:50%;left:50%}.orbit-ring{border:1px solid rgba(99,102,241,.08);pointer-events:none;top:50%}.orbit-dot{width:5px;height:5px;top:-2.5px}.orbit-1,.orbit-2,.orbit-3{width:340px;height:340px;transform:translate(-50%,-50%);animation:orbitSpin 22s linear infinite}.orbit-1 .orbit-dot{background:#818cf8;box-shadow:0 0 10px rgba(129,140,248,.5)}.orbit-2,.orbit-3{width:500px;height:500px;animation:orbitSpin 35s linear infinite reverse;border-color:rgba(168,85,247,.08)}.orbit-2 .orbit-dot{background:#a78bfa;box-shadow:0 0 10px rgba(167,139,250,.4)}.orbit-3{width:660px;height:660px;animation:orbitSpin 48s linear infinite;border-style:dashed;border-color:rgba(14,165,233,.06)}.orbit-3 .orbit-dot{background:#38bdf8;box-shadow:0 0 8px rgba(56,189,248,.3);width:4px;height:4px;top:-2px}.login-float-icon{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1;pointer-events:none;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);opacity:0;transition:box-shadow .3s;will-change:transform,opacity}.login-card{position:relative;z-index:10;background:rgba(255,255,255,.85);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(99,102,241,.1);border-radius:28px;padding:48px 44px;width:100%;max-width:420px;box-shadow:0 0 0 1px rgba(255,255,255,.7) inset,0 24px 64px rgba(99,102,241,.1),0 8px 24px rgba(0,0,0,.04);animation:cardAppear .7s cubic-bezier(.16,1,.3,1)}.login-card::before{content:"";position:absolute;top:0;left:32px;right:32px;height:3px;background:linear-gradient(90deg,#312e81,#4338ca,#6366f1,#818cf8,#a5b4fc,#6366f1);background-size:300% 100%;border-radius:0 0 3px 3px;animation:rainbowSlide 6s linear infinite}.card-glow{position:absolute;inset:-3px;border-radius:31px;background:conic-gradient(from 0deg,rgba(99,102,241,.08),rgba(168,85,247,.06),rgba(236,72,153,.04),rgba(99,102,241,.08));z-index:-1;filter:blur(20px);opacity:.5;animation:glowRotate 10s linear infinite}.login-logo{text-align:center;margin-bottom:36px;display:flex;flex-direction:column;align-items:center;gap:12px}.login-logo .logo-icon{width:56px!important;height:56px!important;border-radius:18px;box-shadow:0 8px 28px rgba(99,102,241,.3);animation:logoPulse 3s ease-in-out infinite}.login-logo h1{margin:0;font-size:28px;color:#1e293b;font-weight:800;letter-spacing:-.5px}.login-logo p{color:#94a3b8;font-size:13px;margin:0;letter-spacing:.5px}.login-field{margin-bottom:20px}.login-field label{display:block;font-size:11px;font-weight:600;color:#64748b;letter-spacing:.5px}.login-field label i{color:#818cf8;margin-right:4px;font-size:10px}.input-wrapper{position:relative}.login-field input{width:100%;padding:14px 16px;border:1.5px solid #e2e8f0;border-radius:14px;font-size:14px;font-family:inherit;box-sizing:border-box;transition:all .3s cubic-bezier(.4,0,.2,1);background:rgba(255,255,255,.8);color:#1e293b;outline:0}.login-field input[type=password]{padding-right:48px}.login-field input::placeholder{color:#94a3b8}.login-field input:focus{border-color:#818cf8;box-shadow:0 0 0 4px rgba(99,102,241,.08),0 4px 12px rgba(99,102,241,.06);background:#fff}.input-focus-ring{position:absolute;inset:-2px;border-radius:16px;border:2px solid transparent;pointer-events:none;transition:all .3s}.login-field input:focus~.input-focus-ring{border-color:rgba(99,102,241,.15)}.login-btn,.pw-toggle{border:0;cursor:pointer}.pw-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:40px;height:40px;background:0 0;color:#94a3b8;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:14px}.pw-toggle:hover{color:#818cf8;background:rgba(99,102,241,.08)}.login-btn{width:100%;padding:15px;border-radius:14px;background:linear-gradient(135deg,#6366f1 0,#7c3aed 50%,#6366f1 100%);background-size:200% 100%;color:#fff;font-size:15px;font-weight:600;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:8px;position:relative;overflow:hidden;letter-spacing:.3px;box-shadow:0 4px 24px rgba(99,102,241,.3)}.login-btn::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.12) 50%,transparent 70%);background-size:200% 100%;animation:btnShimmer 3s ease-in-out infinite}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 36px rgba(99,102,241,.4);background-position:100%0}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-content,.btn-loader{position:relative;z-index:1}.login-security{display:flex;justify-content:center;gap:16px;margin-top:24px}.login-security span{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:#94a3b8;letter-spacing:.5px;text-transform:uppercase}.login-security i{font-size:10px;color:#10b981}#login-error{color:#ef4444;background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.12);border-radius:10px;padding:10px 14px;font-size:13px;animation:shakeError .4s ease-in-out}.login-footer{text-align:center;margin-top:24px;font-size:11px;color:#94a3b8;letter-spacing:.3px}.login-footer a{color:#6366f1;text-decoration:none;font-weight:500;transition:color .2s}.login-footer a:hover{color:#4f46e5}@media (max-width:768px){.login-float-icon{opacity:.4!important}.orbit-ring{opacity:.5}}@media (max-width:480px){.login-card{padding:36px 28px;border-radius:24px;max-width:360px}.login-logo h1{font-size:24px}.login-float-icon{display:none!important}.orbit-ring{display:none}}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(3,1fr)}.date-picker-months,.two-col{grid-template-columns:1fr}.date-picker-panel{flex-direction:column;max-width:95vw}.date-picker-presets{width:auto;flex-direction:row;flex-wrap:wrap;padding:8px}.date-picker-presets button{padding:6px 12px}.spx-metrics-grid{grid-template-columns:repeat(2,1fr)!important}.spx-chart-row-2{grid-template-columns:1fr}.dash-stats{grid-template-columns:repeat(2,1fr)}.dash-chart-row,.dash-status-row{grid-template-columns:1fr}#page-sync>div:first-child{grid-template-columns:1fr 1fr!important}}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:280px;z-index:1000}.sidebar.open{transform:translateX(0);box-shadow:0 0 40px rgba(0,0,0,.3)}.sidebar.open::after{content:"";position:fixed;top:0;right:-100vw;width:100vw;height:100vh;background:rgba(0,0,0,.4);z-index:-1}.main-content{margin-left:0;width:100%}.mobile-menu-btn{display:flex}.topbar{padding:10px 12px;gap:8px;flex-wrap:wrap}.topbar-left{gap:10px;flex:1;min-width:0}.topbar-subtitle,.topbar-title{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-subtitle{font-size:10px;max-width:200px}.topbar-right{gap:0;width:100%;order:3}.topbar-right .btn{padding:6px 10px;font-size:11px}.last-sync-info{display:none}.hmon-bar{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:8px;flex-shrink:0}.cs-leads-actions::-webkit-scrollbar,.draft-tabs::-webkit-scrollbar,.hmon-bar::-webkit-scrollbar,.order-pills::-webkit-scrollbar{display:none}.hmon-item{padding:5px 8px;gap:4px;flex-shrink:0;min-width:0}.hmon-status-icon{width:16px;height:16px}.hmon-status-icon i,.hmon-title i{font-size:8px!important}.hmon-title{font-size:9px;gap:3px}.hmon-desc{font-size:8px;max-width:120px}.hmon-sync-btn{width:16px;height:16px}.hmon-sync-btn svg{width:10px;height:10px}.dash-stats{grid-template-columns:1fr 1fr;gap:8px}.dash-stat-card{padding:12px;border-radius:12px}.dsc-value,.spx-hero h2{font-size:16px}.dsc-icon{width:32px;height:32px;font-size:13px}.dsc-label,.dsc-sub{font-size:9px}.dash-finance-bar{padding:12px 14px;justify-content:flex-start;gap:10px;flex-wrap:wrap}.dfb-divider,.selection-info .selection-info-text{display:none}.dfb-item{flex:1;min-width:120px}.dfb-label{font-size:9px}.dfb-amount{font-size:13px}.dash-chart-row,.dash-status-row{grid-template-columns:1fr}.dsi-left{min-width:80px}.page-content{padding:12px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.stat-card{padding:12px}.stat-value{font-size:18px}.stat-icon-wrap{width:32px;height:32px;font-size:13px}.card-header{padding:12px 14px;flex-direction:column;align-items:flex-start}.table-filters{width:100%;justify-content:flex-start}.filter-input,.filter-select{font-size:12px;padding:8px 10px}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{font-size:12px;min-width:600px}.data-table thead th{padding:8px 10px;font-size:9px}.data-table tbody td{padding:8px 10px}.table-footer{flex-direction:column;gap:8px;padding:10px 14px}.spx-hero{padding:14px 16px;flex-direction:column;align-items:flex-start}.spx-hero-actions{width:100%;flex-wrap:wrap}.spx-hero-actions button{flex:1;min-width:0;justify-content:center}.spx-metrics-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px}.spx-metric-card{padding:12px}.spx-mc-value{font-size:16px!important}.spx-charts-wrapper{gap:12px}.spx-chart-card{border-radius:10px}.chart-container{height:200px!important;padding:0 12px 12px!important}.spx-table-toolbar{padding:12px;flex-direction:column;align-items:stretch}.spx-toolbar-search{width:100%}.spx-toolbar-filters{flex-wrap:wrap}.spx-filter-btn{flex:1;justify-content:center}.spx-status-tabs{padding:0 12px}.spx-tab{padding:10px 12px;font-size:12px}#evp-filters{flex-direction:column;align-items:stretch}#evp-filters .filter-input{min-width:0!important;width:100%}.pagination{flex-wrap:wrap;gap:4px}.pagination button{min-width:32px;padding:6px 8px;font-size:11px}#page-input>div,.cs-grid{grid-template-columns:1fr!important}.draft-table{min-width:800px}.export-bar{flex-wrap:wrap;gap:6px;padding:8px 12px}.selection-info{flex:0 0 auto}.export-bar .btn{font-size:10px;padding:5px 8px}.draft-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap!important}.draft-tab{flex-shrink:0;font-size:11px;padding:8px 12px;white-space:nowrap}.order-stats-row{grid-template-columns:1fr 1fr;gap:8px}.order-stat-card{padding:10px 12px;border-radius:10px}.order-stat-card .os-value{font-size:18px}.order-stat-card .os-label{font-size:9px}.order-stat-card .os-sub{font-size:8px}.order-pills{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px}.order-pill{flex-shrink:0;padding:4px 10px;font-size:11px}.order-search-bar{flex-direction:column}.order-search-input{min-width:0;width:100%}#page-sync>div:first-child{grid-template-columns:1fr!important}.sync-card{padding:16px}#page-sync .card-body>div,#product-modal .modal-body div[style*=grid-template-columns]{grid-template-columns:1fr!important}.modal,.modal-content{width:95vw!important;max-width:95vw!important;margin:10px auto;max-height:90vh;overflow-y:auto}.date-picker-overlay{padding:10px}.date-picker-panel{max-height:90vh;overflow-y:auto}.spx-chart-full{margin-bottom:12px}.cs-leads-stats{grid-template-columns:1fr 1fr 1fr!important;gap:0!important;margin-bottom:8px!important;background:#fff;border-radius:14px;box-shadow:0 1px 6px rgba(0,0,0,.06);overflow:hidden;border:1px solid var(--gray-100)}.cs-leads-stats>.card{border-radius:0!important;box-shadow:none!important;border:0!important;border-right:1px solid var(--gray-100)!important}.cs-leads-stats>.card:last-child{border-right:none!important}.cs-leads-stats .card>div{padding:12px 10px!important;gap:0!important;flex-direction:column!important;align-items:flex-start!important;position:relative!important}.cs-leads-stats .card>div>div:first-child{width:28px!important;height:28px!important;font-size:12px!important;border-radius:8px!important;margin-bottom:6px!important}.cs-leads-stats .card>div>div:nth-child(2){flex:unset!important}.cs-leads-stats .card>div>div:nth-child(2)>div:first-child{font-size:8px!important;letter-spacing:.6px!important}.cs-leads-stats .card>div>div:nth-child(2)>div:last-child{font-size:18px!important;line-height:1.2!important}.cs-leads-stats .card>div>div:last-child{position:absolute!important;top:10px!important;right:8px!important}.cs-leads-stats .card>div>div:last-child>div:first-child{font-size:8px!important}.cs-leads-stats .card>div>div:last-child>div:last-child{font-size:13px!important}.cs-leads-toolbar{flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;padding:10px 12px!important}.cs-leads-toolbar>div[style*="flex:1"]{display:none!important}.cs-leads-actions{width:100%!important;display:flex!important;gap:6px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.cs-leads-actions button{flex-shrink:0!important;height:34px!important;font-size:11px!important;border-radius:8px!important;padding:0 12px!important}.cs-leads-layout,.cs-leads-modal-grid{grid-template-columns:1fr!important;gap:10px!important}.cs-leads-layout>.card:last-child{position:static!important}#leads-input-modal .modal-content{width:96vw!important;max-width:96vw!important;margin:8px auto!important}#leads-input-table,.li-produk{font-size:12px!important}#leads-input-table th{font-size:9px!important;padding:6px 4px!important}.li-produk{padding:8px 10px!important}.li-closing,.li-leads,.li-qty{font-size:13px!important;padding:8px 4px!important}.li-produk-dd{max-height:180px!important}.li-produk-dd .li-dd-item{padding:10px 12px!important}#cl-selection-bar{left:12px!important;right:12px!important;transform:none!important;min-width:unset!important;bottom:16px!important;padding:8px 14px!important;gap:10px!important;border-radius:12px!important}.cl-chk-col{width:28px!important;padding:4px 2px!important}}@media (max-width:480px){html{font-size:13px}.page-content{padding:8px}.stats-grid{grid-template-columns:1fr 1fr;gap:6px}.stat-card{padding:10px}.stat-value{font-size:16px}.stat-label{font-size:10px}.topbar{padding:8px 10px}.topbar-title{font-size:13px}.topbar-right .btn span,.topbar-subtitle{display:none}.topbar-right .btn{padding:5px 8px;font-size:10px}.hmon-item{padding:4px 6px;gap:3px}.hmon-desc{display:none}.hmon-content{gap:0}.hmon-title{font-size:8px}.hmon-status-icon,.hmon-sync-btn{width:14px;height:14px}.hmon-sync-btn svg{width:8px;height:8px}.dash-stats{gap:6px}.dash-stat-card{padding:10px}.dsc-value,.spx-hero h2{font-size:14px}.dsc-icon{width:28px;height:28px;font-size:11px}.dsc-label,.dsc-sub{font-size:8px}.dfb-item{min-width:100px}.dfb-label{font-size:8px}.dfb-amount{font-size:12px}.dfb-sub{font-size:8px}.order-stat-card{padding:8px 10px}.order-stat-card .os-value{font-size:16px}.order-stat-card .os-label{font-size:8px}.order-pill{padding:3px 8px;font-size:10px}.spx-metrics-grid{grid-template-columns:1fr 1fr!important;gap:6px}.spx-metric-card{padding:10px}.spx-mc-value{font-size:14px!important}.spx-mc-label{font-size:8px!important}.spx-hero{padding:12px}.spx-hero-icon{width:36px;height:36px;font-size:16px}.card-title{font-size:12px}.chart-container{height:160px!important}.data-table{min-width:500px}.data-table thead th{font-size:8px;padding:6px 8px}.data-table tbody td{font-size:11px;padding:6px 8px}.cs-leads-stats .card>div{padding:10px 8px!important}.cs-leads-stats .card>div>div:nth-child(2)>div:last-child{font-size:15px!important}.cs-leads-stats .card>div>div:first-child{width:24px!important;height:24px!important;font-size:10px!important;margin-bottom:4px!important}.cs-leads-stats .card>div>div:last-child>div:last-child{font-size:11px!important}.cs-leads-actions button{padding:0 10px!important;font-size:10px!important;gap:4px!important;height:32px!important}#leads-input-modal .modal-content{width:100vw!important;max-width:100vw!important;margin:0!important;border-radius:14px 14px 0 0!important;max-height:95vh!important}#leads-input-modal .modal-body{padding:12px 14px!important}}.spx-track-popup{border-radius:12px!important}.spx-track-modal{text-align:left}.spx-track-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.spx-track-badge{color:#fff;font-size:11px;font-weight:700;padding:4px 12px;border-radius:16px}.spx-track-resi{font-size:13px;font-weight:600;color:#475569;font-family:monospace}.spx-track-info{background:#f8fafc;border-radius:8px;padding:10px 14px;margin-bottom:16px;display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:12px;color:#475569}.spx-ti-label{color:#9ca3af;font-size:10px;display:block}.spx-tl-title{font-size:13px;font-weight:700;color:#1e293b;margin-bottom:10px}.spx-timeline{position:relative;padding-left:20px;max-height:320px;overflow-y:auto}.spx-tl-item{position:relative;padding-bottom:16px;padding-left:12px}.spx-tl-item:not(:last-child)::before{content:"";position:absolute;left:-15px;top:10px;bottom:0;width:2px;background:#e2e8f0}.spx-tl-dot{position:absolute;left:-20px;top:4px;width:10px;height:10px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 2px #e2e8f0}.spx-tl-active .spx-tl-dot{box-shadow:0 0 0 3px rgba(59,130,246,.2);width:12px;height:12px;left:-21px;top:3px}.spx-tl-time{font-size:10px;color:#94a3b8;font-weight:600;margin-bottom:2px}.spx-tl-desc{font-size:12px;color:#334155;line-height:1.4}.spx-tl-loc{font-size:10px;color:#6366f1;margin-top:3px}.spx-tl-active .spx-tl-desc{font-weight:600;color:#1e293b}.new-orders-banner{display:none;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#eff6ff 0,#dbeafe 100%);border:1px solid #93c5fd;border-radius:8px;margin-bottom:12px;cursor:pointer;transition:all .25s ease;font-size:13px;color:#1d4ed8;animation:bannerSlideIn .35s ease}.new-orders-banner:hover{background:linear-gradient(135deg,#dbeafe 0,#bfdbfe 100%);box-shadow:0 2px 8px rgba(59,130,246,.15)}.new-orders-banner i{font-size:14px}.new-orders-banner strong{font-weight:700}tr.new-row-highlight td{animation:newRowFade 3s ease forwards}.cell-overflow-popup{position:absolute;z-index:100;background:#fff;border:1px solid var(--gray-200);border-radius:8px;padding:8px 12px;box-shadow:0 4px 20px rgba(0,0,0,.12);max-width:400px;min-width:120px;font-size:13px;line-height:1.5;word-break:break-word;white-space:normal;pointer-events:auto;animation:popupFadeIn .15s ease}.sidebar-footer{border-top:1px solid var(--gray-200);padding:8px 12px;margin-top:auto;position:relative;flex-shrink:0}.sidebar{display:flex;flex-direction:column}.tenant-avatar,.tenant-info{border-radius:8px;display:flex;align-items:center}.tenant-info{gap:10px;padding:8px 10px;cursor:pointer;transition:background .2s}.tenant-info:hover{background:var(--gray-100)}.tenant-avatar{width:34px;height:34px;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-700) 100%);color:#fff;justify-content:center;font-size:14px;font-weight:700;flex-shrink:0}.tenant-details{flex:1;min-width:0}.tenant-name{font-size:13px;font-weight:600;color:var(--gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenant-role{font-size:11px;color:var(--gray-500)}.tenant-chevron{font-size:11px;color:var(--gray-400);transition:transform .2s}.tenant-chevron.open{transform:rotate(180deg)}.tenant-switcher{position:absolute;bottom:100%;left:8px;right:8px;background:#fff;border:1px solid var(--gray-200);border-radius:10px;padding:6px;margin-bottom:4px;box-shadow:0-4px 20px rgba(0,0,0,.1);z-index:100;max-height:300px;overflow-y:auto}.tenant-switch-item,.tenant-switch-logout{display:flex;align-items:center;border-radius:6px;cursor:pointer;font-size:13px;padding:8px 10px;transition:background .15s}.tenant-switch-item{gap:10px;color:var(--gray-700)}.tenant-switch-item.active,.tenant-switch-item:hover{background:var(--primary-50);color:var(--primary-700)}.tenant-switch-item.active{font-weight:600}.tenant-switch-item .switch-avatar{width:28px;height:28px;border-radius:6px;background:var(--gray-200);color:var(--gray-600);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.tenant-switch-item.active .switch-avatar{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-700) 100%);color:#fff}.tenant-switch-logout{gap:8px;color:#ef4444;margin-top:4px;border-top:1px solid var(--gray-100)}.tenant-switch-logout:hover{background:#fef2f2}.sn-global-popup{position:absolute;z-index:9999;width:210px;background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:14px;box-shadow:0 10px 40px rgba(0,0,0,.12),0 4px 12px rgba(0,0,0,.06);font-family:"Inter",sans-serif;animation:snPopIn .2s ease-out}.sn-info-btn:hover{background:var(--primary-200)!important;transform:scale(1.1)}@media (max-width:768px){.input-order-grid{grid-template-columns:1fr!important}.input-order-form{order:1}.input-order-preview{order:2;position:static!important}}.toggle-switch{position:relative;display:inline-block;width:38px;height:20px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--gray-300);border-radius:20px;transition:.3s}.toggle-slider::before{content:"";position:absolute;height:14px;width:14px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 3px rgba(0,0,0,.15)}.toggle-switch input:checked+.toggle-slider{background:var(--primary-500)}.toggle-switch input:checked+.toggle-slider::before{transform:translateX(18px)}