.login-container{background:linear-gradient(135deg,#dbeafe,#fff);justify-content:center;align-items:center;height:100vh;display:flex}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff6;border-radius:16px;flex-direction:column;gap:10px;width:320px;padding:30px;display:flex;box-shadow:0 10px 30px #0000001a}:root{--primary:#2563eb;--primary-light:#eff6ff;--bg-gradient:linear-gradient(135deg, #eef6fc 0%, #f4f9fd 50%, #fff 100%);--text-main:#1e293b;--text-muted:#64748b;--card-bg:#fff;--border-color:#f1f5f9}body{background:var(--bg-gradient);color:var(--text-main);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-sizing:border-box;background:#ffffffa6;border-right:1px solid #e2e8f0cc;flex-direction:column;width:260px;padding:24px 16px;display:flex}.logo-section{align-items:center;gap:10px;margin-bottom:32px;padding-left:12px;display:flex}.logo-icon{color:var(--primary);align-items:center;display:flex}.logo-text{color:#0f172a;font-size:20px;font-weight:700}.nav-menu{flex-direction:column;flex:1;gap:4px;display:flex}.nav-item{color:var(--text-muted);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-main);background:#f1f5f9cc}.nav-item.active{background:var(--primary-light);color:var(--primary);font-weight:600}.nav-icon{width:20px;font-size:16px}.sidebar-footer{border-top:1px solid #e2e8f0;flex-direction:column;gap:4px;margin-top:auto;padding-top:16px;display:flex}.badge-container{justify-content:space-between}.notification-badge{color:#fff;background:#2563eb;border-radius:20px;padding:2px 7px;font-size:11px;font-weight:600}.user-profile{background:#ffffffe6;border-radius:12px;align-items:center;gap:10px;margin-top:16px;padding:10px 8px;display:flex;box-shadow:0 4px 12px #00000005}.avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.user-info{flex-direction:column;flex:1;display:flex}.user-name{color:var(--text-main);font-size:13px;font-weight:600}.user-email{color:var(--text-muted);font-size:11px}.dropdown-arrow{color:var(--text-muted);padding-right:4px;font-size:10px}.main-content{box-sizing:border-box;flex:1;padding:30px 40px;overflow-y:auto}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.header-title h1{margin:0 0 4px;font-size:24px;font-weight:700}.header-title p{color:var(--text-muted);margin:0;font-size:14px}.header-actions{align-items:center;gap:16px;display:flex}.action-tabs{background:#fffc;border:1px solid #e2e8f0;border-radius:10px;padding:4px;display:flex}.tab-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 12px;font-size:14px}.tab-btn.active{background:#fff;box-shadow:0 2px 6px #0000000d}.theme-toggle{cursor:pointer;font-size:18px}.user-badge{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:flex}.dashboard-grid{grid-template-columns:1fr 320px;gap:30px;display:grid}.main-stats-section{flex-direction:column;gap:24px;display:flex}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.kpi-card{background:var(--card-bg);border:1px solid #f1f5f9cc;border-radius:16px;align-items:flex-start;gap:16px;padding:20px;display:flex;box-shadow:0 4px 20px #00000005}.kpi-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.blue-bg{color:#2563eb;background:#eff6ff}.light-blue-bg{color:#0d9488;background:#f0fdfa}.green-bg{color:#16a34a;background:#f0fdf4}.purple-bg{color:#7c3aed;background:#faf5ff}.kpi-content{flex-direction:column;display:flex}.kpi-value{color:#0f172a;font-size:22px;font-weight:700}.kpi-label{color:var(--text-muted);margin:2px 0 6px;font-size:12px}.kpi-trend{font-size:11px;font-weight:500}.kpi-trend.up{color:#2563eb}.chart-container-large{background:var(--card-bg);border:1px solid #f1f5f9cc;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000005}.chart-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.chart-header h3{margin:0;font-size:15px;font-weight:600}.chart-select{color:var(--text-muted);background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:6px 12px;font-size:12px}.mock-line-chart{flex-direction:column;justify-content:space-between;height:180px;display:flex;position:relative}.chart-y-axis{color:#94a3b8;flex-direction:column;justify-content:space-between;width:30px;font-size:11px;display:flex;position:absolute;top:0;bottom:30px;left:0}.chart-visual-line{border-bottom:1px solid #f1f5f9;height:150px;margin-left:40px}.svg-line{width:100%;height:100%}.chart-x-axis{color:#94a3b8;justify-content:space-between;margin-left:40px;padding-top:10px;font-size:11px;display:flex}.bottom-charts-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.sub-chart-card{background:var(--card-bg);border:1px solid #f1f5f9cc;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000005}.sub-chart-card h3{margin:0 0 20px;font-size:14px;font-weight:600}.donut-wrapper{align-items:center;gap:24px;display:flex}.donut-chart-mock{background:conic-gradient(#2563eb 0% 36%,#10b981 36% 62%,#8b5cf6 62% 84%,#f97316 84% 100%);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.donut-center{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:70px;height:70px;display:flex}.donut-center span{font-size:16px;font-weight:700}.donut-center small{color:var(--text-muted);font-size:10px}.donut-legend{flex-direction:column;gap:8px;font-size:12px;display:flex}.dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.dot-b{background:#2563eb}.dot-g{background:#10b981}.dot-p{background:#8b5cf6}.dot-o{background:#f97316}.donut-legend small{color:var(--text-muted);margin-left:4px}.progress-bars-list{flex-direction:column;gap:12px;display:flex}.progress-item{justify-content:space-between;align-items:center;font-size:12px;display:flex}.progress-label{color:#334155;width:100px}.progress-line-container{background:#f1f5f9;border-radius:10px;flex:1;height:8px;margin:0 12px;overflow:hidden}.progress-fill{background:#3b82f6;border-radius:10px;height:100%}.progress-qty{color:#0f172a;font-weight:600}.side-widgets-section{flex-direction:column;gap:24px;display:flex}.widget-card{background:var(--card-bg);border:1px solid #f1f5f9cc;border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000005}.widget-card h3{margin:0 0 20px;font-size:14px;font-weight:600}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.calendar-nav{gap:8px;font-size:13px;display:flex}.calendar-weekdays{text-align:center;color:var(--text-muted);grid-template-columns:repeat(7,1fr);margin-bottom:8px;font-size:11px;font-weight:600;display:grid}.calendar-days{text-align:center;grid-template-columns:repeat(7,1fr);gap:8px 0;font-size:12px;display:grid}.calendar-days span{cursor:pointer;border-radius:50%;padding:6px 0;display:inline-block}.calendar-days .day-active{color:#fff;background:#2563eb;font-weight:600}.activity-list{flex-direction:column;gap:16px;display:flex}.activity-item{align-items:center;gap:12px;display:flex}.activity-icon{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;display:flex}.activity-icon.green{color:#16a34a;background:#dcfce7}.activity-icon.blue{color:#2563eb;background:#dbeafe}.activity-icon.purple{color:#7c3aed;background:#f3e8ff}.activity-icon.orange{color:#ea580c;background:#ffedd5}.activity-details{flex:1}.activity-details h4{margin:0;font-size:12px;font-weight:600}.activity-details p{color:var(--text-muted);margin:2px 0 0;font-size:11px}.activity-time{color:#94a3b8;font-size:10px}.page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.btn-edit{cursor:pointer;background:#facc15;border:none;border-radius:8px;margin-right:5px;padding:6px 10px}.btn-delete{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:6px 10px}.table-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff6;border-radius:16px;padding:10px;box-shadow:0 10px 30px #0000000d}.table th,.table td{text-align:left;padding:12px}.modal-overlay{background:#0000004d;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#fff9;border-radius:16px;flex-direction:column;gap:10px;width:320px;padding:20px;display:flex}.modal input{border:1px solid #e2e8f0;border-radius:10px;padding:10px}.modal-actions{justify-content:space-between;display:flex}.status{border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700}.status.ACTIVO{color:#065f46;background:#d1fae5}.status.PAUSADO{color:#92400e;background:#fef3c7}.status.FINALIZADO{color:#991b1b;background:#fee2e2}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.glass-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff26;border:1px solid #ffffff40;border-radius:20px;padding:25px;box-shadow:0 10px 30px #00000014}.total-card{text-align:center;margin-top:30px}.total-card h1{font-size:3rem}.table-container{overflow:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{padding:14px}.table th{background:#eef6ff}.btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:12px;padding:10px 18px}.calendar-widget{width:100%}.calendar-header{text-align:center;text-transform:capitalize;color:#000;margin-bottom:15px;font-size:15px;font-weight:700}.calendar-weekdays{grid-template-columns:repeat(7,1fr);margin-bottom:10px;display:grid}.calendar-weekdays span{text-align:center;color:#94a3b8;font-size:12px;font-weight:600}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.calendar-grid span{color:#000;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:35px;height:35px;margin:auto;transition:all .3s;display:flex}.calendar-grid span:hover{background:#3b82f626}.calendar-active{background:linear-gradient(135deg,#3b82f6,#60a5fa);font-weight:700;box-shadow:0 0 15px #3b82f680}.calendar-empty{visibility:hidden}.react-calendar{background:#fff;border:1px solid #a0a096;width:350px;max-width:100%;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{margin:-.5em;display:flex}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar :before,.react-calendar :after{box-sizing:border-box}.react-calendar button{border:0;outline:none;margin:0}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{height:44px;margin-bottom:1em;display:flex}.react-calendar__navigation button{background:0 0;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{font:inherit;justify-content:center;align-items:center;font-size:.75em;font-weight:700;display:flex}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{text-align:center;max-width:100%;font:inherit;background:0 0;padding:10px 6.6667px;font-size:.833em}.react-calendar__tile:disabled{color:#ababab;background-color:#f0f0f0}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{color:#fff;background:#006edc}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}