:root{color:#1e293b;--navy:#0f172a;--blue:#2563eb;--gold:#e3a63e;--muted:#8390a0;--line:#e4e8ee;--green:#1f8a67;--red:#c94e55;background:#f4f6f8;font-family:Inter,Noto Sans SC,Arial,sans-serif}*{box-sizing:border-box}body{background:#f4f6f8;margin:0}button,input,textarea{font:inherit}button{cursor:pointer;border:0}.shell{min-height:100vh;display:flex}.sidebar{background:var(--navy);color:#d9e2ef;flex-direction:column;width:248px;padding:20px 14px 14px;display:flex;position:fixed;inset:0 auto 0 0;overflow:auto}.brand{align-items:center;gap:10px;padding:2px 10px 22px;display:flex}.brand-logo{color:#31220d;background:linear-gradient(135deg,#f3c86b,#d88c28);border-radius:9px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.brand b{color:#fff;font-size:15px;display:block}.brand small{color:#8290a4;margin-top:3px;font-size:10px;display:block}.profile{background:#172237;border:1px solid #24324a;border-radius:8px;align-items:center;gap:10px;margin:0 3px 18px;padding:12px 10px;display:flex}.avatar{color:#10223d;background:linear-gradient(135deg,#8aa8ff,#b6e1d4);border-radius:50%;place-items:center;width:31px;height:31px;font-weight:800;display:grid}.avatar.small{width:30px;height:30px}.avatar.large{width:64px;height:64px;font-size:23px}.profile strong{color:#fff;font-size:12px;display:block}.profile span{color:#91a0b3;white-space:nowrap;margin-top:3px;font-size:10px;display:block}.sidebar nav{gap:3px;display:grid}.nav-row{color:#9cabbc;text-align:left;background:0 0;border-radius:6px;align-items:center;gap:11px;width:100%;height:40px;padding:0 12px;font-size:12px;display:flex}.nav-row.active{color:#fff;background:#1d4ed8}.nav-row svg:last-child{margin-left:auto}.nav-row .rot{transform:rotate(180deg)}.subnav{gap:2px;margin:2px 0 6px 27px;display:grid}.subnav button{color:#8090a6;text-align:left;background:0 0;border-left:1px solid #2d3d57;padding:7px 10px;font-size:11px}.subnav button:hover,.subnav .subactive{color:#fff;border-color:#5b8cf2}.sidebar-bottom{margin-top:auto}.collapse{color:#8190a2;background:0 0;align-items:center;gap:10px;padding:12px;font-size:11px;display:flex}.main{flex:1;min-width:0;margin-left:248px}.top{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:66px;padding:0 34px;font-size:12px;display:flex}.muted{color:#8a96a4}.slash{color:#c5ccd5;padding:0 10px}.top-right{align-items:center;gap:18px;display:flex}.today{color:#768494;font-size:11px}.icon{color:#718093;background:0 0;position:relative}.icon i{background:#d85e5e;border-radius:50%;width:6px;height:6px;position:absolute;top:-2px;right:-1px}.content{max-width:1500px;padding:32px 36px 46px}.page-header{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:1.3px;color:#a57b32;font-size:10px;font-weight:800}.page-header h1{color:#13233a;letter-spacing:-.3px;margin:8px 0 0;font-size:28px}.page-header p{color:var(--muted);margin:8px 0 0;font-size:12px}.primary,.outline{border-radius:6px;align-items:center;gap:7px;height:36px;padding:0 13px;font-size:11px;font-weight:700;display:inline-flex}.primary{background:var(--gold);color:#3b2b14}.primary:hover{background:#edb962}.primary.small{height:30px;margin-top:12px;font-size:10px}.outline{border:1px solid var(--line);color:#59697a;background:#fff}.outline:hover{background:#f8fafc}.metric-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:103px;padding:15px}.metric span{color:#82909e;font-size:11px}.metric strong{color:#172941;margin:9px 0 7px;font-size:22px;display:block}.metric small{color:#8d9aa7;font-size:10px}.metric small.up{color:var(--green)}.metric small.down{color:#bb7a36}.metric small.warn{color:var(--red)}.grid-2{grid-template-columns:1.45fr 1fr;gap:17px;margin-bottom:17px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:8px}.chart-card,.due-card,.list-card,.todo-card,.report-card,.settings-card{padding:19px}.panel-head{justify-content:space-between;align-items:flex-start;display:flex}.panel-head h3{color:#1b2b42;margin:0;font-size:14px}.panel-head span{color:#9aa5b0;margin-top:5px;font-size:10px;display:block}.line-chart{height:210px;margin-top:24px;display:flex}.axis{color:#a4afba;flex-direction:column;justify-content:space-between;width:38px;padding-bottom:26px;font-size:9px;display:flex}.plot{flex:1;position:relative}.lines{background:repeating-linear-gradient(#edf0f3 0 1px,#0000 1px 33%);position:absolute;inset:0 0 26px}.plot svg{width:100%;height:175px;position:absolute;inset:0}.months{color:#a4afba;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:0;left:0;right:0}.legend{color:#748293;justify-content:flex-end;gap:18px;font-size:10px;display:flex}.legend span{align-items:center;gap:5px;display:flex}.blue-dot,.gold-dot{border-radius:50%;width:7px;height:7px;display:inline-block}.blue-dot{background:#2563eb}.gold-dot{background:#e3a63e}.due-list{gap:13px;margin-top:24px;display:grid}.due-row{align-items:center;gap:10px;display:flex}.calendar-icon{color:#2563eb;background:#eef4ff;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.due-row b{font-size:11px;display:block}.due-row small{color:#98a4b1;margin-top:3px;font-size:9px;display:block}.due-row em{color:#a77931;margin-left:auto;font-size:10px;font-style:normal}.due-row em.overdue{color:var(--red)}.outline-link,.text-link{color:#9b722c;background:0 0;align-items:center;gap:4px;font-size:10px;font-weight:700;display:inline-flex}.outline-link{margin-top:18px}.bottom-grid{grid-template-columns:1.15fr 1fr}.overdue-list{margin-top:18px}.overdue-row{border-top:1px solid #eef1f4;align-items:center;padding:12px 0;display:flex}.overdue-row b{font-size:11px;display:block}.overdue-row small{color:#98a4b0;margin-top:3px;font-size:9px;display:block}.overdue-row strong{color:var(--red);margin-left:auto;font-size:12px}.overdue-row span{text-align:right;width:75px;color:var(--red);font-size:10px}.todo-row,.todo-item{border-top:1px solid #eef1f4;align-items:center;gap:9px;padding:12px 0;font-size:11px;display:flex}.todo-row:first-child{margin-top:17px}.check{color:#fff;background:#fff;border:1px solid #cbd3dc;border-radius:4px;place-items:center;width:18px;height:18px;display:grid}.check.checked{background:#4f9c7c;border-color:#4f9c7c}.done{color:#a0aab4;text-decoration:line-through}.todo-row svg:last-child{margin-left:auto}.table-panel{padding:19px;overflow:auto}.table-panel table{border-collapse:collapse;width:100%;min-width:750px}.table-panel th{color:#9aa6b2;text-align:left;border-bottom:1px solid var(--line);padding:12px 10px;font-size:10px;font-weight:600}.table-panel td{color:#5d6c7c;white-space:nowrap;border-bottom:1px solid #eef1f3;padding:13px 10px;font-size:11px}.table-panel td b{color:#24364c;display:block}.table-panel td small{color:#9da8b3;margin-top:4px;font-size:9px;display:block}.tag{color:#617487;background:#eef3f8;border-radius:4px;padding:4px 7px;font-size:10px;display:inline-block}.progress{background:#ecf0f4;border-radius:5px;width:100px;height:7px;margin-bottom:5px;overflow:hidden}.progress i{background:#4c85e9;border-radius:5px;height:100%;display:block}.row-btn{color:#8996a3;background:0 0;padding:3px}.toolbar{gap:9px;margin-bottom:15px;display:flex}.search{border:1px solid var(--line);color:#95a1ae;background:#fff;border-radius:6px;flex:1;align-items:center;gap:8px;max-width:380px;height:36px;padding:0 11px;display:flex}.search input{border:0;outline:0;flex:1;font-size:11px}.tax-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.tax-card{border:1px solid var(--line);background:#fff;border-radius:8px;padding:16px}.tax-top{justify-content:space-between;align-items:center;display:flex}.tax-symbol{color:#a4772e;background:#f5ebd5;border-radius:7px;place-items:center;width:31px;height:31px;font-weight:800;display:grid}.tax-card h3{margin:16px 0 5px;font-size:14px}.tax-card p{color:#97a2ad;margin:0;font-size:10px}.tax-card>strong{color:#a4772e;margin-top:16px;font-size:20px;display:block}.tax-card>strong.overdue{color:var(--red)}.three{grid-template-columns:repeat(3,1fr)}.todo-layout{grid-template-columns:1.2fr .8fr;gap:17px;display:grid}.todo-box,.note-box{padding:19px}.add-line{gap:8px;margin-bottom:8px;display:flex}.add-line input,.setting-form input,.note-box textarea{border:1px solid var(--line);border-radius:5px;outline:0;padding:0 10px;font-size:11px}.add-line input{flex:1;height:36px}.todo-item span{flex:1}.star{background:0 0;padding:3px}.note-box h3,.settings-card h3{color:#1b2c42;margin:0 0 18px;font-size:14px}.note-box textarea{resize:vertical;width:100%;min-height:150px;margin-bottom:12px;padding:10px;display:block}.link-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.link-card{padding:17px}.link-head{justify-content:space-between;display:flex}.link-head h3{margin:0;font-size:14px}.link-row{border-top:1px solid #eef1f4;align-items:center;gap:10px;padding:13px 0;display:flex}.site-icon{color:#2a61c2;background:linear-gradient(135deg,#c3d7ff,#e4ecff);border-radius:7px;place-items:center;width:29px;height:29px;font-weight:800;display:grid}.link-row div:nth-child(2){flex:1}.link-row b{font-size:11px;display:block}.link-row small{color:#99a5b1;font-size:9px}.link-row a{color:#a4772e}.report-grid{grid-template-columns:1.2fr .8fr;gap:17px;margin-bottom:17px;display:grid}.bar-list{margin-top:20px}.bar-row{grid-template-columns:155px 1fr 90px;align-items:center;gap:14px;margin-top:18px;font-size:11px;display:grid}.bar-row>div{background:#edf1f4;border-radius:5px;height:8px;overflow:hidden}.bar-row i{background:#4c85e9;border-radius:5px;height:100%;display:block}.bar-row b{text-align:right;color:#26384f;font-size:11px}.donut-large{background:conic-gradient(#2563eb 0 65%,#e3a63e 65% 100%);border-radius:50%;place-items:center;width:170px;height:170px;margin:24px auto;display:grid;position:relative}.donut-large:before{content:"";background:#fff;border-radius:50%;width:116px;height:116px;position:absolute}.donut-large div{text-align:center;position:relative}.donut-large b{font-size:19px;display:block}.donut-large span{color:#97a2ad;margin-top:4px;font-size:10px;display:block}.report-legend{color:#778594;justify-content:center;gap:18px;font-size:10px;display:flex}.report-legend span{align-items:center;gap:5px;display:flex}.settings-card{margin-bottom:17px}.setting-form{grid-template-columns:180px 1fr 1fr;align-items:center;gap:16px;margin-bottom:18px;display:grid}.profile-preview{color:#96a2af;align-items:center;gap:10px;font-size:10px;display:flex}.setting-form label{color:#677687;font-size:11px}.setting-form input{width:100%;height:36px;margin-top:6px;display:block}.placeholder-panel{text-align:center;color:#8c99a7;padding:80px 30px}.placeholder-panel svg{color:#7da2e5}.placeholder-panel h3{color:#24364d;margin:14px 0 7px;font-size:15px}.placeholder-panel p{max-width:440px;margin:0 auto 18px;font-size:11px;line-height:1.7}.tabs.big{gap:22px;margin-bottom:15px;display:flex}.tabs.big button{color:#8794a2;background:0 0;padding:9px 2px;font-size:11px}.tabs.big .selected{color:#1d4ed8;border-bottom:2px solid #2563eb;font-weight:700}.empty{text-align:center;color:#a0aab5;padding:35px;font-size:11px}.toast{color:#fff;z-index:10;background:#17263a;border-radius:7px;align-items:center;gap:7px;padding:10px 15px;font-size:11px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #12233938}.toast svg{color:#83d0ae}.profile-preview span{color:#98a4b0;font-size:10px}@media (max-width:1050px){.sidebar{width:220px}.main{margin-left:220px}.content{padding:28px 23px}.metric-grid{grid-template-columns:repeat(3,1fr)}.tax-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.sidebar{width:64px;padding:18px 8px}.main{margin-left:64px}.brand{padding:0 5px 26px}.brand>div:nth-child(2),.profile>div:nth-child(2),.nav-row span,.nav-row svg:last-child,.collapse{display:none}.profile{background:0 0;border:0;justify-content:center;padding:6px}.nav-row{justify-content:center;padding:0}.subnav{display:none}.top{height:58px;padding:0 14px}.today{display:none}.content{padding:22px 14px}.page-header{align-items:flex-start;gap:12px}.page-header h1{font-size:23px}.page-header p{font-size:11px}.page-header .primary,.page-header .outline{white-space:nowrap;padding:0 10px}.metric-grid,.tax-grid,.link-grid{grid-template-columns:repeat(2,1fr);gap:9px}.metric{padding:12px}.metric strong{font-size:19px}.grid-2,.todo-layout,.report-grid{grid-template-columns:1fr}.table-panel{padding:14px}.setting-form{grid-template-columns:1fr}.bar-row{grid-template-columns:105px 1fr 65px;gap:8px}.toolbar{flex-wrap:wrap}.search{flex-basis:100%;max-width:none}.tax-card{padding:13px}.tax-card>strong{font-size:18px}}:root{--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-drawer:cubic-bezier(.32, .72, 0, 1);--dur-fast:.14s;--dur-mid:.2s;--dur-slow:.32s}.sync{color:#82909e;align-items:center;gap:4px;font-size:10px;display:flex}.table-title{justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.table-title h3{margin:0;font-size:14px}.report-index{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;display:grid}.report-index-card{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:9px;padding:12px;display:flex}.report-index-card>div:nth-child(2){flex:1}.report-index-card b{color:#31435a;font-size:10px;display:block}.report-index-card small{color:#9ba6b1;margin-top:4px;font-size:9px;display:block}.report-icon{border-radius:6px;place-items:center;width:27px;height:27px;display:grid}.tone-0{color:#2563eb;background:#eaf1ff}.tone-1{color:#218364;background:#e9f7f0}.tone-2{color:#b57d2b;background:#fff4df}.tone-3{color:#c4525c;background:#fbecee}.params{grid-template-columns:repeat(4,1fr)}.reminder-table{margin-top:17px}@media (max-width:1050px){.report-index{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.report-index,.params{grid-template-columns:1fr}.sync{display:none}}.shipment-tools{flex-wrap:wrap;align-items:flex-end;gap:9px;margin-bottom:15px;display:flex}.finance-filters{flex-wrap:wrap;margin-bottom:18px}.finance-filters .search{flex:160px;min-width:150px;max-width:230px}.filter-select{border:1px solid var(--line);color:#59697a;min-width:132px;height:36px;font:inherit;background:#fff;border-radius:6px;outline:none;padding:0 30px 0 11px;font-size:11px}.shipment-tools .search{min-width:260px}.date-filter{color:#758493;font-size:10px}.date-filter input{border:1px solid var(--line);color:#415166;background:#fff;border-radius:6px;height:36px;margin-top:5px;padding:0 9px;font-size:11px;display:block}.date-sep{color:#a1acb7;padding-bottom:10px;font-size:11px}.shipment-panel{overflow:auto}.shipment-table{min-width:1500px}.shipment-table th,.shipment-table td{padding:11px 8px;font-size:10px}.shipment-table td{white-space:nowrap}.shipment-table .code{color:#a4772e;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.modal-backdrop{z-index:20;background:#0f172a66;place-items:center;display:grid;position:fixed;inset:0}.shipment-form{background:#fff;border-radius:10px;width:min(760px,100vw - 28px);max-height:calc(100vh - 40px);padding:22px;overflow:auto;box-shadow:0 18px 48px #0f172a33}.shipment-form h2{color:#15243a;margin:0;font-size:18px}.shipment-form p{color:#8d99a6;margin:6px 0 0;font-size:11px}.shipment-form-grid{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:20px;display:grid}.shipment-form-grid label{color:#687788;font-size:10px}.shipment-form-grid input,.shipment-form-grid select{border:1px solid var(--line);color:#24364d;background:#fff;border-radius:5px;width:100%;height:35px;margin-top:6px;padding:0 9px;font-size:11px;display:block}.form-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;margin-top:20px;padding-top:15px;display:flex}@media (max-width:700px){.shipment-form-grid{grid-template-columns:1fr 1fr}.shipment-tools .search{flex-basis:100%;min-width:100%}.date-filter{flex:1}.date-filter input{width:100%}}@media (max-width:480px){.shipment-form-grid{grid-template-columns:1fr}}.header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.import-button{cursor:pointer;align-items:center;gap:7px;display:inline-flex;position:relative}.import-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.shipment-form-grid textarea{border:1px solid var(--line);width:100%;min-height:76px;font:inherit;color:#24364d;resize:vertical;background:#fff;border-radius:5px;margin-top:6px;padding:9px;display:block}.shipment-form-grid .wide-field{grid-column:span 2}@media (max-width:480px){.shipment-form-grid .wide-field{grid-column:span 1}}.business-overview .page-header{margin-bottom:20px}.business-overview{--ov-bg:#07120f;--ov-surface:#0d1f1ad1;--ov-border:#7ee7be24;--ov-text:#edf8f3;--ov-muted:#7f9c91;--ov-accent:#51e0a4;isolation:isolate;min-height:calc(100vh - 66px);color:var(--ov-text);background:radial-gradient(circle at 18% 3%, #36ca9029, transparent 26%), radial-gradient(circle at 85% 20%, #207a5c1f, transparent 30%), linear-gradient(145deg, #081712, var(--ov-bg) 52%, #060d0b);margin:-32px -36px -46px;padding:31px 36px 46px;position:relative;overflow:hidden}.business-overview:before{content:"";z-index:-1;pointer-events:none;opacity:.18;background-image:linear-gradient(#62daa90f 1px,#0000 1px),linear-gradient(90deg,#62daa90d 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}.business-overview .page-header h1{color:var(--ov-text);letter-spacing:-.5px}.business-overview .page-header p{color:var(--ov-muted)}.business-overview .page-header .primary{color:#04110c;background:linear-gradient(135deg,#7cf3bd,#35c98d);box-shadow:0 0 28px #39d79a38}.business-overview .panel{border-color:var(--ov-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#0f231de6,#081612d6);box-shadow:inset 0 1px #ffffff06,0 18px 55px #0000002e}.business-overview .panel-head h3,.business-overview .table-title h3{color:var(--ov-text)}.business-overview .panel-head span,.business-overview .table-title span{color:var(--ov-muted)}.overview-filter{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.overview-filter>span{color:var(--ov-muted);align-items:center;gap:7px;font-size:11px;display:flex}.live-pulse{background:var(--ov-accent);border-radius:50%;width:7px;height:7px;animation:2s infinite livePulse;box-shadow:0 0 #51e0a480}@keyframes livePulse{70%{box-shadow:0 0 0 8px #51e0a400}to{box-shadow:0 0 #51e0a400}}.period-tabs{border:1px solid var(--ov-border);background:#ffffff09;border-radius:9px;padding:3px;display:inline-flex}.period-tabs button{height:30px;color:var(--ov-muted);background:0 0;border-radius:5px;padding:0 16px;font-size:11px}.period-tabs button.selected{color:#8df4c6;background:#51e0a424;font-weight:700;box-shadow:inset 0 0 18px #51e0a40d}.business-metrics{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:14px;display:grid}.business-metric{border:1px solid var(--ov-border);min-height:126px;transition:transform var(--dur-slow) var(--ease-out), border-color var(--dur-slow) var(--ease-out);background:linear-gradient(135deg,#173129e0,#091914d1);border-radius:14px;padding:17px 19px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff09,0 20px 45px #00000024}.business-metric:after{content:"";filter:blur(8px);background:#47e1a221;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-58px;right:-42px}.business-metric:hover{border-color:#7ee7be4d}@media (hover:hover) and (pointer:fine){.business-metric:hover{transform:translateY(-3px)}}.business-metric:nth-child(2):after{background:#41aee021}.business-metric:nth-child(3):after{background:#deaa5d26}.business-metric:nth-child(4):after{background:#6feebe33}.business-metric{animation:metricIn .5s var(--ease-out) both}@keyframes metricIn{0%{opacity:0}to{opacity:1}}.business-metric:first-child{animation-delay:0s}.business-metric:nth-child(2){animation-delay:70ms}.business-metric:nth-child(3){animation-delay:.14s}.business-metric:nth-child(4){animation-delay:.21s}.business-metric span{color:#91aa9f;justify-content:space-between;font-size:11px;display:flex}.business-metric i{width:27px;height:27px;color:var(--ov-accent);background:#5be5ae1c;border:1px solid #5be5ae24;border-radius:6px;place-items:center;font-size:12px;font-style:normal;display:grid}.business-metric strong{color:var(--ov-text);margin:10px 0 7px;font-size:24px;display:block}.business-metric small{color:var(--ov-muted);font-size:10px}.business-metric.profit strong{color:#69e9b4;text-shadow:0 0 22px #51e0a42e}.workflow-overview{border:1px solid var(--ov-border);background:linear-gradient(105deg,#0d221bf0,#081813c2);border-radius:14px;grid-template-columns:minmax(190px,.75fr) minmax(0,2fr);align-items:center;gap:30px;margin-bottom:14px;padding:20px 24px;display:grid;box-shadow:inset 0 1px #ffffff06}.workflow-copy>span{color:#4ed79e;letter-spacing:1.7px;font-size:9px;font-weight:800}.workflow-copy h3{color:var(--ov-text);margin:7px 0 5px;font-size:15px}.workflow-copy p{color:var(--ov-muted);margin:0;font-size:10px;line-height:1.65}.workflow-steps{justify-content:flex-end;align-items:center;display:flex}.workflow-steps button{text-align:left;min-width:132px;color:var(--ov-text);background:#ffffff06;border:1px solid #7de1b91a;border-radius:11px;grid-template-rows:1fr 1fr;grid-template-columns:34px 1fr auto;gap:1px 10px;padding:13px 15px;transition:all .2s;display:grid}.workflow-steps button:hover{background:#51e0a414;border-color:#51e0a447}.workflow-steps button i{width:34px;height:34px;color:var(--ov-accent);background:#51e0a41a;border-radius:9px;grid-row:1/3;place-items:center;display:grid}.workflow-steps button span{color:#9bb0a8;font-size:10px}.workflow-steps button strong{color:#7bedbd;grid-area:1/3/3;align-self:center;font-size:22px}.workflow-steps button small{color:#577268;font-size:9px}.workflow-line{background:#51e0a42e;width:clamp(22px,4vw,70px);height:1px;position:relative;overflow:hidden}.workflow-line span{background:var(--ov-accent);width:35%;height:100%;box-shadow:0 0 8px var(--ov-accent);animation:2.4s linear infinite flowLine;position:absolute}@keyframes flowLine{0%{left:-35%}to{left:100%}}.overview-analytics{grid-template-columns:minmax(0,2.2fr) minmax(280px,1fr);gap:14px;margin-bottom:14px;display:grid}.trend-panel,.cost-panel{padding:20px}.overview-legend{color:var(--ov-muted);align-items:center;gap:7px;font-size:10px;display:flex}.income-dot,.profit-dot{border-radius:2px;width:7px;height:7px;margin-left:7px}.income-dot{background:#65a8d8}.profit-dot{background:var(--ov-accent)}.business-chart{height:265px;margin:16px 12px 0 36px;position:relative}.chart-grid{background:repeating-linear-gradient(#7ee7be14 0 1px,#0000 1px 25%);position:absolute;inset:0 0 27px}.business-chart svg{width:100%;height:calc(100% - 27px);position:absolute;inset:0 0 27px;overflow:visible}.income-line,.profit-line{fill:none;vector-effect:non-scaling-stroke;stroke-width:2px}.income-line{stroke:#62a9d9}.profit-line{stroke:var(--ov-accent);filter:drop-shadow(0 0 3px #51e0a473)}.profit-point{fill:#0a1b16;stroke:var(--ov-accent);vector-effect:non-scaling-stroke;stroke-width:2px}.chart-months{color:var(--ov-muted);justify-content:space-between;font-size:10px;display:flex;position:absolute;bottom:0;left:-3px;right:-3px}.cost-donut{border-radius:50%;place-items:center;width:148px;height:148px;margin:19px auto;display:grid;position:relative}.cost-donut:before{content:"";background:#0b1d17;border-radius:50%;width:88px;height:88px;position:absolute}.cost-donut div{color:#91aa9f;font-size:11px;position:relative}.cost-list{gap:12px;display:grid}.cost-list span{color:#91aa9f;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-size:10px;display:grid}.cost-list i{border-radius:2px;width:7px;height:7px}.transport-color{background:var(--ov-accent)}.expense-color{background:#dfad67}.cost-list b{color:#dcebe5}.business-overview .overview-table th{color:#779388;border-color:#7ee7be1a}.business-overview .overview-table td{color:#a9bdb5;border-color:#7ee7be13}.business-overview .overview-table td b{color:#e2efe9}.business-overview .overview-table tr:hover td{background:#51e0a406}.business-overview .text-link{color:#64e1ad}.business-overview .tag{color:#a7bcb3;background:#ffffff0e}.business-overview .tag.green{color:#65e6b0;background:#51e0a41c}.business-overview .tag.red{color:#e88d8d;background:#e36f6f1a}.overview-table{margin-bottom:20px}.table-title{justify-content:space-between;align-items:flex-start;display:flex}.table-title h3{color:#1b2b42;margin:0;font-size:14px}.table-title span{color:#9aa5b0;margin-top:5px;font-size:10px;display:block}@media (max-width:1100px){.business-metrics{grid-template-columns:repeat(2,1fr)}.overview-analytics{grid-template-columns:1fr}.cost-panel{grid-template-columns:1fr 180px 1fr;align-items:center;display:grid}.workflow-overview{grid-template-columns:1fr;gap:17px}.workflow-steps{justify-content:flex-start}.cost-donut{margin:0 auto}}@media (max-width:700px){.business-overview{min-height:calc(100vh - 58px);margin:-22px -14px -46px;padding:22px 14px 46px}.overview-filter{flex-direction:column;align-items:flex-start;gap:10px}.period-tabs{width:100%}.period-tabs button{flex:1;padding:0 8px}.business-metrics{grid-template-columns:1fr 1fr;gap:9px}.workflow-overview{padding:16px}.workflow-steps{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.workflow-steps button{grid-template-columns:30px 1fr;min-width:0;padding:10px}.workflow-steps button strong{grid-area:auto/2;font-size:18px}.workflow-steps button small,.workflow-line{display:none}.business-metric{min-height:112px;padding:13px}.business-metric strong{font-size:19px}.overview-analytics{grid-template-columns:1fr}.business-chart{height:210px;margin-left:12px}.cost-panel{display:block}.cost-donut{margin:18px auto}}.outline.mini{height:29px;padding:0 9px;font-size:10px}.outline.mini:disabled{cursor:not-allowed;opacity:.55}.permission-table{border:1px solid var(--line);border-radius:7px;margin-top:20px;overflow:hidden}.permission-head,.permission-row{grid-template-columns:minmax(180px,1fr) repeat(3,minmax(110px,.5fr));align-items:center;display:grid}.permission-head{color:#516172;background:#f7f9fa;font-size:11px}.permission-head b,.permission-row>span,.permission-row>label{padding:12px 14px}.permission-head b:not(:first-child),.permission-row>label{text-align:center}.permission-row{border-top:1px solid var(--line);font-size:11px}.permission-row>label{cursor:pointer}.permission-row input{opacity:0;pointer-events:none;position:absolute}.permission-row i{color:#0000;background:#fff;border:1px solid #cbd5dc;border-radius:4px;place-items:center;width:20px;height:20px;display:inline-grid}@media (max-width:700px){.permission-table{overflow:auto}.permission-head,.permission-row{min-width:570px}}.sidebar{overflow:hidden}.sidebar nav{scrollbar-width:thin;scrollbar-color:#33435d transparent;flex-direction:column;flex:1;justify-content:flex-start;gap:3px;min-height:0;padding-right:3px;display:flex;overflow:hidden auto}.sidebar nav .nav-row{flex:0 0 40px;margin:0}.sidebar-bottom{background:var(--navy);border-top:1px solid #24324a;flex:none;margin-top:9px;padding-top:9px}.profit-report-page .page-header{border-bottom:1px solid var(--line);padding-bottom:20px}.report-toolbar{align-items:flex-end;gap:11px;margin-bottom:14px;padding:16px;display:flex}.report-toolbar label{color:#526677;font-size:10px}.report-toolbar input{color:#23384a;border:1px solid #d3dde0;border-radius:6px;width:116px;height:38px;margin-top:6px;padding:0 10px;font-size:11px;display:block}.report-export{color:#fff;background:#117458;border-radius:6px;align-items:center;gap:7px;height:38px;padding:0 14px;font-size:11px;font-weight:700;display:inline-flex}.profit-sheet{min-height:570px;padding:28px 24px 24px}.profit-sheet-title{text-align:center;margin-bottom:27px}.profit-sheet-title h2{color:#102536;margin:0;font-size:19px}.profit-sheet-title p{color:#70837f;margin:7px 0 0;font-size:10px}.profit-lines{width:min(760px,100%);margin:0 auto}.profit-line-row{border-bottom:1px solid #e4ebe9;justify-content:space-between;align-items:center;min-height:44px;padding:0 5px;font-size:12px;display:flex}.profit-line-row b{color:#102536}.profit-line-row.detail{color:#61736f;padding-left:26px;font-size:11px}.profit-line-row.major{border-bottom-color:#cfdad7;font-weight:700}.profit-line-row.net{color:#087156;background:#eaf5f1;border-bottom:0;margin-top:7px;padding:0 13px;font-size:14px}.profit-line-row.margin{font-weight:700}.report-footnote{text-align:center;color:#71827e;margin:25px 0 0;font-size:10px}@media (max-width:700px){.report-toolbar{flex-wrap:wrap}.report-toolbar label{flex:1;min-width:125px}.report-toolbar input{width:100%}.profit-sheet{padding:22px 14px}.profit-line-row{font-size:11px}.profit-line-row.net{font-size:13px}}.login-shell{background:linear-gradient(135deg,#071426,#132940);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border-radius:14px;width:min(400px,100%);padding:32px;box-shadow:0 24px 70px #02091466}.login-logo{color:#38250b;background:linear-gradient(135deg,#f3c86b,#d88c28);border-radius:12px;place-items:center;width:48px;height:48px;margin:0 auto 16px;font-size:22px;font-weight:800;display:grid}.login-card h1{text-align:center;color:#14263b;margin:0;font-size:22px}.login-card>p{text-align:center;color:#81909e;margin:8px 0 24px;font-size:11px}.login-card label{color:#566779;margin-top:14px;font-size:11px;display:block}.login-card input{border:1px solid #dbe2e8;border-radius:7px;outline:0;width:100%;height:42px;margin-top:7px;padding:0 12px;display:block}.login-card input:focus{border-color:#1e7b62;box-shadow:0 0 0 3px #1e7b6214}.login-submit{color:#fff;background:#14745a;border-radius:7px;width:100%;height:42px;margin-top:20px;font-weight:700}.login-submit:disabled{opacity:.6}.login-error{color:#b64b55;background:#fbeaec;border-radius:6px;margin-top:12px;padding:9px 11px;font-size:11px}.login-card>small{text-align:center;color:#9aa5af;margin-top:14px;font-size:9px;display:block}.account-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.account-grid>div{border:1px solid var(--line);border-radius:7px;align-items:center;gap:9px;padding:12px;display:flex}.account-grid p{flex:1;margin:0}.account-grid b{font-size:11px;display:block}.account-grid small{color:#8795a1;margin-top:3px;font-size:9px;display:block}.workflow-summary{gap:8px;margin-bottom:14px;display:flex}.workflow-summary button{border:1px solid var(--line);color:#667688;text-align:left;background:#fff;border-radius:6px;padding:8px 11px;font-size:10px}.workflow-summary button:hover{background:#f7fbf9;border-color:#83a99d}.workflow-summary button.selected{color:#12664f;background:#eaf5f1;border-color:#18745a;box-shadow:0 0 0 2px #18745a12}.workflow-summary b{color:#16755b;margin-left:9px}.nav-group .rot{transform:rotate(180deg)}.nav-group .subnav button{width:100%}.workflow-note{color:#18745a;background:#eaf5f1;border-radius:7px;align-items:center;gap:8px;margin-bottom:13px;padding:10px 13px;font-size:11px;display:flex}.workflow-tag{color:#a56818;background:#fff3df;border-radius:5px;align-items:center;gap:4px;height:27px;padding:0 8px;font-size:10px;display:inline-flex}.workflow-tag:disabled{cursor:default}body[data-theme=theme-logistics] .main{background:linear-gradient(145deg,#071d16,#0a241b 55%,#071710)}body[data-theme=theme-logistics] .panel,body[data-theme=theme-logistics] .metric,body[data-theme=theme-logistics] .table-panel{border-color:#55dfa638}body[data-theme=theme-logistics] .page-header h1{color:#8cefc3}body[data-theme=theme-logistics] .primary{background:linear-gradient(135deg,#55dfa6,#22ae78)}body[data-theme=theme-finance] .main{background:#eef3f7}body[data-theme=theme-finance] .content{color:#29445b}body[data-theme=theme-finance] .panel,body[data-theme=theme-finance] .metric,body[data-theme=theme-finance] .table-panel{background:#fff;border-color:#d8e2eb;box-shadow:0 8px 24px #1e415c14}body[data-theme=theme-finance] .page-header h1{color:#1f557c}body[data-theme=theme-finance] .primary{color:#fff;background:#2279ad}body[data-theme=theme-finance] .outline{color:#37627e;background:#fff;border-color:#b9ccda}body[data-theme=theme-finance] .table-panel th{color:#52748b;background:#f4f8fb}body[data-theme=theme-finance] .table-panel td{color:#45647b;border-color:#e3ebf1}body[data-theme=theme-finance] .tag.green{color:#187657;background:#e4f4ed}body[data-theme=theme-overview] .main,body[data-theme=theme-global-dark] .main{background:0 0}body[data-theme=theme-global-dark] .content{color:#dcebe5}body[data-theme=theme-global-dark] .page-header h1{color:#edf8f3}body[data-theme=theme-global-dark] .page-header p{color:#7f9c91}body[data-theme=theme-global-dark] .table-panel th{color:#789388;background:0 0;border-color:#7ee7be1f}body[data-theme=theme-global-dark] .table-panel td b{color:#e1eee9}body[data-theme=theme-global-dark] .primary{color:#04110c;background:linear-gradient(135deg,#78efbc,#38c98e)}body[data-theme=theme-global-dark] .filter-select,body[data-theme=theme-global-dark] select{color:#dbe9e4;background:#0b2019;border-color:#7ee7be29}body[data-theme=theme-global-dark] .sidebar{background:linear-gradient(#17181a,#0d0e10);border-right:1px solid #ffffff1a;box-shadow:10px 0 35px #00000047}body[data-theme=theme-global-dark] .brand b,body[data-theme=theme-global-dark] .profile strong{color:#f3f0e9}body[data-theme=theme-global-dark] .brand small,body[data-theme=theme-global-dark] .profile span,body[data-theme=theme-global-dark] .nav-row{color:#999b9d}body[data-theme=theme-global-dark] .top .muted,body[data-theme=theme-global-dark] .today,body[data-theme=theme-global-dark] .page-header p{color:#898b8d}body[data-theme=theme-global-dark] .primary,body[data-theme=theme-global-dark] .report-export{color:#20180b;background:linear-gradient(135deg,#e0bd72,#b28a42);box-shadow:0 7px 22px #00000040}body[data-theme=theme-global-dark] .primary:hover,body[data-theme=theme-global-dark] .report-export:hover{background:linear-gradient(135deg,#ebcf8d,#c29a50)}body[data-theme=theme-global-dark] .tag{color:#bbb8af;background:#ffffff12}body[data-theme=theme-global-dark] .tax-symbol,body[data-theme=theme-global-dark] .tone-0,body[data-theme=theme-global-dark] .tone-1,body[data-theme=theme-global-dark] .tone-2,body[data-theme=theme-global-dark] .tone-3{color:#d7b66d;background:#c9a45c1f}body[data-theme=theme-global-dark] .tax-card>strong,body[data-theme=theme-global-dark] .orange-text{color:#d4ad61}body[data-theme=theme-global-dark] .search,body[data-theme=theme-global-dark] .date-filter input,body[data-theme=theme-global-dark] .report-toolbar input,body[data-theme=theme-global-dark] .add-line input,body[data-theme=theme-global-dark] .setting-form input,body[data-theme=theme-global-dark] .note-box textarea{color:#e2dfd8;background:#121315;border-color:#ffffff21}body[data-theme=theme-global-dark] .shipment-form{background:linear-gradient(145deg,#252628,#151618);border-color:#c9a45c40}body[data-theme=theme-global-dark] .login-shell{background:radial-gradient(circle at 25% 18%,#c9a45c1a,#0000 30%),linear-gradient(145deg,#1b1c1f,#0c0d0e 65%,#08090a)}body[data-theme=theme-global-dark] .login-card{background:linear-gradient(145deg,#252628f5,#131416f5);border-color:#c9a45c38}body[data-theme=theme-global-dark] .login-card h1{color:#f0ede7}body[data-theme=theme-global-dark] .login-submit{color:#20180b;background:linear-gradient(135deg,#e0bd72,#b28a42)}.recovery-modal{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020203d1;place-items:center;display:grid;position:fixed;inset:0}.recovery-form{color:#e8e5de;background:linear-gradient(145deg,#252628,#151618);border:1px solid #c9a45c40;border-radius:8px;width:min(760px,100vw - 28px);padding:22px}.recovery-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.recovery-grid label{color:#aaa;font-size:12px}.recovery-grid input{color:#eee;background:#111214;border:1px solid #ffffff24;border-radius:5px;width:100%;height:38px;margin-top:6px;padding:0 10px;display:block}.recovery-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.recovery-actions button{border-radius:5px;height:36px;padding:0 15px}.recovery-actions .save{color:#17120a;background:#c9a45c}@media (max-width:700px){.account-grid{grid-template-columns:1fr}.workflow-summary{overflow:auto}}:root{--navy:#07120f;--blue:#59a9df;--gold:#55dfa6;--muted:#829c92;--line:#7ee7be24;--green:#55dfa6;--red:#e1747d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.shell[data-theme-depth=medium]{filter:brightness(1.12)}.shell[data-theme-depth=light]{filter:brightness(1.28)}.theme-depths{gap:8px;margin-top:15px;display:flex}.theme-depths button{border:1px solid var(--line);color:#9db2aa;background:#ffffff0a;border-radius:6px;padding:8px 16px;font-size:11px}.theme-depths button.selected{color:#04110c;background:var(--gold);border-color:var(--gold);font-weight:700}html,body,#root{background:#07120f;min-height:100%}body{color:#dcebe5}.shell{background:radial-gradient(circle at 78% 8%,#2aa4751a,#0000 28%),linear-gradient(145deg,#0a1914,#07120f 54%,#050c0a)}.sidebar{background:linear-gradient(#081813fa,#050f0cfc);border-right:1px solid #7ee7be1f;box-shadow:12px 0 40px #0000002e}.brand-logo,.login-logo{color:#04110c;background:linear-gradient(135deg,#8bf5c7,#39cc91);box-shadow:0 0 28px #41db9e33}.brand small{color:#608074}.profile{background:#ffffff06;border-color:#7ee7be1f}.avatar{color:#06150f;background:linear-gradient(135deg,#71e8b7,#6eaec7)}.profile span{color:#718d82}.nav-row{color:#789187;border:1px solid #0000}.nav-row:hover{color:#dff7ed;background:#55dfa60e}.nav-row.active{color:#8cf1c5;background:linear-gradient(90deg,#55dfa626,#55dfa60a);border-color:#55dfa626;box-shadow:inset 3px 0 #55dfa6}.subnav button{color:#648075;border-color:#7ee7be1f}.subnav button:hover,.subnav .subactive{color:#72e8b8;background:#55dfa609;border-color:#55dfa6}.sidebar-bottom{background:0 0;border-color:#7ee7be1a}.top{color:#bcd2c8;background:#0c1c16;border-color:#7ee7be2e}.top b{color:#e3f0eb}.top .muted,.today{color:#a9c2b8}.server-indicator{color:#7f9c91;align-items:center;gap:5px;font-size:10px;display:inline-flex}.server-indicator i{background:#e1ae68;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #e1ae6880}.server-indicator.online i{background:#55dfa6;box-shadow:0 0 9px #55dfa6a6}.theme-toggle{letter-spacing:.5px;color:#cfe9df;cursor:pointer;height:24px;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);-webkit-user-select:none;user-select:none;background:#55dfa61f;border:1px solid #55dfa652;border-radius:20px;justify-content:center;align-items:center;margin-left:6px;padding:0 11px;font-size:12px;font-weight:600;display:inline-flex}.theme-toggle:hover{color:#eafff6;background:#55dfa633;border-color:#55dfa68c}.theme-toggle:active{transform:scale(.96)}.slash{color:#345349}.main{background:0 0}.content{max-width:none}.page-header h1{color:#edf8f3}.page-header p{color:#9fb3aa}.panel,.metric,.tax-card,.report-index-card{color:#c4d8cf;background:linear-gradient(145deg,#122a22,#0c1d18);border-color:#7ee7be38;box-shadow:0 18px 55px #00000040}.panel-head h3,.table-title h3,.settings-card h3,.note-box h3,.link-head h3,.placeholder-panel h3{color:#e7f3ee}.panel-head span,.table-title span,.placeholder-panel,.placeholder-panel p,.empty{color:#9fb3aa}.primary,.report-export{color:#04110c;background:linear-gradient(135deg,#78efbc,#38c98e);box-shadow:0 8px 24px #30c78b24}.primary:hover,.report-export:hover{background:linear-gradient(135deg,#91f8ce,#50dba2)}.outline{color:#a5bbb2;background:#ffffff09;border-color:#7ee7be29}.outline:hover{color:#72e8b8;background:#55dfa613;border-color:#55dfa652}.icon,.row-btn{color:#a9c2b8}.row-btn:hover{color:#70e4b5}.row-btn.danger:hover{color:#ee7e86}.table-panel th{color:#a4bcb1;border-color:#7ee7be1f}.table-panel td{color:#c3d6cd;border-color:#7ee7be13}.table-panel td b{color:#e1eee9}.table-panel tbody tr{transition:background .18s}.table-panel tbody tr:hover{background:#55dfa607}.tag{color:#a5bbb2;background:#ffffff0e}.tag.green{color:#65e6b0;background:#55dfa61c}.tag.red{color:#ec8c93;background:#e1747d1c}.text-link,.outline-link,.link-row a{color:#66dfae}.green-text{color:#62e4af!important}.orange-text{color:#e1ae68}.overdue{color:#e77b83!important}.search,.date-filter input,.report-toolbar input,.add-line input,.setting-form input,.note-box textarea{color:#dbe9e4;background:#040f0ca6;border-color:#7ee7be26}.search input{color:#dbe9e4;background:0 0}input::placeholder,textarea::placeholder{color:#7d968b}input:focus,textarea:focus,select:focus{outline:0;box-shadow:0 0 0 3px #55dfa614;border-color:#55dfa6a6!important}.date-filter,.report-toolbar label,.setting-form label{color:#9fb3aa}.shipment-form{color:#b4c8c0;background:linear-gradient(145deg,#10271f,#081712);border:1px solid #7ee7be2e;box-shadow:0 24px 80px #0000008c,inset 0 1px #ffffff08}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020907c7}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}@keyframes modalRise{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-backdrop{animation:backdropFade var(--dur-mid) var(--ease-out) both}.shipment-form{animation:modalRise var(--dur-slow) var(--ease-out) both;transform-origin:50%}.shipment-form h2{color:#eff9f5}.shipment-form p,.shipment-form-grid label{color:#839d93}.shipment-form-grid input,.shipment-form-grid select,.shipment-form-grid textarea{color:#dcebe5;background:#030e0ba8;border-color:#7ee7be29}.shipment-form-grid select option{color:#dcebe5;background:#0b2019}.form-actions{border-color:#7ee7be1f}.metric span,.metric small,.tax-card p,.report-index-card small{color:#7e998e}.metric strong,.tax-card h3,.bar-row b,.report-index-card b{color:#e5f1ec}.tax-symbol,.tone-0,.tone-1,.tone-2,.tone-3,.report-icon{color:#61e1ad;background:#55dfa617}.tax-card>strong{color:#e4b16d}.progress,.bar-row>div{background:#ffffff0f}.progress i,.bar-row i{background:linear-gradient(90deg,#3dc98f,#72e9b8)}.todo-row,.todo-item,.link-row,.overdue-row{border-color:#7ee7be14}.check{color:#0000;background:#ffffff06;border-color:#7ee7be3d}.check.checked{color:#07120f;background:#55dfa6;border-color:#55dfa6}.permission-table{border-color:#7ee7be24}.permission-head{color:#a7bcb3;background:#ffffff09}.permission-row{border-color:#7ee7be17}.permission-row i{background:#ffffff06;border-color:#7ee7be38}.permission-row input:checked+i{color:#06130e;background:#55dfa6;border-color:#55dfa6}.account-grid>div{background:#ffffff05;border-color:#7ee7be21}.account-grid b{color:#e1eee9}.account-grid small{color:#769187}.workflow-summary button{color:#8fa79e;background:#ffffff06;border-color:#7ee7be21}.workflow-summary button:hover,.workflow-summary button.selected{color:#6de7b5;background:#55dfa614;border-color:#55dfa657}.workflow-summary b{color:#69e3b1}.workflow-note{color:#6be5b3;background:#55dfa614}.workflow-tag{color:#e1ae68;background:#e1ae681a}.workflow-tag.done{color:#64e3af;background:#55dfa61a}.report-toolbar{background:#0b1c16cc}.profit-report-page .page-header{border-color:#7ee7be1f}.profit-sheet-title h2,.profit-line-row b{color:#e7f3ee}.profit-sheet-title p,.profit-line-row.detail,.report-footnote{color:#839d93}.profit-line-row{border-color:#7ee7be17}.profit-line-row.major{border-color:#7ee7be2e}.profit-line-row.net{color:#68e5b2;background:#55dfa617}.profit-line-row.net b{color:#72e9b8}.tabs.big button{color:#829c92}.tabs.big .selected{color:#66e2af;border-color:#55dfa6}.toast{color:#e9f5f0;background:#10271f;border:1px solid #7ee7be2e}.login-shell{background:radial-gradient(circle at 24% 16%,#37d3962e,#0000 28%),radial-gradient(circle at 85% 80%,#30785e21,#0000 32%),linear-gradient(145deg,#0a1c16,#06100d 62%,#040a08);position:relative;overflow:hidden}.login-shell:before{content:"";opacity:.2;background-image:linear-gradient(#55dfa60f 1px,#0000 1px),linear-gradient(90deg,#55dfa60d 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0}.login-card{color:#b7cbc3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#10271ff0,#071611eb);border:1px solid #7ee7be2b;position:relative;box-shadow:0 30px 90px #0000007a,inset 0 1px #ffffff09}.login-card h1{color:#edf8f3}.login-card>p,.login-card>small,.login-card label{color:#819b91}.login-card input{color:#e4f0eb;background:#020d0a94;border-color:#7ee7be29}.login-submit{color:#04110c;background:linear-gradient(135deg,#7cefbf,#39ca8f)}.login-error{color:#ee8b92;background:#e1747d1a}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body[data-theme=theme-global-dark]{--navy:#132944;--gold:#22d3ee;--green:#38bdf8;--line:#5cafff2e;color:#dbeafe;background:#0d1b2f}body[data-theme=theme-global-dark] .shell{background:radial-gradient(circle at 75% 5%,#38bdf833,#0000 28%),linear-gradient(145deg,#18365a,#0d1b2f 62%,#091426)}body[data-theme=theme-global-dark] .sidebar{background:linear-gradient(#16365b,#0d1f39);border-right-color:#38bdf83d;box-shadow:12px 0 42px #00000052}body[data-theme=theme-global-dark] .brand-logo,body[data-theme=theme-global-dark] .login-logo{color:#03101d;background:linear-gradient(135deg,#67e8f9,#38bdf8);box-shadow:0 0 28px #22d3ee4d}body[data-theme=theme-global-dark] .profile{background:#498bca33;border-color:#38bdf833}body[data-theme=theme-global-dark] .nav-row{color:#86a6c8}body[data-theme=theme-global-dark] .nav-row:hover{color:#e0f2fe;background:#38bdf81a}body[data-theme=theme-global-dark] .nav-row.active{color:#67e8f9;background:linear-gradient(90deg,#22d3ee30,#22d3ee0a);border-color:#22d3ee47;box-shadow:inset 3px 0 #22d3ee,0 0 18px #22d3ee14}body[data-theme=theme-global-dark] .subnav button{color:#6688ad;border-color:#38bdf82e}body[data-theme=theme-global-dark] .subnav button:hover,body[data-theme=theme-global-dark] .subnav .subactive{color:#67e8f9;background:#22d3ee12;border-color:#22d3ee}body[data-theme=theme-global-dark] .top{color:#9fc0df;background:#112a49e6;border-color:#38bdf833}body[data-theme=theme-global-dark] .top b,body[data-theme=theme-global-dark] .page-header h1{color:#e0f2fe}body[data-theme=theme-global-dark] .panel,body[data-theme=theme-global-dark] .metric,body[data-theme=theme-global-dark] .tax-card,body[data-theme=theme-global-dark] .report-index-card,body[data-theme=theme-global-dark] .table-panel{background:linear-gradient(145deg,#1e426cf5,#112a49f5);border-color:#38bdf833;box-shadow:inset 0 1px #ffffff0a,0 18px 48px #00000040}body[data-theme=theme-global-dark] .panel-head h3,body[data-theme=theme-global-dark] .table-title h3,body[data-theme=theme-global-dark] .metric strong,body[data-theme=theme-global-dark] .tax-card h3,body[data-theme=theme-global-dark] .table-panel td b{color:#e0f2fe}body[data-theme=theme-global-dark] .panel-head span,body[data-theme=theme-global-dark] .metric span,body[data-theme=theme-global-dark] .metric small,body[data-theme=theme-global-dark] .table-panel th{color:#7ea1c5}body[data-theme=theme-global-dark] .table-panel td{color:#a9c4df;border-color:#38bdf81f}body[data-theme=theme-global-dark] .primary,body[data-theme=theme-global-dark] .report-export,body[data-theme=theme-global-dark] .login-submit{color:#03101d;background:linear-gradient(135deg,#67e8f9,#38bdf8);box-shadow:0 7px 24px #22d3ee2e}body[data-theme=theme-global-dark] .outline{color:#a9d4ef;background:#38bdf80d;border-color:#38bdf83d}body[data-theme=theme-global-dark] .outline:hover{color:#67e8f9;background:#22d3ee1a;border-color:#22d3ee80}body[data-theme=theme-global-dark] .search,body[data-theme=theme-global-dark] .date-filter input,body[data-theme=theme-global-dark] .report-toolbar input,body[data-theme=theme-global-dark] .add-line input,body[data-theme=theme-global-dark] .setting-form input,body[data-theme=theme-global-dark] .note-box textarea,body[data-theme=theme-global-dark] select{color:#dbeafe;background:#102b4a;border-color:#38bdf838}body[data-theme=theme-global-dark] .tag.green{color:#7dd3fc;background:#38bdf821}body[data-theme=theme-global-dark] .tag.red{color:#fda4af;background:#f43f5e24}.business-overview{isolation:isolate;position:relative;overflow:hidden}.business-overview>:not(.overview-particle-canvas){z-index:1;position:relative}.overview-particle-canvas{z-index:0;opacity:.72;pointer-events:none;mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0}body[data-theme=theme-global-dark] .business-overview:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(at 20% 10%,#22d3ee1a,#0000 34%),radial-gradient(at 90% 75%,#2563eb1a,#0000 38%);position:absolute;inset:0}body[data-theme=theme-global-dark] .business-metric{position:relative;overflow:hidden}body[data-theme=theme-global-dark] .business-metric:after{content:"";background:linear-gradient(90deg,#0000,#67e8f9d9,#0000);width:140px;height:1px;animation:4.5s ease-in-out infinite metricScan;position:absolute;bottom:0;left:-35px}body[data-theme=theme-global-dark] .business-metric:nth-child(2):after{animation-delay:1.2s}body[data-theme=theme-global-dark] .business-metric:nth-child(3):after{animation-delay:2.4s}body[data-theme=theme-global-dark] .business-metric:nth-child(4):after{animation-delay:3.6s}@keyframes metricScan{0%,18%{opacity:0;transform:translate(0)}35%{opacity:1}82%,to{opacity:0;transform:translate(260px)}}@media (prefers-reduced-motion:reduce){.overview-particle-canvas{display:none}body[data-theme=theme-global-dark] .business-metric:after{animation:none;display:none}}[data-mode=light]{--navy:#0f172a;--blue:#2563eb;--gold:#e3a63e;--muted:#64748b;--line:#e4e8ee;--green:#1f8a67;--red:#c94e55;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-mode=light] html,[data-mode=light] body,[data-mode=light] #root{color:#1e293b;background:#f4f6f8;min-height:100%}[data-mode=light] .shell{background:#f4f6f8}[data-mode=light] .sidebar{color:#cdd9e8;box-shadow:none;background:linear-gradient(#0f172a,#0c1f33);border-right:1px solid #1e3350}[data-mode=light] .brand b{color:#fff}[data-mode=light] .brand small{color:#8aa0c0}[data-mode=light] .brand-logo,[data-mode=light] .login-logo{color:#10223d;background:linear-gradient(135deg,#f3c86b,#d88c28);box-shadow:0 0 28px #e1ae6840}[data-mode=light] .profile{background:#ffffff0a;border-color:#1e3350}[data-mode=light] .profile strong{color:#fff}[data-mode=light] .profile span{color:#aab8d0}[data-mode=light] .avatar{color:#10223d;background:linear-gradient(135deg,#8aa8ff,#b6e1d4)}[data-mode=light] .nav-row{color:#aab8d0;border-color:#0000}[data-mode=light] .nav-row:hover{color:#fff;background:#1b3a5c}[data-mode=light] .nav-row.active{color:#fff;background:#2563eb;box-shadow:inset 3px 0 #93c5fd}[data-mode=light] .subnav button{color:#9fb0cc;border-color:#1e3350}[data-mode=light] .subnav button:hover,[data-mode=light] .subnav .subactive{color:#fff;background:#2563eb26;border-color:#2563eb}[data-mode=light] .sidebar-bottom{background:0 0;border-color:#1e3350}[data-mode=light] .top{color:#334155;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-color:#e4e8ee}[data-mode=light] .top b{color:#0f172a}[data-mode=light] .top .muted,[data-mode=light] .today{color:#64748b}[data-mode=light] .slash{color:#cbd5e1}[data-mode=light] .server-indicator{color:#64748b}[data-mode=light] .theme-toggle{color:#1e40af;background:#2563eb1a;border-color:#2563eb47}[data-mode=light] .theme-toggle:hover{color:#fff;background:#2563eb;border-color:#2563eb}[data-mode=light] .main{background:0 0}[data-mode=light] .page-header h1{color:#0f172a}[data-mode=light] .page-header p{color:#64748b}[data-mode=light] .panel,[data-mode=light] .metric,[data-mode=light] .tax-card,[data-mode=light] .report-index-card{color:#334155;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #e4e8ee;box-shadow:0 1px 3px #0f172a0f}[data-mode=light] .panel-head h3,[data-mode=light] .table-title h3,[data-mode=light] .settings-card h3,[data-mode=light] .note-box h3,[data-mode=light] .link-head h3,[data-mode=light] .placeholder-panel h3{color:#0f172a}[data-mode=light] .panel-head span,[data-mode=light] .table-title span,[data-mode=light] .placeholder-panel,[data-mode=light] .placeholder-panel p,[data-mode=light] .empty{color:#64748b}[data-mode=light] .primary,[data-mode=light] .report-export{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 24px #2563eb2e}[data-mode=light] .primary:hover,[data-mode=light] .report-export:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6)}[data-mode=light] .outline{color:#334155;background:#fff;border-color:#cbd5e1}[data-mode=light] .outline:hover{color:#2563eb;background:#eff6ff;border-color:#93c5fd}[data-mode=light] .icon,[data-mode=light] .row-btn{color:#64748b}[data-mode=light] .row-btn:hover{color:#2563eb}[data-mode=light] .row-btn.danger:hover{color:#dc2626}[data-mode=light] .table-panel th{color:#475569;background:#f8fafc;border-color:#e4e8ee}[data-mode=light] .table-panel td{color:#334155;border-color:#eef2f6}[data-mode=light] .table-panel td b{color:#0f172a}[data-mode=light] .table-panel tbody tr:hover{background:#f1f5f9}[data-mode=light] .tag{color:#334155;background:#eef2f7}[data-mode=light] .tag.green{color:#15803d;background:#dcfce7}[data-mode=light] .tag.red{color:#b91c1c;background:#fee2e2}[data-mode=light] .text-link,[data-mode=light] .outline-link,[data-mode=light] .link-row a{color:#2563eb}[data-mode=light] .green-text{color:#16a34a!important}[data-mode=light] .orange-text{color:#d97706}[data-mode=light] .overdue{color:#dc2626!important}[data-mode=light] .search,[data-mode=light] .date-filter input,[data-mode=light] .report-toolbar input,[data-mode=light] .add-line input,[data-mode=light] .setting-form input,[data-mode=light] .note-box textarea{color:#1e293b;background:#fff;border-color:#cbd5e1}[data-mode=light] .search input{color:#1e293b;background:0 0}[data-mode=light] input::placeholder,[data-mode=light] textarea::placeholder{color:#94a3b8}[data-mode=light] input:focus,[data-mode=light] textarea:focus,[data-mode=light] select:focus{outline:0;box-shadow:0 0 0 3px #2563eb1f;border-color:#2563eb!important}[data-mode=light] .date-filter,[data-mode=light] .report-toolbar label,[data-mode=light] .setting-form label{color:#64748b}[data-mode=light] .shipment-form{color:#334155;background:#fff;border:1px solid #e4e8ee;box-shadow:0 10px 40px #0f172a1f}[data-mode=light] .shipment-form h2{color:#0f172a}[data-mode=light] .shipment-form p,[data-mode=light] .shipment-form-grid label{color:#64748b}[data-mode=light] .shipment-form-grid input,[data-mode=light] .shipment-form-grid select,[data-mode=light] .shipment-form-grid textarea{color:#1e293b;background:#fff;border-color:#cbd5e1}[data-mode=light] .modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0f172a73}html body .shipment-form,.shipment-form.expense-form{color:#1e293b!important;background:#fff!important;border:1px solid #d8dee8!important;border-radius:12px!important;box-shadow:0 20px 60px #0f172a2e!important}html body .shipment-form h2{color:#0f172a!important;border-left:3px solid #2563eb!important;padding-left:10px!important}html body .shipment-form p{color:#64748b!important}html body .shipment-form .modal-head{color:#64748b!important;border-bottom:2px solid #2563eb!important;margin-bottom:4px!important;padding-bottom:14px!important}html body .shipment-form .modal-head,html body .shipment-form .modal-head *{color:#475569!important}html body .shipment-form-grid label{color:#475569!important;font-weight:600!important}html body .shipment-form-grid input,html body .shipment-form-grid select,html body .shipment-form-grid textarea{color:#1e293b!important;background:#fff!important;border:1px solid #cbd5e1!important}html body .shipment-form-grid input:focus,html body .shipment-form-grid select:focus,html body .shipment-form-grid textarea:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1f!important}html body .shipment-form-grid select option{color:#1e293b!important;background:#fff!important}html body .shipment-form .form-actions{border-top:1px solid #e4e8ee!important}html body .shipment-form .primary{color:#fff!important;background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:0!important}html body .shipment-form .outline{color:#334155!important;background:#fff!important;border:1px solid #cbd5e1!important}html body .shipment-form .outline:hover{color:#2563eb!important;background:#eff6ff!important;border-color:#93c5fd!important}html body .shipment-form .tag{color:#334155!important;background:#eef2f7!important}html body .shipment-form .tag.green{color:#15803d!important;background:#dcfce7!important}html body .shipment-form .tag.red{color:#b91c1c!important;background:#fee2e2!important}html body .shipment-form table,html body .shipment-form .table-panel{background:#fff!important}html body .shipment-form th{color:#475569!important;background:#f8fafc!important;border-color:#e4e8ee!important}html body .shipment-form td{color:#1e293b!important;border-color:#eef2f6!important}html body .shipment-form tbody tr:hover{background:#f1f5f9!important}html body .modal-backdrop{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#0f172a80!important}.content[data-module=shipments],.content[data-module=settlements],.content[data-module=receivables],.content[data-module=payables]{background:#f4f6f8!important}.content[data-module=shipments] .shipment-panel,.content[data-module=shipments] .table-panel,.content[data-module=settlements] .panel,.content[data-module=settlements] .table-panel,.content[data-module=receivables] .panel,.content[data-module=receivables] .table-panel,.content[data-module=payables] .panel,.content[data-module=payables] .table-panel{color:#1e293b!important;background:#fff!important;border:1px solid #e4e8ee!important;box-shadow:0 8px 24px #0f172a14!important}.content[data-module=shipments] .shipment-table th,.content[data-module=shipments] .table-panel th,.content[data-module=settlements] .table-panel th,.content[data-module=receivables] .table-panel th,.content[data-module=payables] .table-panel th{color:#475569!important;background:#f8fafc!important;border-color:#e4e8ee!important}.content[data-module=shipments] .shipment-table td,.content[data-module=shipments] .table-panel td,.content[data-module=settlements] .table-panel td,.content[data-module=receivables] .table-panel td,.content[data-module=payables] .table-panel td{color:#1e293b!important;border-color:#eef2f6!important}.content[data-module=shipments] .shipment-table td b,.content[data-module=shipments] .table-panel td b,.content[data-module=settlements] .table-panel td b,.content[data-module=receivables] .table-panel td b,.content[data-module=payables] .table-panel td b{color:#0f172a!important}.content[data-module=shipments] .table-panel tbody tr:hover,.content[data-module=settlements] .table-panel tbody tr:hover,.content[data-module=receivables] .table-panel tbody tr:hover,.content[data-module=payables] .table-panel tbody tr:hover{background:#f1f5f9!important}.content[data-module=shipments] .table-title h3,.content[data-module=settlements] .table-title h3,.content[data-module=receivables] .table-title h3,.content[data-module=payables] .table-title h3{color:#0f172a!important}.content[data-module=shipments] .table-title span,.content[data-module=settlements] .table-title span,.content[data-module=receivables] .table-title span,.content[data-module=payables] .table-title span{color:#64748b!important}.content[data-module=settlements] .metric,.content[data-module=receivables] .metric,.content[data-module=payables] .metric{color:#334155!important;background:#fff!important;border:1px solid #e4e8ee!important;box-shadow:0 1px 3px #0f172a0f!important}.content[data-module=settlements] .metric strong,.content[data-module=receivables] .metric strong,.content[data-module=payables] .metric strong{color:#0f172a!important}.content[data-module=settlements] .metric span,.content[data-module=settlements] .metric small,.content[data-module=receivables] .metric span,.content[data-module=receivables] .metric small,.content[data-module=payables] .metric span,.content[data-module=payables] .metric small{color:#64748b!important}.content[data-module=shipments] .search,.content[data-module=shipments] .date-filter input,.content[data-module=settlements] .search,.content[data-module=settlements] .date-filter input,.content[data-module=receivables] .search,.content[data-module=receivables] .date-filter input,.content[data-module=receivables] .finance-filters input,.content[data-module=payables] .search,.content[data-module=payables] .date-filter input,.content[data-module=payables] .finance-filters input{color:#1e293b!important;background:#fff!important;border-color:#cbd5e1!important}.content[data-module=shipments] .search input,.content[data-module=settlements] .search input,.content[data-module=receivables] .search input,.content[data-module=payables] .search input{color:#1e293b!important;background:0 0!important}.content[data-module=shipments] .date-filter,.content[data-module=shipments] .report-toolbar label,.content[data-module=settlements] .date-filter,.content[data-module=settlements] .report-toolbar label,.content[data-module=receivables] .date-filter,.content[data-module=receivables] .report-toolbar label,.content[data-module=receivables] .finance-filters label,.content[data-module=payables] .date-filter,.content[data-module=payables] .report-toolbar label,.content[data-module=payables] .finance-filters label{color:#64748b!important}.content[data-module=settlements] .workflow-summary button{color:#334155!important;background:#f8fafc!important;border-color:#cbd5e1!important}.content[data-module=settlements] .workflow-summary button:hover,.content[data-module=settlements] .workflow-summary button.selected{color:#2563eb!important;background:#2563eb14!important;border-color:#2563eb!important}.content[data-module=settlements] .workflow-summary b{color:#0f172a!important}.content[data-module=settlements] .workflow-note{color:#2563eb!important;background:#2563eb14!important}.content[data-module=shipments] .tag,.content[data-module=settlements] .tag,.content[data-module=receivables] .tag,.content[data-module=payables] .tag{color:#334155!important;background:#eef2f7!important}.content[data-module=shipments] .tag.green,.content[data-module=settlements] .tag.green,.content[data-module=receivables] .tag.green,.content[data-module=payables] .tag.green{color:#15803d!important;background:#dcfce7!important}.content[data-module=shipments] .tag.red,.content[data-module=settlements] .tag.red,.content[data-module=receivables] .tag.red,.content[data-module=payables] .tag.red{color:#b91c1c!important;background:#fee2e2!important}.content[data-module=shipments] .green-text,.content[data-module=settlements] .green-text,.content[data-module=receivables] .green-text,.content[data-module=payables] .green-text{color:#16a34a!important}.content[data-module=shipments] .row-btn,.content[data-module=settlements] .row-btn,.content[data-module=receivables] .row-btn,.content[data-module=payables] .row-btn{color:#64748b!important}.content[data-module=shipments] .row-btn:hover,.content[data-module=settlements] .row-btn:hover,.content[data-module=receivables] .row-btn:hover,.content[data-module=payables] .row-btn:hover{color:#2563eb!important}.content[data-module=shipments] .row-btn.danger:hover,.content[data-module=settlements] .row-btn.danger:hover,.content[data-module=receivables] .row-btn.danger:hover,.content[data-module=payables] .row-btn.danger:hover{color:#dc2626!important}.content[data-module=receivables] .account-grid>div,.content[data-module=payables] .account-grid>div{background:#fff!important;border-color:#e4e8ee!important}.content[data-module=receivables] .account-grid b,.content[data-module=payables] .account-grid b{color:#0f172a!important}.content[data-module=receivables] .account-grid small,.content[data-module=payables] .account-grid small{color:#64748b!important}html body .shipment-form .zz-attach-block{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:10px!important}html body .shipment-form .zz-attach-add{color:#2563eb!important;background:#eff6ff!important;border:1px dashed #93c5fd!important;border-radius:8px!important}html body .shipment-form .zz-attach-add:hover{background:#dbeafe!important;border-color:#3b82f6!important}html body .shipment-form .zz-attach-row{background:#fff!important;border:1px solid #e4e8ee!important;border-radius:8px!important}html body .shipment-form .zz-attach-fname{color:#1e293b!important}html body .shipment-form .zz-attach-fsize,html body .shipment-form .zz-attach-tip{color:#94a3b8!important}html body .shipment-form .zz-attach-x{color:#dc2626!important;background:#fee2e2!important;border-radius:6px!important}html body .shipment-form .zz-attach-x:hover{background:#fecaca!important}html body .shipment-form .zz-attach-chip{background:#f1f5f9!important;border-color:#e2e8f0!important}html body .expense-filter{background:#94a3b81f;border:1px solid #94a3b84d;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:14px;margin:0 0 14px;padding:12px 16px;display:flex}html body .expense-filter label{color:inherit;opacity:.85;flex-direction:column;gap:5px;font-size:12px;font-weight:500;display:flex}html body .expense-filter input[type=date]{height:34px;color:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#94a3b826;border:1px solid #94a3b866;border-radius:8px;min-width:140px;padding:0 10px;font-size:13px}html body .expense-filter input[type=date]:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px #3b82f640}html body .expense-type{color:inherit;opacity:.85;flex-direction:column;gap:5px;font-size:12px;font-weight:500;display:flex}html body .expense-type .chips{flex-wrap:wrap;gap:6px;display:flex}html body .expense-type .chip{height:30px;color:inherit;cursor:pointer;transition:background .15s var(--ease-out), color .15s var(--ease-out), border-color .15s var(--ease-out), transform .15s var(--ease-out);background:#94a3b826;border:1px solid #94a3b866;border-radius:16px;padding:0 12px;font-size:12px}html body .expense-type .chip:active{transform:scale(.96)}html body .expense-type .chip:hover{border-color:#3b82f6}html body .expense-type .chip.active{color:#fff;background:#3b82f6;border-color:#3b82f6;font-weight:600}html body .expense-filter .expense-reset{color:#3b82f6;cursor:pointer;background:0 0;border:1px solid #3b82f680;border-radius:8px;align-self:flex-end;height:34px;padding:0 16px;font-size:13px}html body .expense-filter .expense-reset:hover{background:#3b82f61f}html body .expense-filter .expense-count{opacity:.7;align-self:center;margin-left:auto;font-size:12px}html body .jh-datepicker{color:#1e293b;z-index:99999;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:248px;padding:10px;font-family:inherit;font-size:13px;position:absolute;box-shadow:0 12px 32px #0f172a2e}html body .jh-datepicker *{box-sizing:border-box}html body .jh-datepicker .jh-dp-head{margin-bottom:8px}html body .jh-datepicker .jh-dp-head:after{content:"";clear:both;display:block}html body .jh-datepicker .jh-dp-head button{float:left;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;width:28px;height:28px;line-height:1}html body .jh-datepicker .jh-dp-head button:after{content:"";width:0;height:0;margin:4px auto 0;display:block}html body .jh-datepicker .jh-dp-head .jh-dp-prev:after{border-top:4px solid #0000;border-bottom:4px solid #0000;border-right:5px solid #3b82f6}html body .jh-datepicker .jh-dp-head .jh-dp-next:after{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:5px solid #3b82f6}html body .jh-datepicker .jh-dp-head button:hover{background:#e0edff}html body .jh-datepicker .jh-dp-head .jh-dp-next{float:right}html body .jh-datepicker .jh-dp-title{text-align:center;font-weight:600;line-height:28px;display:block}html body .jh-datepicker .jh-dp-week{margin-bottom:4px}html body .jh-datepicker .jh-dp-week:after{content:"";clear:both;display:block}html body .jh-datepicker .jh-dp-week span,html body .jh-datepicker .jh-dp-grid .jh-dp-day,html body .jh-datepicker .jh-dp-grid .jh-dp-empty{float:left;text-align:center;width:14.28%;padding:6px 0}html body .jh-datepicker .jh-dp-week span{color:#94a3b8;font-size:11px}html body .jh-datepicker .jh-dp-grid:after{content:"";clear:both;display:block}html body .jh-datepicker .jh-dp-day{cursor:pointer;color:#1e293b;border-radius:6px}html body .jh-datepicker .jh-dp-day:hover{background:#e0edff}html body .jh-datepicker .jh-dp-day.jh-dp-sel{color:#fff;background:#3b82f6}html body .jh-datepicker .jh-dp-empty{visibility:hidden}html body .date-input-wrap{display:block;position:relative}html body .date-input-wrap input.date-mask{padding-right:30px}html body .date-ico{cursor:pointer;-webkit-user-select:none;user-select:none;border:1.5px solid #3b82f6;border-radius:3px;width:18px;height:18px;margin-top:-9px;position:absolute;top:50%;right:7px}html body .date-ico:before{content:"";background:#3b82f6;border-radius:1px;height:3px;position:absolute;top:-3px;left:1px;right:1px}html body .date-ico:after{content:"";background:repeating-linear-gradient(#3b82f6 0 1px,#0000 1px 4px);position:absolute;inset:3px 2px 2px}






/* === DatePicker warm theme + table customizations (appended) === */
:root{font-family:Inter,"Noto Sans SC",Arial,sans-serif;color:#1e293b;background:#f4f6f8;--navy:#0f172a;--blue:#2563eb;--gold:#e3a63e;--muted:#8390a0;--line:#e4e8ee;--green:#1f8a67;--red:#c94e55}*{box-sizing:border-box}body{margin:0;background:#f4f6f8}button,input,textarea{font:inherit}button{border:0;cursor:pointer}.shell{display:flex;min-height:100vh}.sidebar{width:248px;background:var(--navy);color:#d9e2ef;padding:20px 14px 14px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;overflow:auto}.brand{display:flex;gap:10px;align-items:center;padding:2px 10px 22px}.brand-logo{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#f3c86b,#d88c28);color:#31220d;display:grid;place-items:center;font-weight:800}.brand b{font-size:15px;color:#fff;display:block}.brand small{font-size:10px;color:#8290a4;display:block;margin-top:3px}.profile{display:flex;gap:10px;align-items:center;padding:12px 10px;margin:0 3px 18px;border:1px solid #24324a;background:#172237;border-radius:8px}.avatar{width:31px;height:31px;border-radius:50%;background:linear-gradient(135deg,#8aa8ff,#b6e1d4);color:#10223d;display:grid;place-items:center;font-weight:800}.avatar.small{width:30px;height:30px}.avatar.large{width:64px;height:64px;font-size:23px}.profile strong{display:block;color:#fff;font-size:12px}.profile span{display:block;color:#91a0b3;font-size:10px;margin-top:3px;white-space:nowrap}.sidebar nav{display:grid;gap:3px}.nav-row{height:40px;display:flex;gap:11px;align-items:center;width:100%;padding:0 12px;border-radius:6px;background:transparent;color:#9cabbc;text-align:left;font-size:12px}.nav-row:hover{background:#1d2a42;color:#fff}.nav-row.active{background:#1d4ed8;color:#fff}.nav-row svg:last-child{margin-left:auto}.nav-row .rot{transform:rotate(180deg)}.subnav{margin:2px 0 6px 27px;display:grid;gap:2px}.subnav button{background:transparent;color:#8090a6;text-align:left;font-size:11px;padding:7px 10px;border-left:1px solid #2d3d57}.subnav button:hover,.subnav .subactive{color:#fff;border-color:#5b8cf2}.sidebar-bottom{margin-top:auto}.collapse{display:flex;gap:10px;align-items:center;color:#8190a2;background:transparent;font-size:11px;padding:12px}.main{margin-left:248px;flex:1;min-width:0}.top{height:66px;border-bottom:1px solid var(--line);background:#fff;padding:0 34px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.muted{color:#8a96a4}.slash{padding:0 10px;color:#c5ccd5}.top b{color:#36475a}.top-right{display:flex;align-items:center;gap:18px}.today{color:#768494;font-size:11px}.icon{background:transparent;color:#718093;position:relative}.icon i{position:absolute;width:6px;height:6px;border-radius:50%;background:#d85e5e;right:-1px;top:-2px}.content{padding:32px 36px 46px;max-width:1500px}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:#a57b32;font-weight:800}.page-header h1{font-size:28px;color:#13233a;margin:8px 0 0;letter-spacing:-.3px}.page-header p{font-size:12px;color:var(--muted);margin:8px 0 0}.primary,.outline{height:36px;padding:0 13px;border-radius:6px;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.primary{background:var(--gold);color:#3b2b14}.primary:hover{background:#edb962}.primary.small{height:30px;font-size:10px;margin-top:12px}.outline{background:#fff;border:1px solid var(--line);color:#59697a}.outline:hover{background:#f8fafc}.metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px}.metric{background:#fff;border:1px solid var(--line);border-radius:8px;padding:15px;min-height:103px}.metric span{font-size:11px;color:#82909e}.metric strong{display:block;font-size:22px;margin:9px 0 7px;color:#172941}.metric small{font-size:10px;color:#8d9aa7}.metric small.up{color:var(--green)}.metric small.down{color:#bb7a36}.metric small.warn{color:var(--red)}.grid-2{display:grid;grid-template-columns:1.45fr 1fr;gap:17px;margin-bottom:17px}.panel{background:#fff;border:1px solid var(--line);border-radius:8px}.chart-card,.due-card,.list-card,.todo-card,.report-card,.settings-card{padding:19px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel-head h3{margin:0;font-size:14px;color:#1b2b42}.panel-head span{font-size:10px;color:#9aa5b0;display:block;margin-top:5px}.line-chart{display:flex;height:210px;margin-top:24px}.axis{width:38px;color:#a4afba;font-size:9px;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:26px}.plot{position:relative;flex:1}.lines{position:absolute;inset:0 0 26px;background:repeating-linear-gradient(to bottom,#edf0f3 0,#edf0f3 1px,transparent 1px,transparent 33%)}.plot svg{position:absolute;width:100%;height:175px;inset:0}.months{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#a4afba;font-size:9px}.legend{display:flex;gap:18px;justify-content:flex-end;color:#748293;font-size:10px}.legend span{display:flex;align-items:center;gap:5px}.blue-dot,.gold-dot{display:inline-block;width:7px;height:7px;border-radius:50%}.blue-dot{background:#2563eb}.gold-dot{background:#e3a63e}.due-list{margin-top:24px;display:grid;gap:13px}.due-row{display:flex;align-items:center;gap:10px}.calendar-icon{width:30px;height:30px;border-radius:7px;background:#eef4ff;color:#2563eb;display:grid;place-items:center}.due-row b{display:block;font-size:11px}.due-row small{display:block;color:#98a4b1;font-size:9px;margin-top:3px}.due-row em{margin-left:auto;font-style:normal;font-size:10px;color:#a77931}.due-row em.overdue{color:var(--red)}.outline-link,.text-link{background:transparent;color:#9b722c;font-size:10px;font-weight:700;display:inline-flex;align-items:center;gap:4px}.outline-link{margin-top:18px}.bottom-grid{grid-template-columns:1.15fr 1fr}.overdue-list{margin-top:18px}.overdue-row{display:flex;align-items:center;border-top:1px solid #eef1f4;padding:12px 0}.overdue-row b{display:block;font-size:11px}.overdue-row small{display:block;color:#98a4b0;font-size:9px;margin-top:3px}.overdue-row strong{margin-left:auto;color:var(--red);font-size:12px}.overdue-row span{width:75px;text-align:right;color:var(--red);font-size:10px}.todo-row,.todo-item{display:flex;align-items:center;gap:9px;border-top:1px solid #eef1f4;padding:12px 0;font-size:11px}.todo-row:first-child{margin-top:17px}.check{width:18px;height:18px;border:1px solid #cbd3dc;border-radius:4px;background:#fff;color:#fff;display:grid;place-items:center}.check.checked{background:#4f9c7c;border-color:#4f9c7c}.done{text-decoration:line-through;color:#a0aab4}.todo-row svg:last-child{margin-left:auto}.table-panel{padding:19px;overflow:auto}.table-panel table{width:100%;border-collapse:collapse;min-width:750px}.table-panel th{font-size:10px;color:#9aa6b2;font-weight:600;padding:12px 10px;text-align:left;border-bottom:1px solid var(--line)}.table-panel td{font-size:11px;color:#5d6c7c;padding:13px 10px;border-bottom:1px solid #eef1f3;white-space:nowrap}.table-panel td b{color:#24364c;display:block}.table-panel td small{display:block;color:#9da8b3;font-size:9px;margin-top:4px}.tag{font-size:10px;padding:4px 7px;border-radius:4px;background:#eef3f8;color:#617487;display:inline-block}.tag.green{background:#e7f5ee;color:#247c61}.tag.red{background:#fbeaec;color:#bd4e56}.progress{width:100px;background:#ecf0f4;height:7px;border-radius:5px;overflow:hidden;margin-bottom:5px}.progress i{display:block;background:#4c85e9;height:100%;border-radius:5px}.row-btn{background:transparent;color:#8996a3;padding:3px}.row-btn:hover{color:#bd4e56}.toolbar{display:flex;gap:9px;margin-bottom:15px}.search{height:36px;max-width:380px;flex:1;background:#fff;border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;gap:8px;padding:0 11px;color:#95a1ae}.search input{border:0;outline:0;flex:1;font-size:11px}.tax-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.tax-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px}.tax-top{display:flex;justify-content:space-between;align-items:center}.tax-symbol{width:31px;height:31px;border-radius:7px;background:#f5ebd5;color:#a4772e;display:grid;place-items:center;font-weight:800}.tax-card h3{font-size:14px;margin:16px 0 5px}.tax-card p{font-size:10px;color:#97a2ad;margin:0}.tax-card>strong{display:block;font-size:20px;margin-top:16px;color:#a4772e}.tax-card>strong.overdue{color:var(--red)}.three{grid-template-columns:repeat(3,1fr)}.overdue{color:var(--red)!important}.todo-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:17px}.todo-box,.note-box{padding:19px}.add-line{display:flex;gap:8px;margin-bottom:8px}.add-line input,.setting-form input,.note-box textarea{border:1px solid var(--line);border-radius:5px;padding:0 10px;outline:0;font-size:11px}.add-line input{height:36px;flex:1}.todo-item span{flex:1}.star{background:transparent;padding:3px}.note-box h3,.settings-card h3{margin:0 0 18px;color:#1b2c42;font-size:14px}.note-box textarea{width:100%;min-height:150px;padding:10px;resize:vertical;display:block;margin-bottom:12px}.link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.link-card{padding:17px}.link-head{display:flex;justify-content:space-between}.link-head h3{margin:0;font-size:14px}.link-row{display:flex;align-items:center;gap:10px;border-top:1px solid #eef1f4;padding:13px 0}.site-icon{width:29px;height:29px;border-radius:7px;background:linear-gradient(135deg,#c3d7ff,#e4ecff);color:#2a61c2;display:grid;place-items:center;font-weight:800}.link-row div:nth-child(2){flex:1}.link-row b{display:block;font-size:11px}.link-row small{color:#99a5b1;font-size:9px}.link-row a{color:#a4772e}.report-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:17px;margin-bottom:17px}.bar-list{margin-top:20px}.bar-row{display:grid;grid-template-columns:155px 1fr 90px;gap:14px;align-items:center;margin-top:18px;font-size:11px}.bar-row>div{height:8px;background:#edf1f4;border-radius:5px;overflow:hidden}.bar-row i{display:block;height:100%;background:#4c85e9;border-radius:5px}.bar-row b{text-align:right;color:#26384f;font-size:11px}.donut-large{width:170px;height:170px;margin:24px auto;background:conic-gradient(#2563eb 0 65%,#e3a63e 65% 100%);border-radius:50%;display:grid;place-items:center;position:relative}.donut-large:before{content:'';position:absolute;width:116px;height:116px;border-radius:50%;background:#fff}.donut-large div{position:relative;text-align:center}.donut-large b{display:block;font-size:19px}.donut-large span{display:block;font-size:10px;color:#97a2ad;margin-top:4px}.report-legend{display:flex;justify-content:center;gap:18px;font-size:10px;color:#778594}.report-legend span{display:flex;align-items:center;gap:5px}.settings-card{margin-bottom:17px}.setting-form{display:grid;grid-template-columns:180px 1fr 1fr;gap:16px;align-items:center;margin-bottom:18px}.profile-preview{display:flex;align-items:center;gap:10px;color:#96a2af;font-size:10px}.setting-form label{font-size:11px;color:#677687}.setting-form input{width:100%;height:36px;display:block;margin-top:6px}.placeholder-panel{text-align:center;padding:80px 30px;color:#8c99a7}.placeholder-panel svg{color:#7da2e5}.placeholder-panel h3{color:#24364d;font-size:15px;margin:14px 0 7px}.placeholder-panel p{font-size:11px;max-width:440px;margin:0 auto 18px;line-height:1.7}.tabs.big{display:flex;gap:22px;margin-bottom:15px}.tabs.big button{background:transparent;color:#8794a2;padding:9px 2px;font-size:11px}.tabs.big .selected{color:#1d4ed8;border-bottom:2px solid #2563eb;font-weight:700}.empty{text-align:center;padding:35px;color:#a0aab5;font-size:11px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#17263a;color:#fff;border-radius:7px;padding:10px 15px;display:flex;align-items:center;gap:7px;font-size:11px;box-shadow:0 8px 28px #12233938;z-index:10}.toast svg{color:#83d0ae}.green-text{color:var(--green)!important}.profile-preview span{font-size:10px;color:#98a4b0}@media(max-width:1050px){.sidebar{width:220px}.main{margin-left:220px}.content{padding:28px 23px}.metric-grid{grid-template-columns:repeat(3,1fr)}.tax-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.sidebar{width:64px;padding:18px 8px}.main{margin-left:64px}.brand{padding:0 5px 26px}.brand>div:nth-child(2),.profile>div:nth-child(2),.nav-row span,.nav-row svg:last-child,.collapse{display:none}.profile{padding:6px;justify-content:center;border:0;background:transparent}.nav-row{justify-content:center;padding:0}.subnav{display:none}.top{padding:0 14px;height:58px}.today{display:none}.content{padding:22px 14px}.page-header{align-items:flex-start;gap:12px}.page-header h1{font-size:23px}.page-header p{font-size:11px}.page-header .primary,.page-header .outline{white-space:nowrap;padding:0 10px}.metric-grid,.tax-grid,.link-grid{grid-template-columns:repeat(2,1fr);gap:9px}.metric{padding:12px}.metric strong{font-size:19px}.grid-2,.todo-layout,.report-grid{grid-template-columns:1fr}.table-panel{padding:14px}.setting-form{grid-template-columns:1fr}.bar-row{grid-template-columns:105px 1fr 65px;gap:8px}.toolbar{flex-wrap:wrap}.search{flex-basis:100%;max-width:none}.tax-card{padding:13px}.tax-card>strong{font-size:18px}} :root{--ease-out: cubic-bezier(0.23, 1, 0.32, 1);--ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);--ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);--dur-fast: 140ms;--dur-mid: 200ms;--dur-slow: 320ms;} .sync{display: flex;align-items: center;gap: 4px;color: #82909e;font-size: 10px;} .orange-text{color: #b8792f;} .table-title{display: flex;justify-content: space-between;align-items: center;padding-bottom: 14px;} .table-title h3{margin: 0;font-size: 14px;} .table-title span{display: block;margin-top: 5px;color: #99a4b0;font-size: 10px;} .report-index{display: grid;grid-template-columns: repeat(4, 1fr);gap: 10px;margin-bottom: 18px;} .report-index-card{background: #fff;border: 1px solid var(--line);border-radius: 7px;display: flex;align-items: center;gap: 9px;padding: 12px;} .report-index-card > div:nth-child(2){flex: 1;} .report-index-card b{display: block;font-size: 10px;color: #31435a;} .report-index-card small{display: block;color: #9ba6b1;font-size: 9px;margin-top: 4px;} .report-icon{width: 27px;height: 27px;border-radius: 6px;display: grid;place-items: center;} .tone-0{background: #eaf1ff;color: #2563eb;} .tone-1{background: #e9f7f0;color: #218364;} .tone-2{background: #fff4df;color: #b57d2b;} .tone-3{background: #fbecee;color: #c4525c;} .params{grid-template-columns: repeat(4, 1fr);} .reminder-table{margin-top: 17px;} @media (max-width: 1050px){.report-index{grid-template-columns: repeat(2, 1fr);}} @media (max-width: 700px){.report-index{grid-template-columns: 1fr;} .params{grid-template-columns: 1fr;} .sync{display: none;}} .shipment-tools{display: flex;gap: 9px;align-items: flex-end;margin-bottom: 15px;flex-wrap: wrap;} .finance-filters{flex-wrap: wrap;margin-bottom: 18px;} .finance-filters .search{flex: 1 1 160px;min-width: 150px;max-width: 230px;} .filter-select{height: 36px;min-width: 132px;padding: 0 30px 0 11px;border: 1px solid var(--line);border-radius: 6px;background: #fff;color: #59697a;font: inherit;font-size: 11px;outline: none;} .shipment-tools .search{min-width: 260px;} .date-filter{font-size: 10px;color: #758493;} .date-filter input{display: block;height: 36px;margin-top: 5px;border: 1px solid var(--line);border-radius: 6px;padding: 0 9px;color: #415166;font-size: 11px;background: #fff;} .date-sep{color: #a1acb7;font-size: 11px;padding-bottom: 10px;} .shipment-panel{overflow: auto;} .shipment-table{min-width: 1500px;} .shipment-table th, .shipment-table td{font-size: 10px;padding: 11px 8px;} .shipment-table td{white-space: nowrap;} .shipment-table .code{font-family: ui-monospace, SFMono-Regular, Consolas, monospace;color: #a4772e;} .row-btn.danger:hover{color: #c94e55;} .modal-backdrop{position: fixed;inset: 0;background: #0f172a66;display: grid;place-items: center;z-index: 20;} .shipment-form{background: #fff;border-radius: 10px;width: min(760px, calc(100vw - 28px));max-height: calc(100vh - 40px);overflow: auto;padding: 22px;box-shadow: 0 18px 48px #0f172a33;} .shipment-form h2{margin: 0;color: #15243a;font-size: 18px;} .shipment-form p{margin: 6px 0 0;color: #8d99a6;font-size: 11px;} .shipment-form-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 13px;margin-top: 20px;} .shipment-form-grid label{font-size: 10px;color: #687788;} .shipment-form-grid input, .shipment-form-grid select{display: block;width: 100%;height: 35px;margin-top: 6px;border: 1px solid var(--line);border-radius: 5px;padding: 0 9px;font-size: 11px;color: #24364d;background: #fff;} .form-actions{display: flex;justify-content: flex-end;gap: 8px;border-top: 1px solid var(--line);padding-top: 15px;margin-top: 20px;} @media (max-width: 700px){.shipment-form-grid{grid-template-columns: 1fr 1fr;} .shipment-tools .search{min-width: 100%;flex-basis: 100%;} .date-filter{flex: 1;} .date-filter input{width: 100%;}} @media (max-width: 480px){.shipment-form-grid{grid-template-columns: 1fr;}} .header-actions{display: flex;gap: 8px;align-items: center;flex-wrap: wrap;} .import-button{position: relative;cursor: pointer;display: inline-flex;align-items: center;gap: 7px;} .import-button input{position: absolute;width: 1px;height: 1px;opacity: 0;pointer-events: none;} .shipment-form-grid textarea{display: block;width: 100%;min-height: 76px;margin-top: 6px;border: 1px solid var(--line);border-radius: 5px;padding: 9px;font: inherit;color: #24364d;background: #fff;resize: vertical;} .shipment-form-grid .wide-field{grid-column: span 2;} @media (max-width: 480px){.shipment-form-grid .wide-field{grid-column: span 1;}} .business-overview .page-header{margin-bottom: 20px;} .business-overview{--ov-bg: #07120f;--ov-surface: rgba(13, 31, 26, 0.82);--ov-border: rgba(126, 231, 190, 0.14);--ov-text: #edf8f3;--ov-muted: #7f9c91;--ov-accent: #51e0a4;position: relative;isolation: isolate;margin: -32px -36px -46px;padding: 31px 36px 46px;min-height: calc(100vh - 66px);color: var(--ov-text);background: radial-gradient(circle at 18% 3%, rgba(54, 202, 144, 0.16), transparent 26%), radial-gradient(circle at 85% 20%, rgba(32, 122, 92, 0.12), transparent 30%), linear-gradient(145deg, #081712, var(--ov-bg) 52%, #060d0b);overflow: hidden;} .business-overview:before{content: "";position: absolute;inset: 0;z-index: -1;pointer-events: none;opacity: .18;background-image: linear-gradient(rgba(98, 218, 169, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(98, 218, 169, .05) 1px, transparent 1px);background-size: 42px 42px;mask-image: linear-gradient(to bottom, #000, transparent 70%);} .business-overview .page-header h1{color: var(--ov-text);letter-spacing: -.5px;} .business-overview .page-header p{color: var(--ov-muted);} .business-overview .page-header .primary{color: #04110c;background: linear-gradient(135deg, #7cf3bd, #35c98d);box-shadow: 0 0 28px rgba(57, 215, 154, .22);} .business-overview .panel{background: linear-gradient(145deg, rgba(15, 35, 29, .9), rgba(8, 22, 18, .84));border-color: var(--ov-border);box-shadow: inset 0 1px rgba(255,255,255,.025), 0 18px 55px rgba(0,0,0,.18);backdrop-filter: blur(16px);} .business-overview .panel-head h3, .business-overview .table-title h3{color: var(--ov-text);} .business-overview .panel-head span, .business-overview .table-title span{color: var(--ov-muted);} .overview-filter{display: flex;justify-content: space-between;align-items: center;margin-bottom: 16px;} .overview-filter > span{font-size: 11px;color: var(--ov-muted);display: flex;align-items: center;gap: 7px;} .live-pulse{width: 7px;height: 7px;border-radius: 50%;background: var(--ov-accent);box-shadow: 0 0 0 0 rgba(81,224,164,.5);animation: livePulse 2s infinite;} @keyframes livePulse{70%{box-shadow: 0 0 0 8px rgba(81,224,164,0);} 100%{box-shadow: 0 0 0 0 rgba(81,224,164,0);}} .period-tabs{display: inline-flex;padding: 3px;background: rgba(255,255,255,.035);border: 1px solid var(--ov-border);border-radius: 9px;} .period-tabs button{height: 30px;padding: 0 16px;background: transparent;border-radius: 5px;color: var(--ov-muted);font-size: 11px;} .period-tabs button.selected{background: rgba(81,224,164,.14);color: #8df4c6;font-weight: 700;box-shadow: inset 0 0 18px rgba(81,224,164,.05);} .business-metrics{display: grid;grid-template-columns: repeat(4, 1fr);gap: 13px;margin-bottom: 14px;} .business-metric{position: relative;overflow: hidden;background: linear-gradient(135deg, rgba(23, 49, 41, .88), rgba(9, 25, 20, .82));border: 1px solid var(--ov-border);border-radius: 14px;padding: 17px 19px;min-height: 126px;box-shadow: inset 0 1px rgba(255,255,255,.035), 0 20px 45px rgba(0,0,0,.14);transition: transform var(--dur-slow) var(--ease-out), border-color var(--dur-slow) var(--ease-out);} .business-metric:after{content: "";position: absolute;width: 110px;height: 110px;right: -42px;bottom: -58px;border-radius: 50%;background: rgba(71, 225, 162, .13);filter: blur(8px);} .business-metric:hover{border-color: rgba(126,231,190,.3);} @media (hover: hover) and (pointer: fine){.business-metric:hover{transform: translateY(-3px);}} .business-metric:nth-child(2):after{background: rgba(65, 174, 224, .13);} .business-metric:nth-child(3):after{background: rgba(222, 170, 93, .15);} .business-metric:nth-child(4):after{background: rgba(111, 238, 190, .2);} .business-metric{animation: metricIn .5s var(--ease-out) both;} @keyframes metricIn{from{opacity: 0;} to{opacity: 1;}} .business-metric:nth-child(1){animation-delay: 0ms;} .business-metric:nth-child(2){animation-delay: 70ms;} .business-metric:nth-child(3){animation-delay: 140ms;} .business-metric:nth-child(4){animation-delay: 210ms;} .business-metric span{display: flex;justify-content: space-between;color: #91aa9f;font-size: 11px;} .business-metric i{font-style: normal;width: 27px;height: 27px;border-radius: 6px;background: rgba(91, 229, 174, .11);border: 1px solid rgba(91,229,174,.14);color: var(--ov-accent);display: grid;place-items: center;font-size: 12px;} .business-metric strong{display: block;margin: 10px 0 7px;font-size: 24px;color: var(--ov-text);} .business-metric small{font-size: 10px;color: var(--ov-muted);} .business-metric.profit strong{color: #69e9b4;text-shadow: 0 0 22px rgba(81,224,164,.18);} .workflow-overview{display: grid;grid-template-columns: minmax(190px,.75fr) minmax(0,2fr);gap: 30px;align-items: center;margin-bottom: 14px;padding: 20px 24px;border: 1px solid var(--ov-border);border-radius: 14px;background: linear-gradient(105deg, rgba(13,34,27,.94), rgba(8,24,19,.76));box-shadow: inset 0 1px rgba(255,255,255,.025);} .workflow-copy > span{color: #4ed79e;font-size: 9px;letter-spacing: 1.7px;font-weight: 800;} .workflow-copy h3{margin: 7px 0 5px;font-size: 15px;color: var(--ov-text);} .workflow-copy p{margin: 0;color: var(--ov-muted);font-size: 10px;line-height: 1.65;} .workflow-steps{display: flex;align-items: center;justify-content: flex-end;} .workflow-steps button{min-width: 132px;padding: 13px 15px;display: grid;grid-template-columns: 34px 1fr auto;grid-template-rows: 1fr 1fr;gap: 1px 10px;text-align: left;color: var(--ov-text);background: rgba(255,255,255,.025);border: 1px solid rgba(125,225,185,.1);border-radius: 11px;transition: .2s ease;} .workflow-steps button:hover{background: rgba(81,224,164,.08);border-color: rgba(81,224,164,.28);} .workflow-steps button i{grid-row: 1/3;width: 34px;height: 34px;border-radius: 9px;display:grid;place-items:center;color:var(--ov-accent);background:rgba(81,224,164,.1);} .workflow-steps button span{font-size: 10px;color: #9bb0a8;} .workflow-steps button strong{grid-row: 1/3;grid-column: 3;align-self:center;font-size: 22px;color: #7bedbd;} .workflow-steps button small{font-size: 9px;color: #577268;} .workflow-line{width: clamp(22px,4vw,70px);height: 1px;background: rgba(81,224,164,.18);position:relative;overflow:hidden;} .workflow-line span{position:absolute;width:35%;height:100%;background:var(--ov-accent);box-shadow:0 0 8px var(--ov-accent);animation:flowLine 2.4s linear infinite;} @keyframes flowLine{from{left:-35%;} to{left:100%;}} .overview-analytics{display: grid;grid-template-columns: minmax(0, 2.2fr) minmax(280px, 1fr);gap: 14px;margin-bottom: 14px;} .trend-panel, .cost-panel{padding: 20px;} .overview-legend{display: flex;gap: 7px;align-items: center;color: var(--ov-muted);font-size: 10px;} .income-dot, .profit-dot{width: 7px;height: 7px;border-radius: 2px;margin-left: 7px;} .income-dot{background: #65a8d8;} .profit-dot{background: var(--ov-accent);} .business-chart{height: 265px;position: relative;margin: 16px 12px 0 36px;} .chart-grid{position: absolute;inset: 0 0 27px;background: repeating-linear-gradient(
    to bottom,
    rgba(126,231,190,.08) 0,
    rgba(126,231,190,.08) 1px,
    transparent 1px,
    transparent 25%
  );} .business-chart svg{position: absolute;inset: 0 0 27px;width: 100%;height: calc(100% - 27px);overflow: visible;} .income-line, .profit-line{fill: none;vector-effect: non-scaling-stroke;stroke-width: 2;} .income-line{stroke: #62a9d9;} .profit-line{stroke: var(--ov-accent);filter: drop-shadow(0 0 3px rgba(81,224,164,.45));} .profit-point{fill: #0a1b16;stroke: var(--ov-accent);vector-effect: non-scaling-stroke;stroke-width: 2;} .chart-months{position: absolute;left: -3px;right: -3px;bottom: 0;display: flex;justify-content: space-between;font-size: 10px;color: var(--ov-muted);} .cost-donut{width: 148px;height: 148px;border-radius: 50%;display: grid;place-items: center;margin: 19px auto;position: relative;} .cost-donut:before{content: "";position: absolute;width: 88px;height: 88px;border-radius: 50%;background: #0b1d17;} .cost-donut div{position: relative;color: #91aa9f;font-size: 11px;} .cost-list{display: grid;gap: 12px;} .cost-list span{display: grid;grid-template-columns: 10px 1fr auto;gap: 8px;align-items: center;font-size: 10px;color: #91aa9f;} .cost-list i{width: 7px;height: 7px;border-radius: 2px;} .transport-color{background: var(--ov-accent);} .expense-color{background: #dfad67;} .cost-list b{color: #dcebe5;} .business-overview .overview-table th{color: #779388;border-color: rgba(126,231,190,.1);} .business-overview .overview-table td{color: #a9bdb5;border-color: rgba(126,231,190,.075);} .business-overview .overview-table td b{color: #e2efe9;} .business-overview .overview-table tr:hover td{background: rgba(81,224,164,.025);} .business-overview .text-link{color: #64e1ad;} .business-overview .tag{background: rgba(255,255,255,.055);color:#a7bcb3;} .business-overview .tag.green{background:rgba(81,224,164,.11);color:#65e6b0;} .business-overview .tag.red{background:rgba(227,111,111,.1);color:#e88d8d;} .overview-table{margin-bottom: 20px;} .table-title{display: flex;align-items: flex-start;justify-content: space-between;} .table-title h3{margin: 0;color: #1b2b42;font-size: 14px;} .table-title span{display: block;color: #9aa5b0;font-size: 10px;margin-top: 5px;} @media (max-width: 1100px){.business-metrics{grid-template-columns: repeat(2, 1fr);} .overview-analytics{grid-template-columns: 1fr;} .cost-panel{display: grid;grid-template-columns: 1fr 180px 1fr;align-items: center;} .workflow-overview{grid-template-columns: 1fr;gap: 17px;} .workflow-steps{justify-content: flex-start;} .cost-donut{margin: 0 auto;}} @media (max-width: 700px){.business-overview{margin: -22px -14px -46px;padding: 22px 14px 46px;min-height:calc(100vh - 58px);} .overview-filter{align-items: flex-start;gap: 10px;flex-direction: column;} .period-tabs{width: 100%;} .period-tabs button{flex: 1;padding: 0 8px;} .business-metrics{grid-template-columns: 1fr 1fr;gap: 9px;} .workflow-overview{padding:16px;} .workflow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;} .workflow-steps button{min-width:0;grid-template-columns:30px 1fr;padding:10px;} .workflow-steps button strong{grid-row:auto;grid-column:2;font-size:18px;} .workflow-steps button small{display:none;} .workflow-line{display:none;} .business-metric{padding: 13px;min-height: 112px;} .business-metric strong{font-size: 19px;} .overview-analytics{grid-template-columns: 1fr;} .business-chart{height: 210px;margin-left: 12px;} .cost-panel{display: block;} .cost-donut{margin: 18px auto;}} .outline.mini{height: 29px;padding: 0 9px;font-size: 10px;} .outline.mini:disabled{cursor: not-allowed;opacity: 0.55;} .permission-table{margin-top: 20px;border: 1px solid var(--line);border-radius: 7px;overflow: hidden;} .permission-head, .permission-row{display: grid;grid-template-columns: minmax(180px, 1fr) repeat(3, minmax(110px, 0.5fr));align-items: center;} .permission-head{background: #f7f9fa;color: #516172;font-size: 11px;} .permission-head b, .permission-row > span, .permission-row > label{padding: 12px 14px;} .permission-head b:not(:first-child), .permission-row > label{text-align: center;} .permission-row{border-top: 1px solid var(--line);font-size: 11px;} .permission-row > label{cursor: pointer;} .permission-row input{position: absolute;opacity: 0;pointer-events: none;} .permission-row i{width: 20px;height: 20px;border: 1px solid #cbd5dc;border-radius: 4px;display: inline-grid;place-items: center;color: transparent;background: #fff;} .permission-row input:checked + i{background: #18745a;border-color: #18745a;color: #fff;} @media (max-width: 700px){.permission-table{overflow: auto;} .permission-head, .permission-row{min-width: 570px;}} .sidebar{overflow: hidden;} .sidebar nav{flex: 1;min-height: 0;display: flex;flex-direction: column;justify-content: flex-start;gap: 3px;overflow-y: auto;overflow-x: hidden;padding-right: 3px;scrollbar-width: thin;scrollbar-color: #33435d transparent;} .sidebar nav .nav-row{flex: 0 0 40px;margin: 0;} .sidebar-bottom{flex: 0 0 auto;margin-top: 9px;padding-top: 9px;border-top: 1px solid #24324a;background: var(--navy);} .profit-report-page .page-header{padding-bottom: 20px;border-bottom: 1px solid var(--line);} .report-toolbar{padding: 16px;display: flex;align-items: flex-end;gap: 11px;margin-bottom: 14px;} .report-toolbar label{font-size: 10px;color: #526677;} .report-toolbar input{display: block;width: 116px;height: 38px;margin-top: 6px;border: 1px solid #d3dde0;border-radius: 6px;padding: 0 10px;font-size: 11px;color: #23384a;} .report-export{height: 38px;padding: 0 14px;border-radius: 6px;background: #117458;color: #fff;display: inline-flex;align-items: center;gap: 7px;font-size: 11px;font-weight: 700;} .profit-sheet{padding: 28px 24px 24px;min-height: 570px;} .profit-sheet-title{text-align: center;margin-bottom: 27px;} .profit-sheet-title h2{margin: 0;color: #102536;font-size: 19px;} .profit-sheet-title p{margin: 7px 0 0;color: #70837f;font-size: 10px;} .profit-lines{width: min(760px, 100%);margin: 0 auto;} .profit-line-row{min-height: 44px;border-bottom: 1px solid #e4ebe9;display: flex;align-items: center;justify-content: space-between;padding: 0 5px;font-size: 12px;} .profit-line-row b{color: #102536;} .profit-line-row.detail{padding-left: 26px;color: #61736f;font-size: 11px;} .profit-line-row.major{font-weight: 700;border-bottom-color: #cfdad7;} .profit-line-row.net{margin-top: 7px;padding: 0 13px;background: #eaf5f1;color: #087156;font-size: 14px;border-bottom: 0;} .profit-line-row.net b{color: #087156;} .profit-line-row.margin{font-weight: 700;} .report-footnote{text-align: center;color: #71827e;font-size: 10px;margin: 25px 0 0;} @media (max-width: 700px){.report-toolbar{flex-wrap: wrap;} .report-toolbar label{flex: 1;min-width: 125px;} .report-toolbar input{width: 100%;} .profit-sheet{padding: 22px 14px;} .profit-line-row{font-size: 11px;} .profit-line-row.net{font-size: 13px;}} .login-shell{min-height: 100vh;background: linear-gradient(135deg, #071426, #132940);display: grid;place-items: center;padding: 24px;} .login-card{width: min(400px, 100%);background: #fff;border-radius: 14px;padding: 32px;box-shadow: 0 24px 70px #02091466;} .login-logo{width: 48px;height: 48px;margin: 0 auto 16px;border-radius: 12px;background: linear-gradient(135deg, #f3c86b, #d88c28);display: grid;place-items: center;font-size: 22px;font-weight: 800;color: #38250b;} .login-card h1{text-align: center;margin: 0;color: #14263b;font-size: 22px;} .login-card > p{text-align: center;color: #81909e;font-size: 11px;margin: 8px 0 24px;} .login-card label{display: block;color: #566779;font-size: 11px;margin-top: 14px;} .login-card input{display: block;width: 100%;height: 42px;margin-top: 7px;border: 1px solid #dbe2e8;border-radius: 7px;padding: 0 12px;outline: 0;} .login-card input:focus{border-color: #1e7b62;box-shadow: 0 0 0 3px #1e7b6214;} .login-submit{width: 100%;height: 42px;margin-top: 20px;border-radius: 7px;background: #14745a;color: #fff;font-weight: 700;} .login-submit:disabled{opacity: 0.6;} .login-error{margin-top: 12px;padding: 9px 11px;border-radius: 6px;background: #fbeaec;color: #b64b55;font-size: 11px;} .login-card > small{display: block;text-align: center;color: #9aa5af;margin-top: 14px;font-size: 9px;} .account-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 10px;margin-top: 18px;} .account-grid > div{border: 1px solid var(--line);border-radius: 7px;padding: 12px;display: flex;align-items: center;gap: 9px;} .account-grid p{flex: 1;margin: 0;} .account-grid b{display: block;font-size: 11px;} .account-grid small{display: block;color: #8795a1;font-size: 9px;margin-top: 3px;} .workflow-summary{display: flex;gap: 8px;margin-bottom: 14px;} .workflow-summary button{background: #fff;border: 1px solid var(--line);border-radius: 6px;padding: 8px 11px;font-size: 10px;color: #667688;text-align: left;} .workflow-summary button:hover{border-color: #83a99d;background: #f7fbf9;} .workflow-summary button.selected{border-color: #18745a;background: #eaf5f1;color: #12664f;box-shadow: 0 0 0 2px #18745a12;} .workflow-summary b{margin-left: 9px;color: #16755b;} .nav-group .rot{transform: rotate(180deg);} .nav-group .subnav button{width: 100%;} .workflow-note{display: flex;align-items: center;gap: 8px;padding: 10px 13px;margin-bottom: 13px;border-radius: 7px;background: #eaf5f1;color: #18745a;font-size: 11px;} .workflow-tag{height:27px;border-radius:5px;padding:0 8px;background:#fff3df;color:#a56818;display:inline-flex;align-items:center;gap:4px;font-size:10px}.workflow-tag.done{background:#e6f4ee;color:#18745a}.workflow-tag:disabled{cursor:default} body[data-theme="theme-logistics"] .main{background: linear-gradient(145deg,#071d16,#0a241b 55%,#071710);} body[data-theme="theme-logistics"] .panel, body[data-theme="theme-logistics"] .metric, body[data-theme="theme-logistics"] .table-panel{border-color: rgba(85,223,166,.22);} body[data-theme="theme-logistics"] .page-header h1{color:#8cefc3;} body[data-theme="theme-logistics"] .primary{background: linear-gradient(135deg,#55dfa6,#22ae78);} body[data-theme="theme-finance"] .main{background:#eef3f7;} body[data-theme="theme-finance"] .content{color:#29445b;} body[data-theme="theme-finance"] .panel, body[data-theme="theme-finance"] .metric, body[data-theme="theme-finance"] .table-panel{background:#fff;border-color:#d8e2eb;box-shadow:0 8px 24px rgba(30,65,92,.08);} body[data-theme="theme-finance"] .page-header h1{color:#1f557c;} body[data-theme="theme-finance"] .primary{background:#2279ad;color:#fff;} body[data-theme="theme-finance"] .outline{background:#fff;border-color:#b9ccda;color:#37627e;} body[data-theme="theme-finance"] .table-panel th{color:#52748b;background:#f4f8fb;} body[data-theme="theme-finance"] .table-panel td{color:#45647b;border-color:#e3ebf1;} body[data-theme="theme-finance"] .tag.green{background:#e4f4ed;color:#187657;} body[data-theme="theme-overview"] .main{background:transparent;} body[data-theme="theme-global-dark"] .main{background:transparent;} body[data-theme="theme-global-dark"] .content{color:#dcebe5;} body[data-theme="theme-global-dark"] .panel, body[data-theme="theme-global-dark"] .metric, body[data-theme="theme-global-dark"] .tax-card, body[data-theme="theme-global-dark"] .report-index-card, body[data-theme="theme-global-dark"] .table-panel{background:linear-gradient(145deg,rgba(15,35,29,.91),rgba(8,22,18,.86));border-color:rgba(126,231,190,.14);box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 55px rgba(0,0,0,.13);} body[data-theme="theme-global-dark"] .page-header h1{color:#edf8f3;} body[data-theme="theme-global-dark"] .page-header p{color:#7f9c91;} body[data-theme="theme-global-dark"] .table-panel th{color:#789388;border-color:rgba(126,231,190,.12);background:transparent;} body[data-theme="theme-global-dark"] .table-panel td{color:#a8bdb4;border-color:rgba(126,231,190,.075);} body[data-theme="theme-global-dark"] .table-panel td b{color:#e1eee9;} body[data-theme="theme-global-dark"] .primary{color:#04110c;background:linear-gradient(135deg,#78efbc,#38c98e);} body[data-theme="theme-global-dark"] .outline{color:#a5bbb2;background:rgba(255,255,255,.035);border-color:rgba(126,231,190,.16);} body[data-theme="theme-global-dark"] .filter-select, body[data-theme="theme-global-dark"] select{color:#dbe9e4;background:#0b2019;border-color:rgba(126,231,190,.16);} body[data-theme="theme-global-dark"]{--navy:#111214;--gold:#c9a45c;--green:#8fb89d;--line:rgba(255,255,255,.1);background:#111214;color:#e8e5de;} body[data-theme="theme-global-dark"] .shell{background:linear-gradient(145deg,#17181a,#0f1011 62%,#0a0b0c);} body[data-theme="theme-global-dark"] .sidebar{background:linear-gradient(180deg,#17181a,#0d0e10);border-right:1px solid rgba(255,255,255,.1);box-shadow:10px 0 35px rgba(0,0,0,.28);} body[data-theme="theme-global-dark"] .brand-logo, body[data-theme="theme-global-dark"] .login-logo{color:#1b160d;background:linear-gradient(135deg,#e0c27b,#a47b35);box-shadow:0 0 24px rgba(201,164,92,.18);} body[data-theme="theme-global-dark"] .brand b, body[data-theme="theme-global-dark"] .profile strong{color:#f3f0e9;} body[data-theme="theme-global-dark"] .brand small, body[data-theme="theme-global-dark"] .profile span, body[data-theme="theme-global-dark"] .nav-row{color:#999b9d;} body[data-theme="theme-global-dark"] .nav-row:hover{color:#f1ede4;background:rgba(201,164,92,.08);} body[data-theme="theme-global-dark"] .nav-row.active{color:#e2c27e;background:rgba(201,164,92,.11);border-color:rgba(201,164,92,.22);box-shadow:inset 3px 0 #c9a45c;} body[data-theme="theme-global-dark"] .subnav button{color:#85878a;border-color:rgba(255,255,255,.1);} body[data-theme="theme-global-dark"] .subnav button:hover, body[data-theme="theme-global-dark"] .subnav .subactive{color:#ddbd78;border-color:#c9a45c;background:rgba(201,164,92,.06);} body[data-theme="theme-global-dark"] .top{background:rgba(17,18,20,.92);border-color:rgba(255,255,255,.1);color:#aaa9a5;} body[data-theme="theme-global-dark"] .top b, body[data-theme="theme-global-dark"] .page-header h1{color:#f0ede7;} body[data-theme="theme-global-dark"] .top .muted, body[data-theme="theme-global-dark"] .today, body[data-theme="theme-global-dark"] .page-header p{color:#898b8d;} body[data-theme="theme-global-dark"] .panel, body[data-theme="theme-global-dark"] .metric, body[data-theme="theme-global-dark"] .tax-card, body[data-theme="theme-global-dark"] .report-index-card, body[data-theme="theme-global-dark"] .table-panel{background:linear-gradient(145deg,#202123,#17181a);border-color:rgba(255,255,255,.1);box-shadow:0 16px 45px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.035);} body[data-theme="theme-global-dark"] .panel-head h3, body[data-theme="theme-global-dark"] .table-title h3, body[data-theme="theme-global-dark"] .metric strong, body[data-theme="theme-global-dark"] .tax-card h3, body[data-theme="theme-global-dark"] .table-panel td b{color:#eeeae2;} body[data-theme="theme-global-dark"] .panel-head span, body[data-theme="theme-global-dark"] .metric span, body[data-theme="theme-global-dark"] .metric small, body[data-theme="theme-global-dark"] .table-panel th{color:#929497;} body[data-theme="theme-global-dark"] .table-panel td{color:#b5b3ae;border-color:rgba(255,255,255,.075);} body[data-theme="theme-global-dark"] .primary, body[data-theme="theme-global-dark"] .report-export{color:#20180b;background:linear-gradient(135deg,#e0bd72,#b28a42);box-shadow:0 7px 22px rgba(0,0,0,.25);} body[data-theme="theme-global-dark"] .primary:hover, body[data-theme="theme-global-dark"] .report-export:hover{background:linear-gradient(135deg,#ebcf8d,#c29a50);} body[data-theme="theme-global-dark"] .outline{color:#c7c2b8;background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.16);} body[data-theme="theme-global-dark"] .outline:hover{color:#e1bf79;background:rgba(201,164,92,.08);border-color:rgba(201,164,92,.38);} body[data-theme="theme-global-dark"] .tag{color:#bbb8af;background:rgba(255,255,255,.07);} body[data-theme="theme-global-dark"] .tag.green{color:#a6d0b3;background:rgba(124,177,143,.13);} body[data-theme="theme-global-dark"] .tag.red{color:#e39a95;background:rgba(208,105,98,.12);} body[data-theme="theme-global-dark"] .tax-symbol, body[data-theme="theme-global-dark"] .tone-0, body[data-theme="theme-global-dark"] .tone-1, body[data-theme="theme-global-dark"] .tone-2, body[data-theme="theme-global-dark"] .tone-3{background:rgba(201,164,92,.12);color:#d7b66d;} body[data-theme="theme-global-dark"] .tax-card > strong, body[data-theme="theme-global-dark"] .orange-text{color:#d4ad61;} body[data-theme="theme-global-dark"] .search, body[data-theme="theme-global-dark"] .date-filter input, body[data-theme="theme-global-dark"] .report-toolbar input, body[data-theme="theme-global-dark"] .add-line input, body[data-theme="theme-global-dark"] .setting-form input, body[data-theme="theme-global-dark"] .note-box textarea{color:#e2dfd8;background:#121315;border-color:rgba(255,255,255,.13);} body[data-theme="theme-global-dark"] .shipment-form{background:linear-gradient(145deg,#252628,#151618);border-color:rgba(201,164,92,.25);} body[data-theme="theme-global-dark"] .login-shell{background:radial-gradient(circle at 25% 18%,rgba(201,164,92,.1),transparent 30%),linear-gradient(145deg,#1b1c1f,#0c0d0e 65%,#08090a);} body[data-theme="theme-global-dark"] .login-card{background:linear-gradient(145deg,rgba(37,38,40,.96),rgba(19,20,22,.96));border-color:rgba(201,164,92,.22);} body[data-theme="theme-global-dark"] .login-card h1{color:#f0ede7;} body[data-theme="theme-global-dark"] .login-submit{color:#20180b;background:linear-gradient(135deg,#e0bd72,#b28a42);} .recovery-modal{position:fixed;inset:0;background:rgba(2,2,3,.82);display:grid;place-items:center;z-index:9999;backdrop-filter:blur(8px)} .recovery-form{background:linear-gradient(145deg,#252628,#151618);border:1px solid rgba(201,164,92,.25);border-radius:8px;width:min(760px,calc(100vw - 28px));padding:22px;color:#e8e5de} .recovery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.recovery-grid label{font-size:12px;color:#aaa} .recovery-grid input{display:block;width:100%;height:38px;margin-top:6px;padding:0 10px;background:#111214;color:#eee;border:1px solid rgba(255,255,255,.14);border-radius:5px} .recovery-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.recovery-actions button{height:36px;padding:0 15px;border-radius:5px}.recovery-actions .save{background:#c9a45c;color:#17120a} @media (max-width: 700px){.account-grid{grid-template-columns: 1fr;} .workflow-summary{overflow: auto;}} :root{--navy: #07120f;--blue: #59a9df;--gold: #55dfa6;--muted: #829c92;--line: rgba(126, 231, 190, 0.14);--green: #55dfa6;--red: #e1747d;color-scheme: dark;} .shell[data-theme-depth="medium"]{filter: brightness(1.12);} .shell[data-theme-depth="light"]{filter: brightness(1.28);} .theme-depths{display:flex;gap:8px;margin-top:15px;} .theme-depths button{padding:8px 16px;border:1px solid var(--line);border-radius:6px;background:rgba(255,255,255,.04);color:#9db2aa;font-size:11px;} .theme-depths button.selected{color:#04110c;background:var(--gold);border-color:var(--gold);font-weight:700;} html, body, #root{min-height: 100%;background: #07120f;} body{color: #dcebe5;} .shell{background: radial-gradient(circle at 78% 8%, rgba(42, 164, 117, .1), transparent 28%), linear-gradient(145deg, #0a1914, #07120f 54%, #050c0a);} .sidebar{background: linear-gradient(180deg, rgba(8, 24, 19, .98), rgba(5, 15, 12, .99));border-right: 1px solid rgba(126, 231, 190, .12);box-shadow: 12px 0 40px rgba(0,0,0,.18);} .brand-logo, .login-logo{color: #04110c;background: linear-gradient(135deg, #8bf5c7, #39cc91);box-shadow: 0 0 28px rgba(65, 219, 158, .2);} .brand small{color: #608074;} .profile{background: rgba(255,255,255,.025);border-color: rgba(126,231,190,.12);} .avatar{color: #06150f;background: linear-gradient(135deg, #71e8b7, #6eaec7);} .profile span{color: #718d82;} .nav-row{color: #789187;border: 1px solid transparent;} .nav-row:hover{color: #dff7ed;background: rgba(85,223,166,.055);} .nav-row.active{color: #8cf1c5;background: linear-gradient(90deg, rgba(85,223,166,.15), rgba(85,223,166,.04));border-color: rgba(85,223,166,.15);box-shadow: inset 3px 0 #55dfa6;} .subnav button{color: #648075;border-color: rgba(126,231,190,.12);} .subnav button:hover, .subnav .subactive{color: #72e8b8;border-color: #55dfa6;background: rgba(85,223,166,.035);} .sidebar-bottom{background: transparent;border-color: rgba(126,231,190,.1);} .top{color: #bcd2c8;background: #0c1c16;border-color: rgba(126,231,190,.18);} .top b{color: #e3f0eb;} .top .muted, .today{color: #a9c2b8;} .server-indicator{display:inline-flex;align-items:center;gap:5px;color:#7f9c91;font-size:10px;} .server-indicator i{width:6px;height:6px;border-radius:50%;background:#e1ae68;box-shadow:0 0 8px rgba(225,174,104,.5);} .server-indicator.online i{background:#55dfa6;box-shadow:0 0 9px rgba(85,223,166,.65);} .theme-toggle{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 11px;margin-left:6px;font-size:12px;font-weight:600;letter-spacing:.5px;color:#cfe9df;background:rgba(85,223,166,.12);border:1px solid rgba(85,223,166,.32);border-radius:20px;cursor:pointer;transition: color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);user-select:none;} .theme-toggle:hover{color:#eafff6;background:rgba(85,223,166,.2);border-color:rgba(85,223,166,.55);} .theme-toggle:active{transform:scale(.96);} .slash{color: #345349;} .main{background: transparent;} .content{max-width: none;} .page-header h1{color: #edf8f3;} .page-header p{color: #9fb3aa;} .panel, .metric, .tax-card, .report-index-card{color: #c4d8cf;background: linear-gradient(145deg, #122a22, #0c1d18);border-color: rgba(126,231,190,.22);box-shadow: 0 18px 55px rgba(0,0,0,.25);} .panel-head h3, .table-title h3, .settings-card h3, .note-box h3, .link-head h3, .placeholder-panel h3{color: #e7f3ee;} .panel-head span, .table-title span, .placeholder-panel, .placeholder-panel p, .empty{color: #9fb3aa;} .primary, .report-export{color: #04110c;background: linear-gradient(135deg, #78efbc, #38c98e);box-shadow: 0 8px 24px rgba(48,199,139,.14);} .primary:hover, .report-export:hover{background: linear-gradient(135deg, #91f8ce, #50dba2);} .outline{color: #a5bbb2;background: rgba(255,255,255,.035);border-color: rgba(126,231,190,.16);} .outline:hover{color: #72e8b8;background: rgba(85,223,166,.075);border-color: rgba(85,223,166,.32);} .icon, .row-btn{color: #a9c2b8;} .row-btn:hover{color: #70e4b5;} .row-btn.danger:hover{color: #ee7e86;} .table-panel th{color: #a4bcb1;border-color: rgba(126,231,190,.12);} .table-panel td{color: #c3d6cd;border-color: rgba(126,231,190,.075);} .table-panel td b{color: #e1eee9;} .table-panel tbody tr{transition: background .18s ease;} .table-panel tbody tr:hover{background: rgba(85,223,166,.028);} .tag{color: #a5bbb2;background: rgba(255,255,255,.055);} .tag.green{color: #65e6b0;background: rgba(85,223,166,.11);} .tag.red{color: #ec8c93;background: rgba(225,116,125,.11);} .text-link, .outline-link, .link-row a{color: #66dfae;} .green-text{color: #62e4af !important;} .orange-text{color: #e1ae68;} .overdue{color: #e77b83 !important;} .search, .date-filter input, .report-toolbar input, .add-line input, .setting-form input, .note-box textarea{color: #dbe9e4;background: rgba(4,15,12,.65);border-color: rgba(126,231,190,.15);} .search input{color: #dbe9e4;background: transparent;} input::placeholder, textarea::placeholder{color: #7d968b;} input:focus, textarea:focus, select:focus{outline: 0;border-color: rgba(85,223,166,.65) !important;box-shadow: 0 0 0 3px rgba(85,223,166,.08);} .date-filter, .report-toolbar label, .setting-form label{color: #9fb3aa;} .shipment-form{color: #b4c8c0;background: linear-gradient(145deg, #10271f, #081712);border: 1px solid rgba(126,231,190,.18);box-shadow: 0 24px 80px rgba(0,0,0,.55), inset 0 1px rgba(255,255,255,.03);} .modal-backdrop{background: rgba(2,9,7,.78);backdrop-filter: blur(8px);} @keyframes backdropFade{from{opacity: 0;} to{opacity: 1;}} @keyframes modalRise{from{opacity: 0;transform: scale(.96) translateY(10px);} to{opacity: 1;transform: scale(1) translateY(0);}} .modal-backdrop{animation: backdropFade var(--dur-mid) var(--ease-out) both;} .shipment-form{animation: modalRise var(--dur-slow) var(--ease-out) both;transform-origin: center;} .shipment-form h2{color: #eff9f5;} .shipment-form p, .shipment-form-grid label{color: #839d93;} .shipment-form-grid input, .shipment-form-grid select, .shipment-form-grid textarea{color: #dcebe5;background: rgba(3,14,11,.66);border-color: rgba(126,231,190,.16);} .shipment-form-grid select option{color: #dcebe5;background: #0b2019;} .form-actions{border-color: rgba(126,231,190,.12);} .metric span, .metric small, .tax-card p, .report-index-card small{color: #7e998e;} .metric strong, .tax-card h3, .bar-row b, .report-index-card b{color: #e5f1ec;} .tax-symbol, .tone-0, .tone-1, .tone-2, .tone-3, .report-icon{background: rgba(85,223,166,.09);color: #61e1ad;} .tax-card > strong{color: #e4b16d;} .progress, .bar-row > div{background: rgba(255,255,255,.06);} .progress i, .bar-row i{background: linear-gradient(90deg, #3dc98f, #72e9b8);} .todo-row, .todo-item, .link-row, .overdue-row{border-color: rgba(126,231,190,.08);} .check{color: transparent;background: rgba(255,255,255,.025);border-color: rgba(126,231,190,.24);} .check.checked{color: #07120f;background: #55dfa6;border-color: #55dfa6;} .permission-table{border-color: rgba(126,231,190,.14);} .permission-head{color: #a7bcb3;background: rgba(255,255,255,.035);} .permission-row{border-color: rgba(126,231,190,.09);} .permission-row i{background: rgba(255,255,255,.025);border-color: rgba(126,231,190,.22);} .permission-row input:checked + i{color: #06130e;background: #55dfa6;border-color: #55dfa6;} .account-grid > div{border-color: rgba(126,231,190,.13);background: rgba(255,255,255,.018);} .account-grid b{color: #e1eee9;} .account-grid small{color: #769187;} .workflow-summary button{color: #8fa79e;background: rgba(255,255,255,.025);border-color: rgba(126,231,190,.13);} .workflow-summary button:hover, .workflow-summary button.selected{color: #6de7b5;background: rgba(85,223,166,.08);border-color: rgba(85,223,166,.34);} .workflow-summary b{color: #69e3b1;} .workflow-note{color: #6be5b3;background: rgba(85,223,166,.08);} .workflow-tag{color: #e1ae68;background: rgba(225,174,104,.1);} .workflow-tag.done{color: #64e3af;background: rgba(85,223,166,.1);} .report-toolbar{background: rgba(11,28,22,.8);} .profit-report-page .page-header{border-color: rgba(126,231,190,.12);} .profit-sheet-title h2, .profit-line-row b{color: #e7f3ee;} .profit-sheet-title p, .profit-line-row.detail, .report-footnote{color: #839d93;} .profit-line-row{border-color: rgba(126,231,190,.09);} .profit-line-row.major{border-color: rgba(126,231,190,.18);} .profit-line-row.net{color: #68e5b2;background: rgba(85,223,166,.09);} .profit-line-row.net b{color: #72e9b8;} .tabs.big button{color: #829c92;} .tabs.big .selected{color: #66e2af;border-color: #55dfa6;} .toast{color: #e9f5f0;background: #10271f;border: 1px solid rgba(126,231,190,.18);} .login-shell{position: relative;overflow: hidden;background: radial-gradient(circle at 24% 16%, rgba(55,211,150,.18), transparent 28%), radial-gradient(circle at 85% 80%, rgba(48,120,94,.13), transparent 32%), linear-gradient(145deg, #0a1c16, #06100d 62%, #040a08);} .login-shell:before{content: "";position: absolute;inset: 0;opacity: .2;background-image: linear-gradient(rgba(85,223,166,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(85,223,166,.05) 1px, transparent 1px);background-size: 42px 42px;} .login-card{position: relative;color: #b7cbc3;background: linear-gradient(145deg, rgba(16,39,31,.94), rgba(7,22,17,.92));border: 1px solid rgba(126,231,190,.17);box-shadow: 0 30px 90px rgba(0,0,0,.48), inset 0 1px rgba(255,255,255,.035);backdrop-filter: blur(18px);} .login-card h1{color: #edf8f3;} .login-card > p, .login-card > small, .login-card label{color: #819b91;} .login-card input{color: #e4f0eb;background: rgba(2,13,10,.58);border-color: rgba(126,231,190,.16);} .login-submit{color: #04110c;background: linear-gradient(135deg, #7cefbf, #39ca8f);} .login-error{color: #ee8b92;background: rgba(225,116,125,.1);} @media (prefers-reduced-motion: reduce){*, *:before, *:after{animation-duration: .01ms !important;animation-iteration-count: 1 !important;transition-duration: .01ms !important;}} body[data-theme="theme-global-dark"]{--navy: #132944;--gold: #22d3ee;--green: #38bdf8;--line: rgba(92, 175, 255, .18);background: #0d1b2f;color: #dbeafe;} body[data-theme="theme-global-dark"] .shell{background: radial-gradient(circle at 75% 5%, rgba(56, 189, 248, .2), transparent 28%), linear-gradient(145deg, #18365a, #0d1b2f 62%, #091426);} body[data-theme="theme-global-dark"] .sidebar{background: linear-gradient(180deg, #16365b, #0d1f39);border-right-color: rgba(56, 189, 248, .24);box-shadow: 12px 0 42px rgba(0, 0, 0, .32);} body[data-theme="theme-global-dark"] .brand-logo, body[data-theme="theme-global-dark"] .login-logo{color: #03101d;background: linear-gradient(135deg, #67e8f9, #38bdf8);box-shadow: 0 0 28px rgba(34, 211, 238, .3);} body[data-theme="theme-global-dark"] .profile{background: rgba(73, 139, 202, .2);border-color: rgba(56, 189, 248, .2);} body[data-theme="theme-global-dark"] .nav-row{color: #86a6c8;} body[data-theme="theme-global-dark"] .nav-row:hover{color: #e0f2fe;background: rgba(56, 189, 248, .1);} body[data-theme="theme-global-dark"] .nav-row.active{color: #67e8f9;background: linear-gradient(90deg, rgba(34, 211, 238, .19), rgba(34, 211, 238, .04));border-color: rgba(34, 211, 238, .28);box-shadow: inset 3px 0 #22d3ee, 0 0 18px rgba(34, 211, 238, .08);} body[data-theme="theme-global-dark"] .subnav button{color: #6688ad;border-color: rgba(56, 189, 248, .18);} body[data-theme="theme-global-dark"] .subnav button:hover, body[data-theme="theme-global-dark"] .subnav .subactive{color: #67e8f9;border-color: #22d3ee;background: rgba(34, 211, 238, .07);} body[data-theme="theme-global-dark"] .top{background: rgba(17, 42, 73, .9);border-color: rgba(56, 189, 248, .2);color: #9fc0df;} body[data-theme="theme-global-dark"] .top b, body[data-theme="theme-global-dark"] .page-header h1{color: #e0f2fe;} body[data-theme="theme-global-dark"] .panel, body[data-theme="theme-global-dark"] .metric, body[data-theme="theme-global-dark"] .tax-card, body[data-theme="theme-global-dark"] .report-index-card, body[data-theme="theme-global-dark"] .table-panel{background: linear-gradient(145deg, rgba(30, 66, 108, .96), rgba(17, 42, 73, .96));border-color: rgba(56, 189, 248, .2);box-shadow: inset 0 1px rgba(255,255,255,.04), 0 18px 48px rgba(0,0,0,.25);} body[data-theme="theme-global-dark"] .panel-head h3, body[data-theme="theme-global-dark"] .table-title h3, body[data-theme="theme-global-dark"] .metric strong, body[data-theme="theme-global-dark"] .tax-card h3, body[data-theme="theme-global-dark"] .table-panel td b{color: #e0f2fe;} body[data-theme="theme-global-dark"] .panel-head span, body[data-theme="theme-global-dark"] .metric span, body[data-theme="theme-global-dark"] .metric small, body[data-theme="theme-global-dark"] .table-panel th{color: #7ea1c5;} body[data-theme="theme-global-dark"] .table-panel td{color: #a9c4df;border-color: rgba(56, 189, 248, .12);} body[data-theme="theme-global-dark"] .primary, body[data-theme="theme-global-dark"] .report-export, body[data-theme="theme-global-dark"] .login-submit{color: #03101d;background: linear-gradient(135deg, #67e8f9, #38bdf8);box-shadow: 0 7px 24px rgba(34, 211, 238, .18);} body[data-theme="theme-global-dark"] .outline{color: #a9d4ef;background: rgba(56, 189, 248, .05);border-color: rgba(56, 189, 248, .24);} body[data-theme="theme-global-dark"] .outline:hover{color: #67e8f9;background: rgba(34, 211, 238, .1);border-color: rgba(34, 211, 238, .5);} body[data-theme="theme-global-dark"] .search, body[data-theme="theme-global-dark"] .date-filter input, body[data-theme="theme-global-dark"] .report-toolbar input, body[data-theme="theme-global-dark"] .add-line input, body[data-theme="theme-global-dark"] .setting-form input, body[data-theme="theme-global-dark"] .note-box textarea, body[data-theme="theme-global-dark"] select{color: #dbeafe;background: #102b4a;border-color: rgba(56, 189, 248, .22);} body[data-theme="theme-global-dark"] .tag.green{color: #7dd3fc;background: rgba(56, 189, 248, .13);} body[data-theme="theme-global-dark"] .tag.red{color: #fda4af;background: rgba(244, 63, 94, .14);} .business-overview{position: relative;isolation: isolate;overflow: hidden;} .business-overview > *:not(.overview-particle-canvas){position: relative;z-index: 1;} .overview-particle-canvas{position: absolute;inset: 0;z-index: 0;width: 100%;height: 100%;opacity: .72;pointer-events: none;mix-blend-mode: screen;} body[data-theme="theme-global-dark"] .business-overview:after{content: "";position: absolute;inset: 0;z-index: 0;pointer-events: none;background: radial-gradient(ellipse at 20% 10%, rgba(34,211,238,.1), transparent 34%), radial-gradient(ellipse at 90% 75%, rgba(37,99,235,.1), transparent 38%);} body[data-theme="theme-global-dark"] .business-metric{position: relative;overflow: hidden;} body[data-theme="theme-global-dark"] .business-metric:after{content: "";position: absolute;width: 140px;height: 1px;left: -35px;bottom: 0;background: linear-gradient(90deg, transparent, rgba(103,232,249,.85), transparent);animation: metricScan 4.5s ease-in-out infinite;} body[data-theme="theme-global-dark"] .business-metric:nth-child(2):after{animation-delay: 1.2s;} body[data-theme="theme-global-dark"] .business-metric:nth-child(3):after{animation-delay: 2.4s;} body[data-theme="theme-global-dark"] .business-metric:nth-child(4):after{animation-delay: 3.6s;} @keyframes metricScan{0%, 18%{transform: translateX(0);opacity: 0;} 35%{opacity: 1;} 82%, 100%{transform: translateX(260px);opacity: 0;}} @media (prefers-reduced-motion: reduce){.overview-particle-canvas{display: none;} body[data-theme="theme-global-dark"] .business-metric:after{animation: none;display: none;}} [data-mode="light"]{--navy:#0f172a;--blue:#2563eb;--gold:#e3a63e;--muted:#64748b;--line:#e4e8ee;--green:#1f8a67;--red:#c94e55;color-scheme:light} [data-mode="light"] html,[data-mode="light"] body,[data-mode="light"] #root{background:#f4f6f8;color:#1e293b;min-height:100%} [data-mode="light"] .shell{background:#f4f6f8} [data-mode="light"] .sidebar{background:linear-gradient(180deg,#0f172a,#0c1f33);border-right:1px solid #1e3350;color:#cdd9e8;box-shadow:none} [data-mode="light"] .brand b{color:#fff} [data-mode="light"] .brand small{color:#8aa0c0} [data-mode="light"] .brand-logo,[data-mode="light"] .login-logo{color:#10223d;background:linear-gradient(135deg,#f3c86b,#d88c28);box-shadow:0 0 28px rgba(225,174,104,.25)} [data-mode="light"] .profile{background:rgba(255,255,255,.04);border-color:#1e3350} [data-mode="light"] .profile strong{color:#fff} [data-mode="light"] .profile span{color:#aab8d0} [data-mode="light"] .avatar{color:#10223d;background:linear-gradient(135deg,#8aa8ff,#b6e1d4)} [data-mode="light"] .nav-row{color:#aab8d0;border-color:transparent} [data-mode="light"] .nav-row:hover{color:#fff;background:#1b3a5c} [data-mode="light"] .nav-row.active{color:#fff;background:#2563eb;box-shadow:inset 3px 0 #93c5fd} [data-mode="light"] .subnav button{color:#9fb0cc;border-color:#1e3350} [data-mode="light"] .subnav button:hover,[data-mode="light"] .subnav .subactive{color:#fff;border-color:#2563eb;background:rgba(37,99,235,.15)} [data-mode="light"] .sidebar-bottom{background:transparent;border-color:#1e3350} [data-mode="light"] .top{color:#334155;background:#fff;border-color:#e4e8ee;backdrop-filter:none} [data-mode="light"] .top b{color:#0f172a} [data-mode="light"] .top .muted{color:#64748b} [data-mode="light"] .today{color:#64748b} [data-mode="light"] .slash{color:#cbd5e1} [data-mode="light"] .server-indicator{color:#64748b} [data-mode="light"] .theme-toggle{color:#1e40af;background:rgba(37,99,235,.1);border-color:rgba(37,99,235,.28)} [data-mode="light"] .theme-toggle:hover{color:#fff;background:#2563eb;border-color:#2563eb} [data-mode="light"] .main{background:transparent} [data-mode="light"] .page-header h1{color:#0f172a} [data-mode="light"] .page-header p{color:#64748b} [data-mode="light"] .panel,[data-mode="light"] .metric,[data-mode="light"] .tax-card,[data-mode="light"] .report-index-card{color:#334155;background:#fff;border:1px solid #e4e8ee;box-shadow:0 1px 3px rgba(15,23,42,.06);backdrop-filter:none} [data-mode="light"] .panel-head h3,[data-mode="light"] .table-title h3,[data-mode="light"] .settings-card h3,[data-mode="light"] .note-box h3,[data-mode="light"] .link-head h3,[data-mode="light"] .placeholder-panel h3{color:#0f172a} [data-mode="light"] .panel-head span,[data-mode="light"] .table-title span,[data-mode="light"] .placeholder-panel,[data-mode="light"] .placeholder-panel p,[data-mode="light"] .empty{color:#64748b} [data-mode="light"] .primary,[data-mode="light"] .report-export{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 24px rgba(37,99,235,.18)} [data-mode="light"] .primary:hover,[data-mode="light"] .report-export:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6)} [data-mode="light"] .outline{color:#334155;background:#fff;border-color:#cbd5e1} [data-mode="light"] .outline:hover{color:#2563eb;background:#eff6ff;border-color:#93c5fd} [data-mode="light"] .icon,[data-mode="light"] .row-btn{color:#64748b} [data-mode="light"] .row-btn:hover{color:#2563eb} [data-mode="light"] .row-btn.danger:hover{color:#dc2626} [data-mode="light"] .table-panel th{color:#475569;border-color:#e4e8ee;background:#f8fafc} [data-mode="light"] .table-panel td{color:#334155;border-color:#eef2f6} [data-mode="light"] .table-panel td b{color:#0f172a} [data-mode="light"] .table-panel tbody tr:hover{background:#f1f5f9} [data-mode="light"] .tag{color:#334155;background:#eef2f7} [data-mode="light"] .tag.green{color:#15803d;background:#dcfce7} [data-mode="light"] .tag.red{color:#b91c1c;background:#fee2e2} [data-mode="light"] .text-link,[data-mode="light"] .outline-link,[data-mode="light"] .link-row a{color:#2563eb} [data-mode="light"] .green-text{color:#16a34a!important} [data-mode="light"] .orange-text{color:#d97706} [data-mode="light"] .overdue{color:#dc2626!important} [data-mode="light"] .search,[data-mode="light"] .date-filter input,[data-mode="light"] .report-toolbar input,[data-mode="light"] .add-line input,[data-mode="light"] .setting-form input,[data-mode="light"] .note-box textarea{color:#1e293b;background:#fff;border-color:#cbd5e1} [data-mode="light"] .search input{color:#1e293b;background:transparent} [data-mode="light"] input::placeholder,[data-mode="light"] textarea::placeholder{color:#94a3b8} [data-mode="light"] input:focus,[data-mode="light"] textarea:focus,[data-mode="light"] select:focus{outline:0;border-color:#2563eb!important;box-shadow:0 0 0 3px rgba(37,99,235,.12)} [data-mode="light"] .date-filter,[data-mode="light"] .report-toolbar label,[data-mode="light"] .setting-form label{color:#64748b} [data-mode="light"] .shipment-form{color:#334155;background:#fff;border:1px solid #e4e8ee;box-shadow:0 10px 40px rgba(15,23,42,.12)} [data-mode="light"] .shipment-form h2{color:#0f172a} [data-mode="light"] .shipment-form p,[data-mode="light"] .shipment-form-grid label{color:#64748b} [data-mode="light"] .shipment-form-grid input,[data-mode="light"] .shipment-form-grid select,[data-mode="light"] .shipment-form-grid textarea{color:#1e293b;background:#fff;border-color:#cbd5e1} [data-mode="light"] .modal-backdrop{background:rgba(15,23,42,.45);backdrop-filter:none} html body .shipment-form, .shipment-form.expense-form{background: #ffffff !important;color: #1e293b !important;border: 1px solid #d8dee8 !important;border-radius: 12px !important;box-shadow: 0 20px 60px rgba(15,23,42,.18) !important;} html body .shipment-form h2{color: #0f172a !important;border-left: 3px solid #2563eb !important;padding-left: 10px !important;} html body .shipment-form p{color: #64748b !important;} html body .shipment-form .modal-head{color: #64748b !important;border-bottom: 2px solid #2563eb !important;padding-bottom: 14px !important;margin-bottom: 4px !important;} html body .shipment-form .modal-head, html body .shipment-form .modal-head *{color: #475569 !important;} html body .shipment-form-grid label{color: #475569 !important;font-weight: 600 !important;} html body .shipment-form-grid input, html body .shipment-form-grid select, html body .shipment-form-grid textarea{color: #1e293b !important;background: #fff !important;border: 1px solid #cbd5e1 !important;} html body .shipment-form-grid input:focus, html body .shipment-form-grid select:focus, html body .shipment-form-grid textarea:focus{border-color: #2563eb !important;box-shadow: 0 0 0 3px rgba(37,99,235,.12) !important;} html body .shipment-form-grid select option{color: #1e293b !important;background: #fff !important;} html body .shipment-form .form-actions{border-top: 1px solid #e4e8ee !important;} html body .shipment-form .primary{background: linear-gradient(135deg,#3b82f6,#2563eb) !important;color: #fff !important;border: 0 !important;} html body .shipment-form .outline{background: #fff !important;color: #334155 !important;border: 1px solid #cbd5e1 !important;} html body .shipment-form .outline:hover{color: #2563eb !important;background: #eff6ff !important;border-color: #93c5fd !important;} html body .shipment-form .tag{color: #334155 !important;background: #eef2f7 !important;} html body .shipment-form .tag.green{color: #15803d !important;background: #dcfce7 !important;} html body .shipment-form .tag.red{color: #b91c1c !important;background: #fee2e2 !important;} html body .shipment-form table, html body .shipment-form .table-panel{background: #fff !important;} html body .shipment-form th{color: #475569 !important;background: #f8fafc !important;border-color: #e4e8ee !important;} html body .shipment-form td{color: #1e293b !important;border-color: #eef2f6 !important;} html body .shipment-form tbody tr:hover{background: #f1f5f9 !important;} html body .modal-backdrop{background: rgba(15,23,42,.5) !important;backdrop-filter: none !important;} .content[data-module="shipments"], .content[data-module="settlements"], .content[data-module="receivables"], .content[data-module="payables"]{background: #f4f6f8 !important;} .content[data-module="shipments"] .shipment-panel, .content[data-module="shipments"] .table-panel, .content[data-module="settlements"] .panel, .content[data-module="settlements"] .table-panel, .content[data-module="receivables"] .panel, .content[data-module="receivables"] .table-panel, .content[data-module="payables"] .panel, .content[data-module="payables"] .table-panel{background: #fff !important;color: #1e293b !important;border: 1px solid #e4e8ee !important;box-shadow: 0 8px 24px rgba(15,23,42,.08) !important;} .content[data-module="shipments"] .shipment-table th, .content[data-module="shipments"] .table-panel th, .content[data-module="settlements"] .table-panel th, .content[data-module="receivables"] .table-panel th, .content[data-module="payables"] .table-panel th{color: #475569 !important;background: #f8fafc !important;border-color: #e4e8ee !important;} .content[data-module="shipments"] .shipment-table td, .content[data-module="shipments"] .table-panel td, .content[data-module="settlements"] .table-panel td, .content[data-module="receivables"] .table-panel td, .content[data-module="payables"] .table-panel td{color: #1e293b !important;border-color: #eef2f6 !important;} .content[data-module="shipments"] .shipment-table td b, .content[data-module="shipments"] .table-panel td b, .content[data-module="settlements"] .table-panel td b, .content[data-module="receivables"] .table-panel td b, .content[data-module="payables"] .table-panel td b{color: #0f172a !important;} .content[data-module="shipments"] .table-panel tbody tr:hover, .content[data-module="settlements"] .table-panel tbody tr:hover, .content[data-module="receivables"] .table-panel tbody tr:hover, .content[data-module="payables"] .table-panel tbody tr:hover{background: #f1f5f9 !important;} .content[data-module="shipments"] .table-title h3, .content[data-module="settlements"] .table-title h3, .content[data-module="receivables"] .table-title h3, .content[data-module="payables"] .table-title h3{color: #0f172a !important;} .content[data-module="shipments"] .table-title span, .content[data-module="settlements"] .table-title span, .content[data-module="receivables"] .table-title span, .content[data-module="payables"] .table-title span{color: #64748b !important;} .content[data-module="settlements"] .metric, .content[data-module="receivables"] .metric, .content[data-module="payables"] .metric{background: #fff !important;color: #334155 !important;border: 1px solid #e4e8ee !important;box-shadow: 0 1px 3px rgba(15,23,42,.06) !important;} .content[data-module="settlements"] .metric strong, .content[data-module="receivables"] .metric strong, .content[data-module="payables"] .metric strong{color: #0f172a !important;} .content[data-module="settlements"] .metric span, .content[data-module="settlements"] .metric small, .content[data-module="receivables"] .metric span, .content[data-module="receivables"] .metric small, .content[data-module="payables"] .metric span, .content[data-module="payables"] .metric small{color: #64748b !important;} .content[data-module="shipments"] .search, .content[data-module="shipments"] .date-filter input, .content[data-module="settlements"] .search, .content[data-module="settlements"] .date-filter input, .content[data-module="receivables"] .search, .content[data-module="receivables"] .date-filter input, .content[data-module="receivables"] .finance-filters input, .content[data-module="payables"] .search, .content[data-module="payables"] .date-filter input, .content[data-module="payables"] .finance-filters input{color: #1e293b !important;background: #fff !important;border-color: #cbd5e1 !important;} .content[data-module="shipments"] .search input, .content[data-module="settlements"] .search input, .content[data-module="receivables"] .search input, .content[data-module="payables"] .search input{color: #1e293b !important;background: transparent !important;} .content[data-module="shipments"] .date-filter, .content[data-module="shipments"] .report-toolbar label, .content[data-module="settlements"] .date-filter, .content[data-module="settlements"] .report-toolbar label, .content[data-module="receivables"] .date-filter, .content[data-module="receivables"] .report-toolbar label, .content[data-module="receivables"] .finance-filters label, .content[data-module="payables"] .date-filter, .content[data-module="payables"] .report-toolbar label, .content[data-module="payables"] .finance-filters label{color: #64748b !important;} .content[data-module="settlements"] .workflow-summary button{color: #334155 !important;background: #f8fafc !important;border-color: #cbd5e1 !important;} .content[data-module="settlements"] .workflow-summary button:hover, .content[data-module="settlements"] .workflow-summary button.selected{color: #2563eb !important;background: rgba(37,99,235,.08) !important;border-color: #2563eb !important;} .content[data-module="settlements"] .workflow-summary b{color: #0f172a !important;} .content[data-module="settlements"] .workflow-note{color: #2563eb !important;background: rgba(37,99,235,.08) !important;} .content[data-module="shipments"] .tag, .content[data-module="settlements"] .tag, .content[data-module="receivables"] .tag, .content[data-module="payables"] .tag{color: #334155 !important;background: #eef2f7 !important;} .content[data-module="shipments"] .tag.green, .content[data-module="settlements"] .tag.green, .content[data-module="receivables"] .tag.green, .content[data-module="payables"] .tag.green{color: #15803d !important;background: #dcfce7 !important;} .content[data-module="shipments"] .tag.red, .content[data-module="settlements"] .tag.red, .content[data-module="receivables"] .tag.red, .content[data-module="payables"] .tag.red{color: #b91c1c !important;background: #fee2e2 !important;} .content[data-module="shipments"] .green-text, .content[data-module="settlements"] .green-text, .content[data-module="receivables"] .green-text, .content[data-module="payables"] .green-text{color: #16a34a !important;} .content[data-module="shipments"] .row-btn, .content[data-module="settlements"] .row-btn, .content[data-module="receivables"] .row-btn, .content[data-module="payables"] .row-btn{color: #64748b !important;} .content[data-module="shipments"] .row-btn:hover, .content[data-module="settlements"] .row-btn:hover, .content[data-module="receivables"] .row-btn:hover, .content[data-module="payables"] .row-btn:hover{color: #2563eb !important;} .content[data-module="shipments"] .row-btn.danger:hover, .content[data-module="settlements"] .row-btn.danger:hover, .content[data-module="receivables"] .row-btn.danger:hover, .content[data-module="payables"] .row-btn.danger:hover{color: #dc2626 !important;} .content[data-module="receivables"] .account-grid > div, .content[data-module="payables"] .account-grid > div{background: #fff !important;border-color: #e4e8ee !important;} .content[data-module="receivables"] .account-grid b, .content[data-module="payables"] .account-grid b{color: #0f172a !important;} .content[data-module="receivables"] .account-grid small, .content[data-module="payables"] .account-grid small{color: #64748b !important;} html body .shipment-form .zz-attach-block{background: #f8fafc !important;border: 1px solid #e2e8f0 !important;border-radius: 10px !important;} html body .shipment-form .zz-attach-add{color: #2563eb !important;background: #eff6ff !important;border: 1px dashed #93c5fd !important;border-radius: 8px !important;} html body .shipment-form .zz-attach-add:hover{background: #dbeafe !important;border-color: #3b82f6 !important;} html body .shipment-form .zz-attach-row{background: #fff !important;border: 1px solid #e4e8ee !important;border-radius: 8px !important;} html body .shipment-form .zz-attach-fname{color: #1e293b !important;} html body .shipment-form .zz-attach-fsize{color: #94a3b8 !important;} html body .shipment-form .zz-attach-tip{color: #94a3b8 !important;} html body .shipment-form .zz-attach-x{background: #fee2e2 !important;color: #dc2626 !important;border-radius: 6px !important;} html body .shipment-form .zz-attach-x:hover{background: #fecaca !important;} html body .shipment-form .zz-attach-chip{background: #f1f5f9 !important;border-color: #e2e8f0 !important;} html body .expense-filter{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end;margin:0 0 14px;padding:12px 16px;background:rgba(148,163,184,.12);border:1px solid rgba(148,163,184,.3);border-radius:12px} html body .expense-filter label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:inherit;opacity:.85;font-weight:500} html body .expense-filter input[type=date]{height:34px;padding:0 10px;background:rgba(148,163,184,.15);color:inherit;border:1px solid rgba(148,163,184,.4);border-radius:8px;font-size:13px;color-scheme:dark;min-width:140px} html body .expense-filter input[type=date]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.25)} html body .expense-type{display:flex;flex-direction:column;gap:5px;font-size:12px;color:inherit;opacity:.85;font-weight:500} html body .expense-type .chips{display:flex;flex-wrap:wrap;gap:6px} html body .expense-type .chip{height:30px;padding:0 12px;background:rgba(148,163,184,.15);color:inherit;border:1px solid rgba(148,163,184,.4);border-radius:16px;cursor:pointer;font-size:12px;transition: background .15s var(--ease-out), color .15s var(--ease-out), border-color .15s var(--ease-out), transform .15s var(--ease-out);} html body .expense-type .chip:active{transform: scale(.96);} html body .expense-type .chip:hover{border-color:#3b82f6} html body .expense-type .chip.active{background:#3b82f6;color:#fff;border-color:#3b82f6;font-weight:600} html body .expense-filter .expense-reset{height:34px;padding:0 16px;background:transparent;color:#3b82f6;border:1px solid rgba(59,130,246,.5);border-radius:8px;cursor:pointer;font-size:13px;align-self:flex-end} html body .expense-filter .expense-reset:hover{background:rgba(59,130,246,.12)} html body .expense-filter .expense-count{margin-left:auto;align-self:center;font-size:12px;opacity:.7} html body .jh-datepicker{position:absolute;width:248px;background:#fff;color:#1e293b;border:1px solid #cbd5e1;border-radius:10px;box-shadow:0 12px 32px rgba(15,23,42,.18);padding:10px;font-size:13px;font-family:inherit;z-index:99999} html body .jh-datepicker *{box-sizing:border-box} html body .jh-datepicker .jh-dp-head{margin-bottom:8px} html body .jh-datepicker .jh-dp-head:after{content:'';display:block;clear:both} html body .jh-datepicker .jh-dp-head button{float:left;width:28px;height:28px;border:1px solid #cbd5e1;background:#f8fafc;border-radius:6px;cursor:pointer;line-height:1} html body .jh-datepicker .jh-dp-head button:after{content:'';display:block;width:0;height:0;margin:4px auto 0} html body .jh-datepicker .jh-dp-head .jh-dp-prev:after{border-right:5px solid #3b82f6;border-top:4px solid transparent;border-bottom:4px solid transparent} html body .jh-datepicker .jh-dp-head .jh-dp-next{float:right} html body .jh-datepicker .jh-dp-head .jh-dp-next:after{border-left:5px solid #3b82f6;border-top:4px solid transparent;border-bottom:4px solid transparent} html body .jh-datepicker .jh-dp-head button:hover{background:#e0edff} html body .jh-datepicker .jh-dp-head .jh-dp-next{float:right} html body .jh-datepicker .jh-dp-title{display:block;text-align:center;font-weight:600;line-height:28px} html body .jh-datepicker .jh-dp-week{margin-bottom:4px} html body .jh-datepicker .jh-dp-week:after{content:'';display:block;clear:both} html body .jh-datepicker .jh-dp-week span,html body .jh-datepicker .jh-dp-grid .jh-dp-day,html body .jh-datepicker .jh-dp-grid .jh-dp-empty{float:left;width:14.28%;text-align:center;padding:6px 0} html body .jh-datepicker .jh-dp-week span{color:#94a3b8;font-size:11px} html body .jh-datepicker .jh-dp-grid{} html body .jh-datepicker .jh-dp-grid:after{content:'';display:block;clear:both} html body .jh-datepicker .jh-dp-day{cursor:pointer;border-radius:6px;color:#1e293b} html body .jh-datepicker .jh-dp-day:hover{background:#e0edff} html body .jh-datepicker .jh-dp-day.jh-dp-sel{background:#3b82f6;color:#fff} html body .jh-datepicker .jh-dp-empty{visibility:hidden} html body .date-input-wrap{position:relative;display:block} html body .date-input-wrap input.date-mask{padding-right:30px} html body .date-ico{position:absolute;right:7px;top:50%;margin-top:-9px;width:18px;height:18px;border:1.5px solid #3b82f6;border-radius:3px;cursor:pointer;-ms-user-select:none;user-select:none} html body .date-ico:before{content:'';position:absolute;left:1px;right:1px;top:-3px;height:3px;background:#3b82f6;border-radius:1px} html body .date-ico:after{content:'';position:absolute;left:2px;right:2px;top:3px;bottom:2px;background:repeating-linear-gradient(#3b82f6 0,#3b82f6 1px,transparent 1px,transparent 4px)}
.table-panel{max-height:calc(100vh - 190px)}
.table-panel thead th{position:sticky;top:0;z-index:6;background:#f8fafc;box-shadow:inset 0 -1px 0 var(--line)}
.table-panel thead th:first-child{z-index:7}

/* [2026-09-14] 表头字色加深 + 加粗 (运单/应收/应付) */
.table-panel th{color:#000;font-weight:700;padding:5px 10px !important;line-height:1.2 !important;font-size:12px !important}

/* [2026-09-14] 表头字色加深 + 加粗 (运单/应收/应付) 反压模块 !important */
body .content[data-module] .table-panel th{color:#000 !important;font-weight:700 !important;padding:5px 10px !important;line-height:1.2 !important;font-size:12px !important}


/* ===== JhDatePicker - Warm Theme (Screenshot Match) ===== */
/* Input trigger */
.date-mask{cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a0522d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E") no-repeat right 8px center/16px 16px;padding-right:32px!important;border-color:#d4c4b0!important;transition:border-color .2s,color .2s}
.date-mask:focus{border-color:#c45428!important;outline:none;box-shadow:0 0 0 3px rgba(196,84,40,.12)!important}

/* Calendar card popup */
.jh-datepicker{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;width:320px;padding:16px;background:#fffbf7;border:1px solid #e8dfd0;border-radius:12px;box-shadow:0 8px 30px rgba(120,60,20,.15),0 2px 8px rgba(120,60,20,.08);z-index:99999!important;position:fixed;margin-top:4px}

/* Month/Year header */
.jh-dp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #f0e6d6}
.jh-dp-head button{float:none!important;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #e8dfd0!important;background:#fff!important;border-radius:8px;cursor:pointer;transition:all .15s}
.jh-dp-head button:hover{background:#f5ede0!important;border-color:#d4c4b0!important}
.jh-dp-head button span{display:none}
.jh-dp-head button::before{content:'';display:block;width:0;height:0;border-style:solid}
.jh-dp-head .jh-dp-prev::before{margin-left:3px;border-width:5px 6px 5px 0;border-color:transparent #a0522d transparent transparent}
.jh-dp-head .jh-dp-next::before{margin-right:3px;border-width:5px 0 5px 6px;border-color:transparent transparent transparent #a0522d}
.jh-dp-head .jh-dp-next{float:none!important}
.jh-dp-title{float:none!important;font-size:15px;font-weight:700;color:#1e293b;line-height:30px;letter-spacing:.5px}

/* Week header row */
.jh-dp-week{display:flex;margin-bottom:6px;padding:0 2px}
.jh-dp-week span{float:none!important;width:14.28%!important;text-align:center;padding:6px 0!important;font-size:12px;font-weight:600;color:#9ca3af}

/* Date grid */
.jh-dp-grid{display:flex;flex-wrap:wrap;padding:0 2px}
.jh-dp-grid::after{content:none}
.jh-dp-empty,.jh-dp-day{float:none!important;width:14.28%!important;text-align:center;padding:7px 0!important;font-size:13px;line-height:1.4}
.jh-dp-empty{visibility:hidden}
.jh-dp-day{cursor:pointer;border-radius:8px;color:#4a4035;position:relative;z-index:1;transition:all .12s ease;margin:1px 0}
.jh-dp-day:hover{background:#f5ede0!important;color:#1e293b}

/* Single selected date */
.jh-dp-day.jh-dp-sel{background:#c45428!important;color:#fff!important;font-weight:700;box-shadow:0 2px 6px rgba(196,84,40,.35)}

/* Range mode - start date (rounded left) */
.jh-dp-day.jh-dp-start{background:#c45428!important;color:#fff!important;font-weight:700;border-radius:8px 0 0 8px!important;box-shadow:0 2px 6px rgba(196,84,40,.35)}
.jh-dp-start+.jh-dp-in{border-radius:0!important}

/* Range mode - end date (rounded right) */
.jh-dp-day.jh-dp-end{background:#c45428!important;color:#fff!important;font-weight:700;border-radius:0 8px 8px 0!important;box-shadow:0 2px 6px rgba(196,84,40,.35)}

/* Range mode - dates between start and end */
.jh-dp-day.jh-dp-in{background:#fbe5d9!important;color:#6b503f;border-radius:0!important}

/* Today marker */
.jh-dp-today{box-shadow:inset 0 0 0 2px #c45428}

/* Footer (range info) */
.jh-dp-footer{margin-top:10px;padding-top:8px;border-top:1px solid #f0e6d6;text-align:center}
.jh-dp-range-info{font-size:12px;color:#8b704f;font-weight:500}

/* Clear old float-based after pseudo elements */
.jh-dp-head::after,.jh-dp-week::after,.jh-dp-grid::after{display:none!important}

/* ===== Warm Earth Theme Override (2026-09-15) ===== */
html body{background:#f5efe6!important}
:root{--navy:#2d241e;--blue:#c45428;--gold:#c45428;--muted:#b0a395;--line:#e0d8ce;--green:#3b6d11;--red:#a32d2d;color:#1a1a1a}
[data-mode=light] .sidebar{background:linear-gradient(#2d241e,#3a2a1e)!important;border-right:1px solid #4a3d33!important;box-shadow:none!important}
[data-mode=light] .brand small{color:#9a8b7a!important}
[data-mode=light] .brand-logo,[data-mode=light] .login-logo{background:linear-gradient(135deg,#c45428,#a0522d)!important;box-shadow:0 0 28px #c4542826!important;color:#fff!important}
[data-mode=light] .profile{background:#3a3029!important;border-color:#4a3d33!important}
[data-mode=light] .profile strong{color:#fff!important}
[data-mode=light] .profile span{color:#9a8b7a!important}
[data-mode=light] .avatar{background:linear-gradient(135deg,#c45428,#d88c6a)!important;color:#fff!important}
[data-mode=light] .nav-row{color:#b0a395!important}
[data-mode=light] .nav-row:hover{color:#e8ddd0!important;background:#42362d!important}
[data-mode=light] .nav-row.active{color:#fff!important;background:#c45428!important;box-shadow:inset 3px 0 #8a3a1e!important}
[data-mode=light] .subnav button{color:#8a7d70!important;border-color:#4a3d33!important}
[data-mode=light] .subnav button:hover,[data-mode=light] .subnav .subactive{color:#e8ddd0!important;background:#c4542826!important;border-color:#c45428!important}
[data-mode=light] .sidebar-bottom{background:0 0!important;border-color:#4a3d33!important}
[data-mode=light] .search,[data-mode=light] .date-filter input,[data-mode=light] .report-toolbar input,[data-mode=light] .add-line input,[data-mode=light] .setting-form input,[data-mode=light] .note-box textarea{color:#1a1a1a!important;background:#fff!important;border-color:#e0d8ce!important}
[data-mode=light] .search input{color:#1a1a1a!important}
[data-mode=light] input::placeholder,[data-mode=light] textarea::placeholder{color:#a89c8e!important}
[data-mode=light] input:focus,[data-mode=light] textarea:focus,[data-mode=light] select:focus{outline:0!important;box-shadow:0 0 0 3px #c4542814!important;border-color:#c45428!important}
[data-mode=light] .shipment-form-grid input,[data-mode=light] .shipment-form-grid select,[data-mode=light] .shipment-form-grid textarea{color:#1a1a1a!important;background:#fff!important;border-color:#e0d8ce!important}
[data-mode=light] .panel,[data-mode=light] .metric,[data-mode=light] .tax-card,[data-mode=light] .report-index-card{color:#3d3833!important;background:#fff!important;border:1px solid #e0d8ce!important;box-shadow:0 1px 3px #2d241a0f!important}
[data-mode=light] .panel-head h3,[data-mode=light] .table-title h3,[data-mode=light] .settings-card h3,[data-mode=light] .note-box h3,[data-mode=light] .link-head h3,[data-mode=light] .placeholder-panel h3{color:#1a1a1a!important}
[data-mode=light] .panel-head span,[data-mode=light] .table-title span,[data-mode=light] .placeholder-panel,[data-mode=light] .placeholder-panel p,[data-mode=light] .empty{color:#6b635b!important}
[data-mode=light] .metric strong{color:#1a1a1a!important}
[data-mode=light] .metric span{color:#8a7d70!important}
[data-mode=light] .metric small{color:#9a8b7a!important}
[data-mode=light] .primary,[data-mode=light] .report-export{color:#fff!important;background:linear-gradient(135deg,#c45428,#a0522d)!important;box-shadow:0 8px 24px #c454282e!important}
[data-mode=light] .primary:hover,[data-mode=light] .report-export:hover{background:linear-gradient(135deg,#d4683f,#c45428)!important}
html body .shipment-form .primary{color:#fff!important;background:linear-gradient(135deg,#c45428,#a0522d)!important}
html body .primary:hover{background:#d4683f!important}
[data-mode=light] .icon,[data-mode=light] .row-btn{color:#8a7d70!important}
[data-mode=light] .row-btn:hover{color:#c45428!important}
[data-mode=light] .row-btn.danger:hover{color:#dc2626!important}
[data-mode=light] .text-link,[data-mode=light] .outline-link,[data-mode=light] .link-row a{color:#c45428!important}
[data-mode=light] .table-panel th{color:#000!important;background:#faf6f0!important;border-color:#e0d8ce!important;padding:5px 10px !important;line-height:1.2 !important;font-size:12px !important}
[data-mode=light] .table-panel td{color:#3d3833!important;border-color:#f0e8dc!important}
[data-mode=light] .table-panel td b{color:#1a1a1a!important}
[data-mode=light] .table-panel tbody tr:hover{background:#fdfaf5!important}
[data-mode=light] .tag{color:#6b635b!important;background:#f3ece2!important}
html body .shipment-form .tag{color:#6b635b!important;background:#f3ece2!important}
html body .login-card h1{color:#1a1a1a!important}
html body .login-card{background:#fff!important}
html body .login-card input:focus{border-color:#c45428!important;box-shadow:0 0 0 3px #c4542814!important}
body .content[data-module]{background:#f5efe6!important}
body .content[data-module] .table-panel th{background:#faf6f0!important;border-color:#e0d8ce!important;padding:5px 10px !important;line-height:1.2 !important;font-size:12px !important}
body .content[data-module] .table-panel td{color:#3d3833!important;border-color:#f0e8dc!important}
body .content[data-module] .table-panel td b{color:#1a1a1a!important}
body .content[data-module] .table-panel tbody tr:hover{background:#fdfaf5!important}
body .content[data-module] .metric{border-color:#e0d8ce!important}
body .content[data-module] .metric strong{color:#1a1a1a!important}
body .content[data-module] .metric span,body .content[data-module] .metric small{color:#8a7d70!important}
body .content[data-module] .workflow-summary button:hover,body .content[data-module=settlements] .workflow-summary button.selected{color:#c45428!important;background:#c4542814!important;border-color:#c45428!important}
body .content[data-module] .tag{color:#6b635b!important;background:#f3ece2!important}
body .content[data-module] .row-btn{color:#8a7d70!important}
body .content[data-module] .row-btn:hover{color:#c45428!important}
body .content[data-module] .search,body .content[data-module] .date-filter input,body .content[data-module] .report-toolbar input,body .content[data-module] .add-line input,body .content[data-module] .setting-form input,body .content[data-module] .note-box textarea,body .content[data-module] .finance-filters input{color:#1a1a1a!important;background:#fff!important;border-color:#e0d8ce!important}

/* === JH Contrast Fix BEGIN (2026-09-15) === */
/* 根因：body 带 data-theme=theme-global-dark，其深色规则特异性(0,2,2)高于
   [data-mode=light] 的浅色规则(0,1,1)，导致浅色底上残留浅色文字（白字压白底）。
   方案：用 html[data-mode=light] body ... (0,2,3+) + !important 反压。
   排除 data-module=overview —— 经营总览是自带深色面板（background-image 渐变），
   浅色文字本来就正确，且 SCAN 的 bgOf 无法识别 background-image，会误报，故排除。 */

/* 0) 主操作按钮：深色主题残留「透明底+白字」→ 白字压浅底(ratio≈1.14) 不可见。
      改为暖色实心底 + 白字（全模块，含经营总览，橙底白字 ratio≈4.5 清晰）。 */
html[data-mode=light] body .primary,
html[data-mode=light] body .content[data-module] .primary{background:#c45428!important;color:#fff!important;border:1px solid #c45428!important;box-shadow:none!important}
html[data-mode=light] body .primary:hover,
html[data-mode=light] body .content[data-module] .primary:hover{background:#a0522d!important;border-color:#a0522d!important}

/* 1) 页面外壳底色（修复内容区下方露出深蓝渐变） */
html[data-mode=light] body .shell{background:#f5efe6!important;background-image:none!important;filter:none!important}

/* 2) 页面标题区 */
html[data-mode=light] body .content[data-module]:not([data-module=overview]) .page-header h1{color:#1a1a1a!important;text-shadow:none!important}
html[data-mode=light] body .content[data-module]:not([data-module=overview]) .page-header p{color:#5f574f!important}

/* 3) 次要按钮：下载模板 / 一键导入 / 重置 / 生成报表 / 全额核销 等 */
html[data-mode=light] body .content[data-module]:not([data-module=overview]) .outline{color:#c45428!important;background:#fff!important;border:1px solid #e8d9c8!important}
html[data-mode=light] body .content[data-module]:not([data-module=overview]) .outline:hover{color:#a0522d!important;background:#fdf3ec!important;border-color:#c45428!important}

/* 4) 日期区间分隔符「至」 */
html[data-mode=light] body .content[data-module]:not([data-module=overview]) .date-sep{color:#8a7d70!important}

/* 5) 状态筛选条：待调度 / 已派车 / 运输中 / 已签收 */
html[data-mode=light] body .content[data-module]:not([data-module=overview]) .workflow-summary button{color:#5f574f!important;background:#fff!important;border:1px solid #e0d8ce!important}
html[data-mode=light] body .content[data-module]:not([data-module=overview]) .workflow-summary button:hover,
html[data-mode=light] body .content[data-module]:not([data-module=overview]) .workflow-summary button.selected{color:#c45428!important;background:#fdf3ec!important;border-color:#c45428!important}
html[data-mode=light] body .content[data-module]:not([data-module=overview]) .workflow-summary b{color:#c45428!important}

/* 6) 提示条与状态标签 */
html[data-mode=light] body .content[data-module]:not([data-module=overview]) .workflow-note{color:#8a5a12!important;background:#fdf3e0!important}
html[data-mode=light] body .content[data-module]:not([data-module=overview]) .workflow-tag{color:#8a5a12!important;background:#fdf3e0!important}
html[data-mode=light] body .content[data-module]:not([data-module=overview]) .workflow-tag.done{color:#2f6b45!important;background:#e8f3ec!important}

/* 7) 利润报表：白字压白底的主战场 */
html[data-mode=light] body .profit-sheet-title h2{color:#1a1a1a!important}
html[data-mode=light] body .profit-sheet-title p{color:#7a6f66!important}
html[data-mode=light] body .profit-line-row{border-bottom-color:#eadfd2!important}
html[data-mode=light] body .profit-line-row.major{border-bottom-color:#dccbb8!important}
html[data-mode=light] body .profit-line-row b{color:#1a1a1a!important}
html[data-mode=light] body .profit-line-row.detail{color:#5f574f!important}
html[data-mode=light] body .profit-line-row.detail span{color:#5f574f!important}
html[data-mode=light] body .profit-line-row.net{color:#1f6b4a!important;background:#e8f3ec!important}
html[data-mode=light] body .profit-line-row.net b{color:#1f6b4a!important}
html[data-mode=light] body .report-footnote{color:#7a6f66!important}
html[data-mode=light] body .report-legend{color:#6b635b!important}
html[data-mode=light] body .report-index-card small{color:#6b635b!important}
html[data-mode=light] body .report-toolbar label{color:#5f574f!important}
/* 7b) 报表工具栏按钮：导出 CSV / 生成报表 等（深色主题残留白字压透明底） */
html[data-mode=light] body .report-export,
html[data-mode=light] body .report-toolbar button{background:#c45428!important;color:#fff!important;border:1px solid #c45428!important;box-shadow:none!important}
html[data-mode=light] body .report-export:hover,
html[data-mode=light] body .report-toolbar button:hover{background:#a0522d!important;border-color:#a0522d!important}

/* 8) 费用筛选条：费用登记 / 费用报销 */
html[data-mode=light] body .expense-filter{color:#3d3833!important;background:#faf6f0!important;border:1px solid #e8dccb!important}
html[data-mode=light] body .expense-filter label,
html[data-mode=light] body .expense-type,
html[data-mode=light] body .expense-filter .expense-count{color:#3d3833!important;opacity:1!important}
html[data-mode=light] body .expense-type .chip{color:#5f574f!important;background:#fff!important;border:1px solid #e0d8ce!important}
html[data-mode=light] body .expense-type .chip.active{color:#fff!important;background:#c45428!important;border-color:#c45428!important}
html[data-mode=light] body .expense-filter .expense-reset{color:#c45428!important;background:#fff!important;border:1px solid #e0bda6!important}
html[data-mode=light] body .expense-filter .expense-reset:hover{background:#fdf3ec!important}
html[data-mode=light] body .expense-filter input{color:#1a1a1a!important;background:#fff!important;border-color:#e0d8ce!important;color-scheme:light!important}

/* 9) 标签：管理员 / 已通过 / 待办 等 */
html[data-mode=light] body .tag{color:#5f574f!important;background:#f3ece2!important}
html[data-mode=light] body .tag.green{color:#2f6b45!important;background:#e6f2ea!important}
html[data-mode=light] body .tag.red{color:#a33b3b!important;background:#fbeaea!important}
html[data-mode=light] body .tag.amber,html[data-mode=light] body .tag.warn{color:#8a5a12!important;background:#fdf3e0!important}

/* 10) 输入占位符 */
html[data-mode=light] body .content[data-module]:not([data-module=overview]) input::placeholder,
html[data-mode=light] body .content[data-module]:not([data-module=overview]) textarea::placeholder{color:#9c9086!important}

/* === JH Contrast Fix END === */

/* === JH Overview Beige Unify BEGIN (2026-09-15) ===
   经营总览(overview)此前用深色渐变卡片+浅色文字（刻意排除在对比度修复外）。
   现按需求统一主色调为暖米色 #f5efe6：将深色渐变卡片/外壳改为米色，
   并把所有浅色文字翻为深色保证可读；保留橙色主按钮与绿/红数值等可读强调色。 */
/* 1) 模块外壳 + 内容区底色统一米色 */
html[data-mode=light] body .content[data-module=overview]{background:#f5efe6!important;background-image:none!important}
/* 2) 三块深色渐变卡片 -> 米色 + 暖色描边 */
html[data-mode=light] body .content[data-module=overview] .business-overview,
html[data-mode=light] body .content[data-module=overview] .business-metric,
html[data-mode=light] body .content[data-module=overview] .workflow-overview{
  background:#f5efe6!important;background-image:none!important;
  border:1px solid #e6ddcf!important;box-shadow:0 1px 4px rgba(120,90,60,.10)!important}
/* 3)  blanket：翻掉深色主题遗留的所有浅色文字（被后续强调规则覆盖） */
html[data-mode=light] body .content[data-module=overview] *{color:#3a332c!important}
/* 4) 主按钮保持白字橙底 */
html[data-mode=light] body .content[data-module=overview] .primary,
html[data-mode=light] body .content[data-module=overview] .primary *{color:#fff!important;background:#c45428!important}
/* 5) 数值强调：收/支/费 -> 可读深绿；负利润 -> 可读红 */
html[data-mode=light] body .content[data-module=overview] .green-text,
html[data-mode=light] body .content[data-module=overview] strong{color:#1f6b4a!important}
html[data-mode=light] body .content[data-module=overview] .business-metric.profit strong,
html[data-mode=light] body .content[data-module=overview] .red{color:#b4453a!important}
/* 6) 数据周期切换条（实色浅米 chip，避免半透明被对比度探针误判） */
html[data-mode=light] body .content[data-module=overview] .period-tabs button{color:#5f574f!important;background:#f3ece1!important;border:1px solid #e6ddcf!important}
html[data-mode=light] body .content[data-module=overview] .period-tabs .selected{color:#1f6b4a!important;background:#e8f3ec!important;border-color:#bfe0cd!important}
/* 7) 运输执行状态步骤条（chip） */
html[data-mode=light] body .content[data-module=overview] .workflow-steps button{color:#3a332c!important;background:#f3ece1!important;border:1px solid #e6ddcf!important}
/* 8) 连接线在米色上可见 */
html[data-mode=light] body .content[data-module=overview] .workflow-line{background:#d8cdbc!important}
/* 9) 装饰 svg 图标 -> 可读绿 */
html[data-mode=light] body .content[data-module=overview] svg,
html[data-mode=light] body .content[data-module=overview] svg *{color:#3f7d5e!important}
/* 10) 趋势面板数值 */
html[data-mode=light] body .content[data-module=overview] .overview-analytics b{color:#1f6b4a!important}
/* 11) 状态标签（绿/红/橙）可读配色 */
html[data-mode=light] body .content[data-module=overview] .tag.green{color:#1f6b4a!important;background:#e8f3ec!important;border-color:#bfe0cd!important}
html[data-mode=light] body .content[data-module=overview] .tag.red{color:#b4453a!important;background:#fbe9e6!important;border-color:#f0c9c2!important}
html[data-mode=light] body .content[data-module=overview] .tag.amber,
html[data-mode=light] body .content[data-module=overview] .tag.warn{color:#9a6b1f!important;background:#fbf1dd!important;border-color:#ecd9b0!important}
/* 12) 粒子 canvas 透明（原深色粒子在米色上无意义） */
html[data-mode=light] body .content[data-module=overview] .overview-particle-canvas{background:transparent!important}
/* === JH Overview Beige Unify END === */

/* === JH Bulk Toolbar BEGIN (2026-09-18 checkboxes + frozen bulk bar) === */
table.jh-bulk-ship thead tr.jh-bulk-row>th,table.jh-bulk-stl thead tr.jh-bulk-row>th,table.jh-bulk-rec thead tr.jh-bulk-row>th,table.jh-bulk-pay thead tr.jh-bulk-row>th{position:sticky;top:0;z-index:9;background:#f8fafc;box-shadow:inset 0 -1px 0 #e4e8ee;padding:7px 10px;text-align:left;white-space:nowrap}
table.jh-bulk-ship thead tr:not(.jh-bulk-row)>th,table.jh-bulk-stl thead tr:not(.jh-bulk-row)>th,table.jh-bulk-rec thead tr:not(.jh-bulk-row)>th,table.jh-bulk-pay thead tr:not(.jh-bulk-row)>th{top:46px}
.jh-bulk-row .jh-bulk-label{font-size:10px;font-weight:700;color:#334155;margin-right:6px;letter-spacing:.04em}
.jh-bulk-row input.jh-sel-all{width:14px;height:14px;vertical-align:middle;margin:0 8px 0 2px;cursor:pointer;accent-color:#c45428}
.jh-bulk-row .jh-sel-count{font-size:10px;color:#64748b;margin-right:12px;white-space:nowrap}
.jh-bulk-btn{display:inline-block;border:1px solid #c45428;color:#c45428;background:#fff;border-radius:6px;padding:4px 12px;font-size:11px;font-weight:600;margin-right:8px;cursor:pointer;line-height:1.5;vertical-align:middle}
.jh-bulk-btn:hover{background:#c45428;color:#fff}
.jh-bulk-btn:disabled{opacity:.4;cursor:not-allowed;background:#fff;color:#c45428}
.jh-chk-th,.jh-chk-td{text-align:center!important;width:34px;min-width:34px;padding:8px 4px!important}
.jh-chk-td input.jh-row-chk{width:14px;height:14px;cursor:pointer;accent-color:#c45428;vertical-align:middle}
/* === JH Bulk Toolbar END === */

/* === JH Bulk Toolbar Header Actions BEGIN (2026-09-18) === */
.jh-hdr-actions{position:absolute;right:0;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.jh-hdr-actions .primary,.jh-hdr-actions .outline{height:30px;padding:0 10px;white-space:nowrap}
table.jh-bulk-ship thead tr:not(.jh-bulk-row)>th,table.jh-bulk-stl thead tr:not(.jh-bulk-row)>th,table.jh-bulk-rec thead tr:not(.jh-bulk-row)>th,table.jh-bulk-pay thead tr:not(.jh-bulk-row)>th{top:37px}
/* === JH Bulk Toolbar Header Actions END === */

/* === JH Overview BorderGlow Cards BEGIN (2026-09-18) === */
/* 经营总览 4 张指标卡 BorderGlow 描边光效（暖调赭石 · 仅悬停跟随）
   定稿参数：intensity=1.00  glowRadius=30  coneSpread=25  edgeSensitivity=30  fillOpacity=0.25
   选择器统一加 body .content[data-module=overview] 前缀 —— 用于压过
   body[data-theme=theme-global-dark] .business-metric:after{display:none} 以及卡片原有的装饰光斑。 */

/* A) 变量与布局准备（静态安全：本身不产生任何视觉变化） */
body .content[data-module=overview] .business-metric.border-glow-card{
  --edge-proximity:0;
  --cursor-angle:45deg;
  --edge-sensitivity:30;
  --color-sensitivity:50;
  --border-radius:14px;
  --glow-padding:30px;
  --cone-spread:25;
  --fill-opacity:.25;
  --card-bg:#f5efe6;
  --card-border:#e6ddcf;
  --glow-color:hsla(17, 66%, 52%, 1);
  --glow-color-60:hsla(17, 66%, 52%, 0.6);
  --glow-color-50:hsla(17, 66%, 52%, 0.5);
  --glow-color-40:hsla(17, 66%, 52%, 0.4);
  --glow-color-30:hsla(17, 66%, 52%, 0.3);
  --glow-color-20:hsla(17, 66%, 52%, 0.2);
  --glow-color-10:hsla(17, 66%, 52%, 0.1);
  --gradient-one:radial-gradient(at 80% 55%,#c45428 0px,transparent 50%);
  --gradient-two:radial-gradient(at 69% 34%,#a0522d 0px,transparent 50%);
  --gradient-three:radial-gradient(at 8% 6%,#e8a15c 0px,transparent 50%);
  --gradient-four:radial-gradient(at 41% 38%,#c45428 0px,transparent 50%);
  --gradient-five:radial-gradient(at 86% 85%,#a0522d 0px,transparent 50%);
  --gradient-six:radial-gradient(at 82% 18%,#e8a15c 0px,transparent 50%);
  --gradient-seven:radial-gradient(at 51% 4%,#a0522d 0px,transparent 50%);
  --gradient-base:linear-gradient(#c45428 0 100%);
  isolation:isolate;
  overflow:visible!important;
}

/* B) 光效层几何 + 静止态归零（同时接管并抹掉卡片原有的 :after 装饰光斑） */
body .content[data-module=overview] .business-metrics .business-metric.border-glow-card::before,
body .content[data-module=overview] .business-metrics .business-metric.border-glow-card::after{
  content:"";position:absolute;inset:0;width:auto;height:auto;
  border-radius:inherit;filter:none;animation:none;display:block;
  opacity:0;z-index:-1;pointer-events:none;
  transition:opacity .25s ease-out;
}
body .content[data-module=overview] .business-metrics .business-metric.border-glow-card > .edge-light{
  position:absolute;display:block;
  inset:calc(var(--glow-padding) * -1);width:auto;height:auto;
  border-radius:inherit;pointer-events:none;
  opacity:0;z-index:-1;transition:opacity .25s ease-out;
}
/* 文字压在光效之上（原组件靠 .border-glow-inner 的 z-index:1） */
body .content[data-module=overview] .business-metric.border-glow-card > span:not(.edge-light),
body .content[data-module=overview] .business-metric.border-glow-card > strong,
body .content[data-module=overview] .business-metric.border-glow-card > small{position:relative;z-index:1}

/* C) 光效本体：仅在内核支持 mask-composite 时启用；
      360 兼容模式 / IE 内核（无 @supports）自动整块跳过，保持原样式，不会退化成色块。 */
@supports ((mask-composite: subtract) or (-webkit-mask-composite: source-out)){

  /* 静止态：与改前逐项一致（描边光/填充/外发光全部为 0） */
  body .content[data-module=overview] .business-metrics .business-metric.border-glow-card:not(:hover)::before,
  body .content[data-module=overview] .business-metrics .business-metric.border-glow-card:not(:hover)::after,
  body .content[data-module=overview] .business-metrics .business-metric.border-glow-card:not(:hover) > .edge-light{opacity:0;transition:opacity .75s ease-in-out}

  /* 跟随光标的彩色描边 */
  body .content[data-module=overview] .business-metrics .business-metric.border-glow-card::before{
    border:1px solid transparent;
    background:
      linear-gradient(var(--card-bg) 0 100%) padding-box,
      linear-gradient(rgb(255 255 255 / 0%) 0% 100%) border-box,
        var(--gradient-one) border-box,
  var(--gradient-two) border-box,
  var(--gradient-three) border-box,
  var(--gradient-four) border-box,
  var(--gradient-five) border-box,
  var(--gradient-six) border-box,
  var(--gradient-seven) border-box,
      var(--gradient-base) border-box;
    opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));
    -webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,#000 calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),#000 calc((100 - var(--cone-spread)) * 1%));
    mask-image:conic-gradient(from var(--cursor-angle) at center,#000 calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),#000 calc((100 - var(--cone-spread)) * 1%));
  }

  /* 边缘网状渐变填充 */
  body .content[data-module=overview] .business-metrics .business-metric.border-glow-card::after{
    border:1px solid transparent;
    background:
        var(--gradient-one) padding-box,
  var(--gradient-two) padding-box,
  var(--gradient-three) padding-box,
  var(--gradient-four) padding-box,
  var(--gradient-five) padding-box,
  var(--gradient-six) padding-box,
  var(--gradient-seven) padding-box,
      var(--gradient-base) padding-box;
    -webkit-mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,#000 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,#000 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,#000 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,#000 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,#000 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,#000 15%,#000 85%,transparent 95%);
    mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,#000 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,#000 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,#000 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,#000 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,#000 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,#000 15%,#000 85%,transparent 95%);
    -webkit-mask-composite:source-out,destination-in,destination-in,destination-in,destination-in,destination-in;
    mask-composite:subtract,add,add,add,add,add;
    opacity:calc(var(--fill-opacity) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));
    mix-blend-mode:soft-light;
  }

  /* 外发光 */
  body .content[data-module=overview] .business-metrics .business-metric.border-glow-card > .edge-light{
    -webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,#000 2.5%,transparent 10%,transparent 90%,#000 97.5%);
    mask-image:conic-gradient(from var(--cursor-angle) at center,#000 2.5%,transparent 10%,transparent 90%,#000 97.5%);
    opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));
    mix-blend-mode:normal; /* 浅底适配：组件原为 plus-lighter，浅底会过曝成白斑 */
  }
  body .content[data-module=overview] .business-metrics .business-metric.border-glow-card > .edge-light::before{
    content:"";position:absolute;inset:var(--glow-padding);border-radius:inherit;
    box-shadow:
      inset 0 0 0 1px var(--glow-color),
      inset 0 0 1px 0 var(--glow-color-60),
      inset 0 0 3px 0 var(--glow-color-50),
      inset 0 0 6px 0 var(--glow-color-40),
      inset 0 0 15px 0 var(--glow-color-30),
      inset 0 0 25px 2px var(--glow-color-20),
      inset 0 0 50px 2px var(--glow-color-10),
      0 0 1px 0 var(--glow-color-60),
      0 0 3px 0 var(--glow-color-50),
      0 0 6px 0 var(--glow-color-40),
      0 0 15px 0 var(--glow-color-30),
      0 0 25px 2px var(--glow-color-20),
      0 0 50px 2px var(--glow-color-10);
  }
}

/* D) 降级内核的悬停反馈：仅在内核确实不支持 mask-composite 时生效 */
@supports not ((mask-composite: subtract) or (-webkit-mask-composite: source-out)){
  body .content[data-module=overview] .business-metrics .business-metric.border-glow-card:hover{border-color:#d8b79c!important;box-shadow:0 2px 12px rgba(196,84,40,.16)!important}
}
/* === JH Overview BorderGlow Cards END === */

/* === JH Links Page START === */
/* 复用原设计遗留的 .link-grid/.link-card/.link-head/.link-row/.site-icon，仅补交互与暖调校正 */
.link-grid{grid-template-columns:repeat(2,1fr)}
@media (max-width:820px){.link-grid{grid-template-columns:1fr}}
.link-row{cursor:pointer;padding:13px 9px;border-radius:8px;transition:background .15s ease}
.link-row:hover{background:#faf6f0}
.link-row:hover b{color:#c45428}
.link-row b{word-break:break-all;line-height:1.45}
.site-icon{color:#c45428;background:linear-gradient(135deg,#f7e6da,#fdf4ee);border:1px solid #f0dccd}
.link-card{transition:border-color .15s ease,box-shadow .15s ease}
.link-card:hover{border-color:#e6ddcf;box-shadow:0 2px 10px rgba(120,90,60,.08)}
/* === JH Links Page END === */
/* === P0-1 运单状态机纠偏 === */
/* 状态机由 4 节点变 5 节点 + 新增超期胶囊：允许换行，避免挤压 */
.workflow-steps{flex-wrap:wrap}
.workflow-summary{flex-wrap:wrap}
/* 超期未签收：表格节点标签警示（!important 用于反压各主题覆盖层） */
.workflow-tag.overdue{color:#a32d2d!important;background:#fdecec!important;box-shadow:inset 0 0 0 1px #a32d2d3d!important}
body[data-theme=theme-logistics] .workflow-tag.overdue,body[data-theme=theme-overview] .workflow-tag.overdue,body[data-theme=theme-global-dark] .workflow-tag.overdue{color:#f3a6a6!important;background:#a32d2d2e!important;box-shadow:inset 0 0 0 1px #a32d2d66!important}
/* 超期筛选胶囊的数字标红（按钮本体沿用系统样式，含 selected 态） */
.workflow-summary button.jh-overdue-chip b{color:#a32d2d}
body[data-theme=theme-logistics] .workflow-summary button.jh-overdue-chip b,body[data-theme=theme-overview] .workflow-summary button.jh-overdue-chip b,body[data-theme=theme-global-dark] .workflow-summary button.jh-overdue-chip b{color:#f3a6a6}
/* 存量「系统自动签收」记录：虚线框提示待人工复核（不占盒模型，outline 不影响几何） */
.workflow-tag.need-review{outline:1px dashed #d98324;outline-offset:1px}

/* === P0-2 主数据最小集 === */
/* 主题无关配色：中灰 + 暖橙在浅米底与深底上都可读；实测本主题内容区为浅米底(rgb(245,239,230))，
   故不做深/浅主题分支，避免浅色文字落在浅底上不可见 */
.jh-master-tabs{display:inline-flex;gap:3px;border:1px solid rgba(128,128,128,.3);border-radius:9px;padding:3px;background:rgba(128,128,128,.07)}
.jh-master-tabs button{height:30px;border:0;background:0 0;border-radius:5px;padding:0 14px;margin-right:3px;font-size:11px;color:#6b7a8c;cursor:pointer}
.jh-master-tabs button b{margin-left:6px;font-size:10px;font-weight:700}
.jh-master-tabs button.selected{background:rgba(196,84,40,.16);color:#c45428;font-weight:700}
.jh-master-note{margin:0 0 12px;font-size:11px;color:#7b8899;line-height:1.7}
.jh-master-note b{color:#c45428;font-weight:700}
.jh-master-hist{margin-top:12px;border:1px dashed rgba(217,131,36,.75);border-radius:7px;background:rgba(217,131,36,.1);padding:12px 14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:11px;color:#8a5a1e}
.jh-master-hist span{flex:1;min-width:220px}
.jh-master-hist>*{margin-right:6px}
.jh-master-table td small{display:block;max-width:330px;white-space:normal;line-height:1.5;font-size:9px;color:#9da8b3}
.jh-master-table td b{font-weight:700;color:#24364c}
.table-panel td button.outline.mini{margin-right:6px}
/* 顺带修正 P0-1 的超期标识：原按「深底主题」写了浅红字，实测该主题内容区为浅米底 → 文字发虚。
   改为自带浅红底 + 深红字，与父级背景无关，任何主题下都可读 */
body[data-theme=theme-logistics] .workflow-tag.overdue,body[data-theme=theme-overview] .workflow-tag.overdue,body[data-theme=theme-global-dark] .workflow-tag.overdue{color:#a32d2d!important;background:#fdecec!important;box-shadow:inset 0 0 0 1px #a32d2d3d!important}
body[data-theme=theme-logistics] .workflow-summary button.jh-overdue-chip b,body[data-theme=theme-overview] .workflow-summary button.jh-overdue-chip b,body[data-theme=theme-global-dark] .workflow-summary button.jh-overdue-chip b{color:#a32d2d}