:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-canvas:#f8fafc;--bg-surface:#fff;--bg-surface-hover:#f1f5f9;--bg-surface-secondary:#f8fafc;--bg-surface-elevated:#fff;--bg-surface-muted:#fafbfc;--bg-track:#e2e8f0;--bg-inverse:#0f172a;--text-inverse:#fff;--bg-sidebar:#0b1329;--bg-sidebar-elevated:#111c38;--bg-sidebar-hover:#192648;--bg-sidebar-active:#2563eb;--text-sidebar:#94a3b8;--text-sidebar-bright:#f8fafc;--text-sidebar-muted:#64748b;--border-sidebar:#1e293b;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--primary-border:#bfdbfe;--primary-light-hover:#dbeafe;--primary-strong:#1d4ed8;--emerald:#059669;--emerald-hover:#047857;--emerald-light:#ecfdf5;--emerald-border:#a7f3d0;--emerald-strong:#047857;--amber:#d97706;--amber-hover:#b45309;--amber-light:#fffbeb;--amber-border:#fde68a;--amber-soft:#fef3c7;--amber-strong:#b45309;--amber-deep:#92400e;--indigo:#4f46e5;--indigo-hover:#4338ca;--indigo-light:#eef2ff;--indigo-border:#c7d2fe;--indigo-strong:#4338ca;--rose:#e11d48;--rose-hover:#be123c;--rose-light:#fff1f2;--rose-border:#fecdd3;--rose-light-hover:#ffe4e6;--rose-strong:#be123c;--orange-soft:#ffedd5;--orange-strong:#c2410c;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-disabled:#cbd5e1;--border-faint:#f1f5f9;--chart-volume-top:#93c5fd;--chart-volume-bottom:#dbeafe;--border-subtle:#e2e8f0;--border-default:#cbd5e1;--border-strong:#94a3b8;--shadow-xs:0 1px 2px 0 #0f172a0a;--shadow-sm:0 1px 3px 0 #0f172a14, 0 1px 2px -1px #0f172a0a;--shadow-md:0 4px 6px -1px #0f172a12, 0 2px 4px -2px #0f172a0a;--shadow-lg:0 10px 15px -3px #0f172a14, 0 4px 6px -4px #0f172a0a;--shadow-dropdown:0 10px 25px -5px #0f172a26, 0 8px 10px -6px #0f172a14;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--radius-full:9999px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", monospace;--sidebar-width:260px;--sidebar-width-collapsed:72px;--header-height:64px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-canvas:#0b1120;--bg-surface:#131c2f;--bg-surface-hover:#1c2740;--bg-surface-secondary:#172136;--bg-surface-elevated:#19233a;--bg-surface-muted:#111a2b;--bg-track:#26324b;--bg-inverse:#26324b;--text-inverse:#f8fafc;--bg-sidebar:#080e1f;--bg-sidebar-elevated:#0d1529;--bg-sidebar-hover:#16213d;--border-sidebar:#1a2438;--primary:#3b82f6;--primary-hover:#2563eb;--primary-light:#3b82f624;--primary-border:#3b82f659;--primary-light-hover:#3b82f63d;--primary-strong:#93c5fd;--emerald:#0ea572;--emerald-hover:#059669;--emerald-light:#10b98121;--emerald-border:#10b98159;--emerald-strong:#6ee7b7;--amber:#f59e0b;--amber-hover:#d97706;--amber-light:#f59e0b1f;--amber-border:#f59e0b59;--amber-soft:#f59e0b33;--amber-strong:#fbbf24;--amber-deep:#fcd34d;--indigo:#818cf8;--indigo-hover:#6366f1;--indigo-light:#6366f129;--indigo-border:#6366f166;--indigo-strong:#c7d2fe;--rose:#f43f5e;--rose-hover:#e11d48;--rose-light:#f43f5e21;--rose-border:#f43f5e61;--rose-light-hover:#f43f5e38;--rose-strong:#fda4af;--orange-soft:#f973162e;--orange-strong:#fdba74;--text-primary:#e2e8f0;--text-secondary:#a3b1c6;--text-muted:#7385a0;--text-disabled:#475569;--border-faint:#1a2438;--chart-volume-top:#3b82f6;--chart-volume-bottom:#1d4ed8;--border-subtle:#243049;--border-default:#33415c;--border-strong:#4b5a75;--shadow-xs:0 1px 2px 0 #0000004d;--shadow-sm:0 1px 3px 0 #00000059, 0 1px 2px -1px #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #00000073, 0 4px 6px -4px #0000004d;--shadow-dropdown:0 10px 25px -5px #0000008c, 0 8px 10px -6px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans);background-color:var(--bg-canvas);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit;outline:none}table{border-collapse:collapse;width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.app-shell{background-color:var(--bg-canvas);width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);color:var(--text-sidebar);z-index:50;border-right:1px solid var(--border-sidebar);-webkit-user-select:none;user-select:none;flex-direction:column;transition:width .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar.collapsed{width:var(--sidebar-width-collapsed)}.sidebar-header{height:var(--header-height);border-bottom:1px solid var(--border-sidebar);justify-content:space-between;align-items:center;padding:0 16px;display:flex}.brand-wrapper{align-items:center;gap:12px;text-decoration:none;display:flex}.brand-icon{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 10px #2563eb59}.brand-text{flex-direction:column;display:flex}.brand-name{letter-spacing:-.02em;color:var(--text-sidebar-bright);font-size:16px;font-weight:700}.brand-badge{text-transform:uppercase;letter-spacing:.06em;color:#60a5fa;font-size:10px;font-weight:600}.sidebar-toggle-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-sidebar-muted);justify-content:center;align-items:center;transition:all .15s;display:flex}.sidebar-toggle-btn:hover{background-color:var(--bg-sidebar-hover);color:var(--text-sidebar-bright)}.sidebar-nav{flex-direction:column;flex:1;gap:20px;padding:16px 12px;display:flex;overflow-y:auto}.nav-section{flex-direction:column;gap:4px;display:flex}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-sidebar-muted);padding:4px 10px 8px;font-size:11px;font-weight:700}.sidebar.collapsed .section-title{display:none}.nav-item{border-radius:var(--radius-md);color:var(--text-sidebar);align-items:center;gap:12px;padding:9px 12px;font-size:13.5px;font-weight:500;transition:all .15s;display:flex;position:relative}.nav-item:hover{background-color:var(--bg-sidebar-hover);color:var(--text-sidebar-bright)}.nav-item.active{background-color:var(--primary);color:#fff;font-weight:600;box-shadow:0 4px 12px #2563eb4d}.nav-item-icon{flex-shrink:0;width:18px;height:18px}.nav-item-label{white-space:nowrap;flex:1}.sidebar.collapsed .nav-item-label{display:none}.nav-item-badge{border-radius:var(--radius-full);color:inherit;background:#ffffff26;padding:2px 7px;font-size:11px;font-weight:600}.sidebar.collapsed .nav-item-badge{display:none}.sidebar-footer{border-top:1px solid var(--border-sidebar);background-color:var(--bg-sidebar-elevated);padding:14px 16px}.user-profile-summary{align-items:center;gap:10px;display:flex}.user-avatar{border-radius:var(--radius-full);color:#38bdf8;background:#1e293b;border:1px solid #334155;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:600;display:flex}.user-meta{flex-direction:column;display:flex;overflow:hidden}.user-name{color:var(--text-sidebar-bright);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-role{color:var(--text-sidebar-muted);font-size:11px}.sidebar.collapsed .user-meta{display:none}.app-main{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-width:0;transition:margin-left .25s cubic-bezier(.4,0,.2,1);display:flex}.app-main.sidebar-collapsed{margin-left:var(--sidebar-width-collapsed)}.top-header{height:var(--header-height);background-color:var(--bg-surface);border-bottom:1px solid var(--border-subtle);z-index:40;box-shadow:var(--shadow-xs);justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.header-left{flex:1;align-items:center;gap:16px;max-width:480px;display:flex}.mobile-menu-trigger{border-radius:var(--radius-md);border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-secondary);justify-content:center;align-items:center;display:none}.global-search-bar{background-color:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:10px;width:100%;padding:7px 12px;transition:all .15s;display:flex}.global-search-bar:focus-within{border-color:var(--primary);background-color:var(--bg-surface);box-shadow:0 0 0 3px #2563eb1f}.search-input{width:100%;color:var(--text-primary);background:0 0;border:none;font-size:13.5px}.search-input::placeholder{color:var(--text-muted)}.search-shortcut{color:var(--text-muted);background-color:var(--bg-track);border-radius:var(--radius-xs);border:1px solid var(--border-default);padding:2px 6px;font-size:11px;font-weight:600}.header-right{align-items:center;gap:12px;display:flex}.warehouse-selector{background-color:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.warehouse-selector:hover{border-color:var(--border-default);background-color:var(--bg-surface)}.status-indicator-dot{border-radius:var(--radius-full);background-color:var(--emerald);width:8px;height:8px;box-shadow:0 0 0 2px #05966933}.header-action-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);border:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:center;align-items:center;transition:all .15s;display:flex;position:relative}.header-action-btn:hover{background-color:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-default)}.notification-count-badge{border-radius:var(--radius-full);background-color:var(--rose);color:#fff;border:2px solid var(--bg-surface);justify-content:center;align-items:center;width:17px;height:17px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.header-divider{background-color:var(--border-subtle);width:1px;height:24px;margin:0 4px}.header-user-btn{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background-color:var(--bg-surface);align-items:center;gap:10px;padding:4px 8px 4px 4px;transition:all .15s;display:flex}.header-user-btn:hover{border-color:var(--border-default);background-color:var(--bg-surface-hover)}.header-avatar{border-radius:var(--radius-full);color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.header-user-name{color:var(--text-primary);font-size:13px;font-weight:600}.page-viewport{flex:1;width:100%;max-width:1600px;margin:0 auto;padding:28px}.mobile-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:45;background-color:#0f172a99;display:none;position:fixed;inset:0}@media (width<=1024px){.app-main{margin-left:var(--sidebar-width-collapsed)}.sidebar{width:var(--sidebar-width-collapsed)}.sidebar .brand-text,.sidebar .section-title,.sidebar .nav-item-label,.sidebar .nav-item-badge,.sidebar .user-meta{display:none}.page-viewport{padding:20px}}@media (width<=768px){.mobile-menu-trigger{display:flex}.sidebar{transform:translate(-100%);width:var(--sidebar-width)!important}.sidebar.mobile-open{transform:translate(0)}.sidebar.mobile-open .brand-text,.sidebar.mobile-open .section-title,.sidebar.mobile-open .nav-item-label,.sidebar.mobile-open .nav-item-badge,.sidebar.mobile-open .user-meta{display:flex}.mobile-overlay.active{display:block}.app-main{margin-left:0!important}.top-header{padding:0 16px}.warehouse-selector,.header-user-name{display:none}.page-viewport{padding:16px}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.page-title-group{flex-direction:column;gap:4px;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.03em;font-size:24px;font-weight:700}.page-description{color:var(--text-secondary);font-size:13.5px}.page-actions-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn{border-radius:var(--radius-md);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-sm{padding:6px 12px;font-size:12.5px}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:0 1px 2px #2563eb33}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 4px 12px #2563eb40}.btn-secondary{background-color:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background-color:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-default)}.btn-outline-primary{background-color:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border)}.btn-outline-primary:hover{background-color:var(--primary-light-hover)}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}.kpi-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;gap:16px;padding:20px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;position:relative;overflow:hidden}.kpi-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-default);transform:translateY(-2px)}.kpi-card:before{content:"";background:0 0;height:3px;position:absolute;top:0;left:0;right:0}.kpi-card.color-blue:before{background:var(--primary)}.kpi-card.color-emerald:before{background:var(--emerald)}.kpi-card.color-indigo:before{background:var(--indigo)}.kpi-card.color-amber:before{background:var(--amber)}.kpi-top-row{justify-content:space-between;align-items:center;display:flex}.kpi-icon-box{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.kpi-icon-box.blue{background-color:var(--primary-light);color:var(--primary)}.kpi-icon-box.emerald{background-color:var(--emerald-light);color:var(--emerald)}.kpi-icon-box.indigo{background-color:var(--indigo-light);color:var(--indigo)}.kpi-icon-box.amber{background-color:var(--amber-light);color:var(--amber)}.kpi-label{color:var(--text-secondary);font-size:13px;font-weight:500}.kpi-value{letter-spacing:-.03em;color:var(--text-primary);margin:6px 0 2px;font-size:28px;font-weight:700;line-height:1.15}.kpi-trend-row{align-items:center;gap:8px;font-size:12px;display:flex}.trend-badge{border-radius:var(--radius-xs);align-items:center;gap:3px;padding:2px 7px;font-size:11.5px;font-weight:600;display:inline-flex}.trend-badge.positive{background-color:var(--emerald-light);color:var(--emerald)}.trend-badge.negative{background-color:var(--rose-light);color:var(--rose)}.trend-badge.neutral{background-color:var(--bg-surface-hover);color:var(--text-secondary)}.kpi-timeframe{color:var(--text-muted)}.kpi-pill-badge{border-radius:var(--radius-full);background:var(--bg-canvas);color:var(--text-secondary);border:1px solid var(--border-subtle);align-self:flex-start;margin-top:4px;padding:3px 8px;font-size:11px;font-weight:500}.status-badge{border-radius:var(--radius-full);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-badge .badge-dot{border-radius:var(--radius-full);width:6px;height:6px}.status-badge.completed{background-color:var(--emerald-light);color:var(--emerald);border:1px solid var(--emerald-border)}.status-badge.completed .badge-dot{background-color:var(--emerald)}.status-badge.in-progress{background-color:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border)}.status-badge.in-progress .badge-dot{background-color:var(--primary)}.status-badge.pending{background-color:var(--amber-light);color:var(--amber);border:1px solid var(--amber-border)}.status-badge.pending .badge-dot{background-color:var(--amber)}.status-badge.cancelled{background-color:var(--rose-light);color:var(--rose);border:1px solid var(--rose-border)}.status-badge.cancelled .badge-dot{background-color:var(--rose)}.operation-badge{border-radius:var(--radius-xs);align-items:center;gap:5px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.operation-badge.receipt{background-color:var(--emerald-light);color:var(--emerald-strong)}.operation-badge.delivery{background-color:var(--primary-light);color:var(--primary-strong)}.operation-badge.transfer{background-color:var(--indigo-light);color:var(--indigo-strong)}.operation-badge.adjustment{background-color:var(--amber-soft);color:var(--amber-strong)}.content-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.card-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.card-title-group{flex-direction:column;gap:2px;display:flex}.card-title{color:var(--text-primary);letter-spacing:-.01em;font-size:16px;font-weight:700}.card-subtitle{color:var(--text-muted);font-size:12.5px}.card-actions{align-items:center;gap:8px;display:flex}.card-body{flex:1;padding:20px}.table-responsive-wrapper{width:100%;overflow-x:auto}.data-table{text-align:left;width:100%;font-size:13.5px}.data-table th{background-color:var(--bg-surface-secondary);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:600}.data-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);vertical-align:middle;padding:14px 16px}.data-table tbody tr{transition:background-color .12s}.data-table tbody tr:hover{background-color:var(--bg-surface-secondary)}.table-sku-pill{font-family:var(--font-mono);background-color:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);color:var(--text-secondary);padding:2px 6px;font-size:11.5px}.table-product-cell{flex-direction:column;display:flex}.table-product-name{color:var(--text-primary);font-weight:600}.table-product-ref{color:var(--text-muted);font-size:11.5px}.table-footer{border-top:1px solid var(--border-subtle);background-color:var(--bg-surface-muted);color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;font-size:13px;display:flex}.pagination-controls{align-items:center;gap:6px;display:flex}.pagination-btn{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background-color:var(--bg-surface);color:var(--text-secondary);padding:5px 10px;font-size:12.5px;font-weight:500;transition:all .15s}.pagination-btn:hover:not(:disabled){background-color:var(--bg-surface-hover);border-color:var(--border-default);color:var(--text-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.empty-state-icon{border-radius:var(--radius-full);background-color:var(--bg-canvas);width:56px;height:56px;color:var(--text-muted);justify-content:center;align-items:center;margin-bottom:16px;display:flex}.empty-state-title{color:var(--text-primary);margin-bottom:6px;font-size:16px;font-weight:600}.empty-state-desc{color:var(--text-secondary);max-width:360px;margin-bottom:20px;font-size:13.5px}.filter-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.search-box-compact{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:8px;min-width:240px;padding:6px 12px;display:flex}.search-box-compact input{width:100%;color:var(--text-primary);background:0 0;border:none;font-size:13px}.filter-pills-group{align-items:center;gap:6px;display:flex}.filter-pill{border-radius:var(--radius-full);border:1px solid var(--border-subtle);background-color:var(--bg-surface);color:var(--text-secondary);padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s}.filter-pill:hover{background-color:var(--bg-surface-hover);border-color:var(--border-default)}.filter-pill.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}@media (width<=1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.kpi-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:stretch}.page-actions-group{width:100%}.page-actions-group .btn{flex:1}}.dashboard-container{flex-direction:column;gap:24px;display:flex}.charts-grid-two-col{grid-template-columns:1.4fr 1fr;gap:20px;display:grid}.charts-grid-secondary{grid-template-columns:1fr 1.3fr;gap:20px;display:grid}.chart-full-width,.operations-section{width:100%}.timeframe-select-pill{background-color:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:2px;display:flex}.timeframe-pill-btn{border-radius:var(--radius-sm);color:var(--text-secondary);padding:4px 10px;font-size:12px;font-weight:500;transition:all .15s}.timeframe-pill-btn.active{background-color:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-xs);font-weight:600}.chart-legend-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:12.5px;display:flex}.legend-indicator{border-radius:2px;width:10px;height:10px}.legend-indicator.circle{border-radius:var(--radius-full)}@media (width<=1200px){.charts-grid-two-col,.charts-grid-secondary{grid-template-columns:1fr}}@media (width<=768px){.dashboard-container{gap:16px}}.svg-chart-container{width:100%;position:relative;overflow:hidden}.activity-bars-group{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-end;height:220px;padding:10px 10px 0;display:flex;position:relative}.activity-day-col{flex-direction:column;flex:1;align-items:center;gap:8px;max-width:54px;display:flex}.bars-pair{justify-content:center;align-items:flex-end;gap:6px;width:100%;height:190px;display:flex}.bar-pillar{cursor:pointer;border-radius:4px 4px 0 0;width:14px;transition:height .3s cubic-bezier(.4,0,.2,1),transform .15s,filter .15s;position:relative}.bar-pillar:hover{filter:brightness(1.1);transform:scaleY(1.03)}.bar-pillar.inbound{background:linear-gradient(#3b82f6 0%,#1d4ed8 100%)}.bar-pillar.outbound{background:linear-gradient(#10b981 0%,#059669 100%)}.bar-tooltip{background:var(--bg-inverse);color:var(--text-inverse);border-radius:var(--radius-xs);white-space:nowrap;pointer-events:none;z-index:10;box-shadow:var(--shadow-md);padding:4px 8px;font-size:11px;font-weight:600;display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-6px)}.bar-pillar:hover .bar-tooltip{display:block}.day-label{color:var(--text-muted);font-size:11.5px;font-weight:500}.stock-movement-wrapper{width:100%;position:relative}.chart-svg{width:100%;height:220px;overflow:visible}.grid-line{stroke:var(--border-subtle);stroke-dasharray:4 4}.threshold-line{stroke:#f59e0b;stroke-dasharray:6 3;stroke-width:1.5px}.area-fill{fill:url(#stockGradient);opacity:.25}.stock-line{fill:none;stroke:var(--primary);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.data-point{fill:var(--bg-surface);stroke:var(--primary);stroke-width:2.5px;cursor:pointer;transition:r .15s,stroke-width .15s}.data-point:hover{r:6;stroke-width:3.5px}.category-chart-layout{align-items:center;gap:24px;display:flex}.donut-wrapper{flex-shrink:0;width:160px;height:160px;position:relative}.donut-svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-center-info{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-center-number{color:var(--text-primary);letter-spacing:-.02em;font-size:22px;font-weight:700;line-height:1}.donut-center-text{color:var(--text-muted);text-transform:uppercase;margin-top:2px;font-size:11px;font-weight:600}.category-legend-list{flex-direction:column;flex:1;gap:10px;display:flex}.category-row-item{border-radius:var(--radius-sm);background:var(--bg-canvas);border:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:6px 10px;transition:background-color .12s;display:flex}.category-row-item:hover{background-color:var(--bg-surface-hover)}.cat-label-group{align-items:center;gap:8px;display:flex}.cat-color-dot{border-radius:var(--radius-full);width:8px;height:8px}.cat-name{color:var(--text-primary);font-size:12.5px;font-weight:500}.cat-stats{align-items:center;gap:8px;display:flex}.cat-percentage{color:var(--text-primary);font-size:13px;font-weight:700}.cat-count{color:var(--text-muted);font-size:11px}.fast-moving-list{flex-direction:column;gap:10px;display:flex}.fast-product-card{background-color:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;transition:transform .12s,border-color .12s;display:flex}.fast-product-card:hover{border-color:var(--border-default);background-color:var(--bg-surface);transform:translate(2px)}.fast-product-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.product-rank{border-radius:var(--radius-full);background-color:var(--bg-surface);border:1px solid var(--border-subtle);width:24px;height:24px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.product-rank.top-1{background-color:var(--amber-soft);color:var(--amber-strong);border-color:var(--amber-border)}.product-rank.top-2{background-color:var(--bg-surface-hover);color:var(--text-secondary)}.product-rank.top-3{background-color:var(--orange-soft);color:var(--orange-strong)}.product-details{flex-direction:column;min-width:0;display:flex}.product-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.product-sub-meta{color:var(--text-muted);gap:8px;font-size:11px;display:flex}.fast-product-right{flex-shrink:0;align-items:center;gap:20px;display:flex}.velocity-bar-group{flex-direction:column;align-items:flex-end;gap:3px;width:90px;display:flex}.velocity-track{background-color:var(--bg-track);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.velocity-fill{border-radius:var(--radius-full);background:linear-gradient(90deg,#3b82f6,#2563eb);height:100%}.velocity-label{color:var(--text-secondary);font-size:11px;font-weight:600}.product-turnover-tag{color:var(--emerald);background-color:var(--emerald-light);border-radius:var(--radius-xs);padding:2px 7px;font-size:11.5px;font-weight:600}.performance-chart-wrapper{width:100%;padding-top:10px;position:relative}.perf-metrics-strip{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.perf-metric-mini{background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-direction:column;padding:12px 16px;display:flex}.perf-metric-title{color:var(--text-muted);font-size:12px;font-weight:500}.perf-metric-val{color:var(--text-primary);margin:2px 0;font-size:20px;font-weight:700}.perf-metric-sub{color:var(--emerald);font-size:11px;font-weight:600}@media (width<=640px){.category-chart-layout{flex-direction:column}.perf-metrics-strip{grid-template-columns:1fr}.fast-product-card{flex-direction:column;align-items:flex-start}.fast-product-right{justify-content:space-between;width:100%}}.form-grid{flex-direction:column;gap:16px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-field{flex-direction:column;gap:6px;min-width:0;display:flex}.form-label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.form-label{color:var(--text-primary);font-size:13px;font-weight:600}.form-label .required{color:var(--rose);margin-left:2px}.form-hint{color:var(--text-muted);font-size:12px}.form-error-text{color:var(--rose);font-size:12px}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap .input-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.form-input,.form-select,.form-textarea{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface);width:100%;color:var(--text-primary);padding:9px 12px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.form-textarea{resize:vertical;min-height:72px}.input-wrap .form-input.with-icon{padding-left:38px}.input-wrap .form-input.with-action{padding-right:40px}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}.form-input:disabled,.form-select:disabled{background:var(--bg-canvas);color:var(--text-muted);cursor:not-allowed}.form-input.invalid{border-color:var(--rose)}.input-action{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-muted);justify-content:center;align-items:center;display:flex;position:absolute;right:6px}.input-action:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.form-check{color:var(--text-secondary);cursor:pointer;align-items:flex-start;gap:8px;font-size:13px;display:flex}.form-check input{accent-color:var(--primary);margin-top:3px}.code-input{font-family:var(--font-mono);letter-spacing:.4em;text-align:center;padding:10px 12px;font-size:20px}.form-alert{border-radius:var(--radius-md);align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;line-height:1.45;display:flex}.form-alert svg{flex-shrink:0;margin-top:1px}.form-alert.error{background:var(--rose-light);border:1px solid var(--rose-border);color:var(--rose-strong)}.form-alert.success{background:var(--emerald-light);border:1px solid var(--emerald-border);color:var(--emerald-strong)}.form-alert.info{background:var(--primary-light);border:1px solid var(--primary-border);color:var(--primary-strong)}.form-alert.warning{background:var(--amber-light);border:1px solid var(--amber-border);color:var(--amber-strong)}.btn-block{width:100%;padding-top:10px;padding-bottom:10px}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-danger{background-color:var(--rose-light);color:var(--rose);border:1px solid var(--rose-border)}.btn-danger:hover:not(:disabled){background-color:var(--rose-light-hover)}.btn-success{background-color:var(--emerald);color:#fff}.btn-success:hover:not(:disabled){background-color:var(--emerald-hover)}.link-button{color:var(--primary);padding:0;font-size:13px;font-weight:600}.link-button:hover{color:var(--primary-strong);text-decoration:underline}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.strength-meter{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.strength-meter span{border-radius:var(--radius-full);background:var(--border-subtle);height:4px;transition:background-color .2s}.strength-meter.level-1 span:nth-child(-n+1){background:var(--rose)}.strength-meter.level-2 span:nth-child(-n+2){background:var(--amber)}.strength-meter.level-3 span:nth-child(-n+3){background:var(--emerald)}@media (width<=560px){.form-row{grid-template-columns:1fr}}.auth-shell{background:var(--bg-canvas);grid-template-columns:minmax(420px,1.05fr) 1fr;min-height:100vh;display:grid}.auth-aside{background-color:var(--bg-sidebar);color:var(--text-sidebar);background-image:radial-gradient(circle at 15% 10%,#2563eb59,#0000 45%),radial-gradient(circle at 90% 85%,#4f46e540,#0000 40%);flex-direction:column;justify-content:space-between;gap:40px;padding:44px 52px;display:flex;position:relative;overflow:hidden}.auth-aside:before{content:"";pointer-events:none;background-image:linear-gradient(#94a3b80f 1px,#0000 1px),linear-gradient(90deg,#94a3b80f 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#0000 85%);mask-image:linear-gradient(#000000e6,#0000 85%)}.auth-aside>*{position:relative}.auth-brand{align-items:center;gap:12px;display:flex}.auth-brand .brand-icon{border-radius:var(--radius-md);background:var(--primary);color:#fff;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 6px 16px #2563eb73}.auth-brand-name{color:var(--text-sidebar-bright);letter-spacing:-.02em;font-size:18px;font-weight:700}.auth-brand-badge{text-transform:uppercase;letter-spacing:.08em;color:#93c5fd;border-radius:var(--radius-full);background:#2563eb2e;border:1px solid #60a5fa4d;padding:2px 8px;font-size:10.5px;font-weight:600}.auth-hero h1{letter-spacing:-.035em;color:var(--text-sidebar-bright);max-width:460px;font-size:34px;font-weight:700;line-height:1.15}.auth-hero h1 em{color:#60a5fa;font-style:normal}.auth-hero p{max-width:440px;margin-top:14px;font-size:14.5px;line-height:1.6}.auth-features{grid-template-columns:1fr 1fr;gap:12px;max-width:480px;margin-top:30px;display:grid}.auth-feature{border-radius:var(--radius-md);border:1px solid var(--border-sidebar);color:#cbd5e1;background:#111c38bf;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.auth-feature-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.auth-feature-icon.receipt{color:#34d399;background:#10b98126}.auth-feature-icon.delivery{color:#60a5fa;background:#3b82f626}.auth-feature-icon.transfer{color:#a5b4fc;background:#6366f12e}.auth-feature-icon.ledger{color:#fbbf24;background:#f59e0b26}.auth-preview{background:var(--bg-sidebar-elevated);border:1px solid var(--border-sidebar);border-radius:var(--radius-lg);max-width:400px;padding:16px 18px;box-shadow:0 20px 40px #00000059}.auth-preview-top{color:var(--text-sidebar);justify-content:space-between;align-items:center;font-size:12px;display:flex}.auth-live-dot{color:#34d399;align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.auth-live-dot:before{content:"";border-radius:var(--radius-full);background:#10b981;width:7px;height:7px;box-shadow:0 0 0 3px #10b98133}.auth-preview-value{color:var(--text-sidebar-bright);letter-spacing:-.03em;align-items:baseline;gap:10px;margin-top:6px;font-size:26px;font-weight:700;display:flex}.auth-preview-value small{color:#34d399;letter-spacing:0;font-size:12px;font-weight:600}.auth-preview-bars{align-items:flex-end;gap:6px;height:44px;margin-top:12px;display:flex}.auth-preview-bars span{background:linear-gradient(#3b82f6,#2563eb40);border-radius:3px 3px 0 0;flex:1}.auth-aside-footer{color:var(--text-sidebar-muted);font-size:12px}.auth-main{justify-content:center;align-items:center;padding:40px 24px;display:flex}.auth-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg);padding:32px;animation:.25s auth-rise}@keyframes auth-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.auth-card-brand{align-items:center;gap:10px;margin-bottom:24px;display:none}.auth-card-brand .brand-icon{border-radius:var(--radius-md);background:var(--primary);color:#fff;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.auth-card-brand strong{letter-spacing:-.02em;font-size:16px;font-weight:700}.auth-title{letter-spacing:-.03em;color:var(--text-primary);font-size:22px;font-weight:700}.auth-subtitle{color:var(--text-secondary);margin-top:4px;font-size:13.5px}.auth-form{margin-top:24px}.auth-footer-text{text-align:center;color:var(--text-secondary);margin-top:22px;font-size:13px}.auth-footer-text a{color:var(--primary);font-weight:600}.auth-footer-text a:hover{text-decoration:underline}.auth-state-icon{border-radius:var(--radius-full);justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;display:flex}.auth-state-icon.success{background:var(--emerald-light);color:var(--emerald)}.auth-state-icon.info{background:var(--primary-light);color:var(--primary)}.auth-state-icon.warning{background:var(--amber-light);color:var(--amber)}.auth-steps{gap:6px;margin-bottom:18px;display:flex}.auth-steps span{border-radius:var(--radius-full);background:var(--border-subtle);flex:1;height:3px}.auth-steps span.done{background:var(--primary)}.auth-back{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:18px;font-size:13px;font-weight:500;display:inline-flex}.auth-back:hover{color:var(--text-primary)}.page-loader{min-height:100vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:13px;display:flex}.page-loader .brand-icon{border-radius:var(--radius-md);background:var(--primary);color:#fff;justify-content:center;align-items:center;width:44px;height:44px;animation:1.2s ease-in-out infinite loader-pulse;display:flex}@keyframes loader-pulse{50%{opacity:.75;transform:scale(.92)}}@media (width<=960px){.auth-shell{grid-template-columns:1fr}.auth-aside{display:none}.auth-card-brand{display:flex}}@media (width<=480px){.auth-main{align-items:flex-start;padding:20px 16px}.auth-card{border-radius:var(--radius-lg);padding:24px 20px}}.status-badge.in-stock{background-color:var(--emerald-light);color:var(--emerald);border:1px solid var(--emerald-border)}.status-badge.in-stock .badge-dot{background-color:var(--emerald)}.status-badge.low-stock{background-color:var(--amber-light);color:var(--amber);border:1px solid var(--amber-border)}.status-badge.low-stock .badge-dot{background-color:var(--amber)}.status-badge.out-of-stock{background-color:var(--rose-light);color:var(--rose);border:1px solid var(--rose-border)}.status-badge.out-of-stock .badge-dot{background-color:var(--rose)}.operation-badge.internal-transfer{background-color:var(--indigo-light);color:var(--indigo-strong)}.operation-badge.initial-stock{background-color:var(--bg-surface-hover);color:var(--text-secondary)}.role-pill{letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-full);background:var(--indigo-light);color:var(--indigo);border:1px solid var(--indigo-border);align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.role-pill.staff{background:var(--bg-surface-hover);color:var(--text-secondary);border-color:var(--border-subtle)}.modal-backdrop,.drawer-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background-color:#0f172a80;animation:.15s fade-in;position:fixed;inset:0}.modal-backdrop{justify-content:center;align-items:center;padding:20px;display:flex}.modal-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:calc(100vh - 40px);box-shadow:var(--shadow-dropdown);flex-direction:column;animation:.18s pop-in;display:flex;overflow:hidden}.modal-panel.size-lg{max-width:760px}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.modal-title-group{align-items:center;gap:10px;min-width:0;display:flex}.modal-icon{border-radius:var(--radius-md);background:var(--primary-light);width:32px;height:32px;color:var(--primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-title{letter-spacing:-.01em;font-size:16px;font-weight:700}.modal-subtitle{color:var(--text-muted);font-size:12.5px}.modal-close{color:var(--text-muted);border-radius:var(--radius-sm);padding:4px}.modal-close:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.modal-body{padding:22px;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-subtle);background:var(--bg-surface-muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;padding:14px 22px;display:flex}.modal-footer .spacer{flex:1}.drawer-panel{background:var(--bg-surface);border-left:1px solid var(--border-subtle);width:min(620px,100vw);box-shadow:var(--shadow-dropdown);z-index:101;flex-direction:column;animation:.2s slide-in;display:flex;position:fixed;top:0;bottom:0;right:0}.drawer-panel .modal-body{flex:1}.meta-grid{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-canvas);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px;margin-bottom:18px;padding:16px;display:grid}.meta-item{flex-direction:column;gap:2px;min-width:0;display:flex}.meta-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:11px;font-weight:600}.meta-value{color:var(--text-primary);overflow-wrap:anywhere;font-size:13.5px;font-weight:500}.route-strip{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;font-size:13px;display:flex}.route-node{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);padding:6px 10px;font-weight:600}.route-node.virtual{color:var(--text-secondary);border-style:dashed;font-weight:500}.section-heading{color:var(--text-primary);margin:4px 0 10px;font-size:13px;font-weight:700}.compact-table{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;font-size:13px;overflow:hidden}.compact-table th{text-align:left;background:var(--bg-surface-secondary);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);padding:9px 12px;font-size:11px;font-weight:600}.compact-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);vertical-align:middle;padding:10px 12px}.compact-table tr:last-child td{border-bottom:none}.compact-table .num{text-align:right;font-variant-numeric:tabular-nums}.qty-input{text-align:right;width:96px;padding:6px 8px}.line-editor{flex-direction:column;gap:8px;display:flex}.line-row{grid-template-columns:minmax(0,1fr) 120px 32px;align-items:start;gap:8px;display:grid}.line-row .line-meta{color:var(--text-muted);grid-column:1/-1;margin-top:-4px;font-size:11.5px}.line-row .line-meta.warn{color:var(--amber)}.icon-button{border-radius:var(--radius-sm);width:32px;height:36px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.icon-button:hover:not(:disabled){color:var(--rose);background:var(--rose-light)}.icon-button:disabled{opacity:.4;cursor:not-allowed}.dropdown-anchor{position:relative}.dropdown-menu{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:300px;box-shadow:var(--shadow-dropdown);z-index:60;animation:.12s pop-in;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}.dropdown-menu.align-left{left:0;right:auto}.dropdown-heading{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;background:var(--bg-surface-secondary);border-bottom:1px solid var(--border-subtle);padding:8px 12px;font-size:11px;font-weight:700}.dropdown-item{text-align:left;width:100%;color:var(--text-primary);border-bottom:1px solid var(--border-faint);align-items:center;gap:10px;padding:9px 12px;font-size:13px;display:flex}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover,.dropdown-item.active{background:var(--primary-light)}.dropdown-item.active{color:var(--primary)}.dropdown-item .item-main{flex-direction:column;flex:1;min-width:0;display:flex}.dropdown-item .item-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.dropdown-item .item-sub{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.dropdown-item.danger{color:var(--rose)}.dropdown-empty{color:var(--text-muted);text-align:center;padding:16px 12px;font-size:13px}.user-menu-head{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding:14px;display:flex}.search-results{width:min(460px,90vw);left:0;right:auto}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--bg-surface-hover) 25%, var(--bg-track) 37%, var(--bg-surface-hover) 63%);background-size:400% 100%;animation:1.4s infinite shimmer}.loading-block{color:var(--text-muted);justify-content:center;align-items:center;gap:10px;padding:40px 20px;font-size:13px;display:flex}.setup-banner{border-radius:var(--radius-lg);background:var(--amber-light);border:1px solid var(--amber-border);color:var(--amber-deep);align-items:flex-start;gap:14px;margin-bottom:24px;padding:16px 20px;font-size:13px;display:flex}.setup-banner h4{color:var(--amber-strong);margin-bottom:2px;font-size:14px}.setup-banner code{font-family:var(--font-mono);background:color-mix(in srgb, var(--bg-surface) 70%, transparent);border-radius:4px;padding:1px 5px;font-size:12px}.chart-empty{min-height:160px;color:var(--text-muted);text-align:center;justify-content:center;align-items:center;font-size:13px;display:flex}.toast{background-color:var(--bg-inverse);max-width:min(420px,100vw - 48px);color:var(--text-inverse);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);z-index:120;align-items:center;gap:10px;padding:12px 18px;font-size:13.5px;animation:.2s pop-in;display:flex;position:fixed;bottom:24px;right:24px}.activity-bars-group.dense .activity-day-col{max-width:none}.activity-bars-group.dense .bars-pair{gap:2px}.activity-bars-group.dense .bar-pillar{width:5px}.activity-bars-group.dense .day-label{white-space:nowrap;font-size:10px}.activity-bars-group.dense .day-label.hidden{visibility:hidden}.muted{color:var(--text-muted)}.text-rose{color:var(--rose)}.text-emerald{color:var(--emerald)}.nowrap{white-space:nowrap}.date-filter{flex-wrap:wrap;align-items:flex-end;gap:10px;padding:14px;display:flex}.date-filter .form-field{width:160px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(4px)scale(.99)}to{opacity:1;transform:none}}@keyframes slide-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:100%}to{background-position:0}}@media (width<=640px){.meta-grid{grid-template-columns:1fr}.line-row{grid-template-columns:minmax(0,1fr) 90px 32px}}.ai-launcher{z-index:90;border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary), var(--indigo));color:#fff;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 24px #2563eb59}.ai-launcher:hover{transform:translateY(-2px);box-shadow:0 14px 30px #2563eb73}.ai-panel{z-index:95;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:min(430px,100vw - 32px);height:min(660px,100vh - 48px);box-shadow:var(--shadow-dropdown);flex-direction:column;animation:.18s pop-in;display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden}.ai-header{background-color:var(--bg-sidebar);color:var(--text-sidebar-bright);background-image:radial-gradient(circle at 0 0,#2563eb59,#0000 60%);justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.ai-header-main{align-items:center;gap:10px;min-width:0;display:flex}.ai-header-icon{border-radius:var(--radius-md);background:var(--primary);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.ai-header h3{letter-spacing:-.01em;font-size:15px;font-weight:700}.ai-scope{color:#93c5fd;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;max-width:260px;font-size:11.5px;display:inline-flex;overflow:hidden}.ai-header-actions{gap:4px;display:flex}.ai-icon-btn{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-sidebar);justify-content:center;align-items:center;display:flex}.ai-icon-btn:hover:not(:disabled){background:var(--bg-sidebar-hover);color:var(--text-sidebar-bright)}.ai-messages{background:var(--bg-canvas);flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.ai-welcome{text-align:center;padding:12px 4px 4px}.ai-welcome-icon{border-radius:var(--radius-full);background:var(--primary-light);width:52px;height:52px;color:var(--primary);justify-content:center;align-items:center;margin:0 auto 10px;display:flex}.ai-welcome h4{color:var(--text-primary);font-size:15px;font-weight:700}.ai-welcome p{color:var(--text-secondary);max-width:320px;margin:4px auto 14px;font-size:12.5px}.ai-suggestions{flex-direction:column;gap:6px;display:flex}.ai-suggestion{text-align:left;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);padding:9px 12px;font-size:13px;transition:border-color .15s,background-color .15s}.ai-suggestion:hover{border-color:var(--primary-border);background:var(--primary-light)}.ai-msg{align-items:flex-start;gap:8px;display:flex}.ai-msg.user{flex-direction:row-reverse}.ai-avatar{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.ai-avatar.bot{background:var(--primary);color:#fff}.ai-avatar.user{background:var(--indigo-light);color:var(--indigo);border:1px solid var(--indigo-border)}.ai-bubble-wrap{flex-direction:column;gap:6px;min-width:0;max-width:calc(100% - 40px);display:flex}.ai-msg.user .ai-bubble-wrap{align-items:flex-end}.ai-bubble{border-radius:var(--radius-lg);overflow-wrap:anywhere;padding:10px 12px;font-size:13.5px;line-height:1.55}.ai-msg.assistant .ai-bubble{background:var(--bg-surface);border:1px solid var(--border-subtle);border-top-left-radius:var(--radius-xs);color:var(--text-primary);box-shadow:var(--shadow-xs)}.ai-msg.user .ai-bubble{background:var(--primary);color:#fff;border-top-right-radius:var(--radius-xs);white-space:pre-wrap}.ai-bubble.error{background:var(--rose-light)!important;border-color:var(--rose-border)!important;color:var(--rose-strong)!important}.ai-bubble.typing{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:inline-flex}.ai-dots{gap:3px;display:inline-flex}.ai-dots i{border-radius:var(--radius-full);background:var(--primary);width:6px;height:6px;animation:1s ease-in-out infinite ai-bounce}.ai-dots i:nth-child(2){animation-delay:.15s}.ai-dots i:nth-child(3){animation-delay:.3s}@keyframes ai-bounce{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.ai-steps{flex-wrap:wrap;gap:4px;display:flex}.ai-step{color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.ai-step.failed{color:var(--rose);border-color:var(--rose-border)}.ai-composer{border-top:1px solid var(--border-subtle);background:var(--bg-surface);align-items:flex-end;gap:8px;padding:12px 12px 6px;display:flex}.ai-composer textarea{resize:none;field-sizing:content;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface);max-height:120px;color:var(--text-primary);flex:1;padding:9px 12px;font-size:13.5px;line-height:1.4}.ai-composer textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}.ai-send{border-radius:var(--radius-md);background:var(--primary);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.ai-send:disabled{opacity:.45;cursor:not-allowed}.ai-footnote{color:var(--text-muted);background:var(--bg-surface);padding:0 14px 10px;font-size:10.5px}.md>*+*{margin-top:8px}.md ul,.md ol{padding-left:18px}.md li+li{margin-top:2px}.md strong{font-weight:700}.md code{font-family:var(--font-mono);background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:4px;padding:0 4px;font-size:12px}.md-heading{font-weight:700}.md-table-wrap{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);overflow-x:auto}.md-table{border-collapse:collapse;width:100%;font-size:12px}.md-table th{text-align:left;background:var(--bg-surface-secondary);color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:6px 8px;font-weight:600}.md-table td{border-bottom:1px solid var(--border-subtle);vertical-align:top;padding:6px 8px}.md-table tr:last-child td{border-bottom:none}.toast{bottom:88px}@media (width<=560px){.ai-panel{border-radius:0;width:100vw;height:100dvh;bottom:0;right:0}.ai-launcher span{display:none}.ai-launcher{padding:14px}}