:root{--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--sidebar-width: 256px;--sidebar-collapsed: 76px;--header-height: 68px;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Space Grotesk", "DM Sans", sans-serif}:root,[data-theme=dark]{--bg-primary: #0F1117;--bg-secondary: #151922;--bg-card: #1A1F2B;--bg-card-hover: #1E2435;--bg-elevated: #222838;--bg-input: #1C2130;--border: #2A3040;--border-light: #353D50;--border-hover: #454F65;--text-primary: #F0F2F5;--text-secondary: #8C95A8;--text-muted: #5A6375;--text-white: #FFFFFF;--accent: #6C5CE7;--accent-light: #8B7CF6;--accent-dim: rgba(108, 92, 231, .12);--accent-glow: rgba(108, 92, 231, .25);--green: #00D68F;--green-dim: rgba(0, 214, 143, .1);--red: #FF6B6B;--red-dim: rgba(255, 107, 107, .1);--orange: #FDCB6E;--orange-dim: rgba(253, 203, 110, .1);--blue: #54A0FF;--blue-dim: rgba(84, 160, 255, .1);--cyan: #00CECE;--cyan-dim: rgba(0, 206, 206, .1);--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.35);--shadow-lg: 0 8px 32px rgba(0,0,0,.45);color-scheme:dark}[data-theme=light]{--bg-primary: #F4F6F9;--bg-secondary: #FFFFFF;--bg-card: #FFFFFF;--bg-card-hover: #F8F9FB;--bg-elevated: #EFF1F5;--bg-input: #F4F6F9;--border: #E0E4EB;--border-light: #CDD3DD;--border-hover: #B0B8C5;--text-primary: #1A1F2B;--text-secondary: #5A6375;--text-muted: #8C95A8;--text-white: #FFFFFF;--accent: #5B4BD5;--accent-light: #7B6CF0;--accent-dim: rgba(91, 75, 213, .08);--accent-glow: rgba(91, 75, 213, .15);--green: #00B377;--green-dim: rgba(0, 179, 119, .08);--red: #E54545;--red-dim: rgba(229, 69, 69, .08);--orange: #D99A00;--orange-dim: rgba(217, 154, 0, .08);--blue: #3B82F6;--blue-dim: rgba(59, 130, 246, .08);--cyan: #00A3A3;--cyan-dim: rgba(0, 163, 163, .08);--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.08);--shadow-lg: 0 8px 24px rgba(0,0,0,.1);color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}input,button,select,textarea{font-family:inherit}button{cursor:pointer;border:none;background:none;color:inherit}.app-layout{display:flex;height:100vh;width:100%}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.sidebar.collapsed{width:var(--sidebar-collapsed);min-width:var(--sidebar-collapsed)}.sidebar-logo{padding:20px 24px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border);min-height:var(--header-height)}.sidebar.collapsed .sidebar-logo{padding:20px 0;justify-content:center}.logo-icon{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--cyan));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:17px;color:#fff;flex-shrink:0;box-shadow:0 4px 16px #6c5ce74d}.logo-text{overflow:hidden;white-space:nowrap}.logo-text h2{font-family:var(--font-display);font-weight:700;font-size:19px;letter-spacing:-.4px;line-height:1.2}.logo-text span{font-size:10px;color:var(--text-muted);font-weight:600;letter-spacing:2px;text-transform:uppercase}.sidebar.collapsed .logo-text{display:none}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:500;transition:all .2s ease;text-decoration:none;position:relative}.sidebar.collapsed .nav-item{justify-content:center;padding:12px 0}.sidebar.collapsed .nav-item span{display:none}.nav-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.nav-item.active{background:var(--accent-dim);color:var(--accent-light)}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--accent);border-radius:0 3px 3px 0}.sidebar.collapsed .nav-item.active:before{display:none}.nav-item svg{flex-shrink:0;width:20px;height:20px}.sidebar-footer{padding:12px;border-top:1px solid var(--border)}.sidebar-toggle{display:flex;align-items:center;gap:14px;padding:11px 16px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:13px;font-weight:500;width:100%;transition:all .2s ease}.sidebar.collapsed .sidebar-toggle{justify-content:center;padding:11px 0}.sidebar.collapsed .sidebar-toggle span{display:none}.sidebar-toggle:hover{background:var(--bg-elevated);color:var(--text-secondary)}.main-area{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.header{display:flex;align-items:center;justify-content:space-between;padding:0 32px;min-height:var(--header-height);border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0}.header-left h1{font-family:var(--font-display);font-size:22px;font-weight:700;letter-spacing:-.5px}.header-left p{font-size:13px;color:var(--text-secondary);margin-top:1px}.header-right{display:flex;align-items:center;gap:12px}.search-box{display:flex;align-items:center;gap:10px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 16px;min-width:200px;transition:border-color .2s}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.search-box svg{color:var(--text-muted);flex-shrink:0}.search-box input{background:none;border:none;outline:none;color:var(--text-primary);font-size:13px;width:100%}.search-box input::placeholder{color:var(--text-muted)}.icon-btn{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);position:relative;transition:all .2s}.icon-btn:hover{border-color:var(--border-light);color:var(--text-primary)}.icon-btn .badge{position:absolute;top:7px;right:7px;width:9px;height:9px;background:var(--red);border-radius:50%;border:2px solid var(--bg-secondary)}.profile-btn{display:flex;align-items:center;gap:10px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 14px 6px 6px;transition:all .2s}.profile-btn:hover{border-color:var(--border-light)}.profile-avatar{width:34px;height:34px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent),var(--green));display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff}.profile-info{text-align:left}.profile-info .name{font-size:13px;font-weight:600;line-height:1.2}.profile-info .role{font-size:10px;color:var(--text-muted);font-weight:500}.content{flex:1;overflow-y:auto;padding:24px 28px 32px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 24px;display:flex;justify-content:space-between;align-items:flex-start;transition:all .25s ease;cursor:default}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.stat-card:nth-child(1):hover{border-color:var(--accent)}.stat-card:nth-child(2):hover{border-color:var(--green)}.stat-card:nth-child(3):hover{border-color:var(--blue)}.stat-card:nth-child(4):hover{border-color:var(--orange)}.stat-label{font-size:12px;color:var(--text-secondary);font-weight:500;margin-bottom:10px}.stat-value{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-1px;line-height:1}.stat-change{display:inline-flex;align-items:center;gap:4px;margin-top:10px;font-size:12px;font-weight:600;padding:3px 9px;border-radius:6px}.stat-change.up{color:var(--green);background:var(--green-dim)}.stat-change.down{color:var(--red);background:var(--red-dim)}.stat-chart{flex-shrink:0;margin-left:12px}.charts-row{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-bottom:24px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.card-title{font-size:16px;font-weight:600;line-height:1.3}.card-subtitle{font-size:12px;color:var(--text-secondary);margin-top:3px}.chart-legend{display:flex;gap:20px}.legend-item{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--text-secondary)}.legend-dot{width:10px;height:10px;border-radius:3px}.bar-chart{display:flex;align-items:flex-end;gap:10px;height:200px;padding:0 4px}.bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.bar-stack{display:flex;flex-direction:column;gap:3px;width:100%;align-items:center}.bar{width:55%;border-radius:4px;transition:height .8s cubic-bezier(.4,0,.2,1);min-height:4px;position:relative}.bar:hover{opacity:.85;transform:scaleX(1.1)}.bar.inbound{background:linear-gradient(180deg,var(--accent),var(--accent-light));border-radius:4px 4px 2px 2px}.bar.outbound{background:linear-gradient(180deg,var(--cyan),var(--blue));border-radius:2px 2px 4px 4px}.bar-label{font-size:11px;color:var(--text-muted);font-weight:500}.donut-section{display:flex;align-items:center;gap:36px}.donut-wrapper{position:relative;flex-shrink:0}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.donut-center .value{font-family:var(--font-display);font-size:24px;font-weight:700}.donut-center .label{font-size:11px;color:var(--text-muted)}.category-list{flex:1;display:flex;flex-direction:column;gap:14px}.category-item{display:flex;align-items:center;gap:12px}.category-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.category-info{flex:1}.category-row{display:flex;justify-content:space-between;font-size:13px}.category-row .name{color:var(--text-secondary)}.category-row .pct{font-weight:600}.category-bar{height:4px;border-radius:2px;background:var(--border);margin-top:7px;overflow:hidden}.category-fill{height:100%;border-radius:2px;transition:width 1s cubic-bezier(.4,0,.2,1)}.more-btn{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s}.more-btn:hover{border-color:var(--border-light);color:var(--text-primary)}.bottom-row{display:grid;grid-template-columns:1.8fr 1fr;gap:16px}.table-actions{display:flex;gap:8px}.btn-filter{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text-secondary);transition:all .2s}.btn-filter:hover{border-color:var(--border-light);color:var(--text-primary)}.btn-add{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,var(--accent),var(--accent-light));border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:#fff;transition:all .2s;box-shadow:0 2px 8px #6c5ce74d}.btn-add:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6c5ce766}.data-table{width:100%;border-collapse:collapse}.data-table thead th{padding:12px 14px;text-align:left;font-size:11px;color:var(--text-muted);font-weight:600;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid var(--border)}.data-table tbody tr{border-bottom:1px solid var(--border);transition:background .15s;cursor:pointer}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:var(--bg-elevated)}.data-table tbody td{padding:14px;font-size:13px}.td-id{font-weight:600;color:var(--accent-light)}.td-product{font-weight:500}.td-qty{font-weight:500;font-family:var(--font-display)}.td-location{color:var(--text-secondary)}.td-time{font-size:12px;color:var(--text-muted)}.status-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:4px 12px;border-radius:6px}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge.received,.status-badge.inbound{color:var(--green);background:var(--green-dim)}.status-badge.processing{color:var(--orange);background:var(--orange-dim)}.status-badge.shipped,.status-badge.outbound{color:var(--blue);background:var(--blue-dim)}.status-badge.pending{color:var(--text-muted);background:#4a556826}.zones-list{display:flex;flex-direction:column;gap:12px}.zone-card{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;transition:all .2s ease;cursor:default}.zone-card:hover{border-color:var(--border-light);transform:translate(3px)}.zone-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.zone-info{display:flex;align-items:center;gap:12px}.zone-icon{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.zone-name{font-size:14px;font-weight:600;line-height:1.2}.zone-items{font-size:11px;color:var(--text-muted);margin-top:2px}.zone-pct{font-family:var(--font-display);font-size:20px;font-weight:700}.zone-bar{height:6px;border-radius:3px;background:var(--border);overflow:hidden}.zone-fill{height:100%;border-radius:3px;transition:width 1.2s cubic-bezier(.4,0,.2,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .5s ease forwards;opacity:0}.delay-1{animation-delay:.05s}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.delay-6{animation-delay:.3s}.delay-7{animation-delay:.35s}@media (max-width: 1280px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-row,.bottom-row{grid-template-columns:1fr}}@media (max-width: 1024px){.content{padding:20px}.header{padding:0 20px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sidebar{position:fixed;left:-280px;top:0;height:100vh;width:260px;min-width:260px;z-index:100;transition:left .3s cubic-bezier(.4,0,.2,1);box-shadow:none}.sidebar.collapsed{width:260px;min-width:260px}.sidebar.mobile-open{left:0;box-shadow:4px 0 24px #00000080}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-item span,.sidebar.collapsed .sidebar-toggle span{display:block}.sidebar.collapsed .sidebar-logo{padding:20px 24px;justify-content:flex-start}.sidebar.collapsed .nav-item{justify-content:flex-start;padding:12px 16px}.sidebar.collapsed .nav-item.active:before{display:block}.sidebar-footer .sidebar-toggle:last-child{display:none}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:99;opacity:0;pointer-events:none;transition:opacity .3s}.mobile-overlay.show{opacity:1;pointer-events:auto}.header{padding:0 12px;min-height:56px;gap:8px}.header-left h1{font-size:18px}.header-left p{display:none}.hamburger-btn{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-secondary);flex-shrink:0}.search-box,.profile-info{display:none}.profile-btn{padding:4px;border:none;background:none}.profile-btn .profile-avatar{width:36px;height:36px}.profile-btn svg{display:none}.content{padding:12px}.stats-grid,.charts-row,.bottom-row{grid-template-columns:1fr}.stat-chart{display:none}.stat-card{padding:16px 18px}.donut-section{flex-direction:column;gap:16px;align-items:center}.bar-chart{height:150px}.bar{width:70%}}@media (min-width: 769px){.hamburger-btn,.mobile-overlay{display:none}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:flex-start;justify-content:center;z-index:1000;padding:40px 20px;overflow-y:auto}.modal-content{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:600px;flex-shrink:0;box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:20px;font-weight:600;color:var(--text-primary)}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid var(--border);margin-top:24px}.close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:transparent;color:var(--text-secondary);transition:all .2s}.close-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.form{padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;color:var(--text-primary);font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.form-group input:disabled{opacity:.5;cursor:not-allowed}.form-group textarea{resize:vertical;font-family:inherit}.radio-group{display:flex;gap:12px}.radio-label{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.radio-label:hover{border-color:var(--accent)}.radio-label input[type=radio]{margin:0}.radio-label input[type=radio]:checked+svg,.radio-label input[type=radio]:checked~span{color:var(--accent)}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-weight:500;font-size:14px;transition:all .2s}.btn-primary:hover{background:var(--accent-light);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);font-weight:500;font-size:14px;transition:all .2s}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.btn-success{background:var(--green)!important}.btn-warning{background:var(--orange)!important;color:var(--bg-primary)!important}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--bg-elevated);color:var(--text-secondary);transition:all .2s}.btn-icon:hover{background:var(--accent-dim);color:var(--accent)}.btn-icon.btn-danger:hover{background:var(--red-dim);color:var(--red)}.alert{padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:16px;font-size:14px}.alert-error{background:var(--red-dim);color:var(--red);border:1px solid var(--red)}.page-content{width:100%}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-title{display:flex;align-items:center;gap:12px;font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.page-subtitle{font-size:14px;color:var(--text-secondary)}.search-box{display:flex;align-items:center;gap:10px;padding:10px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:300px}.search-box input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:14px}.search-box svg{color:var(--text-secondary)}.stats-mini{display:flex;gap:24px;font-size:14px;color:var(--text-secondary)}.stats-mini strong{color:var(--text-primary)}.action-buttons{display:flex;gap:8px}.quick-actions{display:flex;gap:12px;margin-bottom:24px}.quick-action-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-weight:500;font-size:14px;transition:all .2s}.quick-action-btn:hover{background:var(--accent-light);transform:translateY(-1px)}.ml-insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.insight-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border)}.insight-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;flex-shrink:0}.insight-value{font-size:24px;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:4px}.insight-label{font-size:12px;color:var(--text-secondary)}.section-title{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.recommendations-list,.anomalies-list{display:flex;flex-direction:column;gap:8px}.recommendation-item,.anomaly-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-elevated);border-radius:var(--radius-sm);font-size:13px}.rec-product{flex:1;color:var(--text-primary);font-weight:500}.rec-action,.anomaly-qty{color:var(--text-secondary);font-size:12px}.severity-badge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.severity-badge.high{background:var(--red);color:#fff}.severity-badge.medium{background:var(--orange);color:var(--bg-primary)}.loading{display:flex;align-items:center;justify-content:center;padding:4rem;color:var(--text-secondary)}.settings-layout{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:flex-start}.settings-tabs{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:8px;display:flex;flex-direction:column;gap:2px;position:sticky;top:24px}.settings-tab{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;font-weight:500;width:100%;text-align:left;transition:all .2s}.settings-tab:hover{background:var(--bg-elevated);color:var(--text-primary)}.settings-tab.active{background:var(--accent-dim);color:var(--accent-light)}.settings-tab .tab-arrow{margin-left:auto;opacity:0;transition:opacity .2s}.settings-tab.active .tab-arrow,.settings-tab:hover .tab-arrow{opacity:1}.settings-content{min-width:0}.settings-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.settings-section-header{display:flex;align-items:center;gap:14px;padding:24px;border-bottom:1px solid var(--border)}.settings-section-icon{width:40px;height:40px;border-radius:10px;background:var(--accent-dim);color:var(--accent-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-section-title{font-size:16px;font-weight:600;color:var(--text-primary)}.settings-section-desc{font-size:13px;color:var(--text-secondary);margin-top:2px}.settings-reset-btn{margin-left:auto;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .2s}.settings-reset-btn:hover{background:var(--red-dim);color:var(--red)}.settings-section-body{padding:24px;display:flex;flex-direction:column;gap:20px}.settings-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field-hint{font-size:11px;color:var(--text-muted);line-height:1.4}button.settings-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s;width:100%;text-align:left;color:inherit;font-family:inherit}button.settings-toggle:hover{border-color:var(--border-hover)}.settings-toggle-info{flex:1}.settings-toggle-label{font-size:14px;font-weight:500;color:var(--text-primary)}.settings-toggle-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.toggle-switch{width:44px;height:24px;border-radius:12px;background:var(--border-light);position:relative;flex-shrink:0;transition:background .3s}.toggle-switch.on{background:var(--accent)}.toggle-knob{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000004d}.toggle-switch.on .toggle-knob{transform:translate(20px)}.settings-preview{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.settings-preview-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:8px}.settings-info-grid{display:flex;flex-direction:column;gap:2px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.settings-info-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-card)}.settings-info-row:not(:last-child){border-bottom:1px solid var(--border)}.settings-info-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.settings-info-value{font-size:13px;font-weight:600;color:var(--text-primary)}.settings-info-value.ok{color:var(--green)}.settings-info-value.warning{color:var(--orange)}.settings-info-value.error{color:var(--red)}.settings-info-note{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--accent-dim);border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary);line-height:1.5}.settings-info-note svg{flex-shrink:0;color:var(--accent-light);margin-top:1px}.settings-saved-badge{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--green-dim);color:var(--green);border-radius:var(--radius-sm);font-size:13px;font-weight:600}@media (max-width: 768px){.settings-layout{grid-template-columns:1fr}.settings-tabs{flex-direction:row;overflow-x:auto;position:static}.settings-tab span,.settings-tab .tab-arrow{display:none}.settings-row{grid-template-columns:1fr}}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.warehouse-layout{display:grid;grid-template-columns:260px 1fr;gap:20px}.profile-wrapper{position:relative}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;overflow:hidden}.profile-dropdown-header{display:flex;align-items:center;gap:12px;padding:16px}.profile-dropdown-divider{height:1px;background:var(--border)}.profile-dropdown-item{display:flex;align-items:center;gap:10px;padding:12px 16px;width:100%;font-size:13px;font-weight:500;color:var(--text-secondary);background:none;border:none;cursor:pointer;font-family:inherit;transition:all .15s;text-align:left}.profile-dropdown-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.profile-dropdown-item.danger{color:var(--red)}.profile-dropdown-item.danger:hover{background:var(--red-dim)}.theme-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.theme-option{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:var(--bg-input);border:2px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;font-family:inherit;font-size:13px;font-weight:500;color:var(--text-secondary);width:100%}.theme-option:hover{border-color:var(--border-hover)}.theme-option.active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent-light)}.theme-option-preview{width:100%;height:80px;border-radius:8px;display:flex;overflow:hidden;border:1px solid var(--border)}.light-preview{background:#f4f6f9}.light-preview .tp-sidebar{width:25%;background:#fff;border-right:1px solid #E0E4EB}.light-preview .tp-main{flex:1;display:flex;flex-direction:column}.light-preview .tp-header{height:20%;background:#fff;border-bottom:1px solid #E0E4EB}.light-preview .tp-content{flex:1;padding:6px;display:flex;gap:4px}.light-preview .tp-card{flex:1;background:#fff;border-radius:4px;border:1px solid #E0E4EB}.dark-preview{background:#0f1117}.dark-preview .tp-sidebar{width:25%;background:#151922;border-right:1px solid #2A3040}.dark-preview .tp-main{flex:1;display:flex;flex-direction:column}.dark-preview .tp-header{height:20%;background:#151922;border-bottom:1px solid #2A3040}.dark-preview .tp-content{flex:1;padding:6px;display:flex;gap:4px}.dark-preview .tp-card{flex:1;background:#1a1f2b;border-radius:4px;border:1px solid #2A3040}.notif-wrapper{position:relative}.notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:380px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:100;overflow:hidden}.notif-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.notif-header h3{font-size:15px;font-weight:600}.notif-mark-all{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--accent);font-weight:500;transition:opacity .2s}.notif-mark-all:hover{opacity:.8}.notif-list{max-height:400px;overflow-y:auto}.notif-empty{padding:40px 20px;text-align:center;color:var(--text-muted);font-size:13px}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:14px 20px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bg-elevated)}.notif-item.unread{background:#6c5ce70a}.notif-item.read{opacity:.6}.notif-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.notif-content{flex:1;min-width:0}.notif-title{font-size:13px;font-weight:600;color:var(--text-primary);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-message{font-size:12px;color:var(--text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-time{font-size:11px;color:var(--text-muted);margin-top:4px}.notif-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);flex-shrink:0;margin-top:6px}.analytics-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px}.analytics-section-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.analytics-section-icon{width:40px;height:40px;border-radius:10px;background:var(--accent-dim);color:var(--accent-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.analytics-section-title{font-size:16px;font-weight:600;color:var(--text-primary)}.analytics-section-subtitle{font-size:12px;color:var(--text-secondary);margin-top:2px}.analytics-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:20px}.analytics-kpi{text-align:center;padding:14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md)}.analytics-kpi-value{font-size:28px;font-weight:700;line-height:1}.analytics-kpi-label{font-size:11px;color:var(--text-muted);margin-top:6px}.strategy-list{display:flex;flex-direction:column;gap:10px}.strategy-card{display:flex;align-items:flex-start;gap:14px;padding:16px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color .2s}.strategy-card:hover{border-color:var(--border-hover)}.strategy-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.strategy-content{flex:1;min-width:0}.strategy-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.strategy-desc{font-size:13px;color:var(--text-secondary);line-height:1.5}.strategy-action{display:flex;align-items:center;gap:10px;margin-top:8px}.strategy-action-badge{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.5px}.spinning{animation:spin 1s linear infinite}@media (max-width: 1280px){.analytics-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.analytics-section{padding:20px}.charts-row,.settings-layout{grid-template-columns:1fr}}@media (max-width: 768px){.analytics-kpi-grid{grid-template-columns:1fr}}.fin-tabs{display:flex;gap:4px;margin-bottom:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px;width:fit-content}.fin-tab{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;transition:all .2s;font-family:inherit;white-space:nowrap}.fin-tab:hover{color:var(--text-primary);background:var(--bg-elevated)}.fin-tab.active{background:var(--accent);color:#fff}.pnl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.pnl-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;display:flex;align-items:center;gap:14px;transition:all .2s}.pnl-card.highlight{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-dim)}.pnl-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.pnl-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pnl-card-label{font-size:11px;color:var(--text-secondary);font-weight:500}.pnl-card-value{font-size:18px;font-weight:700;line-height:1.2;margin-top:2px}.pnl-card-sub{font-size:11px;color:var(--text-muted);margin-top:2px}.pnl-statement{padding:0 24px 24px}.pnl-section-title{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;padding:12px 0 6px;margin-top:4px}.pnl-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;font-size:14px;color:var(--text-secondary);border-bottom:1px solid var(--border)}.pnl-row.bold{font-weight:600;color:var(--text-primary)}.pnl-row.line{border-top:2px solid var(--border-light);margin-top:4px;padding-top:12px}.pnl-row.highlight{font-size:16px;color:var(--green)}@media (max-width: 1280px){.pnl-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.pnl-grid,.report-summary-grid,.forecast-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.pnl-grid,.report-summary-grid,.forecast-stats{grid-template-columns:1fr}.fin-tabs{overflow-x:auto;width:100%}}.date-filter-bar{display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap}.date-preset-btn{padding:8px 18px;border-radius:20px;font-size:13px;font-weight:500;background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);transition:all .2s;font-family:inherit}.date-preset-btn:hover{border-color:var(--accent);color:var(--text-primary)}.date-preset-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.date-custom{display:flex;align-items:center;gap:8px;margin-left:8px;color:var(--text-muted);font-size:13px}.date-custom input[type=date]{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 12px;color:var(--text-primary);font-size:13px;font-family:inherit}.date-custom input[type=date]:focus{outline:none;border-color:var(--accent)}.report-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.report-stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s}.report-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.report-stat-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.report-stat-label{font-size:12px;color:var(--text-secondary);font-weight:500}.report-stat-value{font-size:20px;font-weight:700;color:var(--text-primary);line-height:1.2;margin-top:2px}.report-stat-sub{font-size:11px;color:var(--text-muted);margin-top:2px}.forecast-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}.forecast-stat{text-align:center;padding:16px;background:var(--bg-input);border-radius:var(--radius-md);border:1px solid var(--border)}.forecast-stat-value{font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:4px}.forecast-stat-label{font-size:11px;color:var(--text-muted);margin-top:4px}.confidence-badge{padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600}.confidence-badge.high{background:var(--green-dim);color:var(--green)}.confidence-badge.medium{background:var(--orange-dim);color:var(--orange)}.confidence-badge.low{background:#4a556826;color:var(--text-muted)}.recharts-text{fill:var(--text-muted)!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border)!important}.recharts-tooltip-cursor{stroke:var(--border-light)!important}.recharts-legend-item-text{color:var(--text-secondary)!important}@media (max-width: 1280px){.report-summary-grid,.forecast-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.report-summary-grid,.forecast-stats{grid-template-columns:1fr}.date-filter-bar{flex-direction:column;align-items:flex-start}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary);padding:20px}.login-card{width:100%;max-width:400px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px 36px;box-shadow:var(--shadow-lg)}.login-logo{text-align:center;margin-bottom:36px}.login-logo-icon{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--cyan));display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:24px;color:#fff;margin-bottom:16px;box-shadow:0 4px 20px #6c5ce759}.login-logo h1{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.5px;color:var(--text-primary)}.login-logo p{font-size:13px;color:var(--text-muted);margin-top:4px}.login-form{display:flex;flex-direction:column;gap:16px}.login-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--red-dim);color:var(--red);border:1px solid var(--red);border-radius:var(--radius-sm);font-size:13px;font-weight:500}.login-field{position:relative;display:flex;align-items:center}.login-field-icon{position:absolute;left:14px;color:var(--text-muted);pointer-events:none;z-index:1}.login-field input{width:100%;padding:14px 14px 14px 44px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .2s}.login-field input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.login-field input::placeholder{color:var(--text-muted)}.login-eye{position:absolute;right:10px;color:var(--text-muted);padding:6px;border-radius:6px;transition:color .2s}.login-eye:hover{color:var(--text-secondary)}.login-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:linear-gradient(135deg,var(--accent),var(--accent-light));color:#fff;border-radius:var(--radius-sm);font-size:15px;font-weight:600;font-family:inherit;transition:all .2s;box-shadow:0 4px 16px #6c5ce74d;margin-top:4px}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 24px #6c5ce766}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{text-align:center;margin-top:24px;font-size:11px;color:var(--text-muted)}@media (max-width: 768px){.form-grid{grid-template-columns:1fr;gap:14px}.ml-insights-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:12px}.page-title{font-size:20px;gap:8px}.page-subtitle{font-size:12px}.search-box{display:none!important}.warehouse-layout{grid-template-columns:1fr!important}.quick-actions{flex-wrap:wrap}.card{padding:16px}.card-header{margin-bottom:16px}.data-table tbody td{padding:10px 8px;font-size:12px;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}.data-table thead th{padding:8px;font-size:10px;white-space:nowrap}.modal-overlay{padding:12px 8px}.modal-content{max-width:100%;border-radius:var(--radius-md)}.modal-header{padding:16px}.modal-header h2{font-size:16px}.form{padding:16px}.modal-footer{padding:14px 16px}.btn-primary,.btn-secondary{padding:8px 14px;font-size:13px}.action-buttons{gap:4px}.profile-dropdown{right:0;width:calc(100vw - 24px);max-width:260px}.fin-tab{padding:8px 14px;font-size:12px}.pnl-card{padding:14px;gap:10px}.pnl-card-value{font-size:15px}.pnl-card-icon{width:36px;height:36px}.pnl-statement{padding:0 12px 12px}.pnl-row{font-size:13px;padding:8px 0}.pnl-section-title{font-size:11px}.report-stat-card{padding:14px;gap:12px}.report-stat-value{font-size:16px}.report-stat-icon{width:38px;height:38px}.analytics-section{padding:16px}.analytics-kpi-value{font-size:22px}.strategy-card{padding:12px}.strategy-title{font-size:13px}.strategy-desc{font-size:12px}.strategy-icon{width:36px;height:36px}.forecast-stat{padding:12px}.forecast-stat-value{font-size:16px}.forecast-stat-label{font-size:10px}.confidence-badge{font-size:10px;padding:3px 8px}.date-filter-bar{gap:6px}.date-preset-btn{padding:6px 14px;font-size:12px}.date-custom input[type=date]{padding:6px 8px;font-size:12px}}