body{background-color:#1a1a1a;color:#fff}.dashboard-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif;background-color:#1a1a1a;min-height:100vh}.lead-form{background-color:#2c2c2c;padding:20px;border-radius:8px}.lead-form h3{color:#fff;margin-bottom:20px}.lead-form input,.lead-form select{width:100%;padding:10px;margin-bottom:15px;border:1px solid #444;border-radius:5px;background-color:#3a3a3a;color:#fff;font-size:14px}.lead-form input::placeholder{color:#999}.lead-form select option{background-color:#2c2c2c;color:#fff}.lead-form button{width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.lead-form button:hover:not(:disabled){background-color:#0056b3}.lead-form button:disabled{background-color:#555;cursor:not-allowed}.lead-form p{color:#ccc;font-size:12px;margin:5px 0 15px}.validation-message{color:#ff6b6b;font-size:14px;margin-top:-10px;margin-bottom:15px}body{background-color:#1a1a1a;color:#fff;margin:0;padding:0}.dashboard-container{max-width:1400px;margin:0 auto;padding:30px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#1a1a1a;min-height:100vh}.dashboard-header{margin-bottom:40px;text-align:center}.dashboard-header h2{color:#fff;margin-bottom:10px;font-size:36px}.dashboard-header p{color:#999;font-size:16px}.filter-buttons{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap;justify-content:center}.filter-btn{padding:12px 24px;border:none;cursor:pointer;border-radius:8px;font-weight:600;font-size:14px;transition:all .3s ease}.filter-btn.active{background-color:#007bff;color:#fff;box-shadow:0 4px 12px #007bff66}.filter-btn:not(.active){background-color:#2c2c2c;color:#ccc;border:1px solid #444}.filter-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffffff1a}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:linear-gradient(135deg,#2c2c2c,#1a1a1a);border:1px solid #333;padding:25px;border-radius:12px;box-shadow:0 4px 12px #0000004d;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 6px 20px #007bff33}.stat-card strong{display:block;color:#999;font-size:14px;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px}.stat-card .count{font-size:42px;font-weight:700;background:linear-gradient(135deg,#007bff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-section{margin:40px 0;background-color:#2c2c2c;border-radius:12px;padding:30px;border:1px solid #333}.leads-table{width:100%;margin-top:30px;border-collapse:collapse;background-color:#2c2c2c;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000004d}.leads-table thead{background:linear-gradient(135deg,#2c3e50,#1a252f);color:#fff}.leads-table th{font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:1px;color:#ccc}.leads-table tbody tr{transition:background-color .2s ease}.leads-table tbody tr:last-child td{border-bottom:none}.leads-table td{color:#ddd;font-size:14px}h3{color:#fff;margin-top:40px;margin-bottom:20px;font-size:24px}.view-btn{background-color:#007bff;color:#fff;padding:6px 12px;border-radius:4px;text-decoration:none;font-size:12px;transition:background-color .3s ease}.sidebar{width:250px;background:linear-gradient(180deg,#1a1a2e,#16213e);height:100vh;position:fixed;left:0;top:0;display:flex;flex-direction:column;border-right:1px solid #333}.sidebar-header{padding:30px 20px;border-bottom:1px solid #333;text-align:center}.sidebar-header h2{color:#fff;margin:0 0 5px;font-size:24px}.sidebar-header p{color:#888;margin:0;font-size:12px}.sidebar-nav{padding:20px 0;flex:1}.nav-item{display:flex;align-items:center;padding:15px 20px;color:#ccc;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent}.nav-item:hover{background-color:#ffffff0d;color:#fff}.nav-item.active{background-color:#007bff1a;border-left-color:#007bff;color:#007bff}.nav-item .icon{font-size:20px;margin-right:15px;width:25px;text-align:center}.nav-item span:last-child{font-size:14px;font-weight:500}.sidebar-footer{padding:20px;border-top:1px solid #333}.sidebar-user{color:#888;font-size:13px;margin:0 0 10px}.logout-btn{width:100%;padding:10px;background-color:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:background-color .3s ease}.logout-btn:hover{background-color:#c82333}.app-layout{display:flex;min-height:100vh}.main-content{margin-left:250px;flex:1;padding:30px;background-color:#1a1a1a;min-height:100vh}.leads-page{max-width:1200px}.leads-header{margin-bottom:30px}.leads-header h2{color:#fff;margin-bottom:5px}.leads-header p{color:#888}.filters-container{display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap;background-color:#2c2c2c;padding:20px;border-radius:12px;margin-bottom:20px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#888;font-size:12px;text-transform:uppercase}.filter-group select{padding:10px 15px;background-color:#3a3a3a;border:1px solid #444;border-radius:6px;color:#fff;font-size:14px;min-width:150px;cursor:pointer}.filter-group select:focus{outline:none;border-color:#007bff}.clear-btn{padding:10px 20px;background-color:#dc3545;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .3s ease}.clear-btn:hover{background-color:#c82333}.results-count{color:#888;margin-bottom:15px;font-size:14px}.leads-table{width:100%;border-collapse:collapse;background-color:#2c2c2c;border-radius:12px;overflow:hidden}.leads-table thead{background:linear-gradient(135deg,#2c3e50,#1a252f)}.leads-table th,.leads-table td{padding:15px;text-align:left;border-bottom:1px solid #333}.leads-table th{color:#ccc;font-size:12px;text-transform:uppercase;font-weight:600}.leads-table td{color:#ddd}.leads-table tbody tr:hover{background-color:#3a3a3a}.no-results{text-align:center;color:#888;padding:40px!important}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.priority-high{color:#dc3545;font-weight:600}.priority-medium{color:#ffc107;font-weight:600}.priority-low{color:#28a745;font-weight:600}.view-btn{background-color:#007bff;color:#fff;padding:6px 12px;border-radius:4px;text-decoration:none;font-size:12px}.view-btn:hover{background-color:#0056b3}.agents-page{max-width:1200px}.agents-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.agents-header h2{color:#fff;margin-bottom:5px}.agents-header p{color:#888;margin:0}.add-agent-btn{padding:12px 24px;background-color:#28a745;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background-color .3s ease}.add-agent-btn:hover{background-color:#218838}.add-agent-form{background-color:#2c2c2c;border:1px solid #333;border-radius:12px;padding:25px;margin-bottom:30px}.add-agent-form h3{color:#fff;margin-top:0;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{display:block;color:#888;font-size:12px;text-transform:uppercase;margin-bottom:8px}.form-group input{width:100%;padding:12px;background-color:#3a3a3a;border:1px solid #444;border-radius:6px;color:#fff;font-size:14px}.form-group input::placeholder{color:#888}.submit-btn{padding:12px 24px;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;margin-top:10px}.submit-btn:hover{background-color:#0056b3}.agents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.agent-card{background-color:#2c2c2c;border:1px solid #333;border-radius:12px;padding:25px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.agent-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #007bff33}.agent-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#007bff,#00d4ff);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;margin-bottom:15px}.agent-info{flex:1}.agent-info h3{color:#fff;margin:0 0 5px}.agent-email{color:#888;font-size:14px;margin:0 0 15px}.agent-stats{margin-bottom:15px}.lead-count{background-color:#3a3a3a;padding:6px 12px;border-radius:20px;font-size:12px;color:#ccc}.view-leads-btn{color:#007bff;text-decoration:none;font-size:14px;font-weight:500}.view-leads-btn:hover{text-decoration:underline}.reports-page{max-width:1200px}.reports-header{margin-bottom:30px}.reports-header h2{color:#fff;margin-bottom:5px}.reports-header p{color:#888}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}.summary-card{background:linear-gradient(135deg,#2c2c2c,#1a1a1a);border:1px solid #333;border-radius:12px;padding:25px;text-align:center;transition:transform .3s ease}.summary-card:hover{transform:translateY(-5px)}.summary-number{display:block;font-size:48px;font-weight:700;background:linear-gradient(135deg,#007bff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}.summary-label{color:#888;font-size:14px;text-transform:uppercase;letter-spacing:1px}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px}.chart-card{background-color:#2c2c2c;border:1px solid #333;border-radius:12px;padding:25px}.chart-card h3{color:#fff;margin-top:0;margin-bottom:20px;font-size:16px}.chart-container{display:flex;justify-content:center;align-items:center;max-height:300px}.lead-details-container{max-width:900px;margin:0 auto;padding:20px}.back-link{color:#007bff;text-decoration:none;font-size:14px;display:inline-block;margin-bottom:25px;transition:color .3s ease}.back-link:hover{color:#0056b3;text-decoration:underline}.lead-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px;padding-bottom:20px;border-bottom:2px solid #333}.lead-header h2{color:#fff;margin:0;font-size:32px}.status-badge{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;white-space:nowrap}.status-new{background-color:#28a745;color:#fff}.status-contacted{background-color:#17a2b8;color:#fff}.status-qualified{background-color:#ffc107;color:#000}.status-proposal-sent{background-color:#fd7e14;color:#fff}.status-closed{background-color:#6c757d;color:#fff}.action-buttons{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap}.edit-btn{padding:12px 24px;background-color:#ffc107;color:#000;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;display:flex;align-items:center;gap:8px}.edit-btn:hover{background-color:#e0a800;transform:translateY(-2px);box-shadow:0 4px 12px #ffc1074d}.delete-btn{padding:12px 24px;background-color:#dc3545;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;display:flex;align-items:center;gap:8px}.delete-btn:hover{background-color:#c82333;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}.edit-form{background:linear-gradient(135deg,#2c2c2c,#1e1e1e);border:2px solid #ffc107;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 8px 24px #ffc10726}.edit-form h3{color:#ffc107;margin-top:0;margin-bottom:25px;font-size:20px;display:flex;align-items:center;gap:10px}.edit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:25px}.edit-group{display:flex;flex-direction:column;gap:10px}.edit-group label{color:#ccc;font-size:13px;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.edit-group select{padding:12px 15px;background-color:#3a3a3a;border:1px solid #555;border-radius:8px;color:#fff;font-size:15px;cursor:pointer;transition:all .3s ease}.edit-group select:focus{outline:none;border-color:#ffc107;box-shadow:0 0 0 3px #ffc1071a}.save-btn{padding:14px 32px;background-color:#28a745;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:15px;transition:all .3s ease}.save-btn:hover{background-color:#218838;transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.lead-info-card{background:linear-gradient(135deg,#2c2c2c,#1e1e1e);border-radius:12px;padding:30px;margin-bottom:30px;border:1px solid #333;box-shadow:0 4px 12px #0000004d}.lead-info-card h3{color:#fff;margin-top:0;margin-bottom:25px;font-size:20px;display:flex;align-items:center;gap:10px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px}.info-item{display:flex;flex-direction:column;gap:8px;padding:15px;background-color:#252525;border-radius:8px;border-left:3px solid #007bff}.info-item label{color:#888;font-size:12px;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.info-item span{color:#fff;font-size:16px;font-weight:500}.priority-high{color:#dc3545;font-weight:700;text-transform:uppercase}.priority-medium{color:#ffc107;font-weight:700;text-transform:uppercase}.priority-low{color:#28a745;font-weight:700;text-transform:uppercase}.tag{background:linear-gradient(135deg,#007bff,#0056b3);padding:6px 14px;border-radius:20px;font-size:13px;display:inline-block;color:#fff;font-weight:600}.comments-section{background:linear-gradient(135deg,#2c2c2c,#1e1e1e);border-radius:12px;padding:30px;border:1px solid #333;box-shadow:0 4px 12px #0000004d}.comments-section h3{color:#fff;margin-top:0;margin-bottom:25px;font-size:20px;display:flex;align-items:center;gap:10px}.comments-list{margin-bottom:25px;max-height:500px;overflow-y:auto}.comments-list::-webkit-scrollbar{width:8px}.comments-list::-webkit-scrollbar-track{background:#1e1e1e;border-radius:4px}.comments-list::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.no-comments{color:#888;text-align:center;padding:40px 20px;font-style:italic}.comment-card{background-color:#252525;border-radius:10px;padding:20px;margin-bottom:15px;border-left:3px solid #007bff;transition:all .3s ease}.comment-card:hover{background-color:#2a2a2a;transform:translate(5px);box-shadow:0 4px 12px #007bff33}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:10px}.comment-author{color:#007bff;font-weight:700;font-size:15px}.comment-time{color:#888;font-size:13px}.comment-text{color:#ddd;margin:0;line-height:1.6;font-size:15px}.comment-form{display:flex;flex-direction:column;gap:15px}.comment-form textarea{background-color:#252525;border:2px solid #444;border-radius:10px;padding:15px;color:#fff;font-size:15px;resize:vertical;min-height:100px;font-family:inherit;transition:all .3s ease}.comment-form textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.comment-form textarea::placeholder{color:#888}.comment-form button{align-self:flex-end;background-color:#007bff;color:#fff;border:none;padding:12px 28px;border-radius:8px;cursor:pointer;font-weight:600;font-size:15px;transition:all .3s ease}.comment-form button:hover{background-color:#0056b3;transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.lead-not-found{text-align:center;padding:60px 20px;background-color:#2c2c2c;border-radius:12px;margin-top:40px}.lead-not-found h2{color:#fff;margin-bottom:15px}.lead-not-found p{color:#888;margin-bottom:25px;font-size:16px}.lead-not-found a{color:#007bff;text-decoration:none;font-weight:600}.lead-not-found a:hover{text-decoration:underline}.loading{text-align:center;padding:50px;color:#888;font-size:18px}@media(max-width:768px){.lead-header{flex-direction:column;align-items:flex-start}.lead-header h2{font-size:24px}.info-grid,.edit-grid{grid-template-columns:1fr}.action-buttons{width:100%}.edit-btn,.delete-btn{flex:1;justify-content:center}}