:root{--bg-main:#0b132b;--bg-card:#1c2541;--bg-input:#0f172a;--border:#3a506b;--primary:#00b4d8;--primary-hover:#0077b6;--accent:#5bc0be;--text-main:#f4f5f6;--text-muted:#8d99ae;--text-header:#fff;--bg-th:#ffffff08;--success:#06d6a0;--warning:#ffd166;--danger:#ef476f;--sidebar-width:250px}.light-theme{--bg-main:#f1f5f9;--bg-card:#fff;--bg-input:#f8fafc;--border:#cbd5e1;--primary:#0ea5e9;--primary-hover:#0284c7;--accent:#0ea5e9;--text-main:#1e293b;--text-muted:#64748b;--text-header:#0f172a;--bg-th:#00000008;--success:#10b981;--warning:#f59e0b;--danger:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-main);font-family:Inter,sans-serif;font-size:14px;line-height:1.5;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{color:var(--text-header);font-family:Outfit,sans-serif;font-weight:600}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.app-container{background-color:var(--bg-main);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background-color:var(--bg-card);border-right:1px solid var(--border);z-index:10;flex-direction:column;height:100vh;transition:background-color .3s,border-color .3s;display:flex;position:fixed;top:0;left:0}.sidebar-header{border-bottom:1px solid var(--border);text-align:center;padding:20px}.sidebar-logo{color:var(--text-header);letter-spacing:.5px;font-size:20px;font-weight:800}.sidebar-logo span{color:var(--primary)}.sidebar-menu{flex:1;padding:15px 10px;list-style:none;overflow-y:auto}.menu-item{color:var(--text-muted);cursor:pointer;border-radius:6px;align-items:center;margin-bottom:5px;padding:10px 15px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.menu-item:hover{color:var(--text-main);background-color:#ffffff0d}.menu-item.active{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff}.main-content{margin-left:var(--sidebar-width);background-color:var(--bg-main);flex:1;min-height:100vh;padding:25px;transition:background-color .3s}.content-header{border-bottom:1px solid var(--border);margin-bottom:25px;padding-bottom:15px}.content-header h1{font-size:24px}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:25px;display:grid}.card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:20px;transition:background-color .3s,border-color .3s;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.card-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:700}.card-value{color:var(--text-header);font-family:Outfit,sans-serif;font-size:24px;font-weight:700}.card-desc{color:var(--accent);margin-top:4px;font-size:11px}.form-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:10px;max-width:600px;margin:0 auto;padding:25px}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-group-full{grid-column:span 2}.form-field{margin-bottom:15px}.form-field label{color:var(--text-muted);margin-bottom:5px;font-size:12px;font-weight:500;display:block}.form-field input,.form-field select,.form-field textarea{background-color:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-main);border-radius:6px;padding:10px;font-size:13px;transition:all .2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #00b4d833}.btn{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;cursor:pointer;text-align:center;border:none;border-radius:6px;padding:10px 20px;font-size:13px;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-block}.btn:hover{opacity:.9}.btn-secondary{background:var(--border);color:var(--text-main)}.btn-success{background:linear-gradient(135deg, var(--success), #059669)}.btn-danger{background:linear-gradient(135deg, var(--danger), #dc2626)}.btn-sm{border-radius:4px;padding:5px 10px;font-size:11px}.table-container{background-color:var(--bg-card);border:1px solid var(--border);border-radius:8px;margin-bottom:25px;transition:background-color .3s,border-color .3s;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}table{border-collapse:collapse;text-align:left;width:100%}th{background-color:var(--bg-th);color:var(--text-header);text-transform:uppercase;border-bottom:1px solid var(--border);padding:12px 16px;font-size:12px;font-weight:700}td{border-bottom:1px solid var(--border);color:var(--text-main);vertical-align:middle;padding:12px 16px;font-size:13px}tr:last-child td{border-bottom:none}tr:hover td{background-color:#ffffff03}.badge{text-transform:uppercase;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-block}.badge-new{color:var(--primary);background-color:#00b4d826}.badge-contacted{color:var(--warning);background-color:#ffd16626}.badge-converted{color:var(--success);background-color:#06d6a026}.badge-lost{color:var(--danger);background-color:#ef476f26}.badge-completed{color:var(--success);background-color:#06d6a033}.svg-graph-container{justify-content:center;align-items:center;margin-top:15px;display:flex}.inner-tabs{border-bottom:1px solid var(--border);gap:10px;margin-bottom:20px;padding-bottom:10px;display:flex}.inner-tab{background-color:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;text-align:center;border-radius:30px;outline:none;padding:8px 16px;font-size:11px;font-weight:600;transition:all .2s}.inner-tab:hover{color:var(--text-header);border-color:var(--primary)}.inner-tab.active{box-shadow:0 2px 4px #0000001a;color:#fff!important;background-color:#0f172a!important;border-color:#0f172a!important}.light-theme .inner-tab.active{color:#fff!important;background-color:#0f172a!important;border-color:#0f172a!important}.modal-overlay{z-index:100;background-color:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--bg-card);border:1px solid var(--border);border-radius:10px;width:90%;max-width:600px;max-height:90vh;padding:30px;overflow-y:auto;box-shadow:0 20px 25px -5px #0000004d}.report-view{color:#1e293b;background-color:#fff;border-radius:8px;max-width:800px;margin:0 auto 20px;padding:30px;font-family:Arial,sans-serif;box-shadow:0 4px 6px -1px #0000001a}.report-view h2{color:#0f172a;border-bottom:2px solid #e2e8f0;margin-top:25px;margin-bottom:10px;padding-bottom:5px}.report-view table{color:#334155;margin-bottom:15px}.report-view th{color:#0f172a;background-color:#f8fafc;border-bottom:2px solid #e2e8f0}.report-view td{color:#334155;border-bottom:1px solid #f1f5f9}.report-view tr.total-row td{background-color:#f8fafc;border-bottom:3px double #94a3b8;font-weight:700}.report-view tr.net-profit-row td{color:#fff;background-color:#0ea5e9;font-weight:700}
