@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";.card-title{color:var(--color-text);letter-spacing:-.01em;font-size:1.0625rem;font-weight:700}.card-header--divided{border-bottom:1px solid var(--color-border);padding-bottom:1rem}.card-footer{border-top:1px solid var(--color-border);margin-top:1.25rem;padding-top:1rem}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;padding:.375rem .875rem;font-size:.75rem;font-weight:700;display:inline-block}.logo-container{align-items:center;gap:.5rem;display:flex}.logo-img-small{width:auto;height:32px}.logo-img-medium{width:auto;height:50px}.logo-img-large{width:auto;height:75px}.logo-black{filter:brightness(0)}.logo-white,:root[data-theme=dark] .logo-black{filter:brightness(0)invert()}.logo-text-container{flex-direction:column;display:flex}.logo-title-main{letter-spacing:-.01em;color:var(--color-text);text-transform:uppercase;font-size:1rem;font-weight:800;line-height:1.1}.logo-subtitle-main{color:var(--color-text-muted);letter-spacing:.05em;font-size:.55rem;font-weight:600}.stat-card-row{align-items:center;gap:.875rem;display:flex}.stat-card-content{flex:1;min-width:0}.stat-card-icon-container{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.stat-card-value{color:var(--color-text);margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.stat-card-label{color:var(--color-text-muted);font-size:.875rem;display:block}.stat-card-hint{color:var(--color-text-muted);opacity:.8;margin-top:.125rem;font-size:.75rem;display:block}.onboarding-overlay{z-index:10000;-webkit-backdrop-filter:blur(6px);background:#0f172a99;justify-content:center;align-items:center;padding:1.5rem;animation:.25s ease-out onboarding-fade;display:flex;position:fixed;inset:0}.onboarding-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-premium);text-align:center;width:100%;max-width:460px;padding:2.25rem 2rem;animation:.3s cubic-bezier(.175,.885,.32,1.275) onboarding-pop}.onboarding-icon-wrap{background:rgba(var(--color-primary-rgb), .12);width:76px;height:76px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.25rem;animation:3s ease-in-out infinite onboarding-float;display:flex}.onboarding-title{letter-spacing:-.02em;margin-bottom:.75rem;font-size:1.35rem}.onboarding-desc{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.onboarding-dots{justify-content:center;gap:.4rem;margin-bottom:1rem;display:flex}.onboarding-dot{border-radius:var(--radius-full);background:var(--color-surface-hover);width:8px;height:8px;transition:all .25s}.onboarding-dot.active{background:var(--color-primary);width:22px}.onboarding-counter{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:.75rem}.onboarding-actions{justify-content:center;gap:.75rem;display:flex}@keyframes onboarding-fade{0%{opacity:0}to{opacity:1}}@keyframes onboarding-pop{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes onboarding-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (width<=640px){.onboarding-card{padding:1.75rem 1.25rem}.onboarding-actions .btn{width:auto}}:root[data-theme=dark] .onboarding-dot{background:#ffffff40}:root[data-theme=dark] .onboarding-dot.active{background:var(--color-primary)}:root[data-theme=dark] .onboarding-card{border-color:#ffffff40;box-shadow:0 10px 40px #000000d9}.campus-switcher-container{align-items:center;display:inline-flex;position:relative}.campus-switcher-btn{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);color:var(--color-text,#1e293b);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:space-between;align-items:center;gap:.65rem;min-width:170px;max-width:240px;padding:.4rem .65rem;font-family:inherit;transition:all .18s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.campus-switcher-btn:hover{background:var(--color-surface-hover,#f8fafc);border-color:var(--color-primary,#6366f1);transform:translateY(-1px);box-shadow:0 3px 8px #0000000f}.campus-switcher-btn.active{border-color:var(--color-primary,#6366f1);box-shadow:0 0 0 3px #6366f126}.campus-switcher-btn-left{text-align:left;align-items:center;gap:.5rem;display:flex;overflow:hidden}.campus-icon-accent{color:var(--color-primary,#6366f1);flex-shrink:0}.campus-btn-labels{flex-direction:column;line-height:1.15;display:flex;overflow:hidden}.campus-btn-eyebrow{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted,#64748b);font-size:.62rem;font-weight:600}.campus-btn-name{white-space:nowrap;text-overflow:ellipsis;color:var(--color-text,#0f172a);font-size:.82rem;font-weight:600;overflow:hidden}.campus-switcher-btn-right{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.campus-btn-pill{text-transform:uppercase;color:var(--color-primary,#6366f1);letter-spacing:.03em;background:#6366f11a;border-radius:6px;padding:.15rem .4rem;font-size:.62rem;font-weight:700}.campus-chevron{color:var(--color-text-muted,#94a3b8);transition:transform .2s}.campus-chevron.rotated{color:var(--color-primary,#6366f1);transform:rotate(180deg)}.campus-switcher-container.compact .campus-switcher-btn{min-width:unset;border-radius:8px;gap:.4rem;padding:.3rem .5rem}.campus-switcher-btn.compact-btn .campus-btn-name{font-size:.75rem}.campus-indicator{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);color:var(--color-text-muted,#475569);border-radius:8px;align-items:center;gap:.4rem;padding:.35rem .6rem;font-size:.78rem;font-weight:600;display:inline-flex}.campus-indicator-icon{color:var(--color-primary,#6366f1)}.campus-popover{background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);z-index:120;border-radius:14px;width:290px;animation:.16s cubic-bezier(.16,1,.3,1) campusPopIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 25px -5px #0000001f,0 8px 10px -6px #00000014}@keyframes campusPopIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.campus-popover-header{border-bottom:1px solid var(--color-border,#f1f5f9);background:var(--color-surface-hover,#f8fafc);padding:.75rem .9rem}.campus-popover-title{color:var(--color-text,#0f172a);letter-spacing:-.01em;font-size:.78rem;font-weight:700;display:block}.campus-popover-desc{color:var(--color-text-muted,#64748b);margin:.15rem 0 0;font-size:.68rem;line-height:1.3}.campus-popover-list{flex-direction:column;gap:.25rem;max-height:280px;padding:.4rem;display:flex;overflow-y:auto}.campus-option-item{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:.55rem .7rem;font-family:inherit;transition:all .15s;display:flex}.campus-option-item:hover{background:var(--color-surface-hover,#f1f5f9);border-color:var(--color-border,#e2e8f0)}.campus-option-item.selected{background:#6366f114;border-color:#6366f140}.campus-option-info{flex-direction:column;gap:.15rem;width:100%;display:flex}.campus-option-title-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.campus-option-name{color:var(--color-text,#0f172a);font-size:.84rem;font-weight:700}.campus-option-item.selected .campus-option-name{color:var(--color-primary,#6366f1)}.campus-active-badge{background:var(--color-primary,#6366f1);color:#fff;border-radius:6px;align-items:center;gap:.2rem;padding:.1rem .4rem;font-size:.65rem;font-weight:700;display:inline-flex}.campus-option-sub-row{justify-content:space-between;align-items:center;gap:.5rem;font-size:.68rem;display:flex}.campus-option-province{color:var(--color-text-muted,#64748b);font-weight:500}.campus-option-slug{color:var(--color-primary,#6366f1);opacity:.85;font-family:monospace;font-size:.65rem}.campus-popover-footer{border-top:1px solid var(--color-border,#f1f5f9);background:var(--color-surface-hover,#f8fafc);padding:.5rem .75rem}.campus-footer-action{width:100%;color:var(--color-primary,#6366f1);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.4rem;padding:.35rem .5rem;font-family:inherit;font-size:.72rem;font-weight:600;transition:background .15s;display:flex}.campus-footer-action:hover{background:#6366f11a}:root[data-theme=dark] .campus-switcher-btn{background:var(--color-surface,#1e293b);color:#f1f5f9;border-color:#ffffff1a}:root[data-theme=dark] .campus-switcher-btn:hover{border-color:var(--color-primary,#818cf8);background:#243248}:root[data-theme=dark] .campus-btn-name{color:#f8fafc}:root[data-theme=dark] .campus-popover{background:#1e293b;border-color:#ffffff1f;box-shadow:0 12px 30px #00000073}:root[data-theme=dark] .campus-popover-header,:root[data-theme=dark] .campus-popover-footer{background:#172133;border-color:#ffffff14}:root[data-theme=dark] .campus-popover-title,:root[data-theme=dark] .campus-option-name{color:#f8fafc}:root[data-theme=dark] .campus-option-item:hover{background:#243248}:root[data-theme=dark] .campus-option-item.selected{background:#818cf826;border-color:#818cf84d}:root[data-theme=dark] .campus-indicator{color:#cbd5e1;background:#1e293b;border-color:#ffffff1a}.layout-container{background-color:var(--color-background);min-height:100vh;display:flex}.sidebar{background-color:var(--color-surface);border-right:1px solid var(--color-border);z-index:40;flex-direction:column;width:270px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{justify-content:center;padding:2.25rem 1.5rem;display:flex}.brand-title{color:var(--color-primary);letter-spacing:-.025em;margin:0;font-size:1.25rem;font-weight:700}.sidebar-nav{flex:1;padding:1.5rem 1rem;overflow-y:auto}.sidebar-nav ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--color-text-muted);transition:var(--transition);align-items:center;gap:1rem;margin-bottom:.25rem;padding:.875rem 1.25rem;font-weight:500;display:flex}.nav-item:hover{background-color:var(--color-surface-hover);color:var(--color-primary);text-decoration:none;transform:translate(4px)}.nav-dropdown-trigger{width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.ibrp-menu-icon{object-fit:contain;opacity:.72;width:20px;height:20px}:root[data-theme=dark] .ibrp-menu-icon{opacity:.92;filter:brightness(0)invert()}.nav-dropdown-chevron{margin-left:auto;transition:transform .2s}.nav-dropdown-chevron.open{transform:rotate(180deg)}.nav-submenu{border-left:1px solid var(--color-border);gap:.15rem;margin:.1rem 0 .35rem 2.1rem;padding-left:.45rem;display:grid}.nav-subitem{color:var(--color-text-muted);border-radius:6px;padding:.5rem .65rem;font-size:.78rem}.nav-subitem:hover,.nav-subitem.active{color:var(--color-primary);background:var(--color-surface-hover)}:root[data-theme=dark] .nav-item:hover{color:#fff;background:#17171b}:root[data-theme=dark] .nav-item.active{color:#fff;background:#e7e7ea24;border-left-color:#fff}.sidebar-footer{border-top:1px solid var(--color-border);flex-direction:column;gap:.5rem;padding:.85rem .65rem;display:flex}.user-info{align-items:center;gap:.6rem;margin-bottom:.15rem;padding:.35rem;display:flex}.user-info>div:last-child{min-width:0}.sidebar-footer .badge{letter-spacing:.05em;border-radius:999px;margin-top:.3rem;padding:.18rem .55rem;font-size:.6rem;display:inline-block}.avatar{border-radius:var(--radius-full);background:var(--gradient-primary);width:36px;height:36px;color:var(--color-bg);box-shadow:0 4px 12px rgba(var(--color-primary-rgb), .3);justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.user-name{color:var(--color-text);font-size:.82rem;font-weight:700}.btn-logout{border-radius:var(--radius-md);width:100%;color:var(--color-danger);transition:var(--transition);background:#f43f5e1a;border:1px solid #f43f5e33;align-items:center;gap:.6rem;margin-top:.35rem;padding:.6rem .7rem;font-size:.78rem;font-weight:600;display:flex}.theme-toggle{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-hover);width:100%;color:var(--color-text-muted);font:inherit;align-items:center;gap:.6rem;padding:.6rem .7rem;font-size:.78rem;font-weight:600;display:flex}.theme-toggle:hover{color:var(--color-text)}.btn-logout:hover{background-color:#ffe4e6;transform:translateY(-2px);box-shadow:0 4px 6px #f43f5e1a}.main-content{flex-direction:column;flex:1;margin-left:260px;display:flex}.desktop-topbar{background:#faf9f5eb;border-bottom:1px solid #e8e5de;justify-content:space-between;align-items:center;height:58px;padding:0 2.4rem;display:flex}.desktop-search{color:#85827c;background:#fff;border:1px solid #e2dfd8;border-radius:999px;align-items:center;gap:.65rem;min-width:365px;padding:.48rem .65rem;font-size:.73rem;display:flex}.desktop-search input{color:#4d4a45;width:220px;font:inherit;background:0 0;border:0;outline:0}.desktop-search input::placeholder{color:#85827c}.desktop-search button{color:#77736d;font:inherit;background:#fff;border:1px solid #e2dfd8;border-radius:6px;align-items:center;gap:.3rem;margin-left:auto;padding:.28rem .5rem;font-size:.68rem;display:inline-flex}.campus-selector{border:1px solid var(--color-border);max-width:180px;color:var(--color-text);background:var(--color-surface);font:inherit;border-radius:8px;padding:.35rem .5rem;font-size:.72rem}.campus-fixed-label{max-width:180px;color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.desktop-search kbd{color:#96918a;background:#f4f2ed;border-radius:4px;padding:.2rem .35rem;font-size:.61rem}.desktop-account{color:#252525;align-items:center;gap:.5rem;display:flex}.desktop-account strong,.desktop-account small{display:block}.desktop-account strong{font-size:.73rem}.desktop-account small{color:#8d8981;margin-top:.1rem;font-size:.6rem}.desktop-account-avatar{color:#fff;background:#141414;border-radius:50%;place-items:center;width:29px;height:29px;font-size:.68rem;display:grid}.desktop-bell{color:#55514a;background:#fff;border:1px solid #e2dfd8;border-radius:9px;place-items:center;width:31px;height:31px;margin-right:.25rem;display:grid;position:relative}.desktop-bell-count{color:#fff;background:var(--color-primary);border-radius:999px;min-width:15px;height:15px;padding:0 3px;font-size:.58rem;line-height:15px;position:absolute;top:-5px;right:-5px}.desktop-notification-wrap{position:relative}.desktop-notification-panel{z-index:100;border:1px solid var(--color-border);width:250px;color:var(--color-text);background:var(--color-surface);border-radius:10px;padding:.9rem;position:absolute;top:42px;right:0;box-shadow:0 12px 30px #0000001f}.desktop-notification-panel strong{font-size:.78rem}.desktop-notification-panel p{color:var(--color-text-muted);margin:.55rem 0 0;font-size:.72rem}.desktop-notification-item{width:100%;color:inherit;background:var(--color-bg);text-align:left;cursor:pointer;border:0;border-radius:7px;gap:.15rem;margin-top:.55rem;padding:.55rem;display:grid}.desktop-notification-item:hover{background:var(--color-border)}.desktop-notification-item span{font-size:.72rem;font-weight:600}.desktop-notification-item small{color:var(--color-text-muted);font-size:.64rem}.desktop-profile-trigger{color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;padding:0;display:flex}.desktop-notification-item.unread{border-left:3px solid var(--color-primary)}.mobile-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);height:60px;padding:.75rem 1rem;display:none;position:relative}.mobile-campus-bar{display:none}.mobile-header-left{flex:1;align-items:center;display:flex}.mobile-header-center{align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-header-right{flex:1;justify-content:flex-end;align-items:center;display:flex}.mobile-menu-btn{cursor:pointer;color:var(--color-primary);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex}.mobile-user-avatar{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.mobile-theme-toggle{border:1px solid var(--color-border);background:var(--color-surface-hover);width:32px;height:32px;color:var(--color-text-muted);border-radius:50%;justify-content:center;align-items:center;margin-right:.5rem;padding:0;display:flex}.mobile-logout-btn{color:#f43f5e;cursor:pointer;background:#f43f5e1a;border:1px solid #f43f5e4d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:.5rem;padding:0;transition:all .2s;display:flex}.mobile-logout-btn:active{background:#f43f5e40;transform:scale(.92)}.mobile-header h2{color:var(--color-primary);margin:0;font-size:1.25rem}.content-wrapper{width:100%;max-width:1600px;margin:0 auto;padding:2rem}.bottom-nav{display:none}@media (width>=769px){.layout-container{background:#faf9f5}.sidebar{background:#faf9f5;border-right-color:#e8e5de;width:212px}.main-content{margin-left:212px}.sidebar-header{border-bottom:1px solid #e8e5de;justify-content:flex-start;padding:1.2rem 1rem}.sidebar-nav{padding:1.4rem .55rem}.sidebar-nav ul{gap:.15rem}.nav-item{border-radius:8px;gap:.7rem;padding:.62rem .7rem;font-size:.76rem}.nav-item.active{color:#fff;background:#151515;border-left:0}.nav-item:hover{transform:none}.sidebar-footer{border-top-color:#e8e5de;padding:.65rem .55rem}.content-wrapper{padding:2.5rem 3rem}}:is(:root[data-theme=dark] .desktop-topbar,:root[data-theme=dark] .main-content:has(.dash)){border-color:var(--color-border);background:var(--color-background)}:root[data-theme=dark] .sidebar{border-right-color:var(--color-border);background:var(--color-surface)}:root[data-theme=dark] .layout-container,:root[data-theme=dark] .main-content,:root[data-theme=dark] .content-wrapper{background:#000}:root[data-theme=dark] .sidebar-header,:root[data-theme=dark] .sidebar-footer{border-color:var(--color-border)}:root[data-theme=dark] .desktop-search,:root[data-theme=dark] .desktop-search button,:root[data-theme=dark] .desktop-bell{color:var(--color-text);background:var(--color-surface);border-color:#fff3}:root[data-theme=dark] .desktop-bell:hover,:root[data-theme=dark] .desktop-search button:hover{color:#fff;background:#ffffff1a}:root[data-theme=dark] .desktop-account-avatar{color:#fff;background:#27272a;border:1px solid #ffffff40}:root[data-theme=dark] .campus-selector{background:var(--color-surface);color:var(--color-text);border-color:#fff3}:root[data-theme=dark] .campus-fixed-label{color:#e2e8f0}:root[data-theme=dark] .desktop-search kbd{color:var(--color-text-muted);background:var(--color-bg)}:root[data-theme=dark] .desktop-account{color:var(--color-text)}:root[data-theme=dark] .desktop-account small{color:var(--color-text-muted)}:root[data-theme=dark] .desktop-search input{color:var(--color-text)}:root[data-theme=dark] .desktop-search input::placeholder{color:var(--color-text-muted);opacity:.9}:root[data-theme=dark] .nav-item{color:#c3c9d4}:root[data-theme=dark] .nav-item.active{background:#f4f4f624}:root[data-theme=dark] .nav-subitem{color:#9ca3af}:root[data-theme=dark] .nav-subitem:hover{color:#fff;background:#ffffff14}:root[data-theme=dark] .nav-subitem.active{color:#fff;background:#ffffff29;font-weight:600}:root[data-theme=dark] .nav-dropdown-chevron{color:#9ca3af}:root[data-theme=dark] .nav-item:hover .nav-dropdown-chevron{color:#fff}:root[data-theme=dark] .theme-toggle{color:var(--color-text);background:#ffffff0f;border-color:#fff3}:root[data-theme=dark] .theme-toggle:hover{color:#fff;background:#ffffff1f;border-color:#ffffff59}:root[data-theme=dark] .btn-logout:hover{color:#fca5a5;background-color:#f43f5e40;border-color:#f43f5e73}:root[data-theme=dark] .desktop-notification-panel{background:#18181b;border-color:#fff3;box-shadow:0 12px 35px #000000d9}:root[data-theme=dark] .desktop-notification-item{color:var(--color-text);background:#121215;border:1px solid #ffffff14}:root[data-theme=dark] .desktop-notification-item:hover{background:#27272a;border-color:#ffffff40}:root[data-theme=dark] .desktop-notification-item span{color:#f7f7f9}:root[data-theme=dark] .desktop-notification-item small{color:#a1a1aa}:root[data-theme=dark] .mobile-theme-toggle{color:#f7f7f9;background:#ffffff14;border-color:#ffffff40}:root[data-theme=dark] .mobile-theme-toggle:hover{color:#fff;background:#ffffff26}:root[data-theme=dark] .mobile-campus-bar{color:#9ca3af;background:#141414;border-color:#ffffff26}:root[data-theme=dark] .mobile-campus-bar select{color:#f7f7f9;background:#1f1f23;border-color:#fff3}:root[data-theme=dark] .mobile-nav-subitem{color:#9ca3af}.mobile-nav-group{display:contents}.mobile-nav-heading{cursor:default;opacity:.75}.mobile-nav-subitem{padding-left:2rem;font-size:.82rem}@media (width<=768px){.desktop-topbar,.sidebar{display:none}.main-content{margin-left:0}.mobile-header{z-index:50;background-color:var(--color-surface);align-items:center;width:100%;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 3px #0000000d}.content-wrapper{padding:80px 1rem}.content-wrapper.has-campus-bar{padding-top:122px}.mobile-campus-bar{z-index:49;border-bottom:1px solid var(--color-border);min-height:46px;color:var(--color-text-muted);background:var(--color-surface);justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem 1rem;font-size:.7rem;display:flex;position:fixed;top:60px;left:0;right:0}.mobile-campus-bar select{border:1px solid var(--color-border);min-width:0;color:var(--color-text);background:var(--color-bg);font:inherit;border-radius:7px;flex:1;padding:.4rem .55rem}.mobile-campus-bar strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.bottom-nav{background-color:var(--color-surface);border-top:1px solid var(--color-border);z-index:50;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:.5rem .25rem;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto;box-shadow:0 -2px 10px #00000014}.bottom-nav::-webkit-scrollbar{display:none}.bottom-nav-item{min-width:0;color:var(--color-text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.65rem;font-weight:600;text-decoration:none;transition:color .2s;display:flex;position:relative;overflow:hidden}.bottom-nav-item span{text-overflow:ellipsis;max-width:100%;overflow:hidden}.bottom-nav-item.active{color:var(--color-primary)}.bottom-nav-item.active:after{content:"";background:var(--color-primary);width:20px;height:3px;box-shadow:0 0 10px var(--color-primary);border-radius:10px 10px 0 0;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav-item svg{width:20px;height:20px;margin-bottom:2px;transition:transform .3s}.bottom-nav-item.active svg{transform:translateY(-2px)}}.mobile-menu-overlay{box-sizing:border-box;background-color:var(--color-surface);z-index:45;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:80px 1rem 96px;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpFade;position:fixed;inset:0;overflow-y:auto}:root[data-theme=dark] .mobile-header,:root[data-theme=dark] .bottom-nav,:root[data-theme=dark] .mobile-menu-overlay{border-color:var(--color-border);background-color:#141414!important}:root[data-theme=dark] .bottom-nav-item{color:#94a3b8;background:0 0}:root[data-theme=dark] .bottom-nav-item.active{color:#fff;background:#ffffff1f;border-radius:10px}:root[data-theme=dark] .bottom-nav-item.active:after{background:var(--color-primary-light);box-shadow:0 0 10px var(--color-primary-light)}.mobile-menu-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.mobile-menu-user h2{margin:0;font-size:1.5rem}.mobile-menu-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.mobile-nav-card{text-align:center;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);flex-direction:column;justify-content:center;height:100px;margin-bottom:0}.mobile-nav-card span{margin-top:.5rem;font-size:.75rem}.mobile-header-logout{border-radius:var(--radius-md)!important;gap:.4rem!important;width:auto!important;margin-top:0!important;padding:.5rem .85rem!important;font-size:.8rem!important;font-weight:700!important}.mobile-menu-footer{margin-top:2rem;padding-bottom:2rem}.mobile-full-logout{border-radius:var(--radius-lg)!important;background:#f43f5e26!important;border:1px solid #f43f5e59!important;justify-content:center!important;gap:.6rem!important;width:100%!important;padding:.85rem 1.25rem!important;font-size:.92rem!important;font-weight:700!important}:root[data-theme=dark] .mobile-logout-btn{color:#fb7185;background:#f43f5e2e;border-color:#f43f5e66}:root[data-theme=dark] .mobile-full-logout{color:#fda4af!important;background:#f43f5e38!important;border-color:#f43f5e73!important}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rt-overlay{z-index:30000;pointer-events:all;position:fixed;inset:0;overflow:hidden}.rt-panel{background:var(--color-primary);will-change:transform;position:absolute;inset:0;transform:translate(-101%)}.rt-p2{background:#c8102e}.rt-cover .rt-p1{animation:1.15s cubic-bezier(.76,0,.24,1) both rt-in}.rt-cover .rt-p2{animation:1.15s cubic-bezier(.76,0,.24,1) .16s both rt-in}.rt-cover .rt-p3{animation:1.15s cubic-bezier(.76,0,.24,1) .32s both rt-in}.rt-reveal .rt-p1{animation:1.15s cubic-bezier(.76,0,.24,1) both rt-out}.rt-reveal .rt-p2{animation:1.15s cubic-bezier(.76,0,.24,1) .16s both rt-out}.rt-reveal .rt-p3{animation:1.15s cubic-bezier(.76,0,.24,1) .32s both rt-out}.rt-brand{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:.9rem;display:flex;position:absolute;inset:0}.rt-logo{background:var(--color-bg);border:2px solid #fff9;border-radius:50%;place-items:center;width:92px;height:92px;display:grid;overflow:hidden;box-shadow:0 12px 40px #00000059}.rt-logo img{object-fit:cover;width:100%;height:100%}.rt-name{letter-spacing:.28em;text-indent:.28em;white-space:nowrap;background:#0000008c;border:1px solid #ffffff40;border-radius:999px;padding:.45rem 1rem .45rem 1.28em;font-size:.72rem;font-weight:800}.rt-bar{background:#80808073;border-radius:999px;width:180px;height:2px;display:block;overflow:hidden}.rt-bar>span{border-radius:inherit;transform-origin:0;background:#c8102e;width:100%;height:100%;display:block;transform:scaleX(0)}.rt-cover .rt-brand{animation:.7s .45s both rt-brand-in}.rt-cover .rt-bar>span{animation:1.25s linear both rt-bar-fill}.rt-reveal .rt-brand{animation:.45s both rt-brand-out}@keyframes rt-in{0%{transform:translate(-101%)}to{transform:translate(0)}}@keyframes rt-out{0%{transform:translate(0)}to{transform:translate(101%)}}@keyframes rt-brand-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes rt-brand-out{to{opacity:0;transform:scale(1.08)}}@keyframes rt-bar-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.rt-overlay{display:none}}.offline-banner{color:#92400e;background:#fffbeb;border:1px solid #f59e0b;border-radius:8px;margin:0 0 1rem;padding:.7rem 1rem;font-size:.8rem}:root{--color-primary-h:0;--color-primary-s:0%;--color-primary-l:4%;--color-primary:#0b0b0b;--color-primary-rgb:11, 11, 11;--color-primary-light:#4a4a4a;--color-bg:#faf9f5;--color-secondary-h:215;--color-secondary-s:8%;--color-secondary-l:42%;--color-secondary:hsl(var(--color-secondary-h), var(--color-secondary-s), var(--color-secondary-l));--color-secondary-rgb:110, 110, 105;--color-success:#22c55e;--color-success-rgb:34, 197, 94;--color-warning:#f59e0b;--color-warning-rgb:245, 158, 11;--color-danger:#ef4444;--color-danger-rgb:239, 68, 68;--color-background:#faf9f5;--color-surface:#fff;--color-surface-hover:#f1efe9;--color-text:#0b0b0b;--color-text-muted:#5c5850;--color-border:#0b0b0b1a;--gradient-primary:linear-gradient(135deg, #0b0b0b 0%, #2b2b2b 100%);--gradient-surface:linear-gradient(180deg, #fff 0%, #faf9f5 100%);--shadow-sm:0 1px 2px #14140f0d;--shadow-md:0 6px 22px #14140f0d;--shadow-lg:0 12px 34px #14140f14;--shadow-premium:0 20px 45px #14140f1a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.175, .885, .32, 1.275);--duration-fast:.15s;--duration-base:.25s;--duration-slow:.4s;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--transition-colors:color var(--duration-base) var(--ease-standard), background-color var(--duration-base) var(--ease-standard), border-color var(--duration-base) var(--ease-standard);--z-base:1;--z-sticky:40;--z-sidebar:40;--z-mobile-header:50;--z-overlay:16000;--z-modal:16001;--z-toast:17000;--focus-ring-color:var(--color-primary);--focus-ring:0 0 0 3px rgba(var(--color-primary-rgb), .35);--focus-ring-offset:2px;--color-on-primary:#fff;--color-on-danger:#fff;--public-bg:#fff;--public-surface:#f8fafc;--public-text:#0f172a;--public-accent:#1e293b;--public-muted:#64748b;--public-section-pad:120px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#fff;--color-primary-rgb:255, 255, 255;--color-primary-light:#e4e4e7;--color-on-primary:#000;--color-bg:#000;--color-background:#000;--color-surface:#10140f;--color-surface-hover:#1a2415;--color-text:#f7f7f9;--color-text-muted:#c3c9d4;--color-border:#ffffff38;--color-success:#4ade80;--color-success-rgb:74, 222, 128;--color-warning:#fbbf24;--color-warning-rgb:251, 191, 36;--color-danger:#f87171;--color-danger-rgb:248, 113, 113;--color-info:#38bdf8;--color-info-rgb:56, 189, 248;--gradient-primary:linear-gradient(135deg, #8acb4d 0%, #5b9f2c 100%);--gradient-surface:linear-gradient(180deg, #16161b 0%, #0d0d11 100%);--shadow-sm:0 1px 2px #0009;--shadow-md:0 6px 18px #000000b3, 0 2px 4px #0006;--shadow-lg:0 12px 28px #000000bf, 0 4px 8px #00000073}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-text);-webkit-font-smoothing:antialiased;font-family:Outfit,Helvetica Neue,Arial,sans-serif;line-height:1.6}a{color:var(--color-primary);transition:var(--transition);text-decoration:none}button{cursor:pointer;outline:none;font-family:inherit}:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}h1,h2,h3,h4,h5,h6{color:var(--color-text);letter-spacing:-.03em;font-weight:800}.glass{-webkit-backdrop-filter:blur(10px);background:#fff9;border:1px solid #0000000d}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.flex-column{flex-direction:column}.align-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.mt-2{margin-top:1rem}.mb-2{margin-bottom:1rem}.mt-4{margin-top:2rem}.mb-4{margin-bottom:2rem}.grid{grid-template-columns:repeat(1,1fr);gap:1.5rem;display:grid}@media (width>=640px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}.sm\:col-span-2{grid-column:span 2/span 2}}@media (width>=768px){.grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.lg\:grid-cols-1{grid-template-columns:repeat(1,1fr)}.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-4{grid-column:span 4/span 4}.lg-d-block{display:block}}.d-none{display:none}.card{background-color:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);padding:1.5rem;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:#0b0b0b38}:root[data-theme=dark] .card,:root[data-theme=dark] .form-input,:root[data-theme=dark] .modal-content{border-color:#ffffff57}:root[data-theme=dark] .card:hover{border-color:#ffffff8c}:root[data-theme=dark] .btn-outline{border-color:#ffffff73}:root[data-theme=dark] .members-search-icon,:root[data-theme=dark] .members-summary-card svg,:root[data-theme=dark] .member-more-button,:root[data-theme=dark] .groups-card-title svg,:root[data-theme=dark] .groups-card-meta svg,:root[data-theme=dark] .kids-search,:root[data-theme=dark] .ibrp-search,:root[data-theme=dark] .visitors-search-icon,:root[data-theme=dark] .profile-tab-empty svg,:root[data-theme=dark] .dash-calendar-list-item svg,:root[data-theme=dark] .mt-chevron,:root[data-theme=dark] .mt-node .mt-chevron{color:#fff}.modal-overlay{width:100vw;height:100dvh;z-index:var(--z-overlay);box-sizing:border-box;background-color:#00000080;justify-content:center;align-items:center;padding:.75rem;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-overlay .modal-content{max-height:calc(100dvh - 1.5rem)}@media (width<=640px){.modal-overlay{align-items:flex-start;padding:.5rem}.modal-overlay .modal-content{max-height:none;margin:0 auto}}.modal-overlay,.modal-content{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.modal-overlay::-webkit-scrollbar{width:6px;height:6px}.modal-content::-webkit-scrollbar{width:6px;height:6px}.modal-overlay::-webkit-scrollbar-track{background:0 0}.modal-content::-webkit-scrollbar-track{background:0 0}.modal-overlay::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.modal-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.form-group{margin-bottom:1.25rem}.form-label{color:var(--color-text);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.form-input{border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;transition:var(--transition);background-color:var(--color-surface);color:var(--color-text);padding:.875rem 1.125rem;font-size:.95rem}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb), .1);outline:none}.btn{border-radius:var(--radius-md);transition:var(--transition);box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;gap:.625rem;padding:.875rem 1.75rem;font-size:.9375rem;font-weight:600;display:inline-flex}.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:active{transform:translateY(0)scale(.98)}.btn:disabled,.btn[disabled],.btn[aria-busy=true]{cursor:not-allowed;opacity:.6;box-shadow:var(--shadow-sm);transform:none}.btn-primary{background:var(--color-primary);color:var(--color-bg);border:1px solid var(--color-primary)}.btn-sm{padding:.5rem 1rem;font-size:.75rem}.btn-md{padding:.875rem 1.75rem;font-size:.9375rem}.btn-lg{padding:1.125rem 2.25rem;font-size:1.125rem}.btn-icon{display:inline-flex}.btn-secondary{background-color:var(--color-surface-hover);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-border);color:var(--color-text)}.btn-outline{border:1px solid var(--color-border);color:var(--color-text);background-color:#0000}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.btn-danger{background-color:var(--color-danger);color:#fff}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;line-height:1.25;display:inline-flex}.badge-primary{background-color:rgba(var(--color-primary-rgb), .15);color:var(--color-primary);border:1px solid rgba(var(--color-primary-rgb), .35)}.badge-secondary{color:#4338ca;background-color:#6366f11f;border:1px solid #6366f140}.badge-success{color:#15803d;background-color:#22c55e1f;border:1px solid #22c55e40}.badge-warning{color:#b45309;background-color:#f59e0b1f;border:1px solid #f59e0b40}.badge-danger{color:#b91c1c;background-color:#ef44441f;border:1px solid #ef444440}.badge-info{color:#0369a1;background-color:#0ea5e91f;border:1px solid #0ea5e940}.badge-blue{color:#1d4ed8;background-color:#3b82f61f;border:1px solid #3b82f640}.badge-gold{color:#b45309;background-color:#d977061f;border:1px solid #d9770640}.badge-green{color:#15803d;background-color:#22c55e1f;border:1px solid #22c55e40}.badge-gray{background-color:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}.badge-status-active{color:#15803d;background-color:#22c55e1f;border:1px solid #22c55e4d}.badge-status-inactive{color:#b91c1c;background-color:#ef44441f;border:1px solid #ef44444d}.badge-status-baja{color:#4b5563;background-color:#6b728026;border:1px solid #6b72804d}:root[data-theme=dark] .btn-primary{background-color:var(--color-primary);color:var(--color-on-primary,#000);border:1px solid var(--color-primary);font-weight:600}:root[data-theme=dark] .btn-primary:hover{filter:brightness(1.12);color:var(--color-on-primary,#000);border-color:var(--color-primary)}:root[data-theme=dark] .btn-primary:active{filter:brightness(.92);border-color:var(--color-primary)}:root[data-theme=dark] .btn-primary:disabled,:root[data-theme=dark] .btn-primary[disabled],:root[data-theme=dark] .btn-primary.is-loading{opacity:.5;filter:grayscale(.5)}:root[data-theme=dark] .btn-primary svg,:root[data-theme=dark] .btn-primary .btn-icon svg{color:var(--color-on-primary,#000);stroke:var(--color-on-primary,#000)}:root[data-theme=dark] .btn-secondary{color:#f7f7f9;background-color:#ffffff1f;border-color:#ffffff4d}:root[data-theme=dark] .btn-secondary:hover{color:#fff;background-color:#ffffff38;border-color:#fff}:root[data-theme=dark] .badge-primary{background-color:rgba(var(--color-primary-rgb), .2);color:var(--color-primary-light,var(--color-primary));border-color:rgba(var(--color-primary-rgb), .4)}:root[data-theme=dark] .badge-secondary{color:#c7d2fe;background-color:#818cf833;border-color:#818cf866}:root[data-theme=dark] .badge-success{color:#86efac;background-color:#22c55e33;border-color:#22c55e66}:root[data-theme=dark] .badge-warning{color:#fde047;background-color:#f59e0b33;border-color:#f59e0b66}:root[data-theme=dark] .badge-danger{color:#fca5a5;background-color:#ef444438;border-color:#ef444473}:root[data-theme=dark] .badge-info{color:#7dd3fc;background-color:#0ea5e933;border-color:#0ea5e966}:root[data-theme=dark] .badge-blue{color:#93c5fd;background-color:#3b82f633;border-color:#3b82f666}:root[data-theme=dark] .badge-gold{color:#fcd34d;background-color:#f59e0b33;border-color:#f59e0b66}:root[data-theme=dark] .badge-green{color:#86efac;background-color:#22c55e33;border-color:#22c55e66}:root[data-theme=dark] .badge-gray{color:#e2e8f0;background-color:#ffffff14;border-color:#ffffff40}:root[data-theme=dark] .badge-status-active{color:#86efac;background-color:#22c55e33;border-color:#22c55e66}:root[data-theme=dark] .badge-status-inactive{color:#fca5a5;background-color:#ef444433;border-color:#ef444466}:root[data-theme=dark] .badge-status-baja{color:#d1d5db;background-color:#9ca3af26;border-color:#9ca3af59}.alert{border-radius:var(--radius-md);border:1px solid #0000;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;line-height:1.4;display:flex}.alert-danger{color:#991b1b;background-color:#ef44441a;border-color:#ef444440}.alert-success{color:#166534;background-color:#22c55e1a;border-color:#22c55e40}.alert-warning{color:#854d0e;background-color:#f59e0b1a;border-color:#f59e0b40}.alert-info{color:#075985;background-color:#0ea5e91a;border-color:#0ea5e940}:root[data-theme=dark] .alert-danger{color:#fecaca;background-color:#ef444429;border-color:#ef444466}:root[data-theme=dark] .alert-success{color:#bbf7d0;background-color:#22c55e29;border-color:#22c55e66}:root[data-theme=dark] .alert-warning{color:#fef08a;background-color:#f59e0b2e;border-color:#f59e0b66}:root[data-theme=dark] .alert-info{color:#bae6fd;background-color:#0ea5e92e;border-color:#0ea5e966}.data-table{border-collapse:collapse;text-align:left;width:100%}.th-cell{border-bottom:1px solid var(--color-border);color:var(--color-text-muted);padding:1rem;font-size:.875rem;font-weight:600}.td-cell{border-bottom:1px solid var(--color-border);vertical-align:middle;padding:1rem}.table-row-hover{transition:var(--transition)}.table-row-hover:hover{background-color:var(--color-surface-hover)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes pulse-soft{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards fadeInUp}.animate-slide-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.animate-pulse-soft{animation:2s ease-in-out infinite pulse-soft}.animate-float{animation:4s ease-in-out infinite float}.skeleton{background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-surface-hover) 50%, var(--color-surface) 75%);background-size:800px 104px;border-radius:4px;animation:1.5s linear infinite shimmer}.highlight-text{cursor:default;transition:all .5s cubic-bezier(.175,.885,.32,1.275);display:inline-block}.highlight-text:hover{text-shadow:0 0 20px #0000001a;transform:scale(1.05)translateY(-5px)}@keyframes text-glow{0%,to{text-shadow:0 0 10px #0000}50%{text-shadow:0 0 20px #0000000d}}.animate-glow{animation:3s ease-in-out infinite text-glow}.avatar{box-shadow:var(--shadow-sm);background:var(--gradient-primary)!important;color:#fff!important}.sidebar{background-color:var(--color-surface);border-right:1px solid var(--color-border)}.nav-item.active{background:rgba(var(--color-primary-rgb), .08);color:var(--color-primary);border-left:4px solid var(--color-primary);font-weight:600}.bottom-nav{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid var(--color-border);background:#fffffff2!important}.interactive-list-item:hover{background:var(--color-surface-hover);border-left:4px solid var(--color-primary)}@media (width<=768px){.container{padding:0 1rem}.card{margin-bottom:1rem;padding:1.25rem}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}.form-input{padding:.75rem 1rem;font-size:16px}.btn{width:100%;margin-bottom:.5rem}.btn.btn-sm,.btn-icon{width:auto;margin-bottom:0;display:inline-flex}.attendance-absence-fields{flex-direction:column}.attendance-absence-fields select,.attendance-absence-fields input{width:100%;min-width:0!important}.d-flex.justify-between.align-center{flex-direction:column;align-items:stretch;gap:1rem}.d-flex.justify-between.align-center h1{text-align:center;margin-bottom:0}.data-table{white-space:nowrap;display:block;overflow-x:auto}.responsive-table{width:100%;display:block}.responsive-table thead{display:none}.responsive-table tbody,.responsive-table tr,.responsive-table td{width:100%;display:block}.responsive-table tr{border-radius:var(--radius-md);margin-bottom:.5rem;padding:0;border:1px solid var(--color-border)!important}.responsive-table td{border-bottom:1px solid var(--color-border);word-break:break-word;justify-content:space-between;align-items:center;gap:1rem;display:flex;text-align:right!important;padding:.75rem 1rem!important}.responsive-table td:last-child{border-bottom:none}.responsive-table td:before{content:attr(data-label);color:var(--color-text-muted);text-transform:uppercase;text-align:left;font-size:.75rem;font-weight:600}}.d-flex{display:flex}.flex-wrap{flex-wrap:wrap}.d-flex-nowrap{flex-wrap:nowrap;display:flex}.input-error{border-color:var(--color-danger)!important}.attendance-summary-cards{grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:.5rem;margin-bottom:1rem;display:grid}.attendance-summary-cards>div{border:1px solid var(--color-border);background:var(--color-bg);border-radius:8px;padding:.625rem .75rem}.attendance-summary-cards span{color:var(--color-text-muted);font-size:.6875rem;display:block}.attendance-summary-cards strong{color:var(--color-text);font-size:1rem}.attendance-summary-present strong{color:var(--color-success)}.attendance-summary-absent strong{color:var(--color-danger)}.attendance-list{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.attendance-member{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.attendance-member:last-child{border-bottom:none}.attendance-member.is-present{background:#22c55e0d}.attendance-member-name{min-width:0;color:var(--color-text);flex:1;font-size:.875rem;font-weight:600}.attendance-status-toggle{border:1px solid var(--color-border);background:var(--color-surface);min-width:76px;color:var(--color-text-muted);font:inherit;border-radius:6px;padding:.375rem .5rem;font-size:.75rem;font-weight:600}.is-present .attendance-status-toggle{color:var(--color-success);background:#22c55e1a;border-color:#22c55e4d}:root[data-theme=dark] .attendance-status-toggle{color:var(--color-text-muted);background:#ffffff0f;border-color:#fff3}:root[data-theme=dark] .is-present .attendance-status-toggle{color:#86efac;background:#22c55e33;border-color:#4ade8073}:root[data-theme=dark] .attendance-member.is-present{background:#22c55e14}.attendance-absence-fields{flex:0 0 100%;gap:.5rem;width:100%;margin-top:.125rem;display:flex}.attendance-absence-fields .form-input{min-width:0}@media (width<=640px){.attendance-summary-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-summary-cards .btn{grid-column:span 3}.attendance-member{flex-wrap:wrap}.attendance-absence-fields{flex-direction:column}}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}