.calendar-page{flex-direction:column;gap:24px;width:100%;display:flex}.calendar-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.calendar-head h2{letter-spacing:-.3px;color:#15171e;margin:0;font-size:24px;font-weight:800}.calendar-head .sub{color:var(--muted-foreground);margin-top:4px;font-size:14px}.calendar-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}@media (max-width:960px){.calendar-kpi-grid{grid-template-columns:1fr}}.calendar-kpi-card{min-height:150px;box-shadow:var(--shadow-sm);border:1px solid #ffffffb3;border-radius:22px;flex-direction:column;justify-content:space-between;padding:22px 24px;transition:transform .22s,box-shadow .22s;display:flex}.calendar-kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.calendar-kpi-card.calendar-kpi-pearl{background:var(--grad-soft-pearl);border-color:var(--border)}.calendar-kpi-head{justify-content:space-between;align-items:center;display:flex}.calendar-kpi-title{color:var(--foreground);letter-spacing:-.01em;font-size:14px;font-weight:700}.calendar-kpi-icon{width:38px;height:38px;color:var(--foreground);background:#ffffffa6;border:1px solid #fffc;border-radius:12px;place-items:center;display:grid;box-shadow:0 2px 8px #0000000a}.calendar-kpi-icon.soft{background:var(--surface);border-color:var(--border)}.calendar-kpi-big{letter-spacing:-1.2px;color:var(--foreground);font-feature-settings:"tnum";font-size:42px;font-weight:800;line-height:1}.calendar-kpi-sub{color:var(--muted-foreground);margin-top:4px;font-size:13px;font-weight:500}.calendar-controls-bar{background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex}.calendar-controls-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.calendar-controls-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.calendar-view-switcher{background:var(--background);border-radius:var(--radius-full);gap:2px;padding:3px;display:inline-flex}.calendar-view-btn{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;height:28px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex;position:relative}.calendar-view-btn:before{content:"";border-radius:var(--radius-full);position:absolute;inset:-9px}.calendar-view-btn:hover{color:#15171e}.calendar-view-btn.active{background:var(--surface-raised);color:var(--foreground);font-weight:700;box-shadow:0 2px 6px #0000000f}.calendar-search-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-full);align-items:center;gap:8px;min-width:200px;height:36px;padding:0 14px;transition:border-color .15s;display:flex}.calendar-search-box:focus-within{border-color:var(--focus-ring);background:var(--surface-raised)}.calendar-search-input{color:var(--foreground);background:0 0;border:none;outline:none;width:100%;font-size:13px}.calendar-search-input::placeholder{color:var(--muted-foreground)}.calendar-period-nav{align-items:center;gap:8px;display:flex}.calendar-nav-btn{border:1px solid var(--border);background:var(--surface-raised);width:30px;height:30px;color:var(--muted-foreground);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.calendar-nav-btn:hover{background:var(--surface);color:var(--foreground)}.calendar-nav-today-btn{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface-raised);height:30px;color:var(--muted-foreground);cursor:pointer;padding:0 14px;font-size:12px;font-weight:600;transition:all .15s}.calendar-nav-today-btn:hover{background:var(--surface);color:var(--foreground)}.calendar-period-title{color:var(--foreground);text-align:center;min-width:140px;font-size:14px;font-weight:700}.calendar-origin-filters{align-items:center;gap:6px;display:flex}.origin-filter-btn{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);height:28px;color:var(--muted-foreground);cursor:pointer;padding:0 12px;font-size:12px;font-weight:600;transition:all .15s;position:relative}.origin-filter-btn:before{content:"";border-radius:var(--radius-full);position:absolute;inset:-8px -4px}.origin-filter-btn:hover{background:var(--background);color:var(--foreground)}.origin-filter-btn.active{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.calendar-add-btn{border-radius:var(--radius-full);background:var(--gradient-brand);height:36px;color:var(--primary-foreground);cursor:pointer;border:none;align-items:center;gap:6px;padding:0 18px;font-size:13px;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 12px #256ad147}.calendar-add-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #256ad159}.calendar-agenda-container{flex-direction:column;gap:20px;display:flex}.calendar-day-section{background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;position:relative;overflow:hidden}.calendar-day-section.is-today{background:radial-gradient(circle at top right, #2563eb0f, transparent 50%), var(--surface-raised);border-color:#256ad159}.calendar-day-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.calendar-day-title-wrap{align-items:center;gap:10px;display:flex}.calendar-day-badge{color:var(--foreground);font-size:14px;font-weight:700}.calendar-today-tag{background:var(--gradient-brand);color:var(--primary-foreground);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;font-size:11px;font-weight:700}.calendar-day-count{color:var(--foreground);background:var(--background);border-radius:var(--radius-full);padding:2px 10px;font-size:12px;font-weight:600}.calendar-events-list{divide-y:1px solid #0f172a0a;flex-direction:column;display:flex}.calendar-event-card{border-left:4px solid #0000;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;transition:background-color .15s;display:flex}.calendar-event-card:hover{background-color:var(--surface)}.calendar-event-left{flex:1;align-items:flex-start;gap:14px;min-width:0;display:flex}.calendar-event-color-bar{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:6px}.calendar-event-details{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.calendar-event-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.calendar-event-title{color:var(--foreground);word-break:break-word;margin:0;font-size:14px;font-weight:700}.calendar-origin-pill{color:#475569;background:#f1f5f9;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.calendar-origin-pill.clases,.calendar-origin-pill.academico{color:#3730a3;background:#5337ff1a;border:1px solid #5337ff2e}.calendar-origin-pill.google{color:#1d4ed8;background:#1d4ed81a;border:1px solid #1d4ed82e}.calendar-countdown-pill{border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.calendar-countdown-pill.danger{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;font-weight:700}.calendar-countdown-pill.warning{color:#7c2d12;background:#fff7ed;border:1px solid #fed7aa;font-weight:700}.calendar-countdown-pill.info{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;font-weight:600}.calendar-countdown-pill.neutral{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;font-weight:600}.calendar-clases-head-badges{align-items:center;gap:6px;display:flex}.calendar-category-pill{border-radius:var(--radius-full);border:1px solid #0000;padding:2px 8px;font-size:11px;font-weight:700;line-height:1}.calendar-category-pills{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.calendar-category-pill{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);height:28px;color:var(--muted-foreground);cursor:pointer;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.calendar-category-pill.selected{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.calendar-category-dot{border-radius:50%;flex:none;width:8px;height:8px}.calendar-event-desc{color:#64748b;word-break:break-word;margin:0;font-size:13px;line-height:1.4}.calendar-event-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.calendar-time-pill{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;justify-content:center;align-items:center;height:28px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.calendar-event-actions{align-items:center;gap:4px;display:flex}.calendar-icon-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex;position:relative}.calendar-icon-btn:before{content:"";border-radius:10px;position:absolute;inset:-8px}.calendar-icon-btn:hover{color:#0f172a;background:#f1f5f9}.calendar-icon-btn.info{color:#1d4ed8}.calendar-icon-btn.info:hover{color:#1e40af;background:#eff6ff}.calendar-icon-btn.danger:hover{color:#dc2626;background:#fee2e2}.calendar-week-grid{background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;grid-template-columns:repeat(7,1fr);gap:10px;padding:16px;display:grid}@media (max-width:860px){.calendar-week-grid{grid-template-columns:1fr}}.calendar-week-col{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;min-height:220px;display:flex;overflow:hidden}.calendar-week-col.is-today{background:var(--info-soft);border-color:#256ad14d}.calendar-week-col-head{text-align:center;border-bottom:1px solid var(--border);background:#ffffffb3;padding:10px 8px}.calendar-week-day-name{text-transform:uppercase;color:var(--muted-foreground);font-size:11px;font-weight:700}.calendar-week-day-number{color:var(--foreground);font-size:16px;font-weight:800}.calendar-week-events{flex-direction:column;flex:1;gap:6px;padding:8px;display:flex}.calendar-week-event-chip{color:var(--foreground);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:6px 8px;font-size:11px;font-weight:600;transition:transform .12s,box-shadow .12s;display:flex;overflow:hidden;box-shadow:0 1px 4px #1416230f}.calendar-week-event-chip:hover{transform:translateY(-1px);box-shadow:0 4px 10px #14162314}.calendar-week-dot{border-radius:50%;flex:none;width:7px;height:7px}.calendar-month-container{background:var(--surface-raised);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;padding:16px}.calendar-month-weekdays-row{text-align:center;color:var(--muted-foreground);border-bottom:1px solid var(--border);grid-template-columns:repeat(7,1fr);padding-bottom:10px;font-size:12px;font-weight:700;display:grid}.calendar-month-days-grid{grid-template-columns:repeat(7,1fr);gap:6px;margin-top:10px;display:grid}.calendar-month-cell{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:4px;min-height:90px;padding:7px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.calendar-month-cell:hover{box-shadow:var(--shadow-sm);border-color:#a78bfa40;transform:translateY(-2px)}.calendar-month-cell.is-other-month{opacity:.45;background:var(--background)}.calendar-month-cell.is-today{background:var(--info-soft);border-color:#256ad152;box-shadow:inset 0 0 0 2px #256ad11f}.calendar-month-cell-num{color:var(--muted-foreground);text-align:right;font-size:12px;font-weight:700}.calendar-month-event-dot{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:3px 6px;font-size:10px;font-weight:600;display:flex;overflow:hidden;box-shadow:0 1px 3px #1416230f}.calendar-dialog-form{flex-direction:column;gap:16px;padding-top:8px;display:flex}.calendar-form-group{flex-direction:column;gap:6px;display:flex}.calendar-form-group label{color:#334155;font-size:13px;font-weight:600}.calendar-form-input,.calendar-form-textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:8px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.calendar-form-input:focus,.calendar-form-textarea:focus{border-color:#2f7ded;box-shadow:0 0 0 3px #2f7ded26}.calendar-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:540px){.calendar-form-row{grid-template-columns:1fr}}.calendar-checkbox-row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.calendar-checkbox-row input[type=checkbox]{accent-color:#2f7ded;cursor:pointer;width:16px;height:16px}.calendar-checkbox-label{color:#334155;font-size:13px;font-weight:600}.calendar-color-presets{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.calendar-color-btn{cursor:pointer;color:#fff;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;transition:transform .15s,border-color .15s;display:flex}.calendar-color-btn:hover{transform:scale(1.15)}.calendar-color-btn.selected{border-color:#0f172a;box-shadow:inset 0 0 0 2px #fff}.calendar-dialog-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;margin-top:8px;padding-top:12px;display:flex}.calendar-error-banner{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:500}.calendar-clases-detail{flex-direction:column;gap:16px;display:flex}.calendar-clases-card{border:1px solid #0f172a14;border-radius:16px;flex-direction:column;gap:12px;padding:18px 20px;display:flex;box-shadow:0 4px 16px #1416230a}.calendar-clases-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.calendar-clases-subject-pill{text-transform:uppercase;letter-spacing:.5px;border:1px solid #0000;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.calendar-clases-status-pill{color:#475569;background:#f1f5f9;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.calendar-clases-title{color:#0f172a;margin:0;font-size:16px;font-weight:700;line-height:1.35}.calendar-clases-desc{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin:0;padding:10px 14px;font-size:13.5px;line-height:1.5}.calendar-clases-meta-row{grid-template-columns:1fr 1fr;gap:12px;padding-top:4px;display:grid}.calendar-clases-meta-item{flex-direction:column;gap:2px;display:flex}.calendar-meta-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.calendar-meta-value{color:#1e293b;font-size:13.5px;font-weight:600}.calendar-clases-notice{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.calendar-notice-icon{font-size:16px;line-height:1}.calendar-clases-notice p{color:#166534;margin:0;font-size:12.5px;line-height:1.45}.calendar-event-card.clickable{cursor:pointer;transition:transform .12s,box-shadow .12s}.calendar-event-card.clickable:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.calendar-desc-link{color:var(--primary);word-break:break-all;text-decoration:underline}.calendar-category-pill.manage{color:var(--muted-foreground);border-style:dashed}