:root{--bg-app:#f4f6f8;--bg-sidebar:#132a1e;--bg-card:#fff;--bg-topbar:#fff;--bg-input:#f8fafc;--bg-hover:#e2e8f0;--color-primary:#1e3a2b;--color-primary-light:#2d5a42;--color-gold:#d4af37;--color-gold-hover:#b8962e;--text-main:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-sidebar:#e2e8f0;--text-sidebar-active:#d4af37;--border-color:#e2e8f0;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #0000000d;--shadow-lg:0 10px 25px #00000014;--badge-lead-bg:#e0f2fe;--badge-lead-text:#0369a1;--badge-opp-bg:#ffedd5;--badge-opp-text:#c2410c;--badge-deal-bg:#f3e8ff;--badge-deal-text:#6b21a8;--badge-cust-bg:#dcfce7;--badge-cust-text:#15803d;--badge-lost-bg:#fee2e2;--badge-lost-text:#b91c1c}[data-theme=dark]{--bg-app:#0f172a;--bg-sidebar:#0b1710;--bg-card:#1e293b;--bg-topbar:#1e293b;--bg-input:#0f172a;--bg-hover:#334155;--color-primary:#2d5a42;--color-primary-light:#3d7658;--color-gold:#facc15;--color-gold-hover:#eab308;--text-main:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-sidebar:#94a3b8;--text-sidebar-active:#facc15;--border-color:#334155;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 10px 25px #0006;--badge-lead-bg:#075985;--badge-lead-text:#e0f2fe;--badge-opp-bg:#9a3412;--badge-opp-text:#ffedd5;--badge-deal-bg:#581c87;--badge-deal-text:#f3e8ff;--badge-cust-bg:#166534;--badge-cust-text:#dcfce7;--badge-lost-bg:#991b1b;--badge-lost-text:#fee2e2}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;transition:background-color .25s,color .25s}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}.app-container{min-height:100vh;display:flex}.sidebar{background-color:var(--bg-sidebar);width:270px;color:var(--text-sidebar);border-right:1px solid var(--border-color);flex-direction:column;padding:24px 16px;transition:background-color .25s;display:flex;box-shadow:2px 0 12px #0000001a}.sidebar-header{align-items:center;gap:12px;margin-bottom:32px;padding:0 8px;display:flex}.sidebar-logo{color:#132a1e;background:linear-gradient(135deg,#d4af37 0%,#b8962e 100%);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:800;display:flex;box-shadow:0 2px 8px #d4af374d}.sidebar-brand-title{color:#fff;letter-spacing:-.3px;font-size:17px;font-weight:700}.sidebar-brand-subtitle{color:var(--color-gold);letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:600}.sidebar-nav{flex-direction:column;gap:6px;display:flex}.nav-item{color:#cbd5e1;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.nav-item:hover{color:#fff;background-color:#ffffff14}.nav-item.active{color:var(--color-gold);border-left:3px solid var(--color-gold);background-color:#d4af3726;font-weight:600}.main-content{flex-direction:column;flex:1;display:flex;overflow-x:hidden}.top-bar{background-color:var(--bg-topbar);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;height:70px;padding:0 32px;transition:background-color .25s,border-color .25s;display:flex}.search-input{border:1px solid var(--border-color);background-color:var(--bg-input);width:380px;color:var(--text-main);border-radius:8px;outline:none;padding:10px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--color-gold);box-shadow:0 0 0 3px #d4af3726}.topbar-actions{align-items:center;gap:20px;display:flex}.theme-toggle-btn{border:1px solid var(--border-color);background-color:var(--bg-input);color:var(--text-main);border-radius:20px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.theme-toggle-btn:hover{background-color:var(--bg-hover);border-color:var(--color-gold)}.user-profile{align-items:center;gap:12px;display:flex}.avatar{width:40px;height:40px;color:var(--color-gold);border:2px solid var(--color-gold);background:linear-gradient(135deg,#1e3a2b 0%,#2d5a42 100%);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.page-body{padding:32px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px;display:grid}.kpi-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;padding:22px;transition:transform .2s,box-shadow .2s}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700}.kpi-value{color:var(--text-main);margin-top:8px;font-size:30px;font-weight:800}.card-panel{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:24px;padding:24px;transition:background-color .25s,border-color .25s}.panel-title{color:var(--text-main);margin-bottom:18px;font-size:18px;font-weight:700}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{text-transform:uppercase;color:var(--text-muted);border-bottom:2px solid var(--border-color);padding:14px;font-size:12px;font-weight:700}.custom-table td{color:var(--text-main);border-bottom:1px solid var(--border-color);padding:16px 14px;font-size:14px}.custom-table tr:hover td{background-color:var(--bg-input)}.badge{text-transform:uppercase;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.badge-lead{background:var(--badge-lead-bg);color:var(--badge-lead-text)}.badge-opportunity{background:var(--badge-opp-bg);color:var(--badge-opp-text)}.badge-deal{background:var(--badge-deal-bg);color:var(--badge-deal-text)}.badge-customer{background:var(--badge-cust-bg);color:var(--badge-cust-text)}.badge-lost{background:var(--badge-lost-bg);color:var(--badge-lost-text)}.badge-valid{background:var(--badge-cust-bg);color:var(--badge-cust-text)}.badge-approval{background:var(--badge-opp-bg);color:var(--badge-opp-text)}.btn-primary{color:#fff;background:linear-gradient(135deg,#1e3a2b 0%,#2d5a42 100%);border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 2px 6px #1e3a2b33}.btn-primary:hover{background:linear-gradient(135deg,#2d5a42 0%,#3d7658 100%);box-shadow:0 4px 10px #1e3a2b4d}.btn-gold{color:#132a1e;background:linear-gradient(135deg,#d4af37 0%,#b8962e 100%);border-radius:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s}.btn-gold:hover{background:linear-gradient(135deg,#e5be48 0%,#c9a73f 100%)}