@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root[data-theme=light]{--surface-page:#f8fafc;--surface-secondary:#f1f5f9;--surface-card:#fff;--surface-card-hover:#f8fafc;--surface-elevated:#f1f5f9;--surface-glass:#ffffffd9;--surface-modal:#fff;--surface-sidebar:#fff;--surface-input:#fff;--surface-topbar:#fffffff7;--content-primary:#0f172a;--content-secondary:#334155;--content-muted:#64748b;--content-accent:#4f46e5;--content-input:#0f172a;--content-on-primary:#fff;--content-on-accent:#fff;--content-placeholder:#94a3b8;--border-default:#e2e8f0;--border-hover:#cbd5e1;--border-active:#6366f166;--border-input:#cbd5e1;--interactive-primary:var(--_accent-primary,#4f46e5);--interactive-primary-hover:var(--_accent-primary-hover,#4338ca);--interactive-primary-light:var(--_accent-primary-light,#6366f1);--interactive-primary-glow:var(--_accent-primary-glow,#6366f10f);--interactive-success:#10b981;--interactive-danger:#ef4444;--interactive-warning:#f59e0b;--interactive-info:#0ea5e9;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--accent-sky:#0ea5e9;--accent-violet:#8b5cf6;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 4px 12px #0f172a0f;--shadow-lg:0 8px 32px #0f172a14;--shadow-glow:0 0 20px #6366f114;--scrollbar-thumb:#0f172a1f;--scrollbar-thumb-hover:#0f172a33;--badge-success-bg:#dcfce7;--badge-success-text:#166534;--badge-danger-bg:#fee2e2;--badge-danger-text:#991b1b;--badge-warning-bg:#fef3c7;--badge-warning-text:#92400e;--badge-info-bg:#dbeafe;--badge-info-text:#1d4ed8;--badge-primary-bg:#eef2ff;--badge-primary-text:#4338ca;--badge-muted-bg:#f1f5f9;--badge-muted-text:#64748b}:root[data-theme=dark]{--surface-page:#0f0f1a;--surface-secondary:#161625;--surface-card:#1c1c30;--surface-card-hover:#22223a;--surface-elevated:#252540;--surface-glass:#1c1c30b3;--surface-modal:#1c1c30;--surface-sidebar:#161625;--surface-input:#0f0f1a;--surface-topbar:#0f0f1ad9;--content-primary:#f1f1f8;--content-secondary:#9ca3af;--content-muted:#6b7280;--content-accent:#818cf8;--content-input:#f1f1f8;--content-on-primary:#fff;--content-on-accent:#fff;--content-placeholder:#6b7280;--border-default:#ffffff0f;--border-hover:#ffffff1f;--border-active:#6366f166;--border-input:#475569;--interactive-primary:var(--_accent-primary,#6366f1);--interactive-primary-hover:var(--_accent-primary-hover,#818cf8);--interactive-primary-light:var(--_accent-primary-light,#818cf8);--interactive-primary-glow:var(--_accent-primary-glow,#6366f126);--interactive-success:#10b981;--interactive-danger:#ef4444;--interactive-warning:#f59e0b;--interactive-info:#0ea5e9;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--accent-sky:#0ea5e9;--accent-violet:#8b5cf6;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-glow:0 0 20px #6366f126;--scrollbar-thumb:#ffffff1a;--scrollbar-thumb-hover:#fff3;--badge-success-bg:#10b98126;--badge-success-text:var(--accent-emerald);--badge-danger-bg:#f43f5e26;--badge-danger-text:var(--accent-rose);--badge-warning-bg:#f59e0b26;--badge-warning-text:var(--accent-amber);--badge-info-bg:#0ea5e926;--badge-info-text:var(--accent-sky);--badge-primary-bg:#6366f126;--badge-primary-text:#818cf8;--badge-muted-bg:#6b728026;--badge-muted-text:#6b7280}[data-accent=indigo]{--_accent-primary:#6366f1;--_accent-primary-hover:#4f46e5;--_accent-primary-light:#818cf8;--_accent-primary-glow:#6366f126}[data-accent=blue]{--_accent-primary:#3b82f6;--_accent-primary-hover:#2563eb;--_accent-primary-light:#60a5fa;--_accent-primary-glow:#3b82f626}[data-accent=green]{--_accent-primary:#10b981;--_accent-primary-hover:#059669;--_accent-primary-light:#34d399;--_accent-primary-glow:#10b98126}[data-accent=purple]{--_accent-primary:#8b5cf6;--_accent-primary-hover:#7c3aed;--_accent-primary-light:#a78bfa;--_accent-primary-glow:#8b5cf626}:root{--bg-primary:var(--surface-page,#0f0f1a);--bg-secondary:var(--surface-secondary,#161625);--bg-card:var(--surface-card,#1c1c30);--bg-card-hover:var(--surface-card-hover,#22223a);--bg-elevated:var(--surface-elevated,#252540);--bg-glass:var(--surface-glass,#1c1c30b3);--text-primary:var(--content-primary,#f1f1f8);--text-secondary:var(--content-secondary,#9ca3af);--text-muted:var(--content-muted,#6b7280);--text-accent:var(--content-accent,#818cf8);--border:var(--border-default,#ffffff0f);--primary:var(--interactive-primary,#6366f1);--primary-light:var(--interactive-primary-light,#818cf8);--primary-dark:var(--interactive-primary-hover,#4f46e5);--primary-glow:var(--interactive-primary-glow,#6366f126);--input-bg:var(--surface-input,#0f0f1a);--input-text:var(--content-input,#f1f1f8);--input-border:var(--border-input,#475569);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--sidebar-width:260px;--sidebar-collapsed:72px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--surface-page,#0f0f1a);color:var(--content-primary,#f1f1f8);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}input,select,textarea{background:var(--surface-input,#0f0f1a);color:var(--content-input,#f1f1f8);border:1px solid var(--border-input,#475569);transition:border-color var(--transition-fast);outline:none;font-family:inherit}input:focus,select:focus,textarea:focus{border-color:var(--interactive-primary,#6366f1)}input::placeholder,textarea::placeholder{color:var(--content-placeholder,#6b7280)}input[disabled],input[readonly],textarea[disabled],textarea[readonly],select[disabled]{color:var(--content-input,#f1f1f8);-webkit-text-fill-color:var(--content-input,#f1f1f8);opacity:.7;cursor:not-allowed}select option{background:var(--surface-card,#1c1c30);color:var(--content-primary,#f1f1f8)}.theme-card{background:var(--surface-card,#1c1c30);border:1px solid var(--border-default,#ffffff0f);border-radius:var(--radius-lg);color:var(--content-primary,#f1f1f8)}.theme-panel{background:var(--surface-card,#1c1c30);border:1px solid var(--border-default,#ffffff0f);border-radius:var(--radius-lg);color:var(--content-primary,#f1f1f8);padding:24px}.theme-modal{background:var(--surface-modal,#1c1c30);border:1px solid var(--border-default,#ffffff0f);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:var(--content-primary,#f1f1f8)}.theme-input{background:var(--surface-input,#0f0f1a);color:var(--content-input,#f1f1f8);border:1px solid var(--border-input,#475569);border-radius:var(--radius-md);transition:border-color var(--transition-fast);outline:none;padding:9px 14px;font-family:inherit;font-size:13px}.theme-input:focus{border-color:var(--interactive-primary,#6366f1)}.theme-input::placeholder{color:var(--content-placeholder,#6b7280)}.theme-select{background:var(--surface-input,#0f0f1a);color:var(--content-input,#f1f1f8);border:1px solid var(--border-input,#475569);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast);outline:none;padding:9px 12px;font-family:inherit;font-size:13px}.theme-select:focus{border-color:var(--interactive-primary,#6366f1)}.theme-table{border-collapse:separate;border-spacing:0;background:var(--surface-card,#1c1c30);width:100%}.theme-table th{text-align:left;text-transform:uppercase;letter-spacing:.8px;color:var(--content-muted,#6b7280);border-bottom:1px solid var(--border-default,#ffffff0f);background:var(--surface-elevated,#252540);padding:12px 16px;font-size:12px;font-weight:600}.theme-table td{color:var(--content-primary,#f1f1f8);border-bottom:1px solid var(--border-default,#ffffff0f);transition:background var(--transition-fast);padding:8px 12px;font-size:13px}.theme-table tr:hover td{background:var(--surface-card-hover,#22223a)}.theme-table tr:last-child td{border-bottom:none}.theme-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.theme-switcher{background:var(--surface-elevated,#252540);border:1px solid var(--border-default,#ffffff0f);border-radius:var(--radius-md);align-items:center;gap:2px;margin:12px 16px;padding:3px;display:flex}.theme-switcher-btn{border-radius:calc(var(--radius-md) - 2px);color:var(--content-muted,#6b7280);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:5px;padding:6px 8px;font-family:inherit;font-size:11px;font-weight:600;display:flex}.theme-switcher-btn:hover{color:var(--content-primary,#f1f1f8);background:var(--surface-card-hover,#22223a)}.theme-switcher-btn.active{background:var(--interactive-primary-glow,#6366f126);color:var(--interactive-primary-light,#818cf8);box-shadow:var(--shadow-sm)}.theme-switcher-icon{font-size:12px;line-height:1}.sidebar{width:var(--sidebar-width);background:var(--surface-sidebar,#161625);border-right:1px solid var(--border-default,#ffffff0f);z-index:100;height:100vh;transition:width var(--transition-slow);flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar-header{border-bottom:1px solid var(--border-default,#ffffff0f);align-items:center;gap:12px;padding:20px 24px;display:flex}.sidebar-logo-img{border-radius:var(--radius-md);object-fit:contain;flex-shrink:0;width:36px;height:36px}.sidebar-brand{background:linear-gradient(135deg, var(--content-primary,#f1f1f8), var(--interactive-primary-light,#818cf8));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:18px;font-weight:700}.sidebar-nav{flex:1;padding:8px;overflow-y:auto}.nav-section-label{text-transform:uppercase;letter-spacing:1.2px;color:var(--content-muted,#6b7280);border-radius:var(--radius-sm);transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:10px 10px 4px;font-size:10px;font-weight:600;display:flex}.nav-section-label.collapsible:hover{background:var(--surface-card,#1c1c30);color:var(--content-secondary,#9ca3af)}.nav-section-label.has-active{color:var(--interactive-primary-light,#818cf8)}.nav-section-items{will-change:max-height}.nav-item{border-radius:var(--radius-md);color:var(--content-secondary,#9ca3af);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:10px;margin-bottom:1px;padding:7px 10px;font-size:13px;font-weight:500;text-decoration:none;display:flex;position:relative}.nav-item:hover{background:var(--surface-card,#1c1c30);color:var(--content-primary,#f1f1f8)}.nav-item.active{background:var(--interactive-primary-glow,#6366f126);color:var(--interactive-primary-light,#818cf8)}.nav-item.active:before{content:"";background:var(--interactive-primary,#6366f1);border-radius:0 4px 4px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:16px;display:flex}.nav-badge{background:var(--accent-rose);color:var(--content-on-primary,#fff);text-align:center;border-radius:12px;min-width:20px;margin-left:auto;padding:2px 7px;font-size:11px;font-weight:600}.main-content{margin-left:var(--sidebar-width);min-height:100vh;padding:0;overflow-x:hidden}.topbar{z-index:50;background:var(--surface-topbar,#0f0f1ad9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-default,#ffffff0f);justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.topbar-title{color:var(--content-primary,#f1f1f8);font-size:22px;font-weight:700}.topbar-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.topbar-search{background:var(--surface-card,#1c1c30);border:1px solid var(--border-default,#ffffff0f);border-radius:var(--radius-lg);align-items:center;gap:8px;min-width:240px;padding:8px 16px;display:flex}.topbar-search input{color:var(--content-primary,#f1f1f8);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:13px}.topbar-search input::placeholder{color:var(--content-muted,#6b7280)}.avatar{background:linear-gradient(135deg, var(--interactive-primary,#6366f1), var(--accent-emerald));width:36px;height:36px;color:var(--content-on-primary,#fff);cursor:pointer;transition:transform var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:flex}.avatar:hover{transform:scale(1.05)}.page-content{box-sizing:border-box;width:100%;padding:28px 32px;overflow-x:hidden}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:28px;display:grid}.stat-card{background:var(--surface-card,#1c1c30);border:1px solid var(--border-default,#ffffff0f);border-radius:var(--radius-lg);transition:all var(--transition-normal);padding:24px;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--card-accent,var(--interactive-primary,#6366f1));opacity:0;height:3px;transition:opacity var(--transition-normal);position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.stat-change{border-radius:20px;padding:3px 8px;font-size:12px;font-weight:600}.stat-change.positive{color:var(--accent-emerald);background:#10b98126}.stat-change.negative{color:var(--accent-rose);background:#f43f5e26}.stat-value{color:var(--content-primary,#f1f1f8);margin-bottom:4px;font-size:32px;font-weight:800;line-height:1.1}.stat-label{color:var(--content-secondary,#9ca3af);font-size:13px;font-weight:500}.card{background:var(--surface-card,#1c1c30);border:1px solid var(--border-default,#ffffff0f);border-radius:var(--radius-lg);overflow:hidden}.card-header{border-bottom:1px solid var(--border-default,#ffffff0f);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.card-title{color:var(--content-primary,#f1f1f8);font-size:16px;font-weight:600}.card-body{padding:24px}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.8px;color:var(--content-muted,#6b7280);border-bottom:1px solid var(--border-default,#ffffff0f);background:var(--surface-elevated,#252540);padding:12px 16px;font-size:12px;font-weight:600;position:sticky;top:0}.data-table td{color:var(--content-primary,#f1f1f8);border-bottom:1px solid var(--border-default,#ffffff0f);transition:background var(--transition-fast);padding:8px 12px;font-size:13px}.data-table tr:hover td{background:var(--surface-card-hover,#22223a)}.data-table tr:last-child td{border-bottom:none}.badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-primary{background:var(--badge-primary-bg,#6366f126);color:var(--badge-primary-text,#818cf8)}.badge-success{background:var(--badge-success-bg,#10b98126);color:var(--badge-success-text,#10b981)}.badge-warning{background:var(--badge-warning-bg,#f59e0b26);color:var(--badge-warning-text,#f59e0b)}.badge-danger{background:var(--badge-danger-bg,#f43f5e26);color:var(--badge-danger-text,#f43f5e)}.badge-info{background:var(--badge-info-bg,#0ea5e926);color:var(--badge-info-text,#0ea5e9)}.badge-muted{background:var(--badge-muted-bg,#6b728026);color:var(--badge-muted-text,#6b7280)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--content-primary,#f1f1f8);border:none;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--interactive-primary,#6366f1), var(--interactive-primary-hover,#4f46e5));color:var(--content-on-primary,#fff);box-shadow:0 2px 8px #6366f14d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #6366f166}.btn-ghost{color:var(--content-secondary,#9ca3af);border:1px solid var(--border-default,#ffffff0f);background:0 0}.btn-ghost:hover{background:var(--surface-card,#1c1c30);border-color:var(--border-hover);color:var(--content-primary,#f1f1f8)}.btn-sm{padding:6px 12px;font-size:12px}.btn-success{background:linear-gradient(135deg, var(--accent-emerald), #059669);color:var(--content-on-primary,#fff);box-shadow:0 2px 8px #10b9814d}.btn-success:hover{transform:translateY(-1px);box-shadow:0 4px 16px #10b98166}.btn-danger{background:linear-gradient(135deg, var(--accent-rose), #dc2626);color:var(--content-on-primary,#fff);box-shadow:0 2px 8px #f43f5e4d}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f43f5e66}.btn-warning{background:linear-gradient(135deg, var(--accent-amber), #d97706);color:var(--content-on-primary,#fff);box-shadow:0 2px 8px #f59e0b4d}.btn-icon{justify-content:center;min-width:36px;padding:8px}.grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.progress-bar{background:var(--surface-elevated,#252540);border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.progress-fill{height:100%;transition:width var(--transition-slow);border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:.4s forwards fadeIn}.slide-in{animation:.3s forwards slideIn}.skeleton{background:linear-gradient(90deg, var(--surface-elevated,#252540) 25%, var(--surface-card-hover,#22223a) 50%, var(--surface-elevated,#252540) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite pulse}.skeleton-pulse{background:linear-gradient(90deg, var(--surface-elevated,#252540) 25%, var(--surface-card-hover,#30304a) 50%, var(--surface-elevated,#252540) 75%);background-size:200% 100%;border-radius:4px;animation:1.5s ease-in-out infinite skeletonShimmer}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{color:var(--content-muted,#6b7280);flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state-icon{opacity:.4;margin-bottom:16px;font-size:48px}.empty-state-text{text-align:center;font-size:15px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb,#ffffff1a);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover,#fff3)}.file-dropzone{border:2px dashed var(--border-hover);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition-normal);background:var(--surface-card,#1c1c30);padding:48px 32px;position:relative}.file-dropzone:hover,.file-dropzone.drag-over{border-color:var(--interactive-primary,#6366f1);background:var(--interactive-primary-glow,#6366f126);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.file-dropzone-icon{opacity:.6;margin-bottom:16px;font-size:48px}.file-dropzone-text{color:var(--content-secondary,#9ca3af);margin-bottom:8px;font-size:15px}.file-dropzone-hint{color:var(--content-muted,#6b7280);font-size:12px}.file-dropzone input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.checkbox-cell{text-align:center;width:40px}.checkbox-select{width:18px;height:18px;accent-color:var(--interactive-primary,#6366f1);cursor:pointer;border-radius:4px}.select-all-bar{background:var(--interactive-primary-glow,#6366f126);border:1px solid var(--border-active);border-radius:var(--radius-md);align-items:center;gap:16px;margin-bottom:16px;padding:12px 20px;animation:.3s fadeIn;display:flex}.select-all-bar .selected-count{color:var(--interactive-primary-light,#818cf8);font-size:14px;font-weight:700}.import-preview{background:var(--surface-card,#1c1c30);border:1px solid var(--border-default,#ffffff0f);border-radius:var(--radius-lg);margin-top:20px;padding:24px}.import-stats{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.import-stat{background:var(--surface-elevated,#252540);border-radius:var(--radius-md);color:var(--content-primary,#f1f1f8);align-items:center;gap:8px;padding:10px 16px;font-size:13px;display:flex}.import-stat-value{font-size:18px;font-weight:800}.column-map-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:16px;display:grid}.column-map-item{background:var(--surface-elevated,#252540);border-radius:var(--radius-md);align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.column-map-arrow{color:var(--accent-emerald);font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface-modal,#1c1c30);border:1px solid var(--border-default,#ffffff0f);border-radius:var(--radius-xl);width:90%;max-width:600px;max-height:80vh;box-shadow:var(--shadow-lg);color:var(--content-primary,#f1f1f8);padding:32px;animation:.3s fadeIn;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.modal-title{color:var(--content-primary,#f1f1f8);font-size:18px;font-weight:700}.modal-close{color:var(--content-muted,#6b7280);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:4px 8px;font-size:20px}.modal-close:hover{background:var(--surface-elevated,#252540);color:var(--content-primary,#f1f1f8)}.chat-bubble{color:var(--content-primary,#f1f1f8);background:#25d36614;border:1px solid #25d36633;border-radius:16px 16px 16px 4px;margin-bottom:16px;padding:16px 20px;font-size:14px;line-height:1.6;position:relative}.chat-bubble:before{content:"💚";font-size:16px;position:absolute;top:-12px;left:-4px}.status-flow{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.status-flow-step{background:var(--surface-elevated,#252540);color:var(--content-muted,#6b7280);transition:all var(--transition-fast);border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.status-flow-step.active{background:var(--interactive-primary-glow,#6366f126);color:var(--interactive-primary-light,#818cf8)}.status-flow-step.completed{color:var(--accent-emerald);background:#10b98126}.status-flow-arrow{color:var(--content-muted,#6b7280);font-size:10px}.import-steps{gap:0;margin-bottom:28px;display:flex}.import-step{text-align:center;color:var(--content-secondary,#9ca3af);transition:all var(--transition-normal);flex:1;padding:16px 12px;font-size:13px;font-weight:600;position:relative}.import-step:after{content:"";background:var(--surface-elevated,#252540);border-radius:3px;height:3px;position:absolute;bottom:0;left:0;right:0}.import-step.active{color:var(--content-primary,#f1f1f8)}.import-step.active:after{background:var(--interactive-primary,#6366f1)}.import-step.completed{color:var(--content-primary,#f1f1f8)}.import-step.completed:after{background:var(--accent-emerald)}.import-step-num{background:var(--surface-elevated,#252540);width:28px;height:28px;color:var(--content-secondary,#9ca3af);border-radius:50%;justify-content:center;align-items:center;margin-bottom:6px;font-size:12px;font-weight:700;display:inline-flex}.import-step.active .import-step-num{background:var(--interactive-primary,#6366f1);color:var(--content-on-primary,#fff)}.import-step.completed .import-step-num{background:var(--accent-emerald);color:var(--content-on-primary,#fff)}.satis-kpi-strip{border-bottom:1px solid var(--border-default,#ffffff0f);flex-wrap:wrap;flex-shrink:0;gap:8px;padding:16px 24px 12px;display:flex;overflow:hidden}.satis-kpi-strip::-webkit-scrollbar{height:0;display:none}.satis-kpi-strip::-webkit-scrollbar-thumb{background:0 0}.satis-kpi-card{background:var(--surface-card,#1c1c30);border:1px solid var(--border-default,#ffffff0f);border-radius:var(--radius-md);min-width:130px;transition:all var(--transition-normal);cursor:default;flex:0 auto;align-items:center;gap:10px;padding:10px 14px;display:flex;position:relative;overflow:hidden}.satis-kpi-card:before{content:"";background:var(--kpi-accent,var(--interactive-primary));opacity:.7;width:3px;transition:opacity var(--transition-fast);position:absolute;top:0;bottom:0;left:0}.satis-kpi-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.satis-kpi-card:hover:before{opacity:1}.satis-kpi-icon{border-radius:var(--radius-sm);background:var(--kpi-bg,#6366f11a);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.satis-kpi-value{color:var(--kpi-accent,var(--interactive-primary-light));font-size:20px;font-weight:800;line-height:1}.satis-kpi-label{color:var(--content-muted);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;font-size:10px;font-weight:600}.satis-filter-bar{border-bottom:1px solid var(--border-default,#ffffff0f);background:var(--surface-secondary);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:10px 24px;display:flex}.satis-filter-bar select,.satis-filter-bar input[type=text],.satis-filter-bar input[type=date]{border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--surface-input);color:var(--content-input);transition:border-color var(--transition-fast);outline:none;min-width:0;padding:6px 10px;font-family:inherit;font-size:12px}.satis-filter-bar select:focus,.satis-filter-bar input:focus{border-color:var(--interactive-primary)}.satis-search-input{flex:1;min-width:200px;max-width:320px}.satis-filter-btn{border-radius:var(--radius-sm);border:1px solid var(--border-default);color:var(--content-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:500}.satis-filter-btn:hover{background:var(--surface-card);border-color:var(--border-hover);color:var(--content-primary)}.satis-filter-btn.active{background:var(--interactive-primary-glow);border-color:var(--interactive-primary);color:var(--interactive-primary-light)}.satis-filter-clear{border-radius:var(--radius-sm);color:var(--accent-rose);cursor:pointer;transition:all var(--transition-fast);background:#f43f5e1a;border:none;padding:6px 12px;font-family:inherit;font-size:11px;font-weight:600}.satis-filter-clear:hover{background:#f43f5e33}.satis-action-btn{border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--surface-card);color:var(--content-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;padding:5px 10px;font-family:inherit;font-size:11px;font-weight:600}.satis-action-btn:hover{background:var(--interactive-primary-glow,#6366f126);border-color:var(--interactive-primary);color:var(--interactive-primary-light);transform:translateY(-1px)}.satis-action-btn:active{transform:translateY(0)}.satis-table-container{flex-direction:column;flex:1;display:flex;overflow:hidden}.satis-table-scroll{scrollbar-width:thin;flex:1;overflow:auto}.satis-table-scroll::-webkit-scrollbar{width:6px;height:6px}.satis-table-scroll::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.satis-table-scroll::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.satis-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%}.satis-table th{z-index:10;text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--content-muted);border-bottom:1px solid var(--border-default);background:var(--surface-elevated);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast);padding:10px;font-size:11px;font-weight:700;position:sticky;top:0}.satis-table th:hover{color:var(--content-primary)}.satis-table th.sorted{color:var(--interactive-primary-light)}.satis-table th.satis-col-row-num,.satis-table td.satis-col-row-num{z-index:11;background:var(--surface-elevated);text-align:center;width:40px;min-width:40px;max-width:40px;color:var(--content-muted);border-right:1px solid var(--border-default);padding:8px 6px;font-weight:600;position:sticky;left:0}.satis-table td.satis-col-row-num{background:var(--surface-card,#1c1c30);z-index:5}.satis-table tbody tr:hover td.satis-col-row-num{background:var(--surface-card-hover)}.satis-table td{color:var(--content-primary);border-bottom:1px solid var(--border-default);white-space:nowrap;text-overflow:ellipsis;max-width:150px;transition:background var(--transition-fast);padding:8px 10px;font-size:12px;overflow:hidden}.satis-table tbody tr:hover td{background:var(--surface-card-hover)}.satis-table tbody tr:last-child td{border-bottom:none}.lead-heat{border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.lead-heat-soguk{color:#9ca3af;background:#6b728026}.lead-heat-ilik{color:#0ea5e9;background:#0ea5e926}.lead-heat-sicak{color:#f97316;background:#f9731626}.lead-heat-cok_sicak{color:#10b981;background:#10b98126}.satis-status{white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.satis-status-yeni_lead{color:#818cf8;background:#6366f11f}.satis-status-ilk_temas{color:#0ea5e9;background:#0ea5e91f}.satis-status-cevap_bekleniyor{color:#f59e0b;background:#f59e0b1f}.satis-status-cevap_geldi{color:#06b6d4;background:#06b6d41f}.satis-status-gorusmede{color:#8b5cf6;background:#8b5cf61f}.satis-status-ilgileniyor{color:#6366f1;background:#6366f11f}.satis-status-satis_firsati{color:#ec4899;background:#ec48991f}.satis-status-teklif_hazirlaniyor{color:#f97316;background:#f973161f}.satis-status-teklif_verildi{color:#f59e0b;background:#f59e0b1f}.satis-status-odeme_bekleniyor{color:#ec4899;background:#ec48991f}.satis-status-musteri_oldu{color:#10b981;background:#10b9811f}.satis-status-kaybedildi{color:#6b7280;background:#6b72801f}.satis-status-reddedildi{color:#f43f5e;background:#f43f5e1f}.satis-status-ulasilamadi{color:#9ca3af;background:#6b72801f}.satis-status-kara_liste{color:#ef4444;background:#f43f5e1f}.satis-actions-btn{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--content-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.satis-actions-btn:hover{background:var(--surface-elevated);border-color:var(--border-default);color:var(--content-primary)}.satis-ctx-menu{z-index:9999;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:210px;padding:6px;animation:.12s fadeIn;position:fixed;box-shadow:0 16px 48px #00000059}.satis-ctx-item{border-radius:var(--radius-sm);cursor:pointer;width:100%;color:var(--content-primary);text-align:left;transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:8px 12px;font-family:inherit;font-size:12px;display:flex}.satis-ctx-item:hover{background:var(--surface-elevated)}.satis-ctx-item.danger{color:var(--accent-rose)}.satis-ctx-item.success{color:var(--accent-emerald)}.satis-ctx-divider{background:var(--border-default);height:1px;margin:4px 8px}.satis-drawer-overlay{z-index:999;background:#00000059;animation:.15s fadeIn;position:fixed;inset:0}.satis-drawer{z-index:1000;background:var(--surface-card);border-left:1px solid var(--border-default);flex-direction:column;width:440px;max-width:90vw;animation:.25s cubic-bezier(.4,0,.2,1) slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 32px #00000040}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.satis-drawer-header{border-bottom:1px solid var(--border-default);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.satis-drawer-body{flex:1;padding:20px 24px;overflow-y:auto}.satis-timeline-item{gap:12px;padding-bottom:20px;display:flex;position:relative}.satis-timeline-item:before{content:"";background:var(--border-default);width:2px;position:absolute;top:28px;bottom:0;left:15px}.satis-timeline-item:last-child:before{display:none}.satis-timeline-dot{background:var(--surface-elevated);border:2px solid var(--border-default);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.satis-timeline-content{flex:1;min-width:0}.satis-timeline-title{color:var(--content-primary);margin-bottom:2px;font-size:13px;font-weight:600}.satis-timeline-detail{color:var(--content-secondary);word-break:break-word;font-size:12px}.satis-timeline-time{color:var(--content-muted);margin-top:4px;font-size:10px}.satis-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.satis-modal{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:420px;max-width:92vw;max-height:85vh;padding:24px;animation:.2s fadeIn;overflow-y:auto;box-shadow:0 24px 48px #00000059}.satis-modal h3{color:var(--content-primary);margin:0 0 16px;font-size:16px;font-weight:700}.satis-modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.satis-pagination{border-top:1px solid var(--border-default);background:var(--surface-secondary);color:var(--content-muted);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 24px;font-size:12px;display:flex}.satis-pagination-btns{gap:4px;display:flex}.satis-pagination-btns button{border-radius:var(--radius-sm);border:1px solid var(--border-default);color:var(--content-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:5px 10px;font-family:inherit;font-size:12px}.satis-pagination-btns button:hover:not(:disabled){background:var(--surface-card);border-color:var(--border-hover);color:var(--content-primary)}.satis-pagination-btns button:disabled{opacity:.4;cursor:not-allowed}.satis-pagination-btns button.active{background:var(--interactive-primary-glow);border-color:var(--interactive-primary);color:var(--interactive-primary-light)}.kpi-grid-container{margin-bottom:8px;overflow-x:hidden!important}.kpi-row{overflow-x:hidden!important}.kpi-row>div{box-sizing:border-box;min-height:52px}@media (min-width:768px) and (max-width:1200px){.kpi-row>div{flex:calc(16.66% - 6px)!important;min-width:110px!important;max-width:none!important}}@media (max-width:767px){.kpi-row>div{flex:calc(33.33% - 6px)!important;min-width:calc(33.33% - 6px)!important;max-width:calc(50% - 4px)!important}}@media (max-width:480px){.kpi-row>div{flex:calc(50% - 4px)!important;min-width:calc(50% - 4px)!important;max-width:calc(50% - 4px)!important}}@media (max-width:768px){.sidebar{display:none}.main-content{margin-left:0}.stats-grid{grid-template-columns:1fr 1fr}.grid-2,.grid-3{grid-template-columns:1fr}.page-content{padding:16px}.topbar{padding:12px 16px}.theme-switcher{margin:8px 12px}}