@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary:#f03860;--primary-dk:#d42d52;--primary-lt:#fff0f4;--teal:#3ecfca;--teal-dk:#2eb8b3;--teal-lt:#edfafa;--secondary:#1e293b;--accent:#3ecfca;--bg:#f1f5f9;--card:#fff;--text:#0f172a;--text-light:#64748b;--border:#e2e8f0;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--radius:10px;--radius-lg:14px;--shadow:0 1px 3px #0000000f, 0 4px 16px #0000000f;--shadow-sm:0 1px 2px #0000000d, 0 1px 4px #0000000a;--sb-bg:#0f172a;--sb-w:232px;--sb-text:#fff9;--sb-text-on:#fffffff2;--sb-hover:#ffffff0f;--sb-active:#ffffff1a;--sb-border:#ffffff12}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5}body:not(.login-page):not(.exam-page){min-height:100vh;display:flex}body:not(.login-page):not(.exam-page) .navbar{width:var(--sb-w);min-width:var(--sb-w);background:var(--sb-bg);height:100vh;box-shadow:1px 0 0 var(--sb-border);z-index:100;scrollbar-width:none;flex-direction:column;align-items:stretch;padding:0;position:sticky;top:0;overflow:hidden auto;display:flex!important}body:not(.login-page):not(.exam-page) .navbar::-webkit-scrollbar{display:none}.navbar-brand{color:#fff;letter-spacing:-.01em;border-bottom:1px solid var(--sb-border);flex-shrink:0;align-items:center;gap:8px;margin-bottom:6px;padding:22px 18px 18px;font-size:1rem;font-weight:700;text-decoration:none;display:flex}.navbar-brand span{color:var(--accent)}body:not(.login-page):not(.exam-page) .navbar-actions{scrollbar-width:none;flex-direction:column;flex:1;gap:1px;padding:4px 10px 0;overflow-y:auto;display:flex!important}.nav-link{color:var(--sb-text);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:9px;width:100%;padding:8px 10px;font-size:.855rem;font-weight:500;text-decoration:none;transition:color .13s,background .13s;display:flex}.nav-link:hover{color:var(--sb-text-on);background:var(--sb-hover)}.nav-link.active{color:#fff;background:var(--primary);font-weight:600}.nav-link.active svg{opacity:1}.nav-link svg{opacity:.7;flex-shrink:0}.nav-link:hover svg,.nav-link.active svg{opacity:1}.nav-link.nav-link-danger{color:#fca5a5b3}.nav-link.nav-link-danger:hover{color:#fca5a5;background:#dc26262e}.nav-section{letter-spacing:.09em;text-transform:uppercase;color:#ffffff40;padding:14px 10px 5px;font-size:.65rem;font-weight:700}.nav-divider{background:var(--sb-border);flex-shrink:0;height:1px;margin:6px 0}.sidebar-footer{border-top:1px solid var(--sb-border);flex-shrink:0;margin-top:auto;padding:10px 10px 12px}.sidebar-user{cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;margin-bottom:2px;padding:8px 10px;text-decoration:none;transition:background .13s;display:flex}.sidebar-user:hover{background:var(--sb-hover)}.sidebar-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.7rem;font-weight:700;display:flex}.sidebar-user-info{text-align:left;overflow:hidden}.sidebar-user-name{color:#ffffffe0;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.sidebar-user-role{color:#ffffff61;margin-top:1px;font-size:.68rem}body:not(.login-page):not(.exam-page) .container{flex:1;min-width:0;max-width:none;margin:0}.nav-hamburger,body:not(.login-page):not(.exam-page) .navbar-user,.nav-role-badge{display:none!important}.mobile-topbar{background:var(--sb-bg);z-index:150;border-bottom:1px solid var(--sb-border);align-items:center;gap:12px;height:52px;padding:0 16px;display:none;position:fixed;top:0;left:0;right:0}.mobile-topbar-brand{color:#fff;flex:1;font-size:.97rem;font-weight:700;text-decoration:none}.mobile-topbar-brand span{color:var(--accent)}.mobile-toggle{color:#ffffffbf;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:6px;transition:background .13s;display:flex}.mobile-toggle:hover{color:#fff;background:#ffffff1a}.sidebar-overlay{z-index:99;background:#00000073;display:none;position:fixed;inset:0}.sidebar-overlay.visible{display:block}body.exam-mode .navbar,body.exam-page .navbar{background:var(--sb-bg);z-index:100;width:100%;height:52px;padding:0 20px;position:sticky;top:0;flex-direction:row!important}body.exam-mode .navbar-actions,body.exam-page .navbar-actions{flex-direction:row!important}.login-page{background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--card);border-radius:var(--radius-lg);width:100%;max-width:400px;padding:44px 40px;box-shadow:0 24px 64px #0000004d}.login-logo{text-align:center;margin-bottom:32px}.login-logo h1{color:var(--primary);letter-spacing:-.02em;font-size:1.75rem;font-weight:800}.login-logo p{color:var(--text-light);margin-top:4px;font-size:.875rem}.container{max-width:1120px;margin:0 auto;padding:32px 28px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.page-title{color:var(--secondary);letter-spacing:-.02em;font-size:1.35rem;font-weight:700;line-height:1.2}.page-title small{color:var(--text-light);letter-spacing:0;margin-top:3px;font-size:.82rem;font-weight:400;display:block}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border);padding:22px 24px}.stats-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:24px;display:grid}.stat-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);padding:18px 20px 16px;position:relative;overflow:hidden}.stat-card:after{content:"";width:3px;position:absolute;top:0;bottom:0;left:0}.stat-card:first-child:after,.stat-card:nth-child(2):after,.stat-card:nth-child(3):after,.stat-card:nth-child(4):after{background:var(--primary)}.stat-card .number{color:var(--text);letter-spacing:-.03em;font-size:2rem;font-weight:800;line-height:1}.stat-card .label{color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;margin-top:5px;font-size:.75rem;font-weight:500}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.search-box{flex:1;min-width:220px;position:relative}.search-box input{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--card);width:100%;color:var(--text);outline:none;padding:9px 14px 9px 36px;font-family:inherit;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.search-box input::placeholder{color:var(--text-light)}.search-box input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #e05a261a}.search-box .icon{color:var(--text-light);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.table-wrap{border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);background:var(--card);overflow-x:auto}table{border-collapse:collapse;background:var(--card);width:100%}thead tr{border-bottom:1.5px solid var(--border);background:#f8fafc}th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--text-light);white-space:nowrap;padding:11px 16px;font-size:.72rem;font-weight:700}td{vertical-align:middle;border-bottom:1px solid #eff2f7;padding:13px 16px;font-size:.875rem}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#f8fafd}.badge{letter-spacing:.02em;border-radius:20px;align-items:center;padding:2px 9px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-a1{color:#1d4ed8;background:#eff6ff}.badge-a2{color:#065f46;background:#ecfdf5}.badge-b1{color:#92400e;background:#fffbeb}.badge-b2{color:#9a3412;background:#fff7ed}.badge-c1{color:#991b1b;background:#fef2f2}.badge-c2{color:#831843;background:#fdf2f8}.badge-activo{color:#065f46;background:#ecfdf5}.badge-completado{color:#1e40af;background:#eff6ff}.form-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.form-group{flex-direction:column;gap:5px;display:flex}.form-group.full{grid-column:1/-1}label{color:var(--secondary);font-size:.825rem;font-weight:600}label .required{color:var(--danger);margin-left:2px}input[type=text],input[type=email],input[type=date],input[type=tel],input[type=password],input[type=number],select,textarea{border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text);background:#fff;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:.875rem;line-height:1.5;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #e05a261a}textarea{resize:vertical;min-height:88px}.form-section{border-top:1.5px solid var(--border);margin-top:28px;padding-top:22px}.form-section-title{color:var(--secondary);align-items:center;gap:8px;margin-bottom:18px;font-size:.9rem;font-weight:700;display:flex}.form-section-title .dot{background:var(--primary);border-radius:50%;width:7px;height:7px}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:.855rem;font-weight:600;line-height:1;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 1px 3px #e05a264d}.btn-primary:hover{background:var(--primary-dk);box-shadow:0 2px 8px #e05a2659}.btn-secondary{background:var(--secondary);color:#fff}.btn-secondary:hover{background:#0f172a}.btn-outline{color:var(--secondary);border:1.5px solid var(--border);background:#fff}.btn-outline:hover{background:var(--bg);border-color:#cbd5e1}.btn-sm{border-radius:7px;padding:6px 12px;font-size:.785rem}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#15803d}.btn-icon{cursor:pointer;color:var(--text-light);background:0 0;border:none;border-radius:7px;align-items:center;padding:6px;transition:all .13s;display:inline-flex}.btn-icon:hover{background:var(--bg);color:var(--primary)}.profile-header{flex-wrap:wrap;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.profile-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.4rem;font-weight:700;display:flex}.profile-info h2{color:var(--secondary);letter-spacing:-.01em;font-size:1.3rem}.profile-info .meta{color:var(--text-light);flex-wrap:wrap;gap:14px;margin-top:4px;font-size:.83rem;display:flex}.info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:8px;display:grid}.info-item label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-light);font-size:.7rem;font-weight:700}.info-item .value{color:var(--text);margin-top:3px;font-size:.92rem;font-weight:500}.alert{border-radius:var(--radius);border:1px solid;align-items:center;gap:9px;margin-bottom:16px;padding:11px 15px;font-size:.855rem;display:flex}.alert-success{color:#14532d;background:#f0fdf4;border-color:#86efac}.alert-error{color:#7f1d1d;background:#fef2f2;border-color:#fca5a5}.alert-info{color:#1e3a8a;background:#eff6ff;border-color:#93c5fd}.empty-state{text-align:center;color:var(--text-light);padding:56px 20px}.empty-state .icon{margin-bottom:12px;font-size:2.6rem}.empty-state p{font-size:.9rem}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.65s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{color:var(--text-light);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:72px 20px;display:flex}.loading-overlay .spinner{border-color:var(--border);border-top-color:var(--primary);width:32px;height:32px}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--card);border-radius:var(--radius-lg);width:100%;max-width:460px;padding:26px 28px;box-shadow:0 20px 60px #0003}.modal h3{color:var(--secondary);margin-bottom:8px;font-size:1.05rem;font-weight:700}.modal p{color:var(--text-light);margin-bottom:22px;font-size:.875rem;line-height:1.6}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.filter-wrap{display:inline-flex;position:relative}.filter-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-light);background:var(--card);pointer-events:none;z-index:1;padding:0 3px;font-size:.64rem;font-weight:700;transition:color .15s;position:absolute;top:-8px;left:10px}.filter-wrap.is-active .filter-label{color:var(--primary)}select.filter{border:1.5px solid var(--border);border-radius:var(--radius);background-color:var(--card);appearance:none;cursor:pointer;min-width:136px;color:var(--text);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' fill='none' stroke='%2364748B' stroke-width='2.5' viewBox='0 0 24 24'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat;outline:none;padding:8px 32px 8px 11px;font-family:inherit;font-size:.855rem;font-weight:500;transition:border-color .15s,box-shadow .15s}select.filter:hover{border-color:#cbd5e1}select.filter:focus{border-color:var(--primary);box-shadow:0 0 0 3px #e05a261a}.filter-wrap.is-active select.filter{border-color:var(--primary);background-color:var(--primary-lt);color:var(--primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' fill='none' stroke='%23E05A26' stroke-width='2.5' viewBox='0 0 24 24'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.btn-clear-filters{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--text-light);cursor:pointer;align-self:center;align-items:center;gap:5px;padding:7px 12px;font-family:inherit;font-size:.785rem;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.btn-clear-filters:hover{border-color:var(--danger);color:var(--danger);background:#fef2f2}.role-card{border-radius:var(--radius);cursor:pointer;color:#fff;background:#ffffff12;border:1.5px solid #ffffff1f;align-items:center;gap:14px;margin-bottom:10px;padding:14px 18px;text-decoration:none;transition:all .15s;display:flex}.role-card:hover{background:#ffffff21;border-color:#ffffff4d;transform:translateY(-1px)}.role-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:flex}.role-name{color:#fff;font-size:.92rem;font-weight:700}.role-desc{color:#ffffff80;margin-top:2px;font-size:.76rem}.role-divider{text-align:center;color:#ffffff59;text-transform:uppercase;letter-spacing:1px;margin:18px 0 12px;font-size:.75rem;position:relative}.role-divider:before,.role-divider:after{content:"";background:#ffffff1f;width:38%;height:1px;position:absolute;top:50%}.role-divider:before{left:0}.role-divider:after{right:0}.profile-tabs{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);gap:4px;margin-bottom:18px;padding:4px;display:flex}.profile-tab{cursor:pointer;color:var(--text-light);background:0 0;border:none;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:.83rem;font-weight:600;transition:all .15s;display:flex}.profile-tab.active{background:var(--primary);color:#fff}.profile-tab:hover:not(.active){background:var(--bg);color:var(--secondary)}.tab-badge{background:var(--border);color:var(--text-light);border-radius:10px;padding:1px 6px;font-size:.7rem}.profile-tab.active .tab-badge{color:#fff;background:#ffffff40}.tab-pane{display:none}.tab-pane.active{display:block}.pw-wrap{position:relative}.pw-wrap input{padding-right:38px}.pw-eye{cursor:pointer;color:var(--text-light);background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;transition:color .13s;display:flex;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.pw-eye:hover{color:var(--secondary)}.pagination{border-top:1px solid var(--border);background:var(--card);border-radius:0 0 var(--radius) var(--radius);justify-content:center;align-items:center;gap:14px;padding:13px 16px;display:flex}.page-info{color:var(--text-light);font-size:.825rem}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.form-reveal{animation:.2s fadeSlideDown}@media (width<=900px){body:not(.login-page):not(.exam-page){display:block}body:not(.login-page):not(.exam-page) .navbar{height:100vh;transform:translateX(calc(-1 * var(--sb-w) - 20px));z-index:200;box-shadow:none;transition:transform .26s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0}body:not(.login-page):not(.exam-page) .navbar.sidebar-open{transform:translate(0);box-shadow:6px 0 32px #00000040}.mobile-topbar{display:flex}body:not(.login-page):not(.exam-page) .container{max-width:100%;padding:68px 16px 20px}.stats-row{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.stat-card{padding:14px 14px 12px}.stat-card .number{font-size:1.7rem}.toolbar{flex-direction:column;gap:10px}.toolbar>*{width:100%!important;min-width:unset!important}.search-box{min-width:unset!important}.filter-wrap{width:100%!important}select.filter{width:100%!important;min-width:unset!important}.btn-clear-filters{justify-content:center;width:100%!important}.table-wrap table th:nth-child(2),.table-wrap table td:nth-child(2),.table-wrap table th:nth-child(4),.table-wrap table td:nth-child(4),.table-wrap table th:nth-child(7),.table-wrap table td:nth-child(7){display:none}table{font-size:.82rem}th,td{padding:9px 11px}.page-header{flex-direction:column;align-items:stretch;gap:10px}.page-header>:last-child{width:100%}.page-header .btn{justify-content:center}.form-grid{gap:14px;grid-template-columns:1fr!important}.fg2{grid-template-columns:1fr!important;gap:10px!important}.form-actions{flex-direction:column}.form-actions .btn{justify-content:center;width:100%}.card{padding:16px}.modal-backdrop{align-items:flex-end;padding:0}.modal{max-height:92dvh;margin:0;padding:22px 18px 28px;overflow-y:auto;border-radius:18px 18px 0 0!important;max-width:100%!important}.modal-actions{flex-direction:column;gap:8px}.modal-actions .btn{justify-content:center;width:100%}.pagination{flex-wrap:wrap;gap:8px;padding:10px}.page-info{text-align:center;order:-1;width:100%;font-size:.78rem}.pagination .btn-sm{flex:1;justify-content:center}.info-grid{gap:12px;grid-template-columns:1fr!important}.profile-tab{gap:3px;padding:7px 6px;font-size:.75rem}.tab-badge{display:none}.toolbar-plan{flex-direction:column;gap:8px}#week-sel,#week-select{min-width:unset!important;width:100%!important}.plan-act-row{flex-wrap:wrap!important;row-gap:6px!important}.plan-act-row .btn{flex:auto;justify-content:center;min-width:80px}.day-bar{gap:3px}.day-bar-item{min-width:36px;padding:5px 2px}.dbi-count{display:none}#dep-prof-filter,#select-profesor{min-width:unset!important;width:100%!important}.eval-grid,.report-cols{grid-template-columns:1fr!important}.login-page{align-items:flex-start;padding-top:20px}.login-card{border-radius:var(--radius-lg);max-width:calc(100% - 24px);margin:12px;padding:28px 20px}.login-logo h1{font-size:1.4rem}.hoy-counts{gap:8px}.hoy-count-card{min-width:76px;padding:8px}.hoy-count-card .hc-num{font-size:1.25rem}}.login-tabs{border-bottom:2px solid var(--border);margin-bottom:26px;display:flex}.login-tab{text-align:center;cursor:pointer;color:var(--text-light);border-bottom:2px solid #0000;flex:1;margin-bottom:-2px;padding:11px;font-size:.875rem;font-weight:600;transition:all .15s}.login-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-panel{display:none}.tab-panel.active{display:block}#toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{color:#fff;pointer-events:auto;border-radius:10px;align-items:center;gap:10px;max-width:320px;padding:12px 18px;font-size:.88rem;font-weight:500;animation:.2s toast-in;display:flex;box-shadow:0 4px 16px #00000026}.toast.toast-success{background:#16a34a}.toast.toast-error{background:#dc2626}.toast.toast-info{background:var(--primary)}.toast.toast-out{animation:.2s forwards toast-out}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@media (width<=480px){#toast-container{bottom:16px;left:12px;right:12px}.toast{max-width:100%}}@media print{body:not(.login-page):not(.exam-page) .navbar,.sidebar-footer,.sidebar-overlay,.mobile-topbar,.nav-hamburger{display:none!important}body:not(.login-page):not(.exam-page){display:block!important}.container{max-width:100%!important;margin:0!important;padding:0!important}}