.dashboard-container{padding:0;height:100%;display:flex;flex-direction:column;justify-content:center;position:relative}.dashboard-header{text-align:center;margin-bottom:var(--spacing-3xl);animation:fadeIn .6s ease-in}.dashboard-title{font-size:2.5rem;font-weight:700;color:var(--color-primary);margin:0 0 var(--spacing-lg) 0;letter-spacing:-.5px}.dashboard-description{font-size:1.1rem;color:var(--color-gray-dark);max-width:600px;margin:0 auto;line-height:1.6;opacity:.9}.service-grid{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-xl);max-width:1400px;margin:0 auto;width:100%}.service-tile{background:var(--bg-card);border:2px solid var(--color-gray-lightest);border-radius:var(--radius-xl);padding:var(--spacing-3xl);display:flex;flex-direction:column;justify-content:space-between;min-height:280px;transition:all var(--transition-base);position:relative;overflow:hidden;cursor:pointer;box-shadow:var(--shadow-sm)}.service-tile:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;transition:height var(--transition-base)}.service-tile:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:transparent}.service-tile:hover:before{height:100%;opacity:.05}.tile-icon{font-size:3.5rem;margin-bottom:var(--spacing-lg);filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));transition:transform var(--transition-base)}.service-tile:hover .tile-icon{transform:scale(1.1)}.tile-content h3{color:var(--text-primary);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-bold)}.tile-content p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.6}.tile-action,.tile-status{margin-top:var(--spacing-xl);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:var(--spacing-sm)}.tile-inbound:before{background:var(--gradient-secondary)}.tile-inbound .tile-action,.tile-inbound .tile-status{color:var(--color-secondary)}.tile-inbound .tile-status:before{content:"●";font-size:1.2rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.tile-outbound:before{background:var(--gradient-amber)}.tile-outbound .tile-action{color:var(--color-accent-amber)}.tile-whatsapp:before{background:var(--gradient-emerald)}.tile-whatsapp .tile-action{color:var(--color-accent-emerald)}.service-tile.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.service-tile.disabled:hover{transform:none;box-shadow:var(--shadow-sm);border-color:var(--color-gray-lightest)}.service-tile.disabled:hover:before{height:4px;opacity:0}.service-tile.disabled:hover .tile-icon{transform:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal);animation:fadeIn .3s ease}.modal-content{background:var(--bg-card);border:1px solid var(--color-gray-lighter);border-radius:var(--radius-2xl);width:90%;max-width:540px;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-2xl);animation:slideUp .3s ease}.modal-header{padding:var(--spacing-xl);border-bottom:2px solid var(--color-gray-lightest);display:flex;justify-content:space-between;align-items:center}.modal-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.close-btn{background:none;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;padding:0;line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-fast)}.close-btn:hover{background:var(--color-gray-lightest);color:var(--text-primary)}.modal-loading{padding:var(--spacing-4xl);text-align:center;color:var(--text-secondary);font-size:var(--font-size-lg)}.modal-body{padding:var(--spacing-xl);max-height:70vh;overflow-y:auto}.agents-list{padding:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-sm)}.compact-list{max-height:320px;border:2px solid var(--color-gray-lightest);border-radius:var(--radius-lg);padding:var(--spacing-sm)}.agent-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent}.agent-item:hover{background:var(--bg-tertiary);border-color:var(--color-secondary-light);transform:translate(4px)}.agent-item.selected{background:#14b8a61a;border-color:var(--color-secondary)}.agent-icon{font-size:1.5rem;background:var(--gradient-amber);width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);flex-shrink:0}.agent-info{flex:1}.agent-name{color:var(--text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.agent-id{color:var(--text-tertiary);font-size:var(--font-size-xs)}.agent-check{color:var(--color-secondary);font-weight:var(--font-weight-bold);font-size:1.5rem}.no-agents{padding:var(--spacing-3xl);text-align:center;color:var(--text-secondary)}.no-agents-message{padding:var(--spacing-3xl);text-align:center;border:2px dashed var(--color-gray-lighter);border-radius:var(--radius-lg);background:var(--bg-secondary)}.no-agents-icon{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.6}.no-agents-text{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}.no-agents-subtext{color:var(--text-secondary);font-size:var(--font-size-sm)}.modal-input{width:100%;padding:var(--spacing-md);background:var(--bg-input);border:2px solid var(--color-gray-lighter);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-lg);outline:none;transition:all var(--transition-base);font-family:var(--font-family)}.modal-input:focus{border-color:var(--color-secondary);box-shadow:var(--shadow-input-focus)}.modal-input::placeholder{color:var(--text-light)}.recent-numbers-section{margin-top:var(--spacing-lg)}.recent-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.recent-number-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.recent-number-item:hover{background:var(--bg-tertiary);border-color:var(--color-secondary-light);transform:translate(4px)}.recent-icon{font-size:1.2rem}.recent-text{color:var(--text-secondary);font-size:var(--font-size-sm)}.recent-loading,.recent-empty{padding:var(--spacing-md);text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic}.modal-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.btn-back,.btn-activate{padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);border:none;font-size:var(--font-size-base)}.btn-back{background:var(--bg-secondary);color:var(--text-secondary);border:2px solid var(--color-gray-lighter)}.btn-back:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--color-gray-light)}.btn-activate{flex:1;background:var(--gradient-emerald);color:var(--text-white);box-shadow:var(--shadow-md)}.btn-activate:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-activate:disabled{background:var(--color-gray-lighter);color:var(--text-light);cursor:not-allowed;transform:none;box-shadow:none}.success-modal{max-width:420px;animation:scaleIn .3s ease}.success-modal-content{padding:var(--spacing-4xl);text-align:center;display:flex;flex-direction:column;align-items:center}.success-icon{width:80px;height:80px;border-radius:var(--radius-full);background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;margin-bottom:var(--spacing-xl);animation:successPulse .6s ease;box-shadow:0 8px 24px #10b9814d}@keyframes successPulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.success-title{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0}.success-message{color:var(--text-secondary);font-size:var(--font-size-base);margin:0 0 var(--spacing-2xl) 0;line-height:1.6}.btn-success-close{padding:var(--spacing-md) var(--spacing-2xl);background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 12px #10b9814d}.btn-success-close:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.error-modal{max-width:420px;animation:scaleIn .3s ease}.error-modal-content{padding:var(--spacing-4xl);text-align:center;display:flex;flex-direction:column;align-items:center}.error-icon{width:80px;height:80px;border-radius:var(--radius-full);background:linear-gradient(135deg,#ef4444,#dc2626);display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;margin-bottom:var(--spacing-xl);animation:errorShake .5s ease;box-shadow:0 8px 24px #ef44444d}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.error-title{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-md) 0}.error-message{color:var(--text-secondary);font-size:var(--font-size-base);margin:0 0 var(--spacing-2xl) 0;line-height:1.6}.btn-error-close{padding:var(--spacing-md) var(--spacing-2xl);background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 12px #ef44444d}.btn-error-close:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.whatsapp-modal{max-width:500px;animation:scaleIn .3s ease}.whatsapp-modal-body{padding:var(--spacing-2xl);text-align:center}.whatsapp-qr-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl)}.whatsapp-qr-header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.whatsapp-icon{font-size:3rem;margin-bottom:var(--spacing-sm);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.whatsapp-qr-header h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.whatsapp-instructions{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0;line-height:1.6;max-width:400px}.qr-code-wrapper{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 4px 16px #0000001a;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-gray-lightest);animation:fadeIn .5s ease}.qr-code-svg{display:block;max-width:100%;height:auto}.whatsapp-phone-info{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.phone-number{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-accent-emerald);text-decoration:none;padding:var(--spacing-sm) var(--spacing-lg);background:#10b9811a;border-radius:var(--radius-md);border:2px solid var(--color-accent-emerald);cursor:pointer;transition:all var(--transition-base)}.phone-number:hover{background:#10b98133;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.phone-instruction{color:var(--text-secondary);font-size:var(--font-size-xs);margin:0}.inbound-modal{max-width:450px;animation:scaleIn .3s ease}.inbound-modal-body{padding:var(--spacing-2xl);text-align:center}.inbound-call-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xl)}.inbound-call-header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.inbound-call-icon{font-size:3.5rem;margin-bottom:var(--spacing-sm);filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));animation:pulse 2s ease-in-out infinite}.inbound-call-header h3{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.inbound-call-instructions{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0;line-height:1.6}.inbound-phone-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl);background:linear-gradient(135deg,#14b8a60d,#14b8a61a);border-radius:var(--radius-xl);border:2px solid var(--color-secondary-light);width:100%;max-width:350px}.inbound-phone-number{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-secondary);text-decoration:none;padding:var(--spacing-md) var(--spacing-xl);background:#fff;border-radius:var(--radius-lg);border:3px solid var(--color-secondary);cursor:pointer;transition:all var(--transition-base);display:inline-block;box-shadow:0 4px 12px #14b8a633;min-width:250px}.inbound-phone-number:hover{background:var(--color-secondary);color:#fff;transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px #14b8a666}.inbound-phone-number:active{transform:translateY(-1px) scale(1.02)}.inbound-phone-hint{color:var(--text-secondary);font-size:var(--font-size-xs);margin:0;font-style:italic}.inbound-call-info{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;max-width:350px;margin-top:var(--spacing-md)}.info-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);text-align:left}.info-icon{font-size:1.2rem;flex-shrink:0}.info-text{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5}@media (max-width: 768px){.service-grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.service-tile{min-height:240px;padding:var(--spacing-xl)}.modal-content{width:95%;max-height:90vh}.success-modal-content,.error-modal-content{padding:var(--spacing-2xl)}.success-icon,.error-icon{width:60px;height:60px;font-size:2rem}.whatsapp-modal{max-width:95%}.qr-code-wrapper{padding:var(--spacing-md)}.qr-code-svg{width:200px;height:200px}.inbound-modal{max-width:95%}}.customer-details-container{max-width:1200px;margin:0 auto;padding:20px}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-bottom:30px}.customer-info-card,.agent-info-card{box-shadow:0 2px 8px #0000001a;border-radius:8px;overflow:hidden;background:#fff}.card-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.card-header .card-title{margin:0;font-size:1.3rem;font-weight:600}.agent-info-card .card-header{background:linear-gradient(135deg,#f093fb,#f5576c)}.message-count{font-size:.9rem;background:#fff3;padding:4px 12px;border-radius:20px;font-weight:600}.details-content{padding:20px}.detail-item{margin-bottom:16px}.detail-item label{display:block;font-weight:600;color:#333;margin-bottom:6px;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.detail-item p{margin:0;color:#555;font-size:1rem;word-break:break-word;line-height:1.5}.detail-item p.monospace{font-family:Monaco,Courier New,monospace;background:#f5f5f5;padding:8px 12px;border-radius:4px;font-size:.85rem;overflow-x:auto}.chat-history-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.chat-history-card .card-header{background:linear-gradient(135deg,#667eea,#764ba2)}.conversation-tabs{display:flex;gap:0;border-bottom:2px solid #e0e0e0;background:#f5f5f5;overflow-x:auto;padding:0}.tab-button{flex:1;min-width:150px;padding:16px;border:none;background:transparent;cursor:pointer;border-bottom:3px solid transparent;transition:all .3s ease;display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:.9rem;color:#666}.tab-button:hover{background:#eee;color:#333}.tab-button.active{border-bottom-color:#667eea;background:#fff;color:#667eea;font-weight:600}.tab-label{font-weight:600}.tab-date{font-size:.8rem;opacity:.7}.conversation-details{padding:20px}.conversation-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.conversation-info .info-item{padding:12px;background:#f9f9f9;border-radius:6px}.conversation-info .info-item label{display:block;font-weight:600;color:#333;margin-bottom:6px;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.conversation-info .info-item p{margin:0;color:#555;font-size:.95rem;word-break:break-word}.conversation-info .info-item p.monospace{font-family:Monaco,Courier New,monospace;background:#fff;padding:8px 10px;border-radius:4px;font-size:.8rem}.chat-container{min-height:300px;max-height:600px;overflow-y:auto;background:#f9f9f9}.no-messages{display:flex;align-items:center;justify-content:center;height:300px;color:#999;font-size:1.1rem;font-style:italic}.messages-list{padding:20px;display:flex;flex-direction:column;gap:16px}.message{padding:14px 16px;border-radius:8px;background:#fff;border-left:4px solid #667eea;animation:slideIn .3s ease-in-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.agent{border-left-color:#667eea;background:#f0f4ff}.message.customer{border-left-color:#764ba2;background:#faf5ff;margin-left:20px}.message.user{border-left-color:#667eea;background:#f0f4ff}.message-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;gap:12px}.message .sender{font-weight:700;color:#333;font-size:.95rem}.message.agent .sender{color:#667eea}.message.customer .sender{color:#764ba2}.message .timestamp{font-size:.8rem;color:#999;white-space:nowrap}.message-content{color:#555;line-height:1.6;word-wrap:break-word;font-size:.95rem}.chat-container::-webkit-scrollbar{width:8px}.chat-container::-webkit-scrollbar-track{background:#f1f1f1}.chat-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.chat-container::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width: 768px){.details-grid{grid-template-columns:1fr}.message.customer{margin-left:10px}.message-header{flex-direction:column;align-items:flex-start}.card-header{flex-direction:column;align-items:flex-start;gap:10px}.message-count{align-self:flex-start}}.loading,.error{text-align:center;padding:40px 20px;font-size:1.1rem;color:#555}.error{color:#d32f2f;background:#ffebee;border-radius:8px}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:var(--spacing-xl);position:relative;background:var(--login-bg-gradient);overflow:hidden}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--login-overlay);z-index:var(--z-base)}.login-container:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(20,184,166,.15) 0%,transparent 70%);top:-250px;right:-250px;z-index:var(--z-base)}.login-card{background:var(--login-card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-2xl);padding:var(--spacing-4xl) var(--spacing-3xl);width:100%;max-width:460px;box-shadow:var(--login-card-shadow);position:relative;z-index:var(--z-card);animation:slideUp var(--transition-slow) ease-out;border:1px solid var(--login-card-border)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-title{text-align:center;font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-extrabold);background:var(--gradient-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px}.login-subtitle{text-align:center;color:var(--text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-3xl);font-weight:var(--font-weight-medium);letter-spacing:.3px}.login-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:var(--text-error);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);text-align:center;font-weight:var(--font-weight-medium);border:1px solid var(--color-danger);box-shadow:var(--shadow-error)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm)}.form-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--color-gray-lighter);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:all var(--transition-base);background-color:var(--bg-input);color:var(--text-primary);font-family:var(--font-family)}.form-input:focus{outline:none;border-color:var(--color-secondary);box-shadow:var(--shadow-input-focus)}.form-input::placeholder{color:var(--text-light)}.login-button{width:100%;padding:var(--spacing-lg);font-size:var(--font-size-base);margin-top:var(--spacing-xl);font-weight:var(--font-weight-bold);letter-spacing:.5px;box-shadow:var(--shadow-button);transition:all var(--transition-base);background:var(--gradient-secondary);color:var(--text-white);border:none;border-radius:var(--radius-lg);cursor:pointer;text-transform:uppercase}.login-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.login-button:disabled{background:var(--color-gray-lighter);color:var(--text-light);cursor:not-allowed;transform:none;box-shadow:none}.login-hint{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:2px solid var(--color-gray-lightest);text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm)}.login-hint p{margin:var(--spacing-xs) 0}.login-hint strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.login-contact{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:2px solid var(--color-gray-lightest)}.contact-header{text-align:center;margin-bottom:var(--spacing-lg)}.contact-header h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.contact-header p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.contact-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.contact-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.contact-btn{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);text-decoration:none;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);transition:all var(--transition-base);box-shadow:var(--shadow-sm);gap:var(--spacing-sm)}.contact-btn-chat{background:var(--gradient-emerald);color:var(--text-white)}.contact-btn-chat:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.contact-btn-whatsapp{background:var(--gradient-emerald);color:var(--text-white)}.contact-btn-whatsapp:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.contact-phone{text-align:center;padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-lg);margin-top:var(--spacing-sm);border:1px solid var(--color-gray-lightest)}.contact-phone span{color:var(--text-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.contact-info-placeholder{text-align:center;padding:var(--spacing-xl);color:var(--text-light);font-size:var(--font-size-sm)}.contact-info-placeholder p{margin:0}@media (max-width: 480px){.login-card{padding:var(--spacing-3xl) var(--spacing-xl)}.login-title{font-size:var(--font-size-3xl)}.contact-btn{font-size:var(--font-size-xs);padding:var(--spacing-sm) var(--spacing-md)}}.call-history-container{padding:0;margin:0;min-height:100%;box-sizing:border-box;font-family:var(--font-family);width:100%;max-width:100%}.page-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-3xl);margin-top:var(--spacing-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-md)}.page-title:before{content:"📞";font-size:2.5rem}.search-bar-container{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-3xl);background:var(--bg-card);padding:var(--spacing-lg);border-radius:var(--radius-xl);border:2px solid var(--color-gray-lightest);box-shadow:var(--shadow-sm)}.search-input{flex:1;background:var(--bg-input);border:2px solid var(--color-gray-lighter);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);outline:none;transition:all var(--transition-base);font-family:var(--font-family)}.search-input:focus{border-color:var(--color-secondary);box-shadow:var(--shadow-input-focus)}.search-input::placeholder{color:var(--text-light)}.search-btn{background:var(--gradient-secondary);color:var(--text-white);border:none;padding:var(--spacing-md) var(--spacing-3xl);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-button)}.search-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-button-hover)}.search-btn:disabled{background:var(--color-gray-lighter);color:var(--text-light);cursor:not-allowed;transform:none;box-shadow:none}.recent-phones-section{margin-bottom:var(--spacing-2xl);background:var(--bg-card);padding:var(--spacing-lg);border-radius:var(--radius-xl);border:2px solid var(--color-gray-lightest);box-shadow:var(--shadow-sm)}.recent-phones-label{display:block;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:.5px}.recent-phones-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.recent-phone-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:2px solid var(--color-gray-lighter);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family)}.recent-phone-btn:hover{background:var(--bg-tertiary);border-color:var(--color-secondary-light);transform:translateY(-2px);box-shadow:var(--shadow-xs)}.recent-phone-btn.active{background:#14b8a61a;border-color:var(--color-secondary);color:var(--color-secondary);font-weight:var(--font-weight-semibold)}.recent-phone-icon{font-size:1rem}.recent-phone-text{color:inherit}.recent-phones-loading{padding:var(--spacing-md);text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic}.error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid var(--color-danger);color:var(--text-error);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-sm);font-weight:var(--font-weight-medium);box-shadow:var(--shadow-error)}.error-message:before{content:"⚠️";font-size:1.5rem}.summary-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-lg);background:var(--bg-card);border:2px solid var(--color-gray-lightest);padding:var(--spacing-xl);border-radius:var(--radius-xl);margin-bottom:var(--spacing-3xl);box-shadow:var(--shadow-sm)}.summary-item{display:flex;flex-direction:column;padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-gray-lightest);transition:all var(--transition-base)}.summary-item:hover{background:var(--bg-tertiary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.summary-label{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:1px;font-weight:var(--font-weight-semibold)}.summary-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);letter-spacing:-.5px}.timeline-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xl);color:var(--text-primary);padding-left:var(--spacing-lg);border-left:4px solid var(--color-secondary);font-weight:var(--font-weight-bold)}.session-card{background:var(--bg-card);border:2px solid var(--color-gray-lightest);border-radius:var(--radius-xl);margin-bottom:var(--spacing-lg);overflow:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.session-card:hover{border-color:var(--color-gray-lighter);transform:translate(4px);box-shadow:var(--shadow-md)}.session-card.expanded{border-color:var(--color-secondary);transform:none;box-shadow:var(--shadow-lg)}.session-header{padding:var(--spacing-lg) var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background var(--transition-fast)}.session-header:hover{background:var(--bg-secondary)}.session-info{display:flex;gap:var(--spacing-lg);align-items:center;flex-wrap:wrap}.session-date{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-base)}.session-type{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-badge);text-transform:uppercase;font-weight:var(--font-weight-bold);letter-spacing:.5px}.type-inbound{background:#10b9811a;color:var(--color-accent-emerald);border:1px solid rgba(16,185,129,.3)}.type-outbound{background:#14b8a61a;color:var(--color-secondary);border:1px solid rgba(20,184,166,.3)}.session-duration{color:var(--text-tertiary);font-size:var(--font-size-sm);font-family:Monaco,Consolas,monospace;font-weight:var(--font-weight-medium)}.session-toggle{color:var(--text-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--transition-fast)}.session-card:hover .session-toggle{color:var(--color-secondary)}.session-details{border-top:2px solid var(--color-gray-lightest);background:var(--bg-secondary);padding:var(--spacing-xl);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.transcript-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.message-bubble{max-width:75%;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);position:relative;line-height:1.6;font-size:var(--font-size-sm);box-shadow:var(--shadow-xs)}.message-bubble.assistant{align-self:flex-start;background:var(--bg-card);border:2px solid var(--color-gray-lightest);border-bottom-left-radius:var(--radius-sm);color:var(--text-primary)}.message-bubble.user{align-self:flex-end;background:linear-gradient(135deg,#14b8a61a,#14b8a626);border:2px solid var(--color-secondary-light);border-bottom-right-radius:var(--radius-sm);color:var(--text-primary)}.message-role{font-size:var(--font-size-xs);margin-bottom:var(--spacing-xs);color:var(--text-secondary);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.message-text{color:var(--text-primary)}.system-event{align-self:center;font-size:var(--font-size-xs);color:var(--text-tertiary);background:var(--bg-tertiary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-badge);margin:var(--spacing-sm) 0;border:1px dashed var(--color-gray-lighter);font-weight:var(--font-weight-medium)}.system-event.function-call{background:#8b5cf60d;border-color:#8b5cf633;color:var(--color-accent-violet)}.no-transcript{text-align:center;color:var(--text-light);font-style:italic;padding:var(--spacing-3xl);font-size:var(--font-size-base)}@media (max-width: 768px){.search-bar-container{flex-direction:column}.search-btn{width:100%}.summary-card{grid-template-columns:1fr}.session-info{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.message-bubble{max-width:90%}}.analytics-container{padding:var(--spacing-2xl);height:100%;display:flex;flex-direction:column;background:var(--bg-page);overflow-y:auto}.analytics-header{text-align:center;margin-bottom:var(--spacing-3xl);animation:fadeIn .6s ease-in}.analytics-header h1{font-size:2.5rem;font-weight:700;color:var(--color-primary);margin:0 0 var(--spacing-lg) 0;letter-spacing:-.5px}.analytics-header p{font-size:1.1rem;color:var(--color-gray-dark);max-width:600px;margin:0 auto;opacity:.9}.analytics-loading{display:flex;align-items:center;justify-content:center;height:400px;font-size:1.1rem;color:var(--color-gray-dark);animation:fadeIn .4s ease-in}.no-data,.no-selection{display:flex;align-items:center;justify-content:center;min-height:400px;color:var(--color-gray-dark);font-size:1.1rem;background:var(--bg-card);border-radius:var(--radius-lg);border:2px dashed var(--color-gray-lightest);padding:var(--spacing-3xl)}.analytics-layout{display:grid;grid-template-columns:300px 1fr;gap:var(--spacing-2xl);flex:1;min-height:0}.phone-list-sidebar{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;height:fit-content;max-height:700px}.phone-list-sidebar h3{margin:0 0 var(--spacing-lg) 0;color:var(--color-primary);font-size:1.1rem;font-weight:600}.phone-list{display:flex;flex-direction:column;gap:var(--spacing-sm);overflow-y:auto;max-height:600px;padding-right:var(--spacing-xs)}.phone-list::-webkit-scrollbar{width:6px}.phone-list::-webkit-scrollbar-track{background:transparent}.phone-list::-webkit-scrollbar-thumb{background:var(--color-gray-light);border-radius:3px}.phone-item{padding:var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;background:var(--bg-page);border:2px solid transparent;transition:all var(--transition-base)}.phone-item:hover{background:var(--color-gray-lightest);border-color:var(--color-primary)}.phone-item.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.phone-number{font-weight:600;font-size:1rem;margin-bottom:var(--spacing-xs);word-break:break-all}.phone-stats{display:flex;justify-content:space-between;gap:var(--spacing-sm);font-size:.85rem;opacity:.8}.call-count,.duration-badge{padding:2px 6px;background:#0000001a;border-radius:3px;white-space:nowrap}.phone-item.active .call-count,.phone-item.active .duration-badge{background:#fff3}.analytics-main{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-sm);overflow-y:auto;display:flex;flex-direction:column}.analytics-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl);border-bottom:2px solid var(--color-gray-lightest);padding-bottom:var(--spacing-lg)}.analytics-section-header h2{margin:0;color:var(--color-primary);font-size:1.8rem;word-break:break-all}.refresh-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:600;transition:all var(--transition-base);font-size:1rem}.refresh-btn:hover{background:var(--color-primary-dark);transform:scale(1.05)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-3xl)}.kpi-card{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--bg-page) 100%);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-lightest);transition:all var(--transition-base)}.kpi-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.kpi-label{font-size:.9rem;color:var(--color-gray-dark);font-weight:500;margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px}.kpi-value{font-size:2rem;font-weight:700;color:var(--color-primary);margin:0}.kpi-value-small{font-size:1.1rem;font-weight:600;color:var(--color-primary);word-break:break-word}.sessions-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.sessions-section h3{margin:0;color:var(--color-primary);font-size:1.3rem;font-weight:600}.sessions-table-container{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--color-gray-lightest)}.sessions-table{width:100%;border-collapse:collapse;background:var(--bg-page)}.sessions-table thead{background:var(--color-primary-light)}.sessions-table th{padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--color-primary);font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-gray-light)}.sessions-table td{padding:var(--spacing-md);border-bottom:1px solid var(--color-gray-lightest);color:var(--color-gray-dark)}.sessions-table tbody tr{transition:background var(--transition-base)}.sessions-table tbody tr:hover{background:var(--color-gray-lightest)}.sessions-table tbody tr:last-child td{border-bottom:none}.duration-cell{font-weight:600;color:var(--color-primary)}.call-type-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize}.call-type-badge.inbound{background:#4caf501a;color:#4caf50}.call-type-badge.outbound{background:#2196f31a;color:#2196f3}.phone-analytics{display:flex;flex-direction:column;gap:var(--spacing-2xl)}@media (max-width: 1024px){.analytics-layout{grid-template-columns:1fr}.phone-list-sidebar{max-height:none}.phone-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));max-height:none}}@media (max-width: 768px){.analytics-container{padding:var(--spacing-lg)}.analytics-header h1{font-size:2rem}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.analytics-section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.refresh-btn{align-self:flex-end}.sessions-table{font-size:.9rem}.sessions-table th,.sessions-table td{padding:var(--spacing-sm)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-body);min-height:100vh;color:var(--text-primary)}.app{min-height:100vh;display:flex;flex-direction:row;position:relative;background:var(--bg-body)}.navbar{background:var(--bg-navbar);color:var(--text-white);padding:var(--spacing-xl) 0;box-shadow:var(--shadow-xl);position:sticky;top:0;height:100vh;width:280px;flex-shrink:0;z-index:var(--z-navbar);overflow-y:auto;border-right:1px solid rgba(255,255,255,.05)}.nav-container{width:100%;padding:0 var(--spacing-lg);display:flex;flex-direction:column;height:100%}.nav-logo{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-3xl);text-align:center;background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.nav-menu{display:flex;flex-direction:column;list-style:none;gap:var(--spacing-sm);flex:1}.nav-menu li{width:100%}.nav-link{color:var(--text-light);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--font-size-base);transition:all var(--transition-base);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);position:relative;display:flex;align-items:center;gap:var(--spacing-md)}.nav-icon{font-size:1.25rem;display:inline-flex;align-items:center;justify-content:center;min-width:24px;transition:transform var(--transition-base)}.nav-link:hover{color:var(--text-white);background:#14b8a61a;transform:translate(4px)}.nav-link:hover .nav-icon{transform:scale(1.15)}.nav-link.active{color:var(--text-white);background:#14b8a626;border-left:3px solid var(--color-secondary)}.top-right-logout{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:var(--z-modal)}.btn-logout{padding:var(--spacing-sm) var(--spacing-xl);background:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:all var(--transition-base);font-size:var(--font-size-base)}.btn-logout:hover{background:#ef444433;color:#fff;border-color:#ef444466;transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}.btn-logout:active{transform:translateY(0)}.main-content{flex:1;width:100%;max-width:100%;margin:0;padding:var(--spacing-3xl);padding-top:calc(var(--spacing-3xl) + 60px);overflow-y:auto;height:100vh;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);border:1px solid var(--color-gray-lightest)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-gray-lightest)}.card-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-md)}.btn{padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:all var(--transition-base);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);letter-spacing:.3px;box-shadow:var(--shadow-sm)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--gradient-secondary);color:var(--text-white)}.btn-primary:hover{box-shadow:var(--shadow-button-hover)}.btn-success{background:var(--gradient-emerald);color:var(--text-white)}.btn-success:hover{opacity:.9}.btn-danger{background:linear-gradient(135deg,var(--color-danger) 0%,var(--color-danger-dark) 100%);color:var(--text-white)}.btn-danger:hover{opacity:.9}.btn-secondary{background:var(--color-gray-light);color:var(--text-white)}.btn-secondary:hover{background:var(--color-gray)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);font-size:var(--font-size-sm)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-md);border:2px solid var(--color-gray-lighter);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all var(--transition-base);background-color:var(--bg-input);color:var(--text-primary);font-family:var(--font-family)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-secondary);box-shadow:var(--shadow-input-focus)}.form-textarea{resize:vertical;min-height:120px}.form-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-badge);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:capitalize;letter-spacing:.3px}.badge-scheduled{background-color:var(--badge-scheduled-bg);color:var(--text-white)}.badge-completed{background-color:var(--badge-completed-bg);color:var(--text-white)}.badge-cancelled{background-color:var(--badge-cancelled-bg);color:var(--text-white)}.badge-pending{background-color:var(--badge-pending-bg);color:var(--text-white)}.badge-approved{background-color:var(--badge-approved-bg);color:var(--text-white)}.badge-rejected{background-color:var(--badge-rejected-bg);color:var(--text-white)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.action-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.loading{text-align:center;padding:var(--spacing-4xl) var(--spacing-xl);color:var(--text-secondary);font-size:var(--font-size-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.loading:before{content:"⏳";font-size:3rem;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:var(--text-error);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border-left:4px solid var(--color-danger);box-shadow:var(--shadow-error);animation:shake .5s ease-in-out;font-weight:var(--font-weight-medium)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@media (max-width: 768px){.navbar{width:100%;height:auto;position:relative}.app{flex-direction:column}.nav-menu{flex-direction:row;overflow-x:auto}.main-content{padding:var(--spacing-lg)}.stats-grid{grid-template-columns:1fr}}:root{--color-primary: #1e293b;--color-primary-dark: #0f172a;--color-primary-light: #334155;--color-primary-lighter: #475569;--color-secondary: #14b8a6;--color-secondary-dark: #0d9488;--color-secondary-light: #2dd4bf;--color-secondary-lighter: #5eead4;--color-accent-coral: #f97316;--color-accent-coral-dark: #ea580c;--color-accent-amber: #f59e0b;--color-accent-amber-dark: #d97706;--color-accent-emerald: #10b981;--color-accent-emerald-dark: #059669;--color-accent-violet: #8b5cf6;--color-accent-violet-dark: #7c3aed;--color-success: #10b981;--color-success-dark: #059669;--color-warning: #f59e0b;--color-warning-dark: #d97706;--color-danger: #ef4444;--color-danger-dark: #dc2626;--color-info: #14b8a6;--color-info-dark: #0d9488;--color-dark: #0f172a;--color-dark-light: #1e293b;--color-gray: #64748b;--color-gray-light: #94a3b8;--color-gray-lighter: #cbd5e1;--color-gray-lightest: #f1f5f9;--color-white: #ffffff;--color-black: #000000;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-body: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--bg-navbar: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);--bg-card: #ffffff;--bg-card-hover: #fafbfc;--bg-input: #ffffff;--bg-overlay: rgba(15, 23, 42, .75);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-light: #94a3b8;--text-white: #ffffff;--text-error: #dc2626;--gradient-primary: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);--gradient-secondary: linear-gradient(135deg, #14b8a6 0%, #0d9488 100%);--gradient-coral: linear-gradient(135deg, #f97316 0%, #ea580c 100%);--gradient-amber: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--gradient-emerald: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-violet: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .85) 100%);--login-bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);--login-overlay: linear-gradient(135deg, rgba(20, 184, 166, .1) 0%, rgba(139, 92, 246, .1) 100%);--login-card-bg: rgba(255, 255, 255, .98);--login-card-border: rgba(20, 184, 166, .2);--login-card-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--shadow-button: 0 4px 15px rgba(20, 184, 166, .3);--shadow-button-hover: 0 6px 20px rgba(20, 184, 166, .4);--shadow-input-focus: 0 0 0 3px rgba(20, 184, 166, .1);--shadow-error: 0 2px 8px rgba(239, 68, 68, .2);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--radius-badge: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--spacing-3xl: 3rem;--spacing-4xl: 4rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--z-base: 0;--z-overlay: 1;--z-card: 2;--z-navbar: 100;--z-modal: 1000;--stat-card-1-border: var(--gradient-secondary);--stat-card-2-border: var(--gradient-emerald);--stat-card-3-border: var(--gradient-amber);--stat-card-4-border: var(--gradient-violet);--stat-card-5-border: var(--gradient-coral);--stat-card-6-border: var(--gradient-secondary);--badge-scheduled-bg: #14b8a6;--badge-completed-bg: #10b981;--badge-cancelled-bg: #ef4444;--badge-pending-bg: #f59e0b;--badge-approved-bg: #10b981;--badge-rejected-bg: #ef4444;--table-header-bg: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);--table-border: #e2e8f0;--table-row-hover: #f8fafc;--table-row-border: #f1f5f9}