:root{--jl-bg:#0f172a;--jl-bg-raised:#1e293b;--jl-surface:#1e293b;--jl-surface-hover:#334155;--jl-border:#334155;--jl-border-subtle:#1e293b;--jl-text:#f1f5f9;--jl-text-secondary:#cbd5e1;--jl-text-muted:#94a3b8;--jl-text-dimmed:#64748b;--jl-input-bg:#1e293b;--jl-input-border:#475569;--jl-shadow-color:rgba(0,0,0,0.4);--jl-hover-bg:rgba(255,255,255,0.04);--jl-table-header-bg:#1e293b;--jl-table-row-hover:rgba(255,255,255,0.03);--jl-modal-bg:#1e293b;--jl-green-subtle:rgba(22,163,74,0.15);--jl-red-subtle:rgba(239,68,68,0.15);--jl-yellow-subtle:rgba(234,179,8,0.15);--jl-blue-subtle:rgba(59,130,246,0.15);--jl-purple-subtle:rgba(139,92,246,0.15);--jl-orange-subtle:rgba(249,115,22,0.15);--jl-pink-subtle:rgba(236,72,153,0.15);--jl-green-text:#4ade80;--jl-red-text:#f87171;--jl-yellow-text:#fbbf24;--jl-blue-text:#60a5fa;--jl-purple-text:#a78bfa;--jl-td-text:#e5e7eb;--jl-td-text-secondary:#cbd5e1;--jl-brand:#1c5636;--jl-brand-hover:#174a2e;--jl-brand-subtle:rgba(28,86,54,0.15);--jl-brand-ring:rgba(28,86,54,0.2);--jl-accent:#2ee89e;--jl-accent-subtle:rgba(46,232,158,0.12);--jl-orange-text:#fb923c;--jl-pink-text:#f472b6;}:root.jn-light{--jl-bg:#f5f7fa;--jl-bg-raised:#edf2f7;--jl-surface:#ffffff;--jl-surface-hover:#f7fafc;--jl-border:#e2e8f0;--jl-border-subtle:#edf2f7;--jl-text:#1a202c;--jl-text-secondary:#4a5568;--jl-text-muted:#718096;--jl-text-dimmed:#a0aec0;--jl-input-bg:#ffffff;--jl-input-border:#e2e8f0;--jl-shadow-color:rgba(0,0,0,0.08);--jl-hover-bg:#f7fafc;--jl-table-header-bg:#edf2f7;--jl-table-row-hover:#f7fafc;--jl-modal-bg:#ffffff;--jl-green-subtle:#f0fdf4;--jl-red-subtle:#fef2f2;--jl-yellow-subtle:#fefce8;--jl-blue-subtle:#eff6ff;--jl-purple-subtle:#f5f3ff;--jl-orange-subtle:#fff7ed;--jl-pink-subtle:#fdf2f8;--jl-green-text:#15803d;--jl-red-text:#b91c1c;--jl-yellow-text:#a16207;--jl-blue-text:#1d4ed8;--jl-purple-text:#6d28d9;--jl-td-text:#1f2937;--jl-td-text-secondary:#4b5563;--jl-brand:#1c5636;--jl-brand-hover:#154428;--jl-brand-subtle:rgba(28,86,54,0.08);--jl-brand-ring:rgba(28,86,54,0.15);--jl-accent:#16a34a;--jl-accent-subtle:rgba(22,163,74,0.1);--jl-orange-text:#ea580c;--jl-pink-text:#db2777;}
html,body{max-width:100vw;overflow-x:hidden;}body{background-color:var(--jl-bg) !important;color:var(--jl-text) !important;transition:background-color 0.3s ease,color 0.3s ease;}
.bg-white{background-color:var(--jl-surface) !important;}
.bg-gray-50{background-color:var(--jl-bg) !important;}
.bg-gray-100{background-color:var(--jl-bg-raised) !important;}
.bg-gray-200{background-color:var(--jl-border) !important;}
.bg-green-50,.bg-green-100,.bg-emerald-50{background-color:var(--jl-green-subtle) !important;}
.bg-red-50,.bg-red-100{background-color:var(--jl-red-subtle) !important;}
.bg-yellow-50,.bg-yellow-100,.bg-amber-50,.bg-amber-100{background-color:var(--jl-yellow-subtle) !important;}
.bg-blue-50,.bg-blue-100{background-color:var(--jl-blue-subtle) !important;}
.bg-purple-50,.bg-violet-50,.bg-purple-100{background-color:var(--jl-purple-subtle) !important;}
.bg-orange-50,.bg-orange-100{background-color:var(--jl-orange-subtle) !important;}
.bg-pink-50,.bg-pink-100{background-color:var(--jl-pink-subtle) !important;}
.text-gray-900{color:var(--jl-text) !important;}
.text-gray-800{color:var(--jl-text) !important;}
.text-gray-700{color:var(--jl-text-secondary) !important;}
.text-gray-600{color:var(--jl-text-secondary) !important;}
.text-gray-500{color:var(--jl-text-muted) !important;}
.text-gray-400{color:var(--jl-text-dimmed) !important;}
.text-gray-300{color:var(--jl-text-dimmed) !important;}
.text-black{color:var(--jl-text) !important;}
.text-green-700,.text-green-800,.text-green-600,.text-emerald-700{color:var(--jl-green-text) !important;}
.text-red-700,.text-red-800,.text-red-600{color:var(--jl-red-text) !important;}
.text-yellow-700,.text-yellow-800,.text-yellow-600,.text-amber-700,.text-amber-600{color:var(--jl-yellow-text) !important;}
.text-blue-700,.text-blue-800,.text-blue-600{color:var(--jl-blue-text) !important;}
.text-purple-700,.text-purple-600,.text-violet-700{color:var(--jl-purple-text) !important;}
.border-gray-100{border-color:var(--jl-border-subtle) !important;}
.border-gray-200{border-color:var(--jl-border) !important;}
.border-gray-300{border-color:var(--jl-border) !important;}
.divide-gray-200 >:not([hidden]) ~:not([hidden]){border-color:var(--jl-border) !important;}
.divide-gray-100 >:not([hidden]) ~:not([hidden]){border-color:var(--jl-border-subtle) !important;}
.shadow-sm{box-shadow:0 1px 2px var(--jl-shadow-color) !important;}
.shadow{box-shadow:0 1px 3px var(--jl-shadow-color),0 1px 2px var(--jl-shadow-color) !important;}
.shadow-md{box-shadow:0 4px 6px var(--jl-shadow-color) !important;}
.shadow-lg{box-shadow:0 10px 15px var(--jl-shadow-color) !important;}
.bg-\[\#1c5636\]{background-color:var(--jl-brand) !important;}
.hover\:bg-\[\#153d28\]:hover,.hover\:bg-\[\#174a2e\]:hover{background-color:var(--jl-brand-hover) !important;}
.text-\[\#1c5636\]{color:var(--jl-brand) !important;}
.border-\[\#1c5636\]{border-color:var(--jl-brand) !important;}
.ring-\[\#1c5636\]{--tw-ring-color:var(--jl-brand) !important;}
.focus\:ring-\[\#1c5636\]:focus{--tw-ring-color:var(--jl-brand) !important;}
.focus\:border-\[\#1c5636\]:focus{border-color:var(--jl-brand) !important;}
.hover\:bg-gray-50:hover{background-color:var(--jl-surface-hover) !important;}
.hover\:bg-gray-100:hover{background-color:var(--jl-surface-hover) !important;}
.ring-gray-200{--tw-ring-color:var(--jl-border) !important;}
.focus\:ring-gray-200:focus{--tw-ring-color:var(--jl-border) !important;}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not(.jn-item),select,textarea{background-color:var(--jl-input-bg) !important;color:var(--jl-text) !important;border-color:var(--jl-input-border) !important;}
input::placeholder,textarea::placeholder{color:var(--jl-text-dimmed) !important;}
th{background-color:var(--jl-table-header-bg) !important;color:var(--jl-text-muted) !important;border-color:var(--jl-border) !important;}
html:not(.jn-light) td{border-color:var(--jl-border-subtle,#1e293b) !important;color:#e5e7eb !important;}
html:not(.jn-light) td.text-gray-300,html:not(.jn-light) td .text-gray-300,html:not(.jn-light) td.text-gray-400,html:not(.jn-light) td .text-gray-400,html:not(.jn-light) td.text-slate-300,html:not(.jn-light) td .text-slate-300,html:not(.jn-light) td.text-slate-400,html:not(.jn-light) td .text-slate-400{color:#cbd5e1 !important;}
html:not(.jn-light) td.text-gray-500,html:not(.jn-light) td .text-gray-500,html:not(.jn-light) td.text-gray-600,html:not(.jn-light) td .text-gray-600,html:not(.jn-light) td.text-gray-700,html:not(.jn-light) td .text-gray-700,html:not(.jn-light) td.text-gray-800,html:not(.jn-light) td .text-gray-800,html:not(.jn-light) td.text-gray-900,html:not(.jn-light) td .text-gray-900,html:not(.jn-light) td.text-slate-500,html:not(.jn-light) td .text-slate-500,html:not(.jn-light) td.text-slate-600,html:not(.jn-light) td .text-slate-600,html:not(.jn-light) td.text-black,html:not(.jn-light) td .text-black{color:#e5e7eb !important;}
html.jn-light td{border-color:var(--jl-border-subtle,#edf2f7) !important;color:#1f2937 !important;}
html.jn-light td.text-gray-300,html.jn-light td .text-gray-300,html.jn-light td.text-gray-400,html.jn-light td .text-gray-400{color:#6b7280 !important;}
html.jn-light td.text-gray-500,html.jn-light td .text-gray-500,html.jn-light td.text-gray-600,html.jn-light td .text-gray-600,html.jn-light td.text-gray-700,html.jn-light td .text-gray-700,html.jn-light td.text-gray-800,html.jn-light td .text-gray-800,html.jn-light td.text-gray-900,html.jn-light td .text-gray-900,html.jn-light td.text-slate-500,html.jn-light td .text-slate-500,html.jn-light td.text-slate-600,html.jn-light td .text-slate-600,html.jn-light td.text-black,html.jn-light td .text-black{color:#1f2937 !important;}
td .text-green-600,td .text-green-700,td .text-green-800,td .text-emerald-600,td .text-emerald-700,td.text-green-600,td.text-green-700,td.text-green-800,td.text-emerald-600,td.text-emerald-700{color:var(--jl-green-text) !important;}
td .text-red-600,td .text-red-700,td .text-red-800,td.text-red-600,td.text-red-700,td.text-red-800{color:var(--jl-red-text) !important;}
td .text-yellow-600,td .text-yellow-700,td .text-amber-600,td .text-amber-700,td.text-yellow-600,td.text-yellow-700,td.text-amber-600,td.text-amber-700{color:var(--jl-yellow-text) !important;}
td .text-blue-600,td .text-blue-700,td.text-blue-600,td.text-blue-700{color:var(--jl-blue-text) !important;}
td .text-purple-600,td .text-purple-700,td.text-purple-600,td.text-purple-700{color:var(--jl-purple-text) !important;}
td .text-white,td.text-white{color:#fff !important;}
td .text-orange-600,td .text-orange-700,td.text-orange-600,td.text-orange-700{color:var(--jl-yellow-text) !important;}
.stat-card{background-color:var(--jl-surface) !important;border-color:var(--jl-border) !important;}
.stat-card .stat-value{color:var(--jl-text) !important;}
.stat-card .stat-label{color:var(--jl-text-muted) !important;}
.stat-card .stat-sub{color:var(--jl-text-dimmed) !important;}
.stat-card:hover{box-shadow:0 6px 16px var(--jl-shadow-color) !important;transition:box-shadow 0.2s ease;}
.chart-card{background-color:var(--jl-surface) !important;border-color:var(--jl-border) !important;}
.chart-title{color:var(--jl-text) !important;}
.tbl th{background-color:var(--jl-table-header-bg) !important;border-color:var(--jl-border) !important;color:var(--jl-text-muted) !important;}
html:not(.jn-light) .tbl td{border-color:var(--jl-border-subtle,#1e293b) !important;color:#e5e7eb !important;}
html.jn-light .tbl td{border-color:var(--jl-border-subtle,#edf2f7) !important;color:#1f2937 !important;}
html:not(.jn-light) .tbl tr:hover{background-color:rgba(255,255,255,0.04) !important;}
html.jn-light .tbl tr:hover{background-color:#f7fafc !important;}
.modal-card{background-color:var(--jl-modal-bg) !important;color:var(--jl-text) !important;}
.modal-title{color:var(--jl-text) !important;}
.modal-backdrop{background:rgba(0,0,0,0.6) !important;}
.search-input{background-color:var(--jl-input-bg) !important;color:var(--jl-text) !important;border-color:var(--jl-input-border) !important;}
.merchant-row.active{background-color:var(--jl-green-subtle) !important;}
.form-label{color:var(--jl-text-secondary) !important;}
.form-input,.form-select{background-color:var(--jl-input-bg) !important;color:var(--jl-text) !important;border-color:var(--jl-input-border) !important;}
.form-input:focus,.form-select:focus{border-color:var(--jl-brand) !important;}
.btn-outline{background-color:var(--jl-surface) !important;color:var(--jl-text-secondary) !important;border-color:var(--jl-border) !important;}
.btn-outline:hover{background-color:var(--jl-surface-hover) !important;border-color:var(--jl-text-dimmed) !important;}
.rpt-tab{background-color:var(--jl-surface) !important;color:var(--jl-text-muted) !important;border-color:var(--jl-border) !important;}
.rpt-tab:hover{border-color:var(--jl-brand) !important;color:var(--jl-brand) !important;}
.rpt-tab.active{background:var(--jl-brand) !important;color:#fff !important;border-color:var(--jl-brand) !important;}
.charge-badge{display:inline-flex;align-items:center;font-size:12px;font-weight:600;padding:4px 12px;border-radius:9999px;text-transform:uppercase;letter-spacing:0.025em;white-space:nowrap;border:1px solid;}
.charge-badge-STORAGE{background:var(--jl-purple-subtle);color:var(--jl-purple-text);border-color:rgba(139,92,246,0.2);}
.charge-badge-SHIPPING{background:var(--jl-green-subtle);color:var(--jl-green-text);border-color:rgba(16,185,129,0.2);}
.charge-badge-WHITE_GLOVE{background:var(--jl-yellow-subtle);color:var(--jl-yellow-text);border-color:rgba(245,158,11,0.2);}
.charge-badge-PLATFORM{background:var(--jl-bg-raised);color:var(--jl-text-muted);border-color:var(--jl-border);}
.charge-badge-RETURNS{background:var(--jl-pink-subtle);color:var(--jl-pink-text);border-color:rgba(236,72,153,0.2);}
.charge-badge-PICK_PACK{background:var(--jl-blue-subtle);color:var(--jl-blue-text);border-color:rgba(59,130,246,0.2);}
.charge-badge-CUSTOMS{background:var(--jl-yellow-subtle);color:var(--jl-yellow-text);border-color:rgba(234,179,8,0.2);}
.charge-badge-INSURANCE{background:var(--jl-blue-subtle);color:var(--jl-blue-text);border-color:rgba(6,182,212,0.2);}
.progress-bar{background-color:var(--jl-border) !important;}
*{scrollbar-color:var(--jl-border) transparent;}::-webkit-scrollbar{width:8px;height:8px;}::-webkit-scrollbar-track{background:transparent;}::-webkit-scrollbar-thumb{background:var(--jl-border);border-radius:4px;}::-webkit-scrollbar-thumb:hover{background:var(--jl-text-dimmed);}
.jn-notif-panel{background:var(--jl-surface) !important;}
.jn-notif-head h3{color:var(--jl-text) !important;}
.jn-notif-item:hover{background:var(--jl-surface-hover) !important;}
.jn-notif-item.jn-unread{background:var(--jl-green-subtle) !important;}
.jn-notif-title{color:var(--jl-text) !important;}
.jn-notif-msg{color:var(--jl-text-secondary) !important;}
.jn-notif-time{color:var(--jl-text-muted) !important;}
tbody tr,.order-row,.shipment-row,.inventory-row,.return-row,.merchant-row,.data-row,.log-row,.rate-row,.app-row,.invoice-row,.inv-row,.charge-row,.lead-row,.item-row,.notif-card,.alloc-table tr{opacity:1 !important;}
html:not(.jn-light) tbody td,html:not(.jn-light) tbody th,html:not(.jn-light) .order-row,html:not(.jn-light) .shipment-row,html:not(.jn-light) .inventory-row,html:not(.jn-light) .return-row,html:not(.jn-light) .data-row,html:not(.jn-light) .log-row,html:not(.jn-light) .inv-row,html:not(.jn-light) .invoice-row,html:not(.jn-light) .app-row,html:not(.jn-light) .alloc-table td{color:var(--jl-td-text,#e5e7eb) !important;opacity:1 !important;}
html.jn-light tbody td,html.jn-light tbody th,html.jn-light .order-row,html.jn-light .shipment-row,html.jn-light .inventory-row,html.jn-light .return-row,html.jn-light .data-row,html.jn-light .log-row,html.jn-light .inv-row,html.jn-light .invoice-row,html.jn-light .app-row,html.jn-light .alloc-table td{color:var(--jl-td-text,#1f2937) !important;opacity:1 !important;}
html:not(.jn-light) tbody tr:hover,html:not(.jn-light) .order-row:hover,html:not(.jn-light) .shipment-row:hover,html:not(.jn-light) .inventory-row:hover,html:not(.jn-light) .return-row:hover,html:not(.jn-light) .merchant-row:hover,html:not(.jn-light) .data-row:hover,html:not(.jn-light) .log-row:hover,html:not(.jn-light) .rate-row:hover,html:not(.jn-light) .app-row:hover,html:not(.jn-light) .invoice-row:hover,html:not(.jn-light) .inv-row:hover,html:not(.jn-light) .charge-row:hover,html:not(.jn-light) .lead-row:hover,html:not(.jn-light) .item-row:hover,html:not(.jn-light) .notif-card:hover,html:not(.jn-light) .alloc-table tr:hover{background-color:rgba(255,255,255,0.05) !important;opacity:1 !important;}
html.jn-light tbody tr:hover,html.jn-light .order-row:hover,html.jn-light .shipment-row:hover,html.jn-light .inventory-row:hover,html.jn-light .return-row:hover,html.jn-light .merchant-row:hover,html.jn-light .data-row:hover,html.jn-light .log-row:hover,html.jn-light .rate-row:hover,html.jn-light .app-row:hover,html.jn-light .invoice-row:hover,html.jn-light .inv-row:hover,html.jn-light .charge-row:hover,html.jn-light .lead-row:hover,html.jn-light .item-row:hover,html.jn-light .notif-card:hover,html.jn-light .alloc-table tr:hover{background-color:rgba(0,0,0,0.03) !important;opacity:1 !important;}
html:not(.jn-light) tbody tr:hover td,html:not(.jn-light) tbody tr:hover th{color:var(--jl-td-text,#e5e7eb) !important;opacity:1 !important;}
html.jn-light tbody tr:hover td,html.jn-light tbody tr:hover th{color:var(--jl-td-text,#1f2937) !important;opacity:1 !important;}