:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#1e1b4b;--text-secondary:#6366f1;--accent-color:#8b5cf6;--accent-glow:#8b5cf61a;--success-color:#10b981;--success-glow:#10b98126;--danger-color:#ef4444;--danger-glow:#ef444426;--warning-color:#f59e0b;--border-color:#e2e8f0;--radius-sm:8px;--radius-md:16px;--radius-lg:20px;--transition-fast:.2s ease;--transition-normal:.3s ease;--card-surface:#eef2ff}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);flex-direction:column;min-height:100vh;font-family:Plus Jakarta Sans,Outfit,Inter,-apple-system,sans-serif;display:flex}button,input,select,textarea{color:inherit;background:0 0;border:none;font-family:inherit}.login-container{background:radial-gradient(circle at top right, #8b5cf60d, transparent 45%), var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:420px;animation:fadeIn var(--transition-normal);padding:40px 32px;box-shadow:0 10px 30px #6366f10d}.login-header h1{background:linear-gradient(135deg, var(--text-primary) 0%, var(--accent-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:32px;font-weight:800}.login-header p{color:var(--text-secondary);margin-bottom:32px;font-size:14px;font-weight:500}.form-group{text-align:left;margin-bottom:20px}.form-group label{color:var(--text-primary);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-input{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:var(--transition-fast);padding:14px 18px;font-size:14px}select.form-input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.form-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.login-btn{background-color:var(--accent-color);color:#fff;cursor:pointer;width:100%;transition:var(--transition-fast);border-radius:9999px;margin-top:12px;padding:14px;font-weight:700;box-shadow:0 4px 12px #8b5cf633}.login-btn:hover{background-color:#7c3aed;transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.error-message{background-color:var(--danger-glow);border:1px solid var(--danger-color);color:#b91c1c;border-radius:var(--radius-md);text-align:left;margin-bottom:20px;padding:12px 16px;font-size:13px;font-weight:500}.dashboard-layout{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;padding:32px 20px;display:flex}.logo{color:var(--text-primary);align-items:center;gap:10px;margin-bottom:40px;padding-left:8px;font-size:24px;font-weight:800;display:flex}.nav-menu{flex-direction:column;flex-grow:1;gap:12px;display:flex}.nav-item{border-radius:var(--radius-lg);color:var(--text-primary);opacity:.7;cursor:pointer;transition:var(--transition-fast);align-items:center;gap:14px;padding:14px 20px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.nav-item:hover,.nav-item.active{opacity:1;background-color:var(--bg-tertiary)}.nav-item.active{background-color:var(--accent-glow);color:var(--accent-color);opacity:1}.sidebar-footer{border-top:1px solid var(--border-color);padding-top:20px}.mobile-menu-toggle,.sidebar-overlay{display:none}.main-content{background-color:var(--bg-primary);padding:48px;overflow-y:auto}.header-container{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.page-title h2{color:var(--text-primary);font-size:28px;font-weight:800}.page-title p{color:var(--text-secondary);margin-top:6px;font-size:15px;font-weight:500}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-bottom:40px;display:grid}.stat-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);align-items:center;gap:20px;padding:24px;display:flex;box-shadow:0 4px 20px #6366f105}.stat-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:52px;height:52px;display:flex}.stat-icon.blue{background-color:var(--accent-glow);color:var(--accent-color)}.stat-icon.emerald{background-color:var(--success-glow);color:var(--success-color)}.stat-icon.warning{color:var(--warning-color);background-color:#f59e0b1a}.stat-info h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:600}.stat-info p{color:var(--text-primary);margin-top:4px;font-size:28px;font-weight:800}.dashboard-grid{grid-template-columns:1.5fr 1fr;gap:32px;display:grid}.panel-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px;box-shadow:0 4px 20px #6366f105}.panel-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.panel-header h3{color:var(--text-primary);font-size:20px;font-weight:700}.table-container{overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:14px 18px;font-size:12px;font-weight:700}.custom-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:18px;font-size:14px}.custom-table tr:last-child td{border-bottom:none}.badge{text-transform:capitalize;border-radius:9999px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-block}.badge.confirmada,.badge.approved{background-color:var(--success-glow);color:var(--success-color)}.badge.pendiente{color:var(--warning-color);background-color:#f59e0b1a}.badge.cancelada{background-color:var(--danger-glow);color:var(--danger-color)}.filters-bar{flex-wrap:wrap;gap:16px;margin-bottom:32px;display:flex}.filter-select{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;outline:none;padding:10px 36px 10px 16px;font-size:13px;font-weight:600;transition:border-color .15s}.filter-select:focus{border-color:var(--accent-color)}.action-btn{background-color:var(--accent-color);color:#fff;cursor:pointer;transition:var(--transition-fast);border-radius:9999px;align-items:center;gap:8px;padding:12px 20px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #8b5cf633}.action-btn:hover{background-color:#7c3aed;transform:translateY(-1px)}.action-btn.secondary{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);box-shadow:none}.action-btn.secondary:hover{background-color:var(--border-color);transform:none}.action-btn.danger{background-color:var(--danger-color);box-shadow:0 4px 12px #ef444433}.action-btn.danger:hover{background-color:#dc2626}.modal-overlay{z-index:1000;width:100vw;height:100vh;animation:fadeIn var(--transition-fast);background-color:#1e1b4b66;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:500px;padding:32px;box-shadow:0 20px 40px #1e1b4b1a}.modal-footer{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.fade-in-animation{animation:fadeIn var(--transition-normal)}.calendar-view-container{flex-direction:column;gap:16px;margin-top:16px;display:flex}.calendar-grid-header{text-align:center;color:var(--text-secondary);border-bottom:1px solid var(--border-color);grid-template-columns:repeat(7,1fr);gap:12px;padding-bottom:12px;font-size:13px;font-weight:700;display:grid}.calendar-grid-body{grid-template-columns:repeat(7,1fr);gap:12px;display:grid}.calendar-day-cell{background-color:var(--card-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);min-height:110px;transition:var(--transition-fast);flex-direction:column;gap:8px;padding:12px;display:flex}.calendar-day-cell:hover{border-color:var(--accent-color);background-color:#fff;box-shadow:0 4px 12px #6366f10a}.calendar-day-number{color:var(--text-primary);font-size:12px;font-weight:800}.calendar-day-cell.other-month{opacity:.3}.calendar-event-pill{border-radius:var(--radius-sm);background-color:var(--bg-secondary);border-left:3px solid var(--accent-color);color:var(--text-primary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;transition:var(--transition-fast);padding:6px 10px;font-size:11px;font-weight:600;overflow:hidden;box-shadow:0 2px 6px #6366f105}.calendar-event-pill:hover{transform:translateY(-1px)}.calendar-event-pill.cancelada{border-left-color:var(--danger-color)}.calendar-event-pill.pendiente{border-left-color:var(--warning-color)}.time-grid-container{background-color:var(--border-color);border-radius:var(--radius-lg);flex-direction:column;gap:1px;display:flex;overflow:hidden}.time-grid-row{background-color:var(--bg-secondary);grid-template-columns:90px 1fr;display:grid}.time-grid-label{color:var(--text-secondary);text-align:right;border-right:1px solid var(--border-color);align-self:center;padding:16px;font-size:12px;font-weight:700}.time-grid-events{flex-wrap:wrap;gap:10px;padding:12px;display:flex}.request-card-list{flex-direction:column;gap:12px;display:flex}.request-card{border:1px solid var(--border-color);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.request-card-info p{margin:2px 0;font-size:14px}.request-card-info .request-client{color:var(--text-primary);font-weight:700}.request-card-info .request-meta{color:var(--text-secondary);font-size:13px}.request-card-actions{gap:10px;display:flex}.request-card-actions .action-btn{min-height:44px;padding:12px 22px}@media (max-width:768px){.request-card{flex-direction:column;align-items:stretch}.request-card-actions{width:100%}.request-card-actions .action-btn{flex:1;justify-content:center;padding:16px 24px}.mobile-menu-toggle{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);width:44px;height:44px;color:var(--text-primary);z-index:1100;justify-content:center;align-items:center;display:flex;position:fixed;top:16px;left:16px;box-shadow:0 4px 12px #1e1b4b14}.sidebar-overlay{z-index:999;background-color:#1e1b4b66;display:block;position:fixed;inset:0}.dashboard-layout{grid-template-columns:1fr}.sidebar{width:260px;max-width:80vw;height:100vh;transition:transform var(--transition-normal);z-index:1000;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{padding:76px 16px 32px}.header-container{flex-direction:column;align-items:flex-start;gap:16px}.dashboard-grid{grid-template-columns:1fr}.calendar-grid-header,.calendar-grid-body{grid-template-columns:repeat(7,minmax(90px,1fr))}.calendar-view-container{overflow-x:auto}.time-grid-row{grid-template-columns:70px 1fr}}