:root{--blue:#176ff2;--navy:#0b1d35;--muted:#64748b;--line:#dbe3ee;--bg:#f4f7fb}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:#15233a}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.app-header{background:linear-gradient(100deg,#0b1d35,#12345a);color:#fff;box-shadow:0 3px 15px #08142630}.app-header__inner,.app-nav__inner,.app-main{width:min(1440px,calc(100% - 40px));margin:auto}.app-header__inner{height:76px;display:flex;align-items:center;justify-content:space-between}.app-brand{display:flex;align-items:center;gap:12px}.app-brand img{width:48px;height:48px;object-fit:contain;border-radius:50%;background:#fff;padding:3px}.app-brand span,.app-user__details{display:grid}.app-brand strong{font-size:18px}.app-brand small,.app-user small{color:#b9c9dd}.app-user{display:flex;align-items:center;gap:12px}.app-user__avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-weight:800;background:var(--blue)}.app-nav{background:#fff;border-bottom:1px solid var(--line)}.app-nav__inner{display:flex;gap:4px}.app-nav a{padding:14px 18px;font-weight:700;color:#44536a;border-bottom:3px solid transparent}.app-nav a:hover{color:var(--blue);border-color:var(--blue)}.app-main{padding:30px 0 60px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px;padding:28px 30px;color:#fff;border-radius:16px;background:linear-gradient(110deg,#146ef5,#0753bd);box-shadow:0 12px 30px #176ff22b}.page-heading--compact{padding:22px 26px}.page-heading h1{margin:3px 0 6px;font-size:30px}.page-heading p{margin:0;color:#dceaff}.eyebrow{font-size:12px!important;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.page-heading__badge{padding:9px 14px;border:1px solid #ffffff45;border-radius:999px;background:#ffffff19}.back-link{display:inline-block;margin-bottom:4px;font-size:13px;color:#fff}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.module-card{min-height:145px;display:flex;align-items:center;gap:18px;padding:24px;border-radius:15px;color:#fff;box-shadow:0 9px 22px #172c4b1d;transition:.2s}.module-card:not(.is-disabled):hover{transform:translateY(-4px)}.module-card>span:last-child{margin-left:auto;font-size:25px}.module-card__icon{font-size:30px}.module-card h2{margin:0 0 7px;font-size:20px}.module-card p{margin:0;color:#ffffffd9;line-height:1.45}.module-card small{display:inline-block;margin-top:10px;padding:3px 8px;border-radius:20px;background:#ffffff24}.module-card--blue{background:linear-gradient(135deg,#1878f2,#0758c9)}.module-card--orange{background:linear-gradient(135deg,#f59e0b,#e36c0a)}.module-card--green{background:linear-gradient(135deg,#21b879,#0b9360)}.module-card--violet{background:linear-gradient(135deg,#8b2be2,#5b10c8)}.module-card--red{background:linear-gradient(135deg,#f04454,#d91c65)}.module-card--cyan{background:linear-gradient(135deg,#11afd5,#087cae)}.is-disabled{opacity:.82}.filter-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.filter-card{display:flex;flex-direction:column;align-items:flex-start;padding:18px;color:#fff;border:0;border-radius:11px;box-shadow:0 5px 15px #0f274220}.filter-card strong{font-size:24px}.filter-card span{font-weight:700}.filter-card--dark{background:#687480}.filter-card--blue{background:linear-gradient(120deg,#199bec,#15c3df)}.filter-card--orange{background:linear-gradient(120deg,#f29a13,#f0c940)}.filter-card--green{background:linear-gradient(120deg,#12a77a,#2dd681)}.table-card{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 5px 18px #172c4b12}.table-card__title{display:flex;justify-content:space-between;align-items:center;padding:18px 20px}.table-card__title h2{margin:0;font-size:20px}.table-card__title span{color:var(--muted)}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 16px;text-align:left;border-top:1px solid var(--line);vertical-align:middle}th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;background:#e7f0ff}td small{display:block;margin-top:3px;color:var(--muted)}.role-badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.role-badge--administrator{color:#0758c9;background:#e3efff}.role-badge--profesor{color:#b35c00;background:#fff0d8}.role-badge--secretariat{color:#08754c;background:#dcf8ea}.status-dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#ef4444}.status-dot.is-active{background:#18b66a}.table-actions{display:flex;gap:7px}.table-actions form{margin:0}.button{display:inline-flex;align-items:center;justify-content:center;padding:10px 15px;border:0;border-radius:8px;color:#fff;background:var(--blue);font-weight:750;cursor:pointer}.button--success{background:#15945c}.button--ghost{border:1px solid #ffffff38;background:#ffffff12}.button--small{padding:7px 10px;font-size:12px}.button--outline{color:#44536a;border:1px solid #bdc9d8;background:#fff}.alert{margin-bottom:18px;padding:13px 16px;border-radius:9px}.alert--success{color:#08754c;background:#dcf8ea}.alert--error{color:#a51d2b;background:#ffe4e7}.pagination{margin-top:18px}.pagination svg{width:18px}.pagination nav>div:first-child{display:none}.pagination nav>div:last-child{display:flex;justify-content:space-between;align-items:center}.pagination span,.pagination a{margin:2px}.app-main input,.app-main select{width:100%;padding:11px;border:1px solid #bdc9d8;border-radius:8px;background:#fff}.app-main label{display:block;margin-bottom:6px;font-weight:700}@media(max-width:900px){.module-grid{grid-template-columns:repeat(2,1fr)}.filter-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.app-header__inner,.app-nav__inner,.app-main{width:min(100% - 24px,1440px)}.app-user__details,.app-brand small{display:none}.app-nav__inner{overflow:auto}.page-heading{align-items:flex-start;flex-direction:column;padding:20px}.module-grid,.filter-cards{grid-template-columns:1fr}.module-card{min-height:120px}.table-actions{flex-direction:column}.app-main{padding-top:18px}}