:root{--bg-main: #060b13;--bg-card: rgba(15, 23, 42, .65);--bg-card-hover: rgba(30, 41, 59, .8);--primary: #ff6b00;--primary-hover: #e05e00;--primary-glow: rgba(255, 107, 0, .15);--border: rgba(255, 255, 255, .07);--border-focus: rgba(255, 107, 0, .4);--text-main: #f8fafc;--text-muted: #94a3b8;--success: #10b981;--success-glow: rgba(16, 185, 129, .15);--danger: #ef4444;--danger-glow: rgba(239, 68, 68, .15);--warning: #f59e0b;--font-display: "Outfit", "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--sidebar-width: 260px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--transition-smooth: all .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ff6b004d}.app-container{display:flex;min-height:100vh;background-image:radial-gradient(circle at 10% 20%,rgba(255,107,0,.05) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(15,23,42,.8) 0%,transparent 50%)}.sidebar{width:var(--sidebar-width);background:#0a101cd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--border);padding:2rem 1.5rem;display:flex;flex-direction:column;height:100vh;position:fixed;left:0;top:0;z-index:100}.logo-container{display:flex;align-items:center;gap:.75rem;margin-bottom:2.5rem;padding:0 .5rem}.logo-text{font-family:var(--font-display);font-size:1.4rem;font-weight:800;color:var(--text-main);letter-spacing:-.5px}.logo-text span{color:var(--primary)}.nav-links{display:flex;flex-direction:column;gap:.5rem;list-style:none}.nav-item{display:flex;align-items:center;gap:.85rem;padding:.75rem 1rem;border-radius:var(--radius-md);color:var(--text-muted);text-decoration:none;cursor:pointer;font-weight:500;transition:var(--transition-smooth)}.nav-item:hover{color:var(--text-main);background:#ffffff08}.nav-item.active{color:var(--text-main);background:var(--primary-glow);border-left:3px solid var(--primary);border-radius:0 var(--radius-md) var(--radius-md) 0}.nav-item svg{width:18px;height:18px}.nav-item.active svg{color:var(--primary)}.logout-container{margin-top:auto}.main-content{margin-left:var(--sidebar-width);flex-grow:1;padding:2.5rem;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.page-title{font-size:2rem;font-weight:700;letter-spacing:-.5px}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;transition:var(--transition-smooth)}.card:hover{border-color:#ff6b0033;transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:var(--radius-md);font-weight:600;font-family:var(--font-display);cursor:pointer;transition:var(--transition-smooth);border:1px solid transparent}.btn-primary{background:var(--primary);color:var(--text-main)}.btn-primary:hover{background:var(--primary-hover);box-shadow:0 0 15px var(--primary-glow)}.btn-secondary{background:#ffffff0d;border:1px solid var(--border);color:var(--text-main)}.btn-secondary:hover{background:#ffffff1a}.btn-danger{background:var(--danger-glow);border:1px solid rgba(239,68,68,.3);color:var(--danger)}.btn-danger:hover{background:var(--danger);color:var(--text-main)}.form-group{margin-bottom:1.25rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-muted)}.form-control{width:100%;padding:.75rem 1rem;border-radius:var(--radius-md);background:#0a101c80;border:1px solid var(--border);color:var(--text-main);font-family:var(--font-body);transition:var(--transition-smooth)}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.table-container{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-card);margin-top:1.5rem}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{background:#0a101c66;padding:1rem 1.25rem;color:var(--text-muted);font-weight:600;font-size:.9rem;border-bottom:1px solid var(--border)}.data-table td{padding:1rem 1.25rem;border-bottom:1px solid var(--border);color:var(--text-main)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff03}.badge{display:inline-flex;padding:.25rem .65rem;border-radius:50px;font-size:.8rem;font-weight:600}.badge-lead{background:#94a3b826;color:#cbd5e1}.badge-qualified{background:#3b82f626;color:#60a5fa}.badge-proposal{background:#a855f726;color:#c084fc}.badge-won{background:var(--success-glow);color:var(--success)}.badge-lost{background:var(--danger-glow);color:var(--danger)}.badge-ongoing{background:#f59e0b26;color:#fbbf24}.badge-completed{background:var(--success-glow);color:var(--success)}.badge-onhold{background:#94a3b826;color:#cbd5e1}.badge-credit{background:var(--success-glow);color:var(--success)}.badge-debit{background:var(--danger-glow);color:var(--danger)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem}.widget-stat{display:flex;align-items:center;justify-content:space-between}.widget-title{color:var(--text-muted);font-size:.9rem;font-weight:500;margin-bottom:.5rem}.widget-value{font-size:2.2rem;font-family:var(--font-display);font-weight:700;letter-spacing:-1px}.widget-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--primary-glow);color:var(--primary)}.widget-icon.success{background:var(--success-glow);color:var(--success)}.widget-icon.danger{background:var(--danger-glow);color:var(--danger)}@media (max-width: 900px){.sidebar{width:70px;padding:2rem .5rem}.logo-text,.nav-text{display:none}.logo-container{justify-content:center}.main-content{margin-left:70px;padding:1.5rem}}
