.cont{--side-bar-width:260px;flex-direction:row;width:100vw;height:100dvh;display:flex;overflow:hidden}.main{z-index:1;flex-direction:column;flex:1;align-items:stretch;max-width:100%;display:flex;overflow:auto}.container{height:100dvh;overflow:hidden}.sidebar{background-color:var(--sidebar-bg);height:100%;color:var(--text-light);width:var(--sidebar-width);transition:width var(--transition-fast) ease-out 0s;z-index:1;flex-direction:column;display:flex;top:0;left:0;overflow:hidden auto}.sidebar-logo{align-items:center;gap:10px;display:flex}.sidebar-logo-icon{background-color:var(--color-primary-filled);color:var(--color-bg);border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;padding:2px;display:flex}.sidebar-header-text{flex-direction:column;display:flex}.sidebar-header-text span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1!important}.sidebar.dark{background-color:var(--bg-dark);color:var(--text-dark)}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;height:60px;padding:18px;font-weight:700;display:flex}.sidebar-nav{flex:1;padding-top:12px}.sidebar-item .item-main{cursor:pointer;transition:background-color var(--transition-fast) ease;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.sidebar-text{align-items:center;gap:10px;display:flex}.sidebar-text svg,.sidebar-item .item-main .chevron svg{color:var(--color-text-gray)}.sidebar-item .item-main:hover{background-color:var(--color-bg-hover)}.sidebar-item .item-main .sidebar-text span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-item .item-main.active .sidebar-text span,.sidebar-item .item-main.active .sidebar-text svg{color:var(--color-primary-filled)!important;font-weight:600!important}.subitems{flex-direction:column;padding-left:20px;display:flex}.subitem{cursor:pointer;border-radius:var(--radius);transition:background-color var(--transition-fast) ease;align-items:center;padding:10px 0 10px 12px;display:flex;position:relative}.subitem:hover{background-color:var(--color-bg-hover)}.subitem .line{background-color:var(--color-bg-icon);width:2px;position:absolute;top:0;bottom:0;left:6px}.subitem.active .dot{background-color:var(--color-primary-filled);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:3px;transform:translateY(-50%)}.subitem.active .sub-label,.subitem.active .sub-label span,.subitem.active .sub-label svg{color:var(--color-primary-filled)!important;font-weight:600!important}.subitem .sub-label{margin-left:12px}.subitem .sub-label span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-footer{border-top:1px solid var(--border-color);margin-top:auto;padding:12px}.sidebar-footer:hover{background-color:var(--color-bg-hover)}.sidebar-footer .footer-item{cursor:pointer;align-items:center;display:flex}.sidebar-footer .footer-item span{margin-left:8px}@media (width<=768px){.sidebar{transition:transform var(--transition-fast) cubic-bezier(.4, 0, .2, 1);z-index:10;width:100%;position:fixed;top:60px;transform:translate(-100%)}.sidebar.mobile-open{transition:transform var(--transition-fast) ease;transform:translate(0)}.sidebar-footer{position:absolute;bottom:60px}}.btn{border-radius:var(--radius);font-family:var(--font-family);cursor:pointer;transition:background-color var(--transition), color var(--transition), border-color var(--transition), transform .1s ease;-webkit-user-select:none;user-select:none;letter-spacing:.03em;border:1px solid #0000;justify-content:center;align-items:center;font-weight:500;line-height:14px;display:inline-flex}.btn-gap-md{gap:.4rem}.btn-gap-none{gap:0}.btn-xs{padding:.25rem .5rem;font-size:.75rem}.btn-sm{padding:.4rem .75rem;font-size:.875rem}.btn-md{padding:.55rem 1rem;font-size:.95rem}.btn-lg{padding:.8rem 1.25rem;font-size:.95rem}.btn-xl{padding:1rem 1.5rem;font-size:1rem}.btn-full{width:100%}.btn-radius-sm{border-radius:4px}.btn-radius-md{border-radius:8px}.btn-radius-lg{border-radius:12px}.btn-filled{background:var(--color-primary-filled);color:#fff}.btn-filled:hover{background:var(--color-primary-filled-hover)}.btn-simple{border:1px solid var(--color-border);color:var(--color-text);background:0 0}.btn-simple:hover{background:var(--color-border-hover)}.btn-filled-red{background:var(--color-red);color:#fff}.btn-filled-red:hover{background:var(--color-red-hover)}.btn-ligth{color:var(--color-primary-ligth-color);background-color:var(--color-primary-ligth)}.btn-ligth:hover{background-color:var(--color-primary-ligth-hover)}.btn-green{color:var(--color-success-green-color);background-color:var(--color-success-green)}.btn-green:hover{background-color:var(--color-success-green-hover)}.btn-orange{color:var(--color-warning-light-color);background-color:var(--color-warning-light)}.btn-orange:hover{background-color:var(--color-warning-light-hover)}.btn-outline{border:1px solid var(--color-primary-outline-color);color:var(--color-primary-outline-color);background:0 0}.btn-outline:hover{background:var(--color-primary-outline-hover)}.btn-ligth-filled{background-color:var(--color-primary-ligth);border:1px solid var(--color-primary-filled);color:var(--color-primary-ligth-color)}.btn-subtle{background:var(--color-border);color:var(--color-text)}.btn-subtle-hard{background:var(--color-primary-subtle);color:var(--color-text)}.btn-subtle-hard:hover{filter:brightness(1.01)}.btn-outline-red{border:1px solid var(--color-red);color:var(--color-red);background:0 0}.btn-outline-red:hover,.btn-red:hover{background:var(--color-red-hover)}.btn-ligth-red{color:var(--color-red);border:none}.btn-ligth-red:hover{background-color:#0000}.btn-icon{align-items:center;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn:disabled:hover{transform:none}.btn-sample{align-items:center;gap:20px;padding:10px;font-size:14px;display:flex}.btn-sample-between{justify-content:space-between}.btn-sample:hover{background-color:var(--color-bg-icon);cursor:pointer}.btn-sample-red{color:var(--color-red)}.btn-sample-red:hover{background-color:var(--color-red-bg)}.btn-sample-border-radius-sm{border-radius:4px}.btn-sample-border-radius-md{border-radius:6px}.btn-sample-border-bottom{border-bottom:1px solid var(--color-border)}.btn-sample-gap-sm{gap:8px}.btn-sample-gap-md{gap:12px}.btn-sample-gap-lg{gap:16px}.popover-wrapper{border-radius:8px;align-items:center;width:fit-content;display:flex;position:relative}.popover-wrapper-border{border:1px solid var(--color-border)}.popover-wrapper.over{background-color:red}.popover{background-color:var(--color-bg);z-index:200;border-radius:8px;position:absolute;top:-55px;left:55px;box-shadow:2px 2px 6px #0000000d}.popover-button{cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:3px 6px;display:flex;position:relative}.header{width:100%;min-height:var(--header-height);height:var(--header-height);background-color:var(--color-bg);z-index:10;border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:0 20px;display:flex;position:sticky;top:0;left:0}.header.shifted{left:var(--sidebar-width);width:calc(100% - var(--sidebar-width))}.header.full{width:100%;left:0}.toggle-btn{cursor:pointer;background:0 0;border:none}.toggle-btn svg{color:var(--color-text)!important}.header-center>span{white-space:nowrap;font-variant:small-caps;letter-spacing:.1em}.header-right{border-radius:6px;align-items:center;gap:10px;height:40px;padding:0 5px 0 10px;display:flex}.header-right:hover svg{color:var(--color-text)!important;font-weight:600!important}@media (width<=768px){.header{width:100%;padding:0 10px;left:0}}.header-popover{border:1px solid var(--color-border);text-align:center;border-radius:10px;flex-direction:column;gap:.5rem;padding:1rem 1rem .5rem;display:flex}.header-popover-icon{color:var(--color-bg);text-align:center;border-radius:6px;place-content:center;padding:2px;display:flex}.header-popover-icon-icon{background-color:var(--color-primary-disable);color:var(--color-bg);border-radius:6px;width:40px;height:30px;padding:2px}.card{background-color:color-bg;border-radius:var(--radius);border:1px solid var(--color-border);flex-direction:column;gap:.5rem;display:flex}.card-header{border-bottom:1px solid var(--color-border);padding:1rem}.card-body{padding:1rem}@media (width<=600px){.card{border-radius:10px;padding:.75rem}}.custom-table{border-collapse:collapse;border-spacing:0;background-color:var(--input-bg);border-radius:12px;width:100%;font-size:.875rem;transition:background-color .2s,border-color .2s;overflow-x:auto}.custom-table-container.responsive{overflow-x:auto}.custom-thead{background-color:var(--input-bg)}.custom-th{text-align:left;color:var(--dark-gray);border-bottom:1px solid var(--color-bg-icon);white-space:nowrap;cursor:default;background-color:var(--color-disable-bg);-webkit-user-select:none;user-select:none;padding:10px 16px;font-weight:500;transition:background .2s}.custom-th.sortable{cursor:pointer}.sort-icon{opacity:.6;justify-content:center;align-items:center;transition:opacity .2s,transform .3s;display:flex}.custom-th.sortable:hover .sort-icon{opacity:1}.table-icon{fill:#9ca3af;width:14px;height:14px;transition:transform .3s,fill .2s}.sort-icon.rotated{transform:rotate(180deg)}.table-icon.active{fill:var(--primary-color,#2563eb)}.custom-td{border-top:1px solid var(--color-bg-icon);vertical-align:middle;padding:12px 16px}.custom-th.left{text-align:left}.custom-th.right{text-align:right}.custom-th.center{text-align:center}.custom-td.left{text-align:left}.custom-td.right{text-align:right}.custom-td.center{text-align:center}.custom-tr.selected td{background-color:var(--color-primary-ligth);border-bottom:1px solid var(--color-primary-ligth-color);transition:background-color .2s,border-color .2s;border-top:1px solid var(--color-primary-ligth-color)!important}.table-container{border:1px solid var(--color-disable-bg);border-radius:12px;overflow:hidden}.table-container-header{padding:10px}.custom-tr{-webkit-user-select:none;user-select:none;transition:background .15s}.custom-tr.disabled,.custom-td.disabled{opacity:.5;pointer-events:none}.drag-handle-cell{text-align:center;vertical-align:middle;-webkit-user-select:none;user-select:none;width:40px}.drag-handle-cell svg{color:#888;width:16px;height:16px}.drag-handle-cell:hover svg{color:#555}.drag-handle-cell:active{cursor:grabbing}html[data-theme=light]{--shadow-soft:0 4px 20px #0000000d}html[data-theme=dark]{--shadow-soft:0 4px 20px #0009}.verify-login-root{background:#eaeaea;grid-template-columns:1fr 1fr;place-items:center;min-height:100vh;display:grid}.verify-login-form{box-shadow:var(--shadow-soft);background-color:#fff;border-radius:12px;padding:1rem}.verify-login-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:28px;width:100%;max-width:380px;padding:20px;display:flex}.verify-login-portada{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.overlay{background:linear-gradient(90deg,#fcfcfcb3 0%,#b5b5b580 50%,#0000 100%);width:100%;height:100%;position:absolute;top:0;left:0}.verify-login-portada img{object-fit:cover;width:100%;height:100%}.verify-login-logo{background:var(--color-bg);width:85px;height:85px;box-shadow:var(--shadow-soft);justify-content:center;align-items:center;display:flex}.verify-login-logo img{width:100%;height:100%}.login-title{letter-spacing:-.5px;font-size:28px;font-weight:600}.login-form{flex-direction:column;gap:16px;width:100%;display:flex}.login-checkbox{justify-content:flex-start;display:flex}.login-forgot{text-align:center;cursor:pointer;margin-top:4px;transition:opacity .2s}.login-forgot:hover{opacity:.6}@media (width<=768px){.verify-login-root{grid-template-columns:1fr}.verify-login-portada{display:none}}.courses-student{background-color:#e9e9e965;height:100vh;padding:1.5rem}.courses-student-info{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px;width:100%;margin-bottom:1rem;display:grid;overflow:hidden}.table-container-header{background-color:#fff}.courses-student-info div{background-color:#fff;border-radius:12px}.courses-student-header{justify-content:space-between;align-items:center;width:100%;padding:.5rem 1rem;display:flex;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.courses-student-logo{justify-content:center;align-items:center;width:50px;height:50px;display:flex}.courses-student-logo img{object-fit:cover;width:100%;height:100%}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);-webkit-user-select:none;user-select:none;border-radius:.25rem;width:100%;line-height:1;display:inline-flex;position:relative;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);background-repeat:no-repeat;background-image:var(--custom-highlight-background,linear-gradient(90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100%));height:100%;animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}