:root{--primary:#7c3aed;--primary-light:#8b5cf6;--primary-dark:#6d28d9;--primary-bg:#f3f0ff;--secondary:#f59e0b;--accent:#c084a8;--success:#22c55e;--success-bg:#f0fdf4;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--info:#8b5cf6;--info-bg:#f3f0ff;--bg:#f5f3f7;--bg-card:#fff;--bg-sidebar:#2d1b4e;--bg-hover:#f0ecf5;--bg-active:#e8e2f0;--border:#e5e0ee;--border-light:#f0ecf5;--text:#1e1b2e;--text-secondary:#6b6580;--text-muted:#9e96b0;--text-inverse:#fff;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:13px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:22px;--font-size-3xl:28px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000000a;--transition:all .2s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5;overflow:hidden}#root{flex-direction:column;height:100vh;display:flex}a{color:var(--primary);text-decoration:none}button{font-family:var(--font);cursor:pointer}input,select,textarea{font-family:var(--font)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.top-nav{height:48px;padding:0 var(--space-md);align-items:center;gap:var(--space-sm);z-index:100;background:linear-gradient(135deg,#2d1b4e 0%,#5b21b6 50%,#7c3aed 100%);display:flex;position:relative;box-shadow:0 2px 8px #5b21b64d}.top-nav-logo{align-items:center;gap:var(--space-sm);color:#fff;font-weight:700;font-size:var(--font-size-lg);padding-right:var(--space-md);letter-spacing:-.5px;border-right:1px solid #fff3;display:flex}.top-nav-logo svg{width:24px;height:24px}.top-nav-items{flex:1;align-items:center;gap:2px;display:flex;overflow-x:auto}.top-nav-items::-webkit-scrollbar{display:none}.top-nav-item{color:#ffffffd9;font-size:var(--font-size-base);border-radius:var(--radius-md);white-space:nowrap;transition:var(--transition-fast);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;font-weight:500;text-decoration:none;display:flex}.top-nav-item:hover{color:#fff;background:#ffffff26}.top-nav-item.active{color:#fff;background:#fff3;font-weight:600}.top-nav-item svg{width:16px;height:16px}.top-nav-search{align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);background:#ffffff26;min-width:200px;margin-left:auto;padding:5px 14px;display:flex}.top-nav-search input{color:#fff;font-size:var(--font-size-sm);background:0 0;border:none;outline:none;width:100%}.top-nav-search input::placeholder{color:#fff9}.top-nav-search svg{color:#fff9;width:14px;height:14px}.top-nav-actions{align-items:center;gap:var(--space-sm);margin-left:var(--space-md);display:flex}.top-nav-actions button{border-radius:var(--radius-full);color:#fff;width:32px;height:32px;transition:var(--transition-fast);background:#ffffff1a;border:none;justify-content:center;align-items:center;display:flex}.top-nav-actions button:hover{background:#ffffff40}.top-nav-actions button svg{width:16px;height:16px}.top-nav-measure{visibility:hidden;pointer-events:none;display:flex;position:absolute;top:0;left:0}.module-panel-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:150;background:#0000004d;animation:.15s fadeIn;position:fixed;inset:48px 0 0}.module-panel{background:var(--bg-card);border-bottom:2px solid var(--primary);max-height:calc(100vh - 100px);animation:.25s cubic-bezier(.16,1,.3,1) slideDown;position:absolute;top:0;left:0;right:0;overflow-y:auto;box-shadow:0 15px 40px #00000026}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.module-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 28px 12px;display:flex}.module-panel-header h2{color:var(--text);align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.module-panel-body{flex-wrap:wrap;gap:32px;padding:16px 28px 24px;display:flex}.module-category{flex:1;min-width:200px}.module-category-title{color:var(--text);border-bottom:2px solid var(--border-light);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:6px;font-size:13px;font-weight:700;display:flex}.module-category-badge{background:var(--primary-bg);color:var(--primary);border-radius:999px;padding:0 7px;font-size:11px;font-weight:700}.module-grid{flex-direction:column;gap:2px;display:flex}.module-item{color:var(--text);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:flex;position:relative}.module-item:hover{background:var(--bg-hover)}.module-item.active{background:var(--primary-bg);color:var(--primary);font-weight:600}.module-item-icon{width:28px;height:28px;color:var(--text-secondary);background:#f1f5f9;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.module-item-icon svg{width:15px;height:15px}.module-item:hover .module-item-icon{background:var(--primary-bg);color:var(--primary)}.module-item-label{flex:1}.module-pin-btn{cursor:pointer;opacity:0;width:22px;height:22px;color:var(--text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.module-item:hover .module-pin-btn{opacity:1}.module-pin-btn:hover{background:var(--primary-bg);color:var(--primary)}.module-pin-btn.pinned{color:var(--danger)}.module-pin-btn.pinned:hover{background:var(--danger-bg);color:var(--danger)}.user-avatar{border-radius:var(--radius-full);color:#fff;width:32px;height:32px;font-weight:700;font-size:var(--font-size-sm);cursor:pointer;background:linear-gradient(135deg,#7c3aed,#a78bfa);border:2px solid #ffffff4d;justify-content:center;align-items:center;display:flex}.user-menu{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--border);padding:var(--space-sm);z-index:200;min-width:200px;position:absolute;top:52px;right:16px}.user-menu-item{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;padding:8px 12px;display:flex}.user-menu-item:hover{background:var(--bg-hover)}.user-menu-item.danger{color:var(--danger)}.app-layout{flex:1;display:flex;overflow:hidden}.main-content{padding:var(--space-lg);background:var(--bg);flex:1;overflow-y:auto}.page-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.page-header h1{font-size:var(--font-size-2xl);color:var(--text);letter-spacing:-.5px;font-weight:700}.page-header-actions{align-items:center;gap:var(--space-sm);display:flex}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.card-header h2{font-size:var(--font-size-md);color:var(--text);font-weight:600}.card-body{padding:var(--space-lg)}.stats-grid{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);padding:var(--space-lg);align-items:flex-start;gap:var(--space-md);transition:var(--transition);box-shadow:var(--shadow-sm);display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-icon svg{width:22px;height:22px}.stat-icon.blue{background:var(--primary-bg);color:var(--primary)}.stat-icon.green{background:var(--success-bg);color:var(--success)}.stat-icon.orange{background:var(--warning-bg);color:var(--warning)}.stat-icon.red{background:var(--danger-bg);color:var(--danger)}.stat-icon.purple{color:#7c3aed;background:#f3f0ff}.stat-icon.cyan{background:var(--info-bg);color:var(--info)}.stat-info{flex:1}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:2px}.stat-value{font-size:var(--font-size-2xl);color:var(--text);font-weight:700;line-height:1.2}.stat-change{font-size:var(--font-size-xs);margin-top:4px}.stat-change.up{color:var(--success)}.stat-change.down{color:var(--danger)}.btn{border-radius:var(--radius-md);font-size:var(--font-size-base);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:7px 16px;font-weight:500;text-decoration:none;display:inline-flex}.btn svg{width:16px;height:16px}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:var(--bg-card);color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--bg-hover)}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-ghost{color:var(--text-secondary);background:0 0;border:none;padding:7px 10px}.btn-ghost:hover{background:var(--bg-hover);color:var(--text)}.btn-sm{font-size:var(--font-size-sm);padding:4px 10px}.btn-icon{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.btn-icon:hover{background:var(--bg-hover);color:var(--text)}.form-group{margin-bottom:var(--space-md)}.form-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:4px;font-weight:500;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;font-size:var(--font-size-base);color:var(--text);background:var(--bg-card);transition:var(--transition-fast);outline:none;padding:8px 12px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.form-textarea{resize:vertical;min-height:80px}.form-row{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.form-row-3{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--font-size-base)}thead th{text-align:left;font-weight:600;font-size:var(--font-size-sm);color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;background:#f8fafc;padding:10px 14px}tbody td{border-bottom:1px solid var(--border-light);color:var(--text);vertical-align:middle;padding:10px 14px}tbody tr{transition:var(--transition-fast)}tbody tr:hover{background:#f8fafc}tbody tr:last-child td{border-bottom:none}.badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);white-space:nowrap;align-items:center;padding:2px 10px;font-weight:600;display:inline-flex}.badge-primary{background:var(--primary-bg);color:var(--primary)}.badge-success{background:var(--success-bg);color:#16a34a}.badge-warning{background:var(--warning-bg);color:#d97706}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--info-bg);color:#7c3aed}.badge-purple{color:#6d28d9;background:#f3f0ff}.badge-gray{color:var(--text-secondary);background:#f0ecf5}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);flex-direction:column;width:90%;max-width:700px;max-height:85vh;animation:.3s slideUp;display:flex}.modal-lg{max-width:900px}.modal-header{padding:var(--space-lg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:var(--font-size-xl);font-weight:600}.modal-body{padding:var(--space-lg);flex:1;overflow-y:auto}.modal-footer{justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border);display:flex}.toolbar{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.toolbar-search{align-items:center;gap:var(--space-sm);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);min-width:260px;padding:0 12px;display:flex}.toolbar-search input{font-size:var(--font-size-base);background:0 0;border:none;outline:none;width:100%;padding:8px 0}.toolbar-search svg{width:16px;height:16px;color:var(--text-muted);flex-shrink:0}.toolbar-filter{border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--bg-card);color:var(--text);cursor:pointer;outline:none;padding:7px 12px}.tabs{border-bottom:2px solid var(--border);margin-bottom:var(--space-lg);gap:0;display:flex}.tab{font-size:var(--font-size-base);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 20px;font-weight:500}.tab:hover{color:var(--primary)}.tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.pipeline-container{gap:var(--space-md);padding-bottom:var(--space-md);display:flex;overflow-x:auto}.pipeline-column{flex-shrink:0;min-width:260px;max-width:280px}.pipeline-header{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md) var(--radius-md) 0 0;border:1px solid var(--border);border-bottom:2px solid var(--primary);background:#f8fafc;justify-content:space-between;align-items:center;display:flex}.pipeline-header-title{font-size:var(--font-size-sm);color:var(--text);font-weight:600}.pipeline-header-count{font-size:var(--font-size-xs);background:var(--primary-bg);color:var(--primary);border-radius:var(--radius-full);padding:1px 8px;font-weight:600}.pipeline-header-value{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:2px}.pipeline-cards{border:1px solid var(--border);border-radius:0 0 var(--radius-md) var(--radius-md);min-height:200px;padding:var(--space-sm);gap:var(--space-sm);background:#f8fafc;border-top:none;flex-direction:column;display:flex}.pipeline-card{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-md);border:1px solid var(--border);cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm)}.pipeline-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.pipeline-card-title{font-size:var(--font-size-base);color:var(--text);margin-bottom:4px;font-weight:600}.pipeline-card-customer{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:8px}.pipeline-card-footer{justify-content:space-between;align-items:center;display:flex}.pipeline-card-value{font-size:var(--font-size-sm);color:var(--primary);font-weight:600}.pipeline-card-assignee{border-radius:var(--radius-full);color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);justify-content:center;align-items:center;width:24px;height:24px;font-size:10px;font-weight:700;display:flex}.detail-panel{background:var(--bg-card);border-left:1px solid var(--border);width:420px;height:calc(100vh - 48px);box-shadow:var(--shadow-xl);z-index:50;flex-direction:column;animation:.3s slideInRight;display:flex;position:fixed;top:48px;right:0}.detail-panel-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.detail-panel-body{padding:var(--space-lg);flex:1;overflow-y:auto}.timeline{padding-left:var(--space-lg);position:relative}.timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:0;bottom:0;left:7px}.timeline-item{padding-bottom:var(--space-lg);padding-left:var(--space-lg);position:relative}.timeline-dot{left:-var(--space-lg);border-radius:var(--radius-full);border:2px solid var(--primary);background:#fff;width:14px;height:14px;position:absolute;top:4px;left:-24px}.timeline-item .timeline-title{font-size:var(--font-size-base);color:var(--text);font-weight:600}.timeline-item .timeline-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:2px}.timeline-item .timeline-time{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:4px}.kpi-bar{margin-bottom:var(--space-md)}.kpi-bar-header{justify-content:space-between;margin-bottom:4px;display:flex}.kpi-bar-label{font-size:var(--font-size-sm);color:var(--text-secondary)}.kpi-bar-value{font-size:var(--font-size-sm);color:var(--text);font-weight:600}.kpi-bar-track{border-radius:var(--radius-full);background:#e2e8f0;height:8px;overflow:hidden}.kpi-bar-fill{border-radius:var(--radius-full);height:100%;transition:width 1s}.kpi-bar-fill.good{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.kpi-bar-fill.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.kpi-bar-fill.danger{background:linear-gradient(90deg,#ef4444,#f87171)}.charts-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(400px,1fr));display:grid}.chart-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.chart-title{font-size:var(--font-size-md);color:var(--text);margin-bottom:var(--space-md);font-weight:600}.empty-state{text-align:center;padding:var(--space-2xl);color:var(--text-secondary)}.empty-state svg{width:48px;height:48px;color:var(--text-muted);margin-bottom:var(--space-md)}.empty-state h3{font-size:var(--font-size-lg);color:var(--text);margin-bottom:var(--space-sm);font-weight:600}.login-page{background:linear-gradient(135deg,#1e1145 0%,#2d1b4e 30%,#5b21b6 60%,#7c3aed 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background:radial-gradient(circle,#8b5cf64d,#0000);border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;right:-200px}.login-page:after{content:"";background:radial-gradient(circle,#c084a833,#0000);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-100px;left:-100px}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:var(--space-2xl);z-index:1;background:#fffffff2;width:100%;max-width:420px;position:relative;box-shadow:0 25px 60px #00000040}.login-card h1{font-size:var(--font-size-2xl);color:var(--primary-dark);text-align:center;letter-spacing:-1px;margin-bottom:4px;font-weight:800}.login-card p{text-align:center;color:var(--text-secondary);margin-bottom:var(--space-xl);font-size:var(--font-size-base)}.login-card .form-input{font-size:var(--font-size-md);border-radius:var(--radius-lg);padding:12px 14px}.login-card .btn-primary{width:100%;font-size:var(--font-size-md);border-radius:var(--radius-lg);margin-top:var(--space-sm);padding:12px;font-weight:600}.login-error{background:var(--danger-bg);color:var(--danger);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin-bottom:var(--space-md);text-align:center;padding:8px 12px}.text-right{text-align:right}.text-center{text-align:center}.text-muted{color:var(--text-secondary)}.text-sm{font-size:var(--font-size-sm)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.fw-600{font-weight:600}.fw-700{font-weight:700}.mt-md{margin-top:var(--space-md)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.gap-sm{gap:var(--space-sm)}.flex{display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.grid-2{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.clickable{cursor:pointer}.truncate{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes rowHighlight{0%{background:#fef9c3;box-shadow:inset 0 0 0 2px #facc15}40%{background:#fef9c3;box-shadow:inset 0 0 0 2px #facc15}to{box-shadow:none;background:0 0}}tr.row-highlighted>td{animation:3s ease-out rowHighlight}tr.row-highlighted{scroll-margin-top:120px}.loading-spinner{justify-content:center;align-items:center;height:100vh;display:flex}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.crm-dialog{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);flex-direction:column;width:94%;max-width:860px;max-height:88vh;animation:.25s slideUp;display:flex}.crm-dialog-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.crm-dialog-header h2{color:var(--text);font-size:16px;font-weight:600}.crm-dialog-tabs{border-bottom:1px solid var(--border);background:#fafbfc;gap:0;padding:0 24px;display:flex}.crm-dialog-tab{color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 20px;font-size:13px;font-weight:500}.crm-dialog-tab:hover{color:var(--primary)}.crm-dialog-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.crm-dialog-body{flex:1;padding:20px 24px;overflow-y:auto}.crm-dialog-footer{border-top:1px solid var(--border);border-radius:0 0 var(--radius-xl) var(--radius-xl);background:#fafbfc;justify-content:flex-end;gap:8px;padding:12px 24px;display:flex}.crm-section{margin-bottom:20px}.crm-section-header{border-bottom:1px solid #e8ecf1;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:6px;display:flex}.crm-section-header h3{color:var(--primary-dark);text-transform:uppercase;letter-spacing:.3px;font-size:13px;font-weight:600}.crm-checks-grid{grid-template-columns:repeat(2,1fr);gap:10px 24px;display:grid}.crm-check{color:var(--text);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.crm-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer;border-radius:3px}.crm-detail-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.crm-detail-label{color:var(--text-secondary);min-width:44px;font-size:12px}.crm-detail-value{color:var(--text);font-size:13px}.crm-detail-desc{color:var(--text-secondary);background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;margin-top:14px;padding:10px 14px;font-size:12px;line-height:1.6}.crm-list-item{border-bottom:1px solid #f1f5f9;padding:10px 0}.crm-list-item:last-child{border-bottom:none}.flow-breadcrumb{background:linear-gradient(135deg,#eff6ff,#f5f3ff);border:1px solid #e0e7ff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:16px;padding:8px 14px;font-size:12px;display:flex}.flow-crumb{color:var(--crumb-color,#64748b);transition:var(--transition-fast);border-radius:6px;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.flow-crumb.clickable{cursor:pointer;background:#ffffffb3}.flow-crumb.clickable:hover{background:#fff;transform:translateY(-1px);box-shadow:0 1px 4px #00000014}.flow-crumb-prefix{opacity:.7;font-weight:600}.flow-crumb-label{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-weight:600;overflow:hidden}.cross-link{cursor:pointer;transition:var(--transition-fast);border-bottom:1px dashed #0000;font-weight:500;text-decoration:none}.cross-link:hover{opacity:.85;border-bottom-color:currentColor}.quick-action-btn{color:var(--primary);cursor:pointer;transition:var(--transition-fast);background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:500;display:inline-flex}.quick-action-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 6px #2563eb4d}.quick-actions-row{border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;display:flex}.data-flow{justify-content:center;align-items:center;gap:0;padding:16px 8px;display:flex}.data-flow-node{cursor:pointer;transition:var(--transition-fast);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:6px;min-width:90px;padding:12px 18px;display:flex}.data-flow-node:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.data-flow-node-icon{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.data-flow-node-label{font-size:11px;font-weight:600}.data-flow-node-count{font-size:18px;font-weight:700}.data-flow-arrow{color:#cbd5e1;align-items:center;padding:0 4px;font-size:18px;display:flex}.stat-card.clickable{cursor:pointer;transition:var(--transition-fast)}.stat-card.clickable:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-light);transform:translateY(-3px)}.invoice-template{color:#1a1a1a;background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-width:800px;margin:16px auto;padding:32px;font-family:Times New Roman,serif}.inv-header{border-bottom:2px solid #166534;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;display:flex}.inv-seller{flex:1}.inv-company-name{text-transform:uppercase;color:#166534;margin-bottom:4px;font-size:15px;font-weight:700}.inv-company-info{color:#374151;font-size:12px;line-height:1.6}.inv-meta{text-align:right;background:#f7fee7;border:1px solid #d9f99d;border-radius:6px;margin-left:24px;padding:10px 14px}.inv-meta-row{margin-bottom:3px;font-size:12px}.inv-meta-row span{color:#64748b;margin-right:4px}.inv-title{text-align:center;margin:20px 0 16px}.inv-title h1{color:#166534;letter-spacing:1px;font-size:22px;font-weight:700}.inv-title p{color:#64748b;margin-top:2px;font-size:12px;font-style:italic}.inv-buyer{background:#fafafa;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:16px;padding:12px 14px}.inv-buyer-row{font-size:13px;line-height:1.8}.inv-label{color:#374151;font-weight:600}.inv-table{border-collapse:collapse;width:100%;margin-bottom:12px}.inv-table th,.inv-table td{border:1px solid #9ca3af;padding:6px 8px;font-size:13px}.inv-table th{text-align:center;color:#166534;background:#f0fdf4;font-weight:600}.inv-table tbody tr:nth-child(2n){background:#fafafa}.inv-totals{margin-bottom:16px}.inv-total-row{justify-content:space-between;padding:3px 0;font-size:13px;display:flex}.inv-grand-total{color:#166534;border-top:2px solid #166534;margin-top:6px;padding-top:6px;font-size:16px}.inv-total-words{color:#64748b;background:#fffbeb;border:1px dashed #fbbf24;border-radius:4px;margin-top:6px;padding:6px 10px;font-size:12px;font-style:italic}.inv-signatures{text-align:center;justify-content:space-between;margin-top:32px;display:flex}.inv-sig-col{width:200px}.inv-sig-col strong{font-size:13px}.inv-sig-col p{color:#9ca3af;margin-top:4px;margin-bottom:60px;font-size:11px;font-style:italic}.inv-footer-info{text-align:center;color:#9ca3af;border-top:1px dashed #e2e8f0;margin-top:24px;padding-top:12px;font-size:11px}.quote-form-container{animation:.25s slideUp}.quote-form-header{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(135deg,#f8fafc,#eff6ff);grid-template-columns:repeat(4,1fr);gap:12px 16px;margin-bottom:16px;padding:16px 20px;display:grid}.quote-form-header .form-group{margin-bottom:0}.quote-form-header .form-label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);font-size:11px;font-weight:600}.qg-wrapper{border-radius:var(--radius-md);background:#fff;border:1px solid #c7d2e0;margin-bottom:12px;overflow:hidden}.qg-toolbar{background:linear-gradient(#f8fafc,#eef2f7);border-bottom:1px solid #c7d2e0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.qg-toolbar-title{color:var(--text);text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.qg-toolbar-title svg{width:14px;height:14px;color:var(--primary)}.qg-toolbar-actions{gap:6px;display:flex}.qg-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:12px}.qg-table thead th{text-align:center;color:#475569;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;z-index:2;-webkit-user-select:none;user-select:none;background:linear-gradient(#f1f5f9,#e8edf3);border-bottom:2px solid #c7d2e0;border-right:1px solid #dce3ed;padding:7px 8px;font-size:11px;font-weight:600;position:sticky;top:0}.qg-table thead th:last-child{border-right:none}.qg-table tbody td{vertical-align:middle;border-bottom:1px solid #e8ecf3;border-right:1px solid #e8ecf3;height:34px;padding:0;transition:background .1s;position:relative}.qg-table tbody td:last-child{border-right:none}.qg-table tbody tr:hover td{background:#f0f7ff}.qg-table tbody tr:last-child td{border-bottom:none}.qg-table tbody tr.qg-row-empty td{background:#fafbfc;height:28px}.qg-cell{cursor:text;width:100%;height:100%;min-height:34px;color:var(--text);align-items:center;padding:2px 8px;font-size:12.5px;display:flex}.qg-cell.qg-cell-num{color:var(--text-secondary);cursor:default;background:#f8fafc;justify-content:center;font-size:11px;font-weight:500}.qg-cell.qg-cell-right{font-variant-numeric:tabular-nums;justify-content:flex-end}.qg-cell.qg-cell-center{justify-content:center}.qg-cell.qg-cell-bold{color:var(--text);font-weight:600}.qg-cell.qg-cell-total{color:var(--primary);background:#f7faff;font-weight:700}.qg-input{width:100%;height:100%;font-size:12.5px;font-family:var(--font);color:var(--text);background:0 0;border:none;outline:none;min-height:34px;padding:2px 8px}.qg-input:focus{box-shadow:inset 0 0 0 2px var(--primary);background:#eff6ff}.qg-input[type=number]{text-align:right;font-variant-numeric:tabular-nums}.qg-input[type=number]::-webkit-inner-spin-button{opacity:0}.qg-input[type=number]:focus::-webkit-inner-spin-button{opacity:1}.qg-product-cell{position:relative}.qg-product-dropdown{border:1px solid var(--primary);border-radius:var(--radius-md);background:#fff;max-height:260px;animation:.12s fadeIn;overflow-y:auto;box-shadow:0 8px 30px #0000002e,0 2px 8px #00000014}.qg-portal-dropdown{z-index:9999;position:fixed}.qg-product-item{cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;padding:7px 10px;font-size:12px;transition:background .1s;display:flex}.qg-product-item:hover,.qg-product-item.active{background:#eff6ff}.qg-product-item:last-child{border-bottom:none}.qg-product-sku{color:var(--primary);background:var(--primary-bg);white-space:nowrap;border-radius:3px;padding:1px 6px;font-size:10px;font-weight:600}.qg-product-name{color:var(--text);flex:1;font-weight:500}.qg-product-price{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:11px}.qg-product-empty{text-align:center;color:var(--text-muted);padding:16px;font-size:12px;font-style:italic}.qg-row-actions{opacity:0;justify-content:center;align-items:center;gap:2px;transition:opacity .15s;display:flex}.qg-table tbody tr:hover .qg-row-actions{opacity:1}.qg-row-btn{cursor:pointer;width:22px;height:22px;color:var(--text-muted);transition:var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex}.qg-row-btn:hover{color:#ef4444;background:#fee2e2}.qg-row-btn svg{width:13px;height:13px}.qg-add-row{color:var(--primary);border:1px dashed var(--primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);background:0 0;align-items:center;gap:6px;margin-top:8px;padding:6px 14px;font-size:12px;font-weight:500;display:flex}.qg-add-row:hover{background:var(--primary-bg);border-style:solid}.qg-add-row svg{width:14px;height:14px}.qg-summary{justify-content:space-between;align-items:flex-start;gap:24px;margin-top:16px;padding-top:16px;display:flex}.qg-summary-left{flex:1}.qg-summary-right{border-radius:var(--radius-lg);background:linear-gradient(135deg,#f8fafc,#eff6ff);border:1px solid #dbeafe;flex-shrink:0;width:320px;padding:14px 18px}.qg-summary-row{justify-content:space-between;align-items:center;padding:5px 0;font-size:13px;display:flex}.qg-summary-row .label{color:var(--text-secondary)}.qg-summary-row .value{font-variant-numeric:tabular-nums;font-weight:600}.qg-summary-row.grand-total{border-top:2px solid var(--primary);margin-top:6px;padding-top:10px;font-size:16px}.qg-summary-row.grand-total .value{color:var(--primary);font-weight:700}.qg-summary-row.discount .value{color:var(--danger)}.quote-detail-items{border-radius:var(--radius-md);border:1px solid #d1d9e6;margin:12px 0;overflow:hidden}.quote-detail-items table{margin:0}.quote-detail-items thead th{text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(#f1f5f9,#e2e8f0);padding:8px 10px;font-size:11px}.quote-detail-items tbody td{padding:8px 10px;font-size:12.5px}.quote-detail-items tbody tr:nth-child(2n){background:#f8fafc}.quote-print{font-family:Times New Roman,serif}.qg-select{width:100%;height:100%;font-size:12.5px;font-family:var(--font);color:var(--text);cursor:pointer;appearance:none;text-align:center;background:0 0;border:none;outline:none;min-height:34px;padding:2px 6px}.qg-select:focus{box-shadow:inset 0 0 0 2px var(--primary);background:#eff6ff}.kd{animation:.25s kdIn}@keyframes kdIn{0%{opacity:0}to{opacity:1}}.kd-header{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.kd-title{color:var(--text);font-size:18px;font-weight:700}.kd-date{color:var(--text-muted);margin-left:12px;font-size:12px}.kd-greeting{color:var(--text-secondary);font-size:13px}.kd-kpi-grid{background:var(--border);border:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:16px;display:grid;overflow:hidden}.kd-kpi{background:var(--bg-card);cursor:pointer;flex-direction:column;gap:2px;padding:14px 16px;transition:background .15s;display:flex}.kd-kpi:hover{background:var(--bg-hover)}.kd-kpi-label{color:var(--text-muted);letter-spacing:.2px;font-size:11px;font-weight:500}.kd-kpi-big{color:var(--text);letter-spacing:-.5px;font-size:26px;font-weight:800;line-height:1.2}.kd-kpi-num{color:var(--text);font-size:24px;font-weight:800;line-height:1.2}.kd-kpi-num.red{color:#dc3545}.kd-kpi-num.orange{color:#e9a820}.kd-kpi-sub{align-items:center;gap:2px;font-size:11px;font-weight:600;display:flex}.kd-kpi-sub.up{color:#7c3aed}.kd-kpi-sub.down{color:#dc3545}.kd-chart-row{grid-template-columns:1fr 200px;gap:16px;margin-bottom:16px;display:grid}.kd-chart-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;overflow:hidden}.kd-chart-body{padding:12px 16px 16px}.kd-sec-head{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.kd-sec-title{color:var(--text);font-size:13px;font-weight:600}.kd-sec-total{color:var(--primary);font-size:12px;font-weight:700}.kd-pipe-col{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;overflow:hidden}.kd-pipe-row{border-bottom:1px solid var(--border-light);cursor:pointer;align-items:center;gap:8px;padding:8px 12px;font-size:12px;transition:background .12s;display:flex}.kd-pipe-row:last-child{border-bottom:none}.kd-pipe-row:hover{background:var(--bg-hover)}.kd-pipe-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.kd-pipe-name{color:var(--text-secondary);flex:1;font-weight:500}.kd-pipe-cnt{text-align:center;min-width:16px;font-weight:800}.kd-pipe-val{color:var(--text-muted);text-align:right;min-width:50px;font-size:11px}.kd-bottom{grid-template-columns:1fr 1fr;gap:16px;display:grid}.kd-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;overflow:hidden}.kd-link{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:600}.kd-link:hover{text-decoration:underline}.kd-empty{text-align:center;color:var(--text-muted);padding:24px;font-size:12px}.kd-list-row{border-bottom:1px solid var(--border-light);cursor:pointer;align-items:center;gap:10px;padding:9px 16px;transition:background .12s;display:flex}.kd-list-row:last-child{border-bottom:none}.kd-list-row:hover{background:var(--bg-hover)}.kd-list-info{flex:1;min-width:0}.kd-list-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;display:block;overflow:hidden}.kd-list-sub{color:var(--text-muted);font-size:11px}.kd-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.kd-proj-val{text-align:right;flex-shrink:0}.kd-pv{color:var(--primary);font-size:12px;font-weight:700;display:block}.kd-pp{color:var(--text-muted);font-size:10px}.kpi-tag{border-radius:999px;padding:1px 8px;font-size:10px;font-weight:600;display:inline-flex}.kpi-tag.muted{background:var(--bg-hover);color:var(--text-muted)}.kpi-tag.info{color:#7c3aed;background:#f3f0ff}.kpi-tag.warn{color:#d97706;background:#fef9e7}.kpi-tag.danger{color:#dc3545;background:#fef2f2}.kd-skel{background:linear-gradient(90deg, var(--bg-hover) 25%, var(--border-light) 50%, var(--bg-hover) 75%);background-size:200% 100%;border-radius:8px;animation:1.4s ease-in-out infinite kdShim}@keyframes kdShim{0%{background-position:200% 0}to{background-position:-200% 0}}.kd-skel-row{gap:16px;margin-bottom:16px;display:flex}.kd-row{gap:16px;display:flex}.h40{height:40px}.h64{height:64px}.h200{height:200px}.h280{height:280px}.w200{width:200px}.w120{width:120px}.mt16{margin-top:16px}.flex1{flex:1}.page-breadcrumb-bar{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:8px 0;animation:.25s fadeIn;display:flex}.page-breadcrumb-trail{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.page-breadcrumb-segment{align-items:center;gap:2px;display:inline-flex}.page-breadcrumb-sep{width:14px;height:14px;color:var(--text-muted);opacity:.5;margin:0 2px}.page-breadcrumb-item{border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-secondary);transition:var(--transition-fast);align-items:center;gap:6px;padding:4px 10px;font-weight:500;display:inline-flex}.page-breadcrumb-item.clickable{cursor:pointer}.page-breadcrumb-item.clickable:hover{background:var(--bg-hover);color:var(--bc-color,var(--primary))}.page-breadcrumb-item.current{color:var(--bc-color,var(--text));background:color-mix(in srgb, var(--bc-color,var(--primary)) 8%, transparent);border:1px solid color-mix(in srgb, var(--bc-color,var(--primary)) 15%, transparent);font-weight:600}.page-breadcrumb-icon{flex-shrink:0;width:14px;height:14px}.page-breadcrumb-context{align-items:center;gap:6px;margin-left:8px;display:inline-flex}.bc-context-tag{background:var(--primary-bg);color:var(--primary);border-radius:var(--radius-full);align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.page-breadcrumb-flow{flex-shrink:0;align-items:center;gap:6px;display:flex}.bc-flow-btn{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.bc-flow-btn svg{width:12px;height:12px}.bc-flow-btn:hover{background:var(--primary-bg);color:var(--primary);border-color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 4px #7c3aed26}.bc-flow-next{color:var(--primary);border-color:color-mix(in srgb, var(--primary) 30%, transparent);background:color-mix(in srgb, var(--primary) 5%, white)}@media (width<=1100px){.kd-kpi-grid{grid-template-columns:repeat(4,1fr)}.kd-chart-row{grid-template-columns:1fr}.kd-pipe-col{background:var(--border);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.kd-pipe-row{border-bottom:none}}@media (width<=768px){.kd-kpi-grid{grid-template-columns:repeat(2,1fr)}.kd-bottom{grid-template-columns:1fr}.kd-pipe-col,.stats-grid{grid-template-columns:repeat(2,1fr)}.form-row,.form-row-3,.charts-grid{grid-template-columns:1fr}.pipeline-container{flex-direction:column}.pipeline-column{min-width:100%;max-width:100%}.detail-panel{width:100%}.toolbar{flex-direction:column;align-items:stretch}.toolbar-search{min-width:100%}.crm-dialog{width:98%;max-width:none}.crm-checks-grid{grid-template-columns:1fr}}.audit-timeline{padding-left:28px;position:relative}.audit-timeline:before{content:"";background:linear-gradient(#e2e8f0 0%,#0000 100%);width:2px;position:absolute;top:0;bottom:0;left:10px}.audit-entry{gap:12px;margin-bottom:14px;display:flex;position:relative}.audit-entry:last-child{margin-bottom:0}.audit-dot{color:#fff;width:20px;height:20px;box-shadow:0 0 0 2px var(--bg-card);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex;position:absolute;top:1px;left:-22px}.audit-content{background:var(--bg-hover);border:1px solid var(--border-light);border-radius:var(--radius-md);flex:1;padding:7px 11px}.audit-summary{color:var(--text);font-size:12.5px;font-weight:500;line-height:1.4}.audit-diff{flex-wrap:wrap;align-items:center;gap:4px;margin-top:4px;font-size:11px;display:flex}.audit-old{color:#b91c1c;opacity:.85;background:#fee2e2;border-radius:4px;padding:1px 6px;text-decoration:line-through}.audit-new{color:#15803d;background:#dcfce7;border-radius:4px;padding:1px 6px;font-weight:600}.audit-meta{color:var(--text-muted);align-items:center;margin-top:4px;font-size:11px;display:flex}.db-kpi-row{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px;display:grid}.db-kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);align-items:center;gap:14px;padding:16px 18px;display:flex}.db-kpi-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-light);transform:translateY(-2px)}.db-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.db-kpi-icon svg{width:20px;height:20px}.db-kpi-info{flex-direction:column;gap:1px;min-width:0;display:flex}.db-kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:500}.db-kpi-value{color:var(--text);letter-spacing:-.5px;font-size:22px;font-weight:800;line-height:1.2}.db-kpi-sub{color:var(--text-muted);font-size:11px;font-weight:500}.db-alert-strip{border-radius:var(--radius-lg);background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1px solid #fde68a;margin-bottom:16px;padding:12px 16px;animation:.3s fadeIn}.db-alert-header{color:#92400e;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;display:flex}.db-alert-items{flex-direction:column;gap:4px;display:flex}.db-alert-item{border-radius:var(--radius-md);color:var(--text);cursor:pointer;transition:var(--transition-fast);background:#ffffffb3;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex}.db-alert-item:hover{box-shadow:var(--shadow-sm);background:#fff;transform:translate(2px)}.db-alert-item span{flex:1}.db-alert-danger{border-left:3px solid #ef4444}.kd-bottom-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}@media (width<=1100px){.db-kpi-row{grid-template-columns:repeat(2,1fr)}.kd-bottom-3{grid-template-columns:1fr}}@media (width<=768px){.db-kpi-row{grid-template-columns:1fr}}.search-kbd{font-size:10px;font-family:var(--font);color:var(--text-muted);background:var(--bg-hover);border:1px solid var(--border);white-space:nowrap;border-radius:4px;flex-shrink:0;align-items:center;padding:1px 6px;font-weight:600;line-height:1.6;display:inline-flex}.gs-overlay{z-index:1000;background:#0006;justify-content:center;align-items:flex-start;padding-top:12vh;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.gs-modal{background:var(--bg-card);border-radius:var(--radius-xl);width:580px;max-width:95vw;box-shadow:var(--shadow-xl);animation:.2s slideUp;overflow:hidden}.gs-input-row{border-bottom:1px solid var(--border-light);align-items:center;gap:10px;padding:14px 18px;display:flex}.gs-input{font-size:15px;font-family:var(--font);color:var(--text);background:0 0;border:none;outline:none;flex:1}.gs-input::placeholder{color:var(--text-muted)}.gs-results{max-height:400px;padding:8px;overflow-y:auto}.gs-loading{justify-content:center;padding:24px;display:flex}.gs-empty{text-align:center;color:var(--text-muted);padding:24px 16px;font-size:13px}.gs-group-label{text-transform:uppercase;letter-spacing:.5px;padding:8px 12px 4px;font-size:10px;font-weight:700}.gs-result-item{border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:10px;padding:8px 12px;transition:background .1s;display:flex}.gs-result-item:hover{background:var(--bg-hover)}.gs-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.gs-result-info{flex-direction:column;min-width:0;display:flex}.gs-result-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.gs-result-sub{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}