@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);body,html{overflow-x:hidden}body{font-feature-settings:"cv02","cv03","cv04","cv11";background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0}code{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#e2e8f04d}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}:focus{outline:2px solid #667eea80;outline-offset:2px}::selection{background:#667eea33;color:#1e293b}.login-container{align-items:center;background:linear-gradient(135deg,#0f0f23,#1a1a2e 50%,#16213e);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-container:before{background:radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff77c626 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a,0 0 0 1px #ffffff0d;max-width:480px;padding:48px;position:relative;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-logo{margin-bottom:20px}.login-logo-image{height:64px;width:64px}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;letter-spacing:-.5px;margin-bottom:12px}.login-header p{color:#64748b;font-size:16px;font-weight:400}.trial-notice{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33;border-radius:12px;margin-bottom:32px;padding:20px;text-align:center}.trial-notice p:first-child{color:#1976d2;font-weight:600;margin-bottom:4px}.trial-notice p:last-child{color:#555;font-size:14px;margin-bottom:12px}.demo-accounts{color:#666;font-size:13px;line-height:1.4;text-align:left}.login-form{margin-bottom:30px}.form-group input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;padding:16px 20px;transition:all .3s ease;width:100%}.form-group input:focus{background:#fffffff2;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.error-message{border:1px solid #ffcdd2;border-radius:8px;font-size:14px;margin-bottom:20px;padding:12px 16px}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s ease;width:100%}.login-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.login-button:hover:before{left:100%}.login-button:hover:not(:disabled){box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.login-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.login-footer{color:#666;font-size:14px;text-align:center}.login-footer a{color:#667eea;text-decoration:none}.login-footer a:hover{text-decoration:underline}.ai-agent-oversight{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #e2e8f080;border-radius:20px;box-shadow:0 8px 32px #0000000f;margin-bottom:32px;padding:24px}.ai-agent-oversight h3{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:700;letter-spacing:-.5px;margin:0 0 20px}.ai-agent-oversight h3:before{content:"🤖";font-size:20px;margin-right:8px}.agent-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.agent-card{background:#fff9;border:1px solid #e2e8f04d;border-radius:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.agent-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.agent-card.supervisor:before,.agent-card:before{background:linear-gradient(135deg,#667eea,#764ba2)}.agent-card.jd-generator:before{background:linear-gradient(135deg,#4caf50,#45a049)}.agent-card.job-posting:before{background:linear-gradient(135deg,#2196f3,#1976d2)}.agent-card.discovery:before{background:linear-gradient(135deg,#ff9800,#f57c00)}.agent-card.outreach:before{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.agent-card.back-office:before{background:linear-gradient(135deg,#607d8b,#455a64)}.agent-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.agent-header{align-items:center;display:flex;margin-bottom:16px}.agent-icon{font-size:24px;margin-right:12px}.agent-info{flex:1 1}.agent-name{color:#1e293b;font-size:14px;font-weight:600;margin-bottom:4px}.agent-status{border-radius:8px;font-size:12px;font-weight:500;padding:2px 8px}.agent-status.active{background:#4caf501a;color:#2e7d32}.agent-status.inactive{background:#f443361a;color:#c62828}.agent-metrics{display:flex;flex-direction:column;gap:8px}.agent-metric{align-items:center;display:flex;font-size:12px;justify-content:space-between}.agent-metric .metric-label{color:#64748b;font-weight:500}.agent-metric .metric-value{color:#1e293b;font-weight:600}.ai-pipeline-status{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #e2e8f080;border-radius:20px;box-shadow:0 8px 32px #0000000f;margin-bottom:32px;padding:24px}.ai-pipeline-status h3{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:700;letter-spacing:-.5px;margin:0 0 20px}.ai-pipeline-status h3:before{content:"⚡";font-size:20px;margin-right:8px}.pipeline-stages{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.pipeline-stage{background:#fff9;border:1px solid #e2e8f04d;border-radius:16px;padding:20px;transition:all .3s ease}.pipeline-stage:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.stage-header{margin-bottom:16px}.stage-header,.stage-icon{align-items:center;display:flex}.stage-icon{border-radius:50%;color:#fff;font-size:10px;font-weight:700;height:36px;justify-content:center;margin-right:12px;width:36px}.stage-icon.discovery{background:linear-gradient(135deg,#ff9800,#f57c00)}.stage-icon.pool-management{background:linear-gradient(135deg,#9c27b0,#7b1fa2)}.stage-icon.pre-selection{background:linear-gradient(135deg,#2196f3,#1976d2)}.stage-icon.outreach{background:linear-gradient(135deg,#4caf50,#388e3c)}.stage-title{color:#1e293b;flex:1 1;font-size:14px;font-weight:600}.stage-count{background:#64748b1a;border-radius:8px;color:#64748b;font-size:12px;padding:4px 8px}.stage-details{display:flex;flex-direction:column;gap:8px}.stage-metric{align-items:center;display:flex;font-size:12px;justify-content:space-between}.stage-metric .metric-label{color:#64748b;font-weight:500}.stage-metric .metric-value{color:#1e293b;font-size:11px;font-weight:600}.agentic-workflow{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #e2e8f080;border-radius:20px;box-shadow:0 8px 32px #0000000f;margin-bottom:32px;padding:24px}.agentic-workflow h3{color:#1e293b;font-size:18px;font-weight:700;letter-spacing:-.5px;margin:0 0 20px}.workflow-items{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.workflow-item{align-items:center;background:#fff9;border:1px solid #e2e8f04d;border-radius:12px;display:flex;padding:16px;transition:all .3s ease}.workflow-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.workflow-item.active{background:#4caf501a;border-color:#4caf50}.workflow-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:40px;justify-content:center;margin-right:12px;width:40px}.workflow-icon.supervisor{background:linear-gradient(135deg,#667eea,#764ba2)}.workflow-icon.jd-generator{background:linear-gradient(135deg,#4caf50,#45a049)}.workflow-icon.job-posting{background:linear-gradient(135deg,#2196f3,#1976d2)}.workflow-icon.discovery{background:linear-gradient(135deg,#ff9800,#f57c00)}.workflow-content{flex:1 1}.workflow-title{color:#1e293b;font-size:14px;font-weight:600;margin-bottom:4px}.workflow-status{color:#64748b;font-size:12px}.approval-type.ai-jd{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.approval-type.ai-outreach{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.approval-type.ai-assessment{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.ai-approvals-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #e2e8f080;border-radius:20px;box-shadow:0 8px 32px #0000000f;margin-bottom:32px;padding:24px}.ai-approvals-section h3{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:700;letter-spacing:-.5px;margin:0 0 20px}.ai-approvals-section h3:before{content:"🤖";font-size:20px;margin-right:8px}.dashboard-loading{align-items:center;color:#64748b;display:flex;font-size:1.2rem;height:400px;justify-content:center}.metrics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.metric-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #e2e8f080;border-radius:20px;box-shadow:0 8px 32px #0000000f;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.metric-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.metric-card:hover{box-shadow:0 12px 40px #0000001a;transform:translateY(-4px)}.metric-card.urgent:before{background:linear-gradient(135deg,#ef4444,#dc2626)}.metric-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;letter-spacing:-1px;margin-bottom:8px}.metric-label{color:#64748b;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.metric-change{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:500;padding:.25rem .5rem}.metric-change.positive{background:#e8f5e8;color:#2e7d32}.metric-change.negative{background:#ffebee;color:#c62828}.metric-change.neutral{background:#f5f5f5;color:#666}.charts-section{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));margin-bottom:32px}.chart-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #e2e8f080;border-radius:20px;box-shadow:0 8px 32px #0000000f;padding:24px}.chart-container h3{color:#1e293b;font-size:18px;font-weight:700;letter-spacing:-.5px;margin:0 0 20px}.back-office-actions,.client-actions,.compliance-actions,.management-actions,.quick-actions{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #e2e8f080;border-radius:20px;box-shadow:0 8px 32px #0000000f;margin-bottom:32px;padding:24px}.back-office-actions h3,.client-actions h3,.compliance-actions h3,.management-actions h3,.quick-actions h3{color:#1e293b;font-size:18px;font-weight:700;letter-spacing:-.5px;margin:0 0 20px}.action-btn{border-radius:12px;display:inline-block;font-size:14px;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;transition:all .3s ease}.action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.action-btn:disabled:hover{box-shadow:none;transform:none}.action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.action-btn:hover:before{left:100%}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}.action-btn.primary:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.action-btn.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f080;color:#1e293b}.action-btn.secondary:hover:not(:disabled){background:#fffffff2;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.action-btn-small{background:#f5f5f5;border:none;border-radius:4px;color:#333;cursor:pointer;font-size:.8rem;padding:.5rem 1rem;transition:background .2s ease}.action-btn-small:hover{background:#e0e0e0}.approvals-section,.compliance-alerts,.onboarding-section,.pending-tasks,.recent-activities{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.approvals-section h3,.compliance-alerts h3,.onboarding-section h3,.pending-tasks h3,.recent-activities h3{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.activities-list,.alerts-list,.approvals-list,.tasks-list{display:flex;flex-direction:column;gap:1rem}.activity-item,.alert-item,.approval-item,.task-item{align-items:center;background:#f9f9f9;border-left:3px solid #2196f3;border-radius:6px;display:flex;justify-content:space-between;padding:1rem}.alert-item.high{background:#ffebee;border-left-color:#ff5722}.alert-item.medium{background:#fff3e0;border-left-color:#ff9800}.alert-item.low{background:#e8f5e8;border-left-color:#4caf50}.activity-icon{height:12px;width:12px}.activity-content,.alert-info,.approval-info,.task-info{flex:1 1}.activity-message,.alert-message,.approval-title,.task-title{color:#333;font-weight:500;margin-bottom:.25rem}.activity-time,.alert-meta,.approval-meta,.task-meta{color:#666;display:flex;flex-wrap:wrap;font-size:.8rem;gap:1rem}.alert-type,.approval-type,.task-type{border-radius:12px;font-size:.7rem;font-weight:500;padding:.2rem .5rem;text-transform:uppercase}.approval-type.template,.task-type.payroll{background:#e3f2fd;color:#1976d2}.approval-type.campaign,.task-type.invoice{background:#e8f5e8;color:#388e3c}.approval-type.threshold,.task-type.timesheet{background:#fff3e0;color:#f57c00}.task-type.benefits{background:#f3e5f5;color:#7b1fa2}.alert-severity,.task-priority{border-radius:12px;font-size:.7rem;font-weight:500;padding:.2rem .5rem;text-transform:uppercase}.alert-severity.high,.task-priority.high{background:#ffebee;color:#c62828}.alert-severity.medium,.task-priority.medium{background:#fff3e0;color:#ef6c00}.alert-severity.low,.task-priority.low{background:#e8f5e8;color:#2e7d32}.alert-actions,.approval-actions,.task-actions{display:flex;gap:.5rem}.approve-btn,.complete-btn,.resolve-btn{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;padding:.5rem 1rem;transition:background .2s ease}.approve-btn:hover,.complete-btn:hover,.resolve-btn:hover{background:#388e3c}.reject-btn{background:#ff5722;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;padding:.5rem 1rem;transition:background .2s ease}.reject-btn:hover{background:#d32f2f}.realtime-feed{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #e2e8f080;border-radius:20px;box-shadow:0 8px 32px #0000000f;margin-bottom:32px;padding:24px}.realtime-feed h3{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:700;letter-spacing:-.5px;margin:0 0 20px}.realtime-feed h3:before{content:"📡";font-size:20px;margin-right:8px}.updates-list{display:flex;flex-direction:column;gap:16px;max-height:400px}.update-item{background:#fff9;border:1px solid #e2e8f04d;border-radius:12px;padding:16px;transition:all .3s ease}.update-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.update-content{display:flex;flex-direction:column;gap:8px}.update-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.update-entity{border-radius:8px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:capitalize}.update-entity.ai-agent{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.update-entity.system{background:#64748b1a;color:#64748b}.update-action{border-radius:8px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:capitalize}.update-action.success{background:#4caf501a;color:#2e7d32}.update-action.processing{background:#2196f31a;color:#1976d2}.update-action.pending{background:#ff98001a;color:#f57c00}.update-time{color:#64748b;font-size:12px}.update-details{color:#475569;font-size:13px;line-height:1.4;padding-left:4px}.team-overview{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.team-overview h3{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.team-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.team-member-card{background:#f9f9f9;border-radius:6px;padding:1rem;text-align:center}.member-name{color:#333;font-weight:500;margin-bottom:.5rem}.member-stats{display:flex;justify-content:space-around}.stat{align-items:center;display:flex;flex-direction:column}.stat-value{color:#2196f3;font-size:1.2rem;font-weight:600}.stat-label{color:#666;font-size:.8rem}.clients-table,.logs-table{background:#fff;border-radius:6px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.table-header{background:#f5f5f5;border-bottom:1px solid #e0e0e0;color:#333;font-weight:600}.table-header,.table-row{grid-template-columns:2fr 1fr 1fr 1fr 1fr;padding:1rem}.table-row{border-bottom:1px solid #f0f0f0}.table-row:hover{background:#f9f9f9}.client-status,.log-action{border-radius:12px;font-size:.8rem;font-weight:500;padding:.25rem .5rem;text-align:center}.client-status.active{background:#e8f5e8;color:#2e7d32}.client-status.onboarding{background:#e3f2fd;color:#1976d2}.client-status.pending{background:#fff3e0;color:#f57c00}.client-status.suspended{background:#ffebee;color:#c62828}.log-action.data_access{background:#e3f2fd;color:#1976d2}.log-action.consent_update{background:#e8f5e8;color:#2e7d32}.log-action.data_export{background:#fff3e0;color:#f57c00}.client-actions{display:flex;gap:.5rem}.payroll-summary,.rights-summary,.summary-grid{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.payroll-summary h3{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.rights-summary,.summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:0}.rights-item,.summary-item{background:#f9f9f9;border-radius:6px;padding:1rem;text-align:center}.rights-count,.summary-value{color:#2196f3;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.rights-label,.summary-label{color:#666;font-size:.9rem}.recent-transactions{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.recent-transactions h3{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.transactions-list{display:flex;flex-direction:column;gap:.5rem}.transaction-item{align-items:center;background:#f9f9f9;border-radius:6px;display:flex;justify-content:space-between;padding:1rem}.transaction-info{flex:1 1}.transaction-description{color:#333;font-weight:500;margin-bottom:.25rem}.transaction-date{color:#666;font-size:.8rem}.transaction-amount{font-size:1.1rem;font-weight:600}.transaction-amount.positive{color:#4caf50}.transaction-amount.negative{color:#ff5722}.data-rights{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.data-rights h3{color:#333;font-size:1.1rem;font-weight:600;margin:0 0 1rem}@media (max-width:768px){.charts-section,.metrics-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.table-header,.table-row{gap:.5rem;grid-template-columns:1fr}.table-header>div,.table-row>div{padding:.25rem 0}.rights-summary,.summary-grid{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:1fr}}.chart-placeholder{background:#f5f5f5;border:2px dashed #ccc;border-radius:8px;font-style:italic}.chart-loading,.chart-placeholder{align-items:center;color:#666;display:flex;height:200px;justify-content:center}.chart-loading{font-size:14px}.charts-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin-bottom:2rem}.chart-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.chart-container h3{color:#333;font-size:1.1rem;margin-bottom:1rem}.response-rate-text{color:#4caf50;font-size:1.5rem;font-weight:600;margin-top:1rem;text-align:center}.quick-actions{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.quick-actions h3{color:#333;margin-bottom:1rem}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem}.action-btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.action-btn.primary{background:#2196f3;color:#fff}.action-btn.primary:hover{background:#1976d2}.action-btn.secondary{background:#f5f5f5;border:1px solid #ddd;color:#333}.action-btn.secondary:hover{background:#e0e0e0}.recent-activities{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.recent-activities h3{color:#333;margin-bottom:1rem}.activities-list{max-height:300px;overflow-y:auto}.activity-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;padding:.75rem 0}.activity-item:last-child{border-bottom:none}.activity-icon{border-radius:50%;flex-shrink:0;height:32px;margin-right:1rem;width:32px}.activity-icon.candidate_added{background:#4caf50}.activity-icon.outreach_sent{background:#2196f3}.activity-icon.interview_scheduled{background:#ff9800}.activity-content{flex:1 1}.activity-message{color:#333;font-size:.9rem;margin-bottom:.25rem}.activity-time{color:#666;font-size:.8rem}.realtime-feed{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.realtime-feed h3{color:#333;margin-bottom:1rem}.updates-list{max-height:200px;overflow-y:auto}.update-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;font-size:.9rem;padding:.5rem 0}.update-item:last-child{border-bottom:none}.update-entity{background:#e3f2fd;border-radius:4px;color:#1976d2;font-size:.8rem;margin-right:.5rem;padding:.25rem .5rem}.update-action{color:#666;margin-right:.5rem}.update-time{color:#999;font-size:.8rem;margin-left:auto}.role-based-dashboard{background-color:#f5f5f5;min-height:100vh}.dashboard-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:1rem 2rem}.dashboard-header h1{color:#333;font-size:1.5rem;font-weight:600;margin:0}.connection-status{align-items:center;color:#666;display:flex;font-size:.9rem;gap:.5rem}.status-indicator{background-color:#ccc;border-radius:50%;height:8px;width:8px}.status-indicator.online{animation:pulse 2s infinite;background-color:#4caf50}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.notifications-bar{background:#fff3cd;border:1px solid #ffeaa7;display:flex;flex-wrap:wrap;gap:1rem;padding:.5rem 2rem}.notification{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:.25rem .75rem}.notification.info{background:#d1ecf1;border-color:#bee5eb;color:#0c5460}.notification.warning{background:#fff3cd;border-color:#ffeaa7;color:#856404}.notification.error{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.notification.success{background:#d4edda;border-color:#c3e6cb;color:#155724}.dashboard-content{padding:2rem}.dashboard-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;margin:2rem;padding:2rem;text-align:center}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:1rem;text-align:center}.dashboard-content{padding:1rem}.notifications-bar{padding:.5rem 1rem}}.candidate-discovery{background:linear-gradient(135deg,#667eea,#764ba2);margin:0 auto;max-width:1200px;min-height:100vh;padding:32px}.candidate-discovery h1{color:#fff;font-size:32px;font-weight:700;margin-bottom:32px;text-align:center;text-shadow:0 2px 4px #0000001a}.job-selection{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #e2e8f080;border-radius:20px;box-shadow:0 8px 32px #0000000f;margin-bottom:32px;padding:24px}.job-selection h2{color:#1e293b;font-size:18px;font-weight:700;letter-spacing:-.5px;margin:0 0 16px}.job-selection select{background:#fff;border:1px solid #d1d5db;border-radius:12px;font-size:14px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.job-selection select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.discovery-controls{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #e2e8f080;border-radius:20px;box-shadow:0 8px 32px #0000000f;margin-bottom:32px;padding:24px}.discovery-controls h2{color:#1e293b;font-size:18px;font-weight:700;letter-spacing:-.5px;margin:0 0 20px}.discovery-method{margin-bottom:24px}.discovery-method label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.discovery-method select{background:#fff;border:1px solid #d1d5db;border-radius:12px;font-size:14px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease}.discovery-method select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.github-criteria{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f04d;border-radius:16px;margin:20px 0;padding:20px}.github-criteria h3{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px}.criteria-field{margin-bottom:16px}.criteria-field label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.criteria-field input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;max-width:300px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.criteria-field input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.resume-upload{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border:1px solid #e2e8f04d;border-radius:16px;margin:20px 0;padding:20px}.resume-upload h3{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 16px}.resume-upload input[type=file]{background:#fff;border:2px dashed #d1d5db;border-radius:8px;margin-bottom:12px;padding:12px;width:100%}.resume-upload p{color:#64748b;font-size:14px;margin:0}.discover-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.discover-btn:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.discover-btn:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;transform:none}.discovery-results{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#dcfce7cc;border:1px solid #22c55e33;border-radius:16px;box-shadow:0 4px 12px #22c55e1a;margin-bottom:32px;padding:20px}.discovery-results h3{color:#15803d;font-size:16px;font-weight:600;margin:0 0 12px}.results-summary p{color:#15803d;font-size:14px;margin:6px 0}.candidates-list{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #e2e8f080;border-radius:20px;box-shadow:0 8px 32px #0000000f;padding:24px}.candidates-list h2{color:#1e293b;font-size:18px;font-weight:700;letter-spacing:-.5px;margin:0 0 24px}.candidates-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:24px}.candidate-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #e2e8f04d;border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:20px;transition:all .3s ease}.candidate-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.candidate-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.candidate-header h3{color:#1e293b;font-size:16px;font-weight:600;margin:0}.status-badge{border-radius:12px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status-badge.sourced{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.status-badge.screened{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.status-badge.interviewed{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.status-badge.selected{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-badge.rejected{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.candidate-details p{color:#475569;font-size:14px;margin:8px 0}.candidate-details strong{color:#1e293b;font-weight:600}.skills{margin-top:16px}.skills strong{color:#1e293b;font-size:14px;font-weight:600}.skills-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.skill-tag{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #e2e8f080;border-radius:12px;color:#475569;font-size:12px;font-weight:500;padding:4px 12px}.candidate-actions{border-top:1px solid #e2e8f04d;margin-top:16px;padding-top:16px}.candidate-actions select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.candidate-actions select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}@media (max-width:768px){.candidate-discovery{padding:20px}.candidates-grid{grid-template-columns:1fr}.criteria-field input{max-width:100%}.candidate-discovery h1{font-size:24px}}.job-posting-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:32px 20px}.job-posting-header{margin:0 auto 32px;max-width:800px;text-align:center}.job-posting-header h1{color:#fff;font-size:32px;font-weight:700;margin-bottom:8px;text-shadow:0 2px 4px #0000001a}.job-posting-header p{color:#ffffffe6;font-size:16px}.job-posting-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #e2e8f080;border-radius:20px;box-shadow:0 8px 32px #0000000f;margin:0 auto;max-width:800px;padding:32px}.form-section{margin-bottom:32px}.form-section:last-of-type{margin-bottom:24px}.form-section h2{border-bottom:2px solid #e2e8f0;color:#1a202c;font-size:20px;font-weight:600;padding-bottom:8px}.form-group,.form-section h2{margin-bottom:20px}.form-group label{color:#374151;font-size:14px;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{min-height:120px;resize:vertical}.requirement-group{align-items:center;display:flex;gap:12px;margin-bottom:12px}.requirement-input{border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-size:14px;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease}.requirement-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.remove-requirement{background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;font-size:14px;min-width:40px;padding:8px 12px;transition:all .2s ease}.remove-requirement:hover{background:#fecaca;border-color:#f87171}.add-requirement{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;color:#0369a1;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease}.add-requirement:hover{background:#e0f2fe;border-color:#7dd3fc}.salary-group{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:1fr 1fr auto}.form-actions{border-top:1px solid #e2e8f0;gap:16px;padding-top:24px}.cancel-button{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.cancel-button:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .2s ease}.submit-button:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.cancel-button:disabled,.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.job-posting-form{padding:24px 20px}.salary-group{gap:12px;grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.cancel-button,.submit-button{width:100%}}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#0f0f23,#1a1a2e);border-right:1px solid #ffffff1a;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:280px;z-index:20}.sidebar-header{border-bottom:1px solid #ffffff1a;padding:24px 20px}.logo{align-items:center;display:flex;gap:12px;margin-bottom:16px}.logo-icon{height:32px;width:32px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:700;letter-spacing:-.5px}.role-indicator{display:flex;justify-content:center}.role-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid #667eea4d;border-radius:20px;color:#a5b4fc;font-size:11px;font-weight:600;padding:8px 16px;text-align:center}.sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:20px 0}.nav-list{list-style:none;margin:0;padding:0}.nav-item{margin-bottom:4px}.nav-link{align-items:center;background:none;border:none;border-radius:12px;box-sizing:border-box;color:#94a3b8;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;margin:0 12px;padding:14px 20px;position:relative;text-align:left;transition:all .3s ease;width:calc(100% - 24px)}.nav-link:hover{background:#ffffff0d;color:#e2e8f0;transform:translateX(2px)}.nav-link.active{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea33,#764ba233);border:1px solid #667eea4d;color:#a5b4fc;position:relative}.nav-link.active:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";height:24px;left:-10px;position:absolute;top:50%;transform:translateY(-50%);width:4px}.nav-icon{font-size:16px;min-width:20px;text-align:center}.nav-label{flex:1 1}.sidebar-footer{border-top:1px solid #ffffff1a;padding:24px}.help-section{text-align:center}.help-text{color:#94a3b8;font-size:12px;margin-bottom:8px}.help-link{color:#a5b4fc;font-size:12px;font-weight:500;text-decoration:none;transition:color .2s ease}.help-link:hover{color:#c7d2fe;text-decoration:underline}@media (max-width:768px){.sidebar{transform:translateX(-100%);transition:transform .3s ease}.sidebar.open{transform:translateX(0)}.sidebar:after{background:#00000080;bottom:0;content:"";left:280px;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s ease}.sidebar.open:after{opacity:1;pointer-events:auto}}.breadcrumb{align-items:center;display:flex}.breadcrumb-list{list-style:none;margin:0;padding:0}.breadcrumb-item,.breadcrumb-list{align-items:center;display:flex;gap:12px}.breadcrumb-link{background:none;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;position:relative;transition:all .3s ease}.breadcrumb-link:hover{background:#667eea1a;color:#5a67d8;transform:translateY(-1px)}.breadcrumb-current{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #e2e8f080;border-radius:8px;color:#1e293b;font-size:14px;font-weight:600;padding:8px 12px}.breadcrumb-separator{color:#94a3b8;font-size:16px;font-weight:300;-webkit-user-select:none;user-select:none}@media (max-width:768px){.breadcrumb-current,.breadcrumb-link{font-size:13px;padding:6px 10px}.breadcrumb-separator{font-size:14px}.breadcrumb-item,.breadcrumb-list{gap:8px}}.user-management-modal{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f0f23cc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 60px #0003,0 0 0 1px #ffffff0d;max-height:90vh;max-width:900px;overflow:hidden;width:90%}.modal-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border-bottom:1px solid #e2e8f080;display:flex;justify-content:space-between;padding:32px}.modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;letter-spacing:-.5px;margin:0}.close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #e2e8f080;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;padding:12px;transition:all .3s ease;width:44px}.close-btn:hover{background:#fffffff2;box-shadow:0 4px 12px #0000001a;color:#1e293b;transform:translateY(-1px)}.modal-body{max-height:60vh;overflow-y:auto;padding:1.5rem}.error-message{align-items:center;background:#ffebee;border-radius:4px;color:#c62828;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.error-message button{background:none;border:none;color:#c62828;cursor:pointer;font-size:1.2rem;padding:.25rem}.user-management-actions{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.add-user-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.add-user-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.add-user-btn:hover:before{left:100%}.add-user-btn:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.loading{color:#666;font-size:1.1rem;padding:2rem;text-align:center}.users-table{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #e2e8f080;border-radius:16px;overflow:hidden}.table-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border-bottom:1px solid #e2e8f080;color:#1e293b;font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.table-header,.table-row{display:grid;grid-template-columns:2fr 2fr 1.5fr 1fr 1fr;padding:20px}.table-row{align-items:center;border-bottom:1px solid #e2e8f04d;transition:all .3s ease}.table-row:hover{background:#fffc;transform:translateY(-1px)}.table-row:last-child{border-bottom:none}.user-name{color:#333;font-weight:500}.user-email{color:#666;font-size:.9rem}.user-role{align-items:center;display:flex}.role-badge{border-radius:12px;color:#fff;font-size:.8rem;font-weight:500;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.user-company{color:#666;font-size:.9rem}.user-actions{display:flex;gap:.5rem}.delete-btn,.edit-btn{border:none;border-radius:8px;cursor:pointer;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:all .3s ease}.edit-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d;color:#fff}.edit-btn:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d;color:#fff}.delete-btn:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.user-form-modal{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.form-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:500px;width:90%}.form-header{align-items:center;background:#f9f9f9;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.5rem}.form-header h3{color:#333;font-size:1.3rem;font-weight:600;margin:0}.user-form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;transition:border-color .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333;outline:none}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.cancel-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background .2s ease}.cancel-btn{background:#f5f5f5;border:1px solid #ddd;color:#333}.cancel-btn:hover{background:#e0e0e0}.save-btn{background:#2196f3;color:#fff}.save-btn:hover{background:#1976d2}@media (max-width:768px){.modal-content{margin:1rem;width:95%}.table-header,.table-row{gap:.5rem;grid-template-columns:1fr}.table-header>div,.table-row>div{padding:.25rem 0}.user-actions{justify-content:flex-start}.form-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}}.layout-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;min-height:100vh;overflow-x:hidden;width:100%}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:280px;min-width:0;overflow-x:hidden}.main-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border-bottom:1px solid #e2e8f080;padding:0 32px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-content{align-items:center;display:flex;height:72px;justify-content:space-between}.header-actions,.user-info{align-items:center;display:flex;gap:16px}.user-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #e2e8f080;border-radius:16px;padding:12px 20px}.user-details{align-items:flex-end;display:flex;flex-direction:column}.user-name{color:#1e293b;font-size:14px;font-weight:600}.user-role{color:#64748b;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #667eea4d;color:#fff;font-size:16px;font-weight:600;height:40px;justify-content:center;width:40px}.header-buttons,.user-avatar{align-items:center;display:flex}.header-buttons{gap:8px}.user-management-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #e2e8f080;border-radius:12px;cursor:pointer;display:flex;font-size:16px;height:40px;justify-content:center;padding:10px;transition:all .3s ease;width:40px}.user-management-button:hover{background:#fffc;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.trial-status{align-items:center;display:flex}.trial-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.trial-badge.active{background:#dcfce7;color:#166534}.trial-badge.expired{background:#fef2f2;color:#dc2626}.logout-button{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;box-shadow:0 4px 12px #ef44444d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.logout-button:hover{box-shadow:0 6px 16px #ef444466;transform:translateY(-2px)}.page-content{flex:1 1;overflow-y:auto;padding:32px}.app-loading{background:#f8fafc;height:100vh}.loading-spinner{color:#64748b}.loading-container{height:200px}.unauthorized-page{height:100%;padding:48px}.unauthorized-page h2{color:#ef4444;font-size:24px}.unauthorized-page p{color:#64748b;font-size:16px;margin-bottom:32px}.unauthorized-page button{background:#3b82f6;font-weight:500;transition:background .2s ease}.unauthorized-page button:hover{background:#2563eb}@media (max-width:768px){.main-content{margin-left:0}.page-content{padding:16px}.header-content{flex-direction:column;gap:12px;height:auto;padding:16px}.user-info{justify-content:center;order:-1;width:100%}.user-details{align-items:center}.header-buttons{justify-content:center;width:100%}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,.app-loading{min-height:100vh}.app-loading{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center}.loading-spinner{color:#666;font-size:18px}.loading-container{min-height:200px}.loading-container,.unauthorized-page{align-items:center;display:flex;justify-content:center}.unauthorized-page{flex-direction:column;min-height:50vh;padding:40px;text-align:center}.unauthorized-page h2{color:#d32f2f;margin-bottom:16px}.unauthorized-page p{color:#666;margin-bottom:24px}.unauthorized-page button{background:#1976d2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px}.unauthorized-page button:hover{background:#1565c0}
/*# sourceMappingURL=main.f36a13cf.css.map*/