:root{--navy:#101a29;--navy2:#162234;--gold:#c99745;--ink:#162033;--muted:#657189;--line:#e7ebf0;--bg:#f5f7fa;--white:#fff;--green:#43b96b;--purple:#8868db;--blue:#3f8ee8;--red:#e74c4c;--orange:#ef8d32;--shadow:0 10px 30px rgba(30,50,80,.07)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}button{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:220px;background:linear-gradient(180deg,#0b1421,#111e2e);color:#fff;padding:20px 14px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:6px 6px 24px}.brand-mark{width:48px;height:48px;border:1px solid rgba(201,151,69,.5);border-radius:50%;display:grid;place-items:center;font-size:25px}.brand strong{display:block;font-size:14px;color:#f2d28f}.brand span{display:block;font-size:13px;color:#f2d28f;line-height:1.45;font-weight:700}.nav{display:grid;gap:8px}.nav-item{border:0;background:transparent;color:#f3f5f8;text-align:left;padding:12px 14px;border-radius:11px;display:flex;gap:12px;align-items:center;cursor:pointer}.nav-item:hover{background:rgba(255,255,255,.06)}.nav-item.active{background:linear-gradient(135deg,#a77c37,#c99a4f);box-shadow:0 7px 18px rgba(0,0,0,.2)}.sidebar-spacer{flex:1}.course-chip{border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:14px;text-align:center;margin-bottom:16px;background:rgba(255,255,255,.02)}.course-chip strong,.course-chip span{display:block}.course-chip strong{font-size:12px}.course-chip span{font-size:11px;margin-top:8px}.secondary{color:#c5ccd6}.main{margin-left:220px;width:calc(100% - 220px)}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;position:sticky;top:0;z-index:12}.mobile-menu{display:none}.topbar-title{display:flex;gap:28px;align-items:center;min-width:0}.topbar h1{font-size:22px;margin:0;white-space:nowrap}.topbar-meta{font-size:13px;color:#3c4b66;display:flex;gap:10px}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.icon-btn{position:relative;border:0;background:transparent;font-size:18px;cursor:pointer}.icon-btn b{position:absolute;top:-7px;right:-7px;background:#b40017;color:white;border-radius:20px;min-width:17px;height:17px;font-size:10px;display:grid;place-items:center}.profile-btn{display:flex;align-items:center;gap:9px;border:0;background:transparent;cursor:pointer}.avatar{width:38px;height:38px;border-radius:50%;background:#e8c18f;display:grid;place-items:center;font-weight:800;color:#172131}.profile-copy{text-align:left}.profile-copy strong,.profile-copy small{display:block}.profile-copy small{color:#69758a}.view{padding:16px 22px 28px}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-12{grid-column:span 12}.card{background:#fff;border:1px solid #e2e6eb;border-radius:13px;padding:18px;box-shadow:var(--shadow);min-width:0}.card.compact{padding:14px}.card-title-row{border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:12px}.card h2{font-size:13px;margin:0;font-weight:800}.card h2 span{font-weight:500;color:var(--muted)}.today-class{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start}.class-icon{width:52px;height:52px;border-radius:13px;background:linear-gradient(135deg,#a98aea,#7850d4);color:white;display:grid;place-items:center;font-size:22px}.class-main h3{margin:3px 0 6px;font-size:18px}.class-main h3 span{font-size:14px;font-weight:500}.time{font-size:20px}.class-main p{margin:8px 0 0;font-size:12px}.status{width:105px;min-height:118px;border-radius:12px;display:grid;place-items:center;text-align:center;font-weight:800;font-size:12px}.status-ready{background:#eff8ee;border:1px solid #d3ebd0;color:#227236}.status span{display:block;line-height:1.35}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:9px;margin:14px 0 10px}.mini-stats div{padding:10px;text-align:center;border-right:1px solid var(--line)}.mini-stats div:last-child{border:0}.mini-stats b,.mini-stats span{display:block}.mini-stats b{font-size:17px}.mini-stats span{font-size:10px;color:#39445a}.actions-row{display:flex;gap:10px}.primary-btn,.ghost-btn,.wide-btn,.all-good{border-radius:8px;padding:10px 14px;cursor:pointer}.primary-btn{background:#131d2b;color:white;border:0;min-width:175px}.ghost-btn,.wide-btn,.all-good{background:white;border:1px solid #dfe4e9}.ghost-btn{margin-left:auto}.secondary-event{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border-top:1px solid var(--line);margin-top:13px;padding-top:12px}.event-icon{width:42px;height:42px;border-radius:9px;background:#eaf5ff;color:#277ec8;display:grid;place-items:center}.secondary-event strong{font-size:12px;color:#1873c9}.secondary-event p,.secondary-event small{margin:2px 0}.secondary-event p{font-size:12px}.secondary-event small{font-size:10px;color:var(--muted)}.pill{font-size:10px;font-weight:800;padding:8px 11px;border-radius:8px}.pill.blue{background:#edf6ff;color:#1873c9}.attention-list{display:grid}.attention-list button{border:0;border-bottom:1px solid var(--line);background:white;padding:8px 0;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;text-align:left;cursor:pointer;font-size:12px}.badge{width:28px;height:28px;border-radius:7px;color:white;display:grid;place-items:center;font-weight:800}.red{background:#eb5252}.orange{background:#f07f20}.amber{background:#e18b23}.gold{background:#e9b639}.sky{background:#3d96d9}.purple{background:#7d61d0}.green{background:#48b96a}.attention-list b{color:#c01818}.all-good{width:100%;margin-top:14px}.upcoming button{width:100%;border:0;border-bottom:1px solid var(--line);background:white;display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;text-align:left;padding:11px 0;cursor:pointer}.upcoming time{border-right:1px solid var(--line);text-align:center}.upcoming time small,.upcoming time b{display:block;color:#387ed8}.upcoming time b{font-size:24px}.upcoming span small,.upcoming span strong,.upcoming span em{display:block}.upcoming span small{color:#4f86c7}.upcoming span strong{margin:3px 0;font-size:13px}.upcoming span em{font-style:normal;font-size:11px;color:var(--muted)}.wide-btn{width:100%;margin-top:13px;font-size:11px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.quick-grid button{border:0;background:#fafbfc;border-radius:9px;padding:8px 4px;min-height:68px;font-size:9px;cursor:pointer}.quick-grid button i{font-style:normal;font-size:22px;display:block;margin-bottom:5px}.group-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);position:relative}.group-badge{width:40px;height:40px;border-radius:9px;display:grid;place-items:center;color:white}.group-row strong{font-size:13px}.group-row p,.group-row span{font-size:9px;margin:3px 0;color:#3f4a60}.attendance{font-size:24px;font-weight:800;color:#2fba5d;text-align:right}.attendance small{display:block;font-size:8px;color:var(--muted)}.purpletxt{color:#795bd5}.numbers-list p{display:grid;grid-template-columns:30px 1fr;font-size:11px;margin:10px 0}.numbers-list b{font-size:14px}.finance-list p{display:flex;justify-content:space-between;font-size:11px}.finance-list b{font-size:18px}.green-txt{color:#168237}.orange-txt{color:#e67b00}.red-txt{color:#d22d2d}.finance-list .big{font-size:20px}.finance-list small{display:block;color:#c12727;text-align:center}.message-list p,.notification-list p{display:grid;align-items:center;gap:9px;border-bottom:1px solid var(--line);padding:8px 0;margin:0;font-size:10px}.message-list p{grid-template-columns:auto auto 120px 1fr auto}.notification-list p{grid-template-columns:auto 1fr auto}.message-list b{border:1px solid #dfe4ea;border-radius:50%;width:24px;height:24px;display:grid;place-items:center}.message-list time,.notification-list time{color:var(--muted)}.placeholder{min-height:520px;display:grid;place-items:center;text-align:center}.placeholder-inner{max-width:540px}.placeholder-icon{font-size:48px}.placeholder h2{font-size:26px}.placeholder p{color:var(--muted);line-height:1.6}.modal{position:fixed;inset:0;background:rgba(9,15,25,.52);display:none;align-items:center;justify-content:center;z-index:50;padding:18px}.modal.open{display:flex}.modal-card{background:white;width:min(680px,100%);max-height:90vh;overflow:auto;border-radius:16px;padding:24px;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.25)}.modal-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:30px;cursor:pointer}.class-modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.class-modal-grid button{border:1px solid var(--line);background:#fafbfc;border-radius:10px;padding:18px;text-align:left;cursor:pointer}.class-modal-grid strong{display:block}.class-modal-grid small{color:var(--muted)}.toast{position:fixed;right:24px;bottom:24px;background:#101a29;color:#fff;padding:13px 18px;border-radius:9px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s;z-index:70}.toast.show{opacity:1;transform:translateY(0)}.mobile-backdrop{display:none}.mobile-menu{border:0;background:transparent;font-size:22px;margin-right:10px}.people-page{display:grid;gap:14px}.module-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:10px 2px}.module-head h2{font-size:28px;margin:2px 0 4px}.module-head p{margin:0;color:var(--muted)}.eyebrow{font-size:10px!important;letter-spacing:.14em;font-weight:800;color:var(--gold)!important}.people-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.people-stats button{background:white;border:1px solid var(--line);border-radius:12px;padding:16px;text-align:left;cursor:pointer;box-shadow:var(--shadow)}.people-stats b,.people-stats span{display:block}.people-stats b{font-size:25px}.people-stats span{font-size:11px;color:var(--muted);margin-top:3px}.people-card{padding:0;overflow:hidden}.people-toolbar{padding:14px;display:flex;gap:14px;justify-content:space-between;border-bottom:1px solid var(--line)}.filter-tabs{display:flex;gap:5px;flex-wrap:wrap}.filter-tabs button{border:0;background:#f3f5f8;border-radius:8px;padding:8px 11px;cursor:pointer;font-size:11px}.filter-tabs button.active{background:var(--navy);color:white}.people-toolbar input{border:1px solid var(--line);border-radius:8px;padding:9px 12px;width:280px}.people-tr{display:grid;grid-template-columns:2fr .8fr 1.2fr 1fr 30px;align-items:center;gap:12px;width:100%;padding:12px 16px;border:0;border-bottom:1px solid var(--line);background:white;text-align:left}.people-tr:not(.head){cursor:pointer}.people-tr:not(.head):hover{background:#fafbfc}.people-tr.head{font-size:10px;color:var(--muted);font-weight:800}.person-cell{display:flex;align-items:center;gap:10px}.person-cell>i{font-style:normal;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#eef2f6;font-weight:800;font-size:11px}.person-cell strong,.person-cell small{display:block}.person-cell small{color:var(--muted);margin-top:3px}.type-pill,.state-pill{font-style:normal;font-size:9px;font-weight:800;border-radius:12px;padding:5px 8px;background:#eef2f6}.type-pill.alumno{background:#eaf7ee;color:#287c42}.type-pill.candidato{background:#edf5ff;color:#2773b8}.type-pill.profesor{background:#f1edff;color:#684cc1}.type-pill.tecnico{background:#fff3e7;color:#a45d13}.state-pill{color:#40506a}.chev{text-align:right;font-size:20px}.empty-state{padding:40px;text-align:center;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.detail-grid>div{border:1px solid var(--line);border-radius:9px;padding:12px}.detail-grid small,.detail-grid strong{display:block}.detail-grid small{color:var(--muted);margin-bottom:5px}.detail-grid .full,.form-grid .full{grid-column:1/-1}.detail-actions{margin-top:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.form-grid label{font-size:11px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:8px;padding:10px;background:white}.form-grid textarea{min-height:90px;resize:vertical}.form-grid .check-label{display:flex;align-items:center;gap:8px;padding-top:22px}.form-grid .check-label input{width:auto;margin:0}.form-actions{display:flex;justify-content:flex-end}@media(max-width:1200px){.span-4{grid-column:span 6}.span-3{grid-column:span 6}.topbar-meta{display:none}.topbar h1{font-size:18px}}@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.mobile-menu{display:block}.mobile-backdrop.show{display:block;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:15}.topbar{padding:0 12px;height:64px}.topbar h1{font-size:15px}.profile-copy{display:none}.topbar-actions{gap:8px}.view{padding:12px}.span-4,.span-3,.span-6{grid-column:span 12}.dashboard-grid{gap:10px}.people-stats{grid-template-columns:repeat(2,1fr)}.module-head{align-items:start}.people-toolbar{display:grid}.people-toolbar input{width:100%}.people-tr{grid-template-columns:1.6fr .8fr 30px}.people-tr>span:nth-child(3),.people-tr>span:nth-child(4){display:none}.form-grid,.detail-grid{grid-template-columns:1fr}.form-grid .full,.detail-grid .full{grid-column:auto}}@media(max-width:520px){.card{padding:14px}.today-class{grid-template-columns:auto 1fr}.status{grid-column:1/-1;width:100%;min-height:58px;display:flex;justify-content:center;gap:10px}.mini-stats{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(3,1fr)}.group-row{grid-template-columns:auto 1fr}.attendance{grid-column:2}.topbar-title h1{max-width:150px;white-space:normal}.profile-btn{padding:0}.avatar{width:32px;height:32px}.icon-btn{font-size:16px}.module-head{display:grid}.module-head .primary-btn{width:100%}.people-stats{grid-template-columns:1fr 1fr}.people-tr{padding:11px}.filter-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}}