:root{--primary: #0052CC;--primary-hover: #003D99;--primary-subtle: rgba(0, 82, 204, .08);--primary-glow: rgba(0, 82, 204, .22);--accent-cyan: #00B4D8;--brand-gradient: linear-gradient(135deg, #0052CC 0%, #00B4D8 100%);--brand-gradient-hover: linear-gradient(135deg, #003D99 0%, #0096B7 100%);--bg-dark: #0F172A;--bg-canvas: #F1F5F9;--bg-card: #FFFFFF;--bg-subtle: #F8FAFC;--bg-muted: #E2E8F0;--text-primary: #0F172A;--text-secondary: #334155;--text-muted: #64748B;--text-light: #94A3B8;--border-subtle: #E2E8F0;--border-medium: #CBD5E1;--border-focus: #0052CC;--status-new: #475569;--status-new-bg: #F1F5F9;--status-new-border: #CBD5E1;--status-contact: #0284C7;--status-contact-bg: #F0F9FF;--status-contact-border: #BAE6FD;--status-qualify: #D97706;--status-qualify-bg: #FFFBEB;--status-qualify-border: #FDE68A;--status-proposal: #7C3AED;--status-proposal-bg: #F5F3FF;--status-proposal-border: #DDD6FE;--status-won: #059669;--status-won-bg: #ECFDF5;--status-won-border: #A7F3D0;--status-lost: #DC2626;--status-lost-bg: #FEF2F2;--status-lost-border: #FECACA;--shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, .06), 0 1px 2px -1px rgba(15, 23, 42, .04);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .07), 0 2px 4px -2px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .04);--shadow-card-hover: 0 8px 18px -2px rgba(15, 23, 42, .09), 0 3px 6px -1px rgba(15, 23, 42, .04);--shadow-glow: 0 0 20px rgba(0, 82, 204, .18);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-canvas);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;color:var(--text-primary);letter-spacing:-.02em}code,pre,.font-mono{font-family:var(--font-mono)}.tabular-nums{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .2s cubic-bezier(.16,1,.3,1)}.card:hover{box-shadow:var(--shadow-card-hover)}.card-header{padding:18px 22px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.card-body{padding:22px}.kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:8px}.kpi-tile{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:18px 20px;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;transition:all .2s ease}.kpi-tile:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-medium)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;font-family:var(--font-sans);font-size:.84rem;font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);text-decoration:none;white-space:nowrap}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 4px #0052cc40}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px #0052cc59;transform:translateY(-1px)}.btn-secondary{background:#fff;color:var(--text-secondary);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:#f8fafc;border-color:var(--border-medium);color:var(--text-primary)}.btn-success{background:#059669;color:#fff;box-shadow:0 2px 4px #05966940}.btn-success:hover{background:#047857;transform:translateY(-1px)}.btn-danger{background:#dc2626;color:#fff;box-shadow:0 2px 4px #dc262640}.btn-danger:hover{background:#b91c1c;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--primary-subtle);color:var(--primary)}.btn-sm{padding:6px 12px;font-size:.76rem;border-radius:var(--radius-sm)}.btn-lg{padding:12px 24px;font-size:.95rem;border-radius:var(--radius-lg)}.input,.select,.textarea,.form-input,.form-select,.form-textarea{width:100%;padding:9px 13px;font-family:var(--font-sans);font-size:.86rem;color:var(--text-primary);background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-md);outline:none;transition:all .15s ease}.input:focus,.select:focus,.textarea:focus,.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #0052cc1f}.input::placeholder,.textarea::placeholder,.form-input::placeholder,.form-textarea::placeholder{color:var(--text-light)}.label,.form-label{display:block;font-size:.76rem;font-weight:700;color:var(--text-secondary);margin-bottom:6px;text-transform:uppercase;letter-spacing:.04em}.table-container{width:100%;overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-sm)}.data-table{width:100%;border-collapse:separate;border-spacing:0;text-align:left;font-size:.84rem;background:#fff}.data-table th{background:#f1f5f9;padding:13px 18px;font-size:.73rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#334155;border-bottom:2px solid #CBD5E1;border-top:none;white-space:nowrap}.data-table td{padding:14px 18px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle;background:#fff}.data-table tbody tr:nth-child(2n) td{background-color:#fafcfe}.data-table tbody tr:hover td{background-color:#eff6ff!important}.data-table tr:last-child td{border-bottom:none}.data-table td[colspan]{background:#fff!important}.kanban-board{display:flex;gap:16px;overflow-x:auto;padding-bottom:16px;align-items:flex-start;min-height:calc(100vh - 280px)}.kanban-column{flex:0 0 310px;background:#f8fafc;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;flex-direction:column;max-height:80vh}.kanban-column-header{padding:14px 16px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;background:#fff;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.kanban-cards{padding:12px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;flex:1}.deal-card{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px;box-shadow:var(--shadow-sm);cursor:grab;transition:all .2s cubic-bezier(.16,1,.3,1)}.deal-card:hover{box-shadow:var(--shadow-card-hover);border-color:#cbd5e1;transform:translateY(-2px)}.deal-card:active{cursor:grabbing}.admin-badge{display:inline-flex;align-items:center;gap:4px;background:#7c3aed14;color:#7c3aed;border:1px solid rgba(124,58,237,.25);padding:2px 7px;border-radius:6px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.admin-action-btn{background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-sm);padding:5px 8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.admin-action-btn:hover{background:var(--bg-subtle);color:var(--text-primary);border-color:var(--border-medium)}.admin-action-btn.delete:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;animation:fadeIn .2s ease-out}.drawer-panel{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:680px;background:#fff;box-shadow:-10px 0 25px -5px #0f172a26;z-index:1001;display:flex;flex-direction:column;overflow:hidden;animation:slideInRight .25s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:0 25px 50px -12px #0f172a40;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:scaleUp .22s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}
