html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{color:#e8edf5;font-synthesis:none;background:#080b10;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}.app-shell{background:radial-gradient(circle at 85% 0,#172437 0,#080b10 45%);min-height:100vh}header{border-bottom:1px solid #202a38;justify-content:space-between;align-items:center;height:72px;padding:0 5vw;display:flex}.brand{color:#fff;letter-spacing:.12em;font-size:1.15rem;font-weight:900;text-decoration:none}.brand span{color:#79e08d}nav{color:#8793a5;align-items:center;gap:20px;font-size:.82rem;display:flex}.page{max-width:1180px;margin:auto;padding:64px 5vw}h1{letter-spacing:-.05em;margin:8px 0 34px;font-size:clamp(2rem,5vw,4.2rem);line-height:1}h2,h3{margin:0}.eyebrow{color:#79e08d;letter-spacing:.16em;font-size:.7rem;font-weight:800}.muted{color:#8793a5}.error{color:#ff7b7b}.success{color:#79e08d}.notice{background:#15251c;border:1px solid #2e6b43;border-radius:8px;padding:12px 16px}.admin-nav{gap:8px;margin-bottom:28px;display:flex}.admin-nav a,.admin-nav button{color:#8793a5;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:9px 14px;font-weight:800;text-decoration:none;transition:all .2s}.admin-nav a:hover,.admin-nav button:hover,.admin-nav .active-link{color:#79e08d;background:#15251c;border-color:#2e6b43}.user-count{color:#8793a5;font-size:.8rem}.user-form{margin-top:0}.form-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.form-grid input,.form-grid select,.search-input{color:#e8edf5;background:#111823;border:1px solid #2a384c;border-radius:7px;min-width:0;padding:11px 13px}.form-grid .button{width:100%}.search-input{max-width:230px}.table-subtitle{color:#8793a5;margin-top:4px;font-size:.76rem;display:block}.actions{gap:6px;display:flex}.button.danger{color:#ff8585;background:#49252b}.button{cursor:pointer;border:0;border-radius:7px;padding:11px 17px;font-weight:800}.button.primary{color:#08100b;background:#79e08d}.button.ghost{color:#aeb8c7;background:0 0;border:1px solid #334052}.button.small{padding:8px 11px;font-size:.78rem}.login{background:radial-gradient(circle at 50% 30%,#183328,#080b10 55%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:min(460px,100%)}.login h1{max-width:390px}.login h1 em{color:#79e08d;font-style:normal}.profile{color:#e8edf5;text-align:left;cursor:pointer;background:#111823;border:1px solid #263346;border-radius:9px;flex-direction:column;align-items:flex-start;gap:5px;width:100%;margin-top:12px;padding:17px 18px;display:flex}.profile:hover{border-color:#79e08d}.profile small{color:#8793a5}.page-heading,.panel-title,.toolbar{justify-content:space-between;align-items:center;gap:16px;display:flex}.live{color:#79e08d;letter-spacing:.1em;font-size:.72rem;font-weight:800}.live i{background:#79e08d;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.panel{background:#0f1620eb;border:1px solid #202c3c;border-radius:12px;margin-top:26px;padding:22px}.panel-title{margin-bottom:18px}.panel-title strong,.panel-title span{color:#8793a5;font-size:.8rem}table{border-collapse:collapse;text-align:left;width:100%;font-size:.87rem}th{color:#647389;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}th,td{border-bottom:1px solid #202a38;padding:15px 10px}.badge{border-radius:20px;padding:5px 9px;font-size:.68rem;font-weight:800}.permitido{color:#79e08d;background:#193d29}.denegado{color:#ff8585;background:#49252b}.empty{text-align:center;color:#647389;padding:40px}.toolbar{flex-wrap:wrap;margin-bottom:28px}.toolbar input,.toolbar select,.inputs input{color:#e8edf5;background:#111823;border:1px solid #2a384c;border-radius:7px;padding:11px 13px}.toolbar input{flex:1;min-width:220px}.toolbar select{min-width:220px}.exercise-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.exercise-card{color:#e8edf5;text-align:left;cursor:pointer;background:#111823;border:1px solid #202c3c;border-radius:10px;padding:0;overflow:hidden}.exercise-card.selected{border:2px solid #79e08d}.exercise-card img{object-fit:cover;background:#1d2a39;width:100%;height:150px}.exercise-card div{gap:5px;padding:13px;display:grid}.exercise-card span{color:#79e08d;font-size:.72rem}.exercise-card small{color:#8793a5}.tabs{border-bottom:1px solid #202c3c;gap:8px;display:flex}.tabs button{color:#8793a5;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:13px 18px}.tabs button.active{color:#79e08d;border-color:#79e08d}.checkin{text-align:center;padding:56px 20px}.qr-placeholder{color:#79e08d;border:2px dashed #79e08d;border-radius:8px;place-items:center;width:150px;height:150px;margin:0 auto 22px;font-size:2rem;font-weight:900;display:grid}.routine-days{gap:18px;display:grid}.routine-item{border-top:1px solid #202c3c;gap:17px;padding:15px 0;display:flex}.routine-item img{object-fit:cover;border-radius:6px;width:105px;height:85px}.routine-info{flex:1}.routine-info p{color:#8793a5;margin:7px 0 12px;font-size:.85rem}.inputs{flex-wrap:wrap;gap:7px;display:flex}.inputs input{width:120px}@media (width<=640px){.page{padding-top:35px}header{padding:0 20px}nav span{display:none}.page-heading{align-items:flex-start}.toolbar>*{width:100%}.routine-item{align-items:flex-start}.routine-item img{width:75px;height:65px}.student-exercise-preview{flex-basis:75px;width:75px;height:65px}}@media (width<=800px){.form-grid{grid-template-columns:repeat(2,1fr)}.form-grid .button{grid-column:span 2}}@media (width<=500px){.form-grid{grid-template-columns:1fr}.form-grid .button{grid-column:auto}.panel-title{flex-direction:column;align-items:flex-start}.search-input{width:100%;max-width:none}}.routine-layout{grid-template-columns:280px 1fr;align-items:start;gap:18px;display:grid}.routine-sidebar{gap:10px;min-width:0;margin-top:0;display:grid}.routine-sidebar h2{margin-bottom:8px}.routine-select{text-align:left;color:#e8edf5;cursor:pointer;background:#111823;border:1px solid #2a384c;border-radius:7px;flex:1;min-width:0;padding:11px}.routine-select small{color:#8793a5;margin-top:4px;display:block}.routine-meta,.exercise-picker{margin-top:0}.full-input{color:#e8edf5;background:#111823;border:1px solid #2a384c;border-radius:7px;width:100%;margin:12px 0;padding:11px 13px}.day-tabs,.filter-tabs{gap:7px;padding-bottom:8px;display:flex;overflow-x:auto}.day-tabs button,.filter-tabs button{white-space:nowrap;color:#8793a5;cursor:pointer;background:0 0;border:1px solid #2a384c;border-radius:20px;padding:8px 12px}.day-tabs button.active,.filter-tabs button.active{color:#79e08d;background:#15251c;border-color:#79e08d}.day-tabs small{font-size:.68rem;display:block}.day-settings{grid-template-columns:1fr 1fr auto;gap:8px;margin:14px 0;display:grid}.day-settings input,.builder-fields input{color:#e8edf5;background:#111823;border:1px solid #2a384c;border-radius:7px;min-width:0;padding:9px}.builder-item,.student-exercise{border-top:1px solid #202c3c;gap:14px;padding:15px 0;display:flex}.builder-item img,.student-exercise img{object-fit:cover;background:#1d2a39;border-radius:6px;width:92px;height:76px}.builder-item>div,.student-exercise-content{flex:1}.muscle-tag{color:#79e08d;background:#193d29;border-radius:15px;margin:5px 0;padding:3px 7px;font-size:.68rem;display:inline-block}.builder-fields{grid-template-columns:repeat(3,minmax(100px,1fr));align-items:end;gap:10px;margin-top:12px;display:grid}.builder-fields label{color:#8793a5;gap:5px;font-size:.7rem;font-weight:800;display:grid}.builder-fields label input{width:100%}.builder-fields .notes-field{grid-column:1/-1}.builder-fields .remove-exercise{justify-self:start}.save-routine{width:100%;margin-top:18px}.student-days{margin:18px 0}.student-exercise-content{justify-content:space-between;gap:15px;display:flex}.student-exercise-content h3{margin:4px 0}.student-exercise-content p{color:#8793a5;margin:5px 0;font-size:.82rem}.log-form{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.log-form input{color:#e8edf5;background:#111823;border:1px solid #2a384c;border-radius:7px;width:80px;padding:9px}.student-actions{margin-top:-20px;margin-bottom:20px}@media (width<=850px){.routine-layout{grid-template-columns:1fr}.routine-sidebar{order:2}.day-settings{grid-template-columns:1fr 1fr}.day-settings .danger{grid-column:span 2}.student-exercise-content{flex-direction:column}}@media (width<=600px){.builder-fields{grid-template-columns:repeat(2,1fr)}.builder-fields input[placeholder=Notas],.builder-fields .danger{grid-column:span 2}.student-exercise img{width:76px;height:64px}}.routine-sidebar-heading{border-bottom:1px solid #202c3c;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;display:flex}.routine-sidebar-heading>div{min-width:0}.routine-sidebar-heading h2{margin:0}.routine-sidebar-heading span{color:#8793a5;margin-top:4px;font-size:.74rem;display:block}.routine-sidebar-heading strong{color:#79e08d;background:#193d29;border-radius:50%;place-items:center;min-width:34px;height:34px;font-size:.82rem;display:grid}.routine-list{gap:10px;display:grid}.routine-card{background:#111823;border:1px solid #2a384c;border-radius:10px;gap:12px;padding:13px;transition:border-color .2s,background .2s,transform .2s;display:grid}.routine-card:hover{background:#14201d;border-color:#4b6a59;transform:translateY(-1px)}.routine-select{color:#e8edf5;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;min-width:0;padding:0}.routine-card-title{color:#f3f6fa;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:800;display:block;overflow:hidden}.routine-card-meta{color:#79e08d;margin-top:5px;font-size:.7rem;font-weight:700;display:block}.routine-actions{border-top:1px solid #202c3c;align-items:center;gap:8px;min-width:0;padding-top:10px;display:flex}.routine-actions .button{flex:1;min-width:0}.routine-empty{padding:18px 8px;font-size:.82rem}.new-routine-button{width:100%;margin-top:2px}.exercise-form-panel{width:min(720px,100%);max-height:90vh;margin-top:0;overflow-y:auto}.exercise-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.exercise-form label{color:#aeb8c7;gap:7px;font-size:.78rem;font-weight:800;display:grid}.exercise-form input,.exercise-form select,.exercise-form textarea{color:#e8edf5;background:#111823;border:1px solid #2a384c;border-radius:7px;width:100%;padding:11px 13px}.exercise-form textarea{resize:vertical;min-height:90px}.exercise-form-wide{grid-column:1/-1}.exercise-live-preview{color:#8793a5;gap:7px;font-size:.75rem;font-weight:800;display:grid}.exercise-position-controls{background:#0d141e;border:1px solid #2a384c;border-radius:8px;gap:14px;padding:14px;display:grid}.exercise-position-heading{color:#aeb8c7;justify-content:space-between;align-items:center;gap:12px;font-size:.78rem;font-weight:800;display:flex}.exercise-position-controls label{gap:5px}.exercise-position-controls input[type=range]{accent-color:#79e08d;padding:0}.exercise-position-controls small{color:#79e08d;font-size:.72rem}.exercise-live-preview img,.exercise-live-preview .exercise-preview-fallback{object-fit:cover;border-radius:7px;width:150px;height:100px}.exercise-preview-fallback{color:#8793a5;text-align:center;background:#1d2a39;border:1px dashed #3a4a60;place-items:center;font-size:.72rem;display:grid}.exercise-admin-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.exercise-admin-card{background:#111823;border:1px solid #2a384c;border-radius:10px}.exercise-admin-content{gap:12px;padding:15px;display:grid}.exercise-admin-heading{gap:7px;display:grid}.exercise-admin-heading h3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.exercise-admin-content p{color:#8793a5;min-height:42px;margin:0;font-size:.82rem;line-height:1.5}.exercise-admin-actions{gap:8px;display:flex}.exercise-admin-actions .button{flex:1}.student-exercise-preview{color:#8793a5;cursor:pointer;background:#1d2a39;border:0;border-radius:6px;flex:0 0 105px;width:105px;height:85px;padding:0;transition:opacity .2s;overflow:hidden}.student-exercise-preview:hover{opacity:.9}.student-exercise-preview img{object-fit:cover;width:100%;height:100%}.student-exercise-preview span{place-items:center;width:100%;height:100%;font-size:.72rem;display:grid}.exercise-detail-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.exercise-detail-modal{background:#111823;border:1px solid #202c3c;border-radius:16px;width:min(672px,100%);max-height:90vh;padding:24px;position:relative;overflow-y:auto;box-shadow:0 24px 80px #00000080}.exercise-detail-close{color:#e8edf5;cursor:pointer;background:#182230;border:1px solid #334052;border-radius:50%;width:34px;height:34px;font-size:1.4rem;line-height:1;position:absolute;top:14px;right:16px}.exercise-detail-heading{padding-right:44px}.exercise-detail-heading h2{margin-top:8px;font-size:clamp(1.4rem,4vw,2rem)}.exercise-detail-image-wrap{background:#0b1119;border-radius:12px;place-items:center;min-height:240px;margin:20px 0;display:grid;overflow:hidden}.exercise-detail-image-wrap img{object-fit:contain;border-radius:12px;width:100%;max-height:55vh;display:block}.exercise-detail-image-wrap .exercise-preview-fallback{width:100%;min-height:240px}.exercise-detail-description{border-top:1px solid #202c3c;padding-top:18px}.exercise-detail-description h3{margin-bottom:8px;font-size:1rem}.exercise-detail-description p{color:#c2cad6;white-space:pre-line;margin:0;line-height:1.6}.exercise-toolbar{align-items:flex-start}.exercise-filters{gap:8px;display:flex}.exercise-filters .search-input{max-width:220px}button:disabled{cursor:not-allowed;opacity:.6}.modal-backdrop{z-index:10;background:#000000b3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}@media (width<=640px){.exercise-form{grid-template-columns:1fr}.exercise-form-wide{grid-column:auto}.exercise-toolbar{flex-direction:column}.exercise-filters{flex-direction:column;width:100%}.exercise-filters .search-input{width:100%;max-width:none}}.modal-card{background:#111823;border:1px solid #2a384c;border-radius:12px;width:min(430px,100%);padding:24px;box-shadow:0 20px 60px #0006}.modal-card select{color:#e8edf5;background:#0b1119;border:1px solid #2a384c;border-radius:7px;width:100%;padding:11px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.table-wrap{overflow-x:auto}.table-wrap table{min-width:760px}.table-wrap th:last-child,.table-wrap td:last-child{white-space:nowrap;min-width:190px}.routine-actions{flex-wrap:wrap;align-items:center;gap:5px;min-width:125px;display:flex}