:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--success-gradient: linear-gradient(135deg, #11998e 0%, #38ef7d 100%);--card-shadow: 0 10px 30px rgba(0,0,0,.1);--card-hover-shadow: 0 15px 40px rgba(0,0,0,.15)}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;background:#f8f9fa}.auth-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--primary-gradient);padding:20px}.auth-card{background:#fff;border-radius:20px;box-shadow:var(--card-shadow);overflow:hidden;max-width:480px;width:100%}.auth-header{background:var(--primary-gradient);color:#fff;padding:40px 30px;text-align:center}.auth-header h1{font-size:2rem;font-weight:700;margin:0}.auth-header p{margin:10px 0 0;opacity:.9}.auth-body{padding:40px 30px}.form-control,.form-select{border-radius:10px;border:2px solid #e9ecef;padding:12px 16px;transition:all .3s}.form-control:focus,.form-select:focus{border-color:#667eea;box-shadow:0 0 0 .2rem #667eea26}.btn-primary{background:var(--primary-gradient);border:none;border-radius:10px;padding:12px 24px;font-weight:600;transition:all .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.card{border:none;border-radius:15px;box-shadow:var(--card-shadow);transition:all .3s;margin-bottom:24px}.card:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-2px)}.card-header{background:#fff;border-bottom:2px solid #f8f9fa;font-weight:600;padding:20px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:15px;padding:24px;margin-bottom:24px}.stat-card .stat-value{font-size:2.5rem;font-weight:700;margin:10px 0}.stat-card .stat-label{opacity:.9;font-size:.9rem}.table{border-radius:10px;overflow:hidden}.table thead{background:#f8f9fa}.table-sticky thead th{position:sticky;top:0;z-index:3;background-color:var(--bs-body-bg)}.status-legend .badge{cursor:default}.table-responsive{position:relative}.badge{padding:6px 12px;border-radius:20px;font-weight:500}.btn{border-radius:8px;padding:8px 16px;font-weight:500;transition:all .3s}.btn:hover{transform:translateY(-1px)}.navbar{box-shadow:0 2px 10px #0000001a;min-height:60px}.navbar-nav .nav-link{font-weight:500;padding:.5rem 1rem;transition:all .3s}.navbar-nav .nav-link:hover{background:#ffffff1a;border-radius:5px}.navbar-nav .nav-link.active{background:#fff3;border-radius:5px}.navbar-brand{font-size:1.3rem}@media(max-width:991px){.navbar-collapse{background:#0000001a;padding:1rem;border-radius:10px;margin-top:10px}}@media(max-width:768px){.auth-header h1{font-size:1.5rem}.auth-body{padding:30px 20px}.stat-card .stat-value{font-size:2rem}.table-responsive{font-size:.875rem}.card{margin-bottom:16px}}.form-label{font-weight:600;color:#495057;margin-bottom:8px}.alert{border-radius:10px;border:none}.dropdown-menu{border-radius:10px;box-shadow:var(--card-shadow);border:none}canvas{max-height:300px}.app-container{padding:24px}.content-card{padding:18px;border-radius:12px;background:#fff}.compact-controls .btn{padding:6px 10px;font-size:.85rem}.stacked-actions{display:inline-flex;gap:6px;align-items:center}table.table td .btn{padding:6px 8px;font-size:.82rem}@media(max-width:576px){.table-responsive table input.form-control,.table-responsive table select.form-select{width:100%;margin-bottom:6px}.stacked-actions{flex-direction:column;align-items:stretch}.card-header{padding:12px;font-size:.95rem}.card-body,.app-container{padding:12px}}.form-row{display:flex;gap:12px;flex-wrap:wrap}.form-row .form-control,.form-row .form-select{flex:1 1 200px}.modal-content{border-radius:12px}.modal .form-control,.modal .form-select{border-radius:8px}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:3px solid rgba(102,126,234,.12);outline-offset:2px}.text-small{font-size:.85rem}.muted{color:#6c757d}.lead-card{background:#fff;border-radius:12px;padding:16px;border:1px solid #eef2f6}.lead-card .avatar{width:48px;height:48px;font-weight:700;font-size:1.05rem}.lead-card .badge{padding:6px 10px;border-radius:12px;font-size:.8rem}.lead-card .stacked-actions .btn{padding:6px 10px;min-width:64px}.lead-card .row>.col .p-2{background:#f8fafc}.lead-card .row .col>.p-2{display:flex;align-items:center;justify-content:space-between}@media(max-width:576px){.lead-card{padding:12px}.lead-card .avatar{width:40px;height:40px}.lead-card .stacked-actions{width:100%;justify-content:flex-end}}