*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:16px;min-height:100vh;color:#333;background:#edf9f4}.login-page{display:flex;min-height:100vh}.login-left{flex:1;background:#edf9f4;display:flex;align-items:center;justify-content:center}.login-brand-circle{width:220px;height:220px;border-radius:50%;background:#1a6b4a;display:flex;align-items:center;justify-content:center;text-align:center}.login-brand-text{color:#fff;font-size:1.6rem;font-weight:700;line-height:1.3;letter-spacing:-.01em}.login-right{flex:1;background:#f7fbf9;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.login-deco{position:absolute;border-radius:50%;pointer-events:none}.login-deco--top{width:180px;height:180px;background:#2a9d6f;top:-60px;right:-60px}.login-deco--bottom{width:160px;height:160px;background:transparent;border:18px solid #A8E6CF;bottom:-50px;right:-50px}.login-form-container{width:100%;max-width:380px;padding:2rem 1rem;position:relative;z-index:1}.login-title{font-size:1.55rem;font-weight:700;color:#1a2e25;margin-bottom:.4rem}.login-subtitle{font-size:.875rem;color:#6b7c74;margin-bottom:1.75rem;line-height:1.5}.login-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;font-size:.825rem}.login-remember{display:flex;align-items:center;gap:.4rem;color:#6b7c74;cursor:pointer;-webkit-user-select:none;user-select:none}.login-remember input[type=checkbox]{width:15px;height:15px;accent-color:#2A9D6F;cursor:pointer}.login-forgot{background:none;border:none;color:#1a6b4a;font-size:.825rem;font-weight:500;cursor:pointer;padding:0;transition:opacity .15s}.login-forgot:hover{opacity:.75}.error-alert{display:flex;align-items:center;gap:.5rem;background:#fff3f3;border:1px solid #ffcdd2;border-left:4px solid #e53935;border-radius:8px;padding:.65rem .875rem;color:#c62828;font-size:.82rem;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.login-dot{width:18px;height:18px;border-radius:50%;border:3px solid #2A9D6F;margin:1.25rem auto 0}.login-version{text-align:center;font-size:.75rem;color:#a0b4ac;margin-top:1.5rem}.forgot-page{min-height:100vh;background:#f2f5f3;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem}.forgot-logo{position:absolute;top:1.5rem;left:1.75rem}.forgot-logo-text{font-size:1.1rem;font-weight:700;color:#1a6b4a;line-height:1.25}.forgot-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000012;padding:2.5rem 2rem;width:100%;max-width:420px;display:flex;flex-direction:column;gap:0}.forgot-title{font-size:1.4rem;font-weight:700;color:#1c2b22;margin:0 0 .5rem;text-align:center}.forgot-subtitle{font-size:.9rem;color:#5a7568;text-align:center;margin:0 0 1.75rem;line-height:1.5}.forgot-back-link{display:flex;align-items:center;justify-content:center;gap:.35rem;background:none;border:none;cursor:pointer;font-size:.875rem;color:#3c5a4c;padding:.5rem;margin-top:1rem;border-radius:6px;transition:color .15s,background .15s}.forgot-back-link:hover{color:#1a6b4a;background:#eaf5ee}.forgot-success{display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center}.forgot-success-icon{width:64px;height:64px;background:#eaf5ee;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.forgot-dev-hint{display:flex;align-items:center;gap:.5rem;background:#fff8e1;border:1px dashed #F3C147;border-radius:8px;padding:.5rem .875rem;margin-bottom:1.25rem;font-size:.82rem}.forgot-dev-hint-label{color:#8a6d00}.forgot-dev-hint-token{font-size:1rem;letter-spacing:.15em;color:#1a6b4a;font-family:monospace}.forgot-token-input{letter-spacing:.25em;text-transform:uppercase;font-family:monospace;font-size:1.05rem;text-align:center}.demo-card{margin-top:1.25rem;border:1px dashed #B2D8C8;border-radius:10px;padding:.875rem 1rem;background:#f4fcf8}.demo-card__title{font-size:.75rem;font-weight:600;color:#2a9d6f;margin:0 0 .625rem;text-transform:uppercase;letter-spacing:.04em}.demo-card__list{display:flex;flex-direction:column;gap:.5rem}.demo-card__item{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.demo-card__badge{display:inline-block;font-size:.65rem;font-weight:700;color:#fff;border-radius:4px;padding:.1rem .45rem;margin-right:.5rem;text-transform:uppercase;letter-spacing:.03em}.demo-card__email{font-size:.78rem;color:#3d5a50}.demo-card__btn{flex-shrink:0;font-size:.72rem;font-weight:600;color:#2a9d6f;background:#fff;border:1px solid #B2D8C8;border-radius:6px;padding:.2rem .65rem;cursor:pointer;transition:background .15s,color .15s}.demo-card__btn:hover{background:#2a9d6f;color:#fff;border-color:#2a9d6f}.register-form-container{max-height:90vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#D1E8DC transparent;padding-right:.5rem}.register-success{background:#e8f5f0;border:1px solid #2A9D6F;border-radius:10px;padding:1.1rem 1.25rem;color:#1a6b4a;font-size:.9rem;font-weight:600;display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.module-page{display:flex;flex-direction:column;gap:1.25rem}.filter-card{background:#fff;border-radius:14px;border:1px solid #E8F0EC;padding:1.25rem 1.5rem}.filter-title{font-size:.95rem;font-weight:600;color:#1a2e25;margin-bottom:1rem}.filter-row{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}.filter-field{display:flex;flex-direction:column;gap:.35rem;min-width:200px}.filter-label{font-size:.78rem;font-weight:600;color:#1a2e25}.filter-select{padding:.6rem 2rem .6rem .875rem;border:1.5px solid #D1E8DC;border-radius:10px;font-size:.875rem;color:#1a2e25;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7C74' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right .75rem center;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;transition:border-color .2s}.filter-select:focus{border-color:#2a9d6f}.filter-actions{display:flex;gap:.75rem;align-items:flex-end;padding-bottom:1px;margin-left:auto}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.1rem;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s;white-space:nowrap}.btn:hover{opacity:.88;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn--primary{background:#2a9d6f;color:#fff;border:none}.btn--secondary{background:transparent;color:#2a9d6f;border:1.5px solid #2A9D6F}.btn--secondary:hover{background:#eaf5ee}.btn--ghost{background:transparent;color:#3c5a4c;border:1.5px solid transparent}.btn--ghost:hover{background:#eaf5ee;color:#1a6b4a}.btn--sm{padding:.35rem .75rem;font-size:.8rem;gap:.25rem}.btn--xs{padding:.2rem .5rem;font-size:.75rem;gap:.2rem}.table-card{background:#fff;border-radius:14px;border:1px solid #E8F0EC;overflow:hidden}.table-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.5rem;border-bottom:1px solid #E8F0EC}.table-title{font-size:.95rem;font-weight:600;color:#1a2e25}.table-header-actions{display:flex;gap:.75rem}.table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.845rem}.data-table thead tr{background:#f7fbf9;border-bottom:1px solid #E8F0EC}.data-table th{padding:.75rem 1rem;text-align:left;font-size:.78rem;font-weight:600;color:#6b7c74;white-space:nowrap}.data-table tbody tr{border-bottom:1px solid #F0F7F4;transition:background .12s}.data-table tbody tr:hover{background:#f7fbf9}.data-table tbody tr:last-child{border-bottom:none}.data-table td{padding:.8rem 1rem;color:#1a2e25;vertical-align:middle}.td-id{color:#6b7c74;width:48px}.td-name{font-weight:600}.td-contact{display:flex;flex-direction:column;gap:.15rem}.contact-email,.contact-phone{font-size:.78rem;color:#6b7c74;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .65rem;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.badge--active{background:#1a2e25;color:#fff}.badge--inactive{background:#fdecea;color:#e53935;border:1px solid #FFCDD2}.td-actions{display:flex;gap:.5rem}.action-btn{width:30px;height:30px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.action-btn--edit{background:#e8f5f0;color:#2a9d6f}.action-btn--edit:hover{background:#c5e8d8}.action-btn--remove{background:#fdecea;color:#e53935}.action-btn--remove:hover{background:#ffcdd2}.table-empty{text-align:center;color:#6b7c74;padding:2rem;font-size:.875rem}.dept-bar-list{display:flex;flex-direction:column;gap:.7rem}.dept-bar-row{display:flex;align-items:center;gap:.75rem}.dept-bar-label{width:110px;font-size:.8rem;color:#1a2e25;flex-shrink:0}.dept-bar-track{flex:1;height:8px;background:#f0f7f4;border-radius:99px;overflow:hidden}.dept-bar-fill{height:100%;background:#2a9d6f;border-radius:99px;transition:width .4s ease}.dept-bar-value{width:22px;font-size:.8rem;font-weight:600;color:#1a2e25;text-align:right}.stats-list{display:flex;flex-direction:column;gap:.6rem}.stats-list-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #F0F7F4}.stats-list-row:last-child{border-bottom:none}.stats-list-label{font-size:.85rem;color:#1a2e25}.stats-list-value{font-size:.85rem;font-weight:700;padding:.2rem .6rem;border-radius:6px;min-width:36px;text-align:center}.stats-list-value--neutral{background:#e8f0ec;color:#1a2e25}.stats-list-value--active{background:#1a2e25;color:#fff}.stats-list-value--inactive{background:#fdecea;color:#e53935}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.5rem}.modal-confirm{background:#f5f9f7;border-radius:16px;padding:2rem 2.25rem;width:100%;max-width:440px;box-shadow:0 12px 40px #0000002e}.modal-confirm-title{font-size:1.05rem;font-weight:700;color:#1a2e25;margin-bottom:.85rem}.modal-confirm-msg{font-size:.9rem;color:#3c4f44;line-height:1.55;margin-bottom:1.75rem}.modal-confirm-msg strong{font-weight:700;color:#1a2e25}.modal-confirm-actions{display:flex;justify-content:flex-end;gap:.75rem}.modal-container{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:88vh;overflow-y:auto;box-shadow:0 16px 50px #00000038;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #E8F0EC;flex-shrink:0}.modal-title{font-size:1.05rem;font-weight:700;color:#1a2e25}.modal-body{padding:1.25rem 1.5rem;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem 1.25rem;border-top:1px solid #E8F0EC;flex-shrink:0}.field-label{display:block;font-size:.8rem;font-weight:600;color:#1a2e25;margin-bottom:.35rem}.field-input{width:100%;padding:.6rem .875rem;border:1.5px solid #D1E8DC;border-radius:10px;font-size:.875rem;color:#1a2e25;background:#fff;outline:none;transition:border-color .2s;box-sizing:border-box}.field-input:focus{border-color:#2a9d6f}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.page-header-left{flex:1}.page-title{font-size:1.3rem;font-weight:700;color:#1a2e25;margin-bottom:.2rem}.page-subtitle{font-size:.875rem;color:#6b7c74}.modal-form{background:#fff;border-radius:16px;width:100%;max-width:620px;max-height:88vh;overflow-y:auto;box-shadow:0 16px 50px #00000038;display:flex;flex-direction:column}.modal-form-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem 1.25rem;border-bottom:1px solid #E8F0EC;flex-shrink:0}.modal-form-title{font-size:1.15rem;font-weight:700;color:#1a2e25}.modal-close{width:34px;height:34px;border:none;background:#f0f7f4;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6b7c74;transition:background .15s}.modal-close:hover{background:#e0eee8;color:#1a2e25}.modal-form-body{padding:1.5rem 2rem;flex:1}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem 1.5rem}.modal-field{display:flex;flex-direction:column;gap:.4rem}.modal-field--full{grid-column:1 / -1}.modal-label{font-size:.8rem;font-weight:600;color:#1a2e25}.modal-input,.modal-select{padding:.65rem .875rem;border:1.5px solid #D1E8DC;border-radius:10px;font-size:.875rem;color:#1a2e25;background:#fff;outline:none;transition:border-color .2s}.modal-input:focus,.modal-select:focus{border-color:#2a9d6f}.modal-select{padding-right:2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7C74' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.modal-form-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 2rem 1.5rem;border-top:1px solid #E8F0EC;flex-shrink:0}.multiselect{position:relative;width:100%}.multiselect-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.65rem .875rem;border:1.5px solid #D1E8DC;border-radius:10px;background:#fff;cursor:pointer;text-align:left;transition:border-color .2s;color:#6b7c74;font-size:.875rem}.multiselect-trigger--open{border-color:#2a9d6f}.multiselect-placeholder{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multiselect-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1.5px solid #D1E8DC;border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:100;max-height:220px;overflow-y:auto}.multiselect-option{padding:.65rem 1rem;font-size:.88rem;color:#1a2e25;cursor:pointer;transition:background .12s;border-bottom:1px solid #F0F7F4}.multiselect-option:last-child{border-bottom:none}.multiselect-option:hover{background:#f7fbf9}.multiselect-option--selected{background:#e8f5f0;font-weight:600;color:#1a6b4a}.multiselect-option--selected:hover{background:#d5ede4}.materia-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem;min-height:28px}.materia-tag{display:inline-flex;align-items:center;gap:.4rem;background:#d5ede4;color:#1a4d34;padding:.25rem .6rem;border-radius:20px;font-size:.8rem;font-weight:500}.materia-tag-remove{background:none;border:none;cursor:pointer;font-size:1rem;line-height:1;color:#1a4d34;padding:0;display:flex;align-items:center;opacity:.7}.materia-tag-remove:hover{opacity:1}.no-materias{font-size:.8rem;color:#6b7c74;font-style:italic;align-self:center}.combobox-container{display:flex;flex-direction:column;gap:.4rem}.combobox-input-wrap{position:relative;display:flex;align-items:center}.combobox-input{width:100%;padding-right:2rem}.combobox-clear{position:absolute;right:.6rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.2rem;line-height:1;color:#6b7c74;padding:0 .2rem;display:flex;align-items:center}.combobox-clear:hover{color:#1a2e25}.combobox-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1.5px solid #D1E8DC;border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:200;max-height:200px;overflow-y:auto;list-style:none;margin:0;padding:0}.combobox-option{padding:.6rem 1rem;cursor:pointer;transition:background .12s;border-bottom:1px solid #F0F7F4;display:flex;flex-direction:column;gap:.15rem}.combobox-option:last-child{border-bottom:none}.combobox-option:hover{background:#f7fbf9}.combobox-option--selected{background:#e8f5f0}.combobox-option--selected:hover{background:#d5ede4}.combobox-option-name{font-size:.875rem;font-weight:500;color:#1a2e25}.combobox-option--selected .combobox-option-name{font-weight:700;color:#1a6b4a}.combobox-option-sub{font-size:.78rem;color:#6b7c74}.combobox-empty{padding:.75rem 1rem;font-size:.875rem;color:#6b7c74;font-style:italic}[data-theme=dark] .combobox-dropdown{background:#1e2d25;border-color:#2e4a38}[data-theme=dark] .combobox-option:hover{background:#253b2d}[data-theme=dark] .combobox-option--selected{background:#1a3d2b}[data-theme=dark] .combobox-option--selected:hover{background:#213a2c}[data-theme=dark] .combobox-option-name{color:#d4ede0}[data-theme=dark] .combobox-option-sub,[data-theme=dark] .combobox-empty,[data-theme=dark] .combobox-clear{color:#8ca89a}[data-theme=dark] .combobox-clear:hover{color:#d4ede0}.modal-form--narrow{max-width:420px}.modal-stack{display:flex;flex-direction:column;gap:1.1rem}.input-date-wrapper,.filter-date-wrapper{position:relative;display:flex;align-items:center}.modal-input--date{padding-right:2.5rem;width:100%}.input-date-icon,.filter-date-icon{position:absolute;right:.75rem;color:#6b7c74;pointer-events:none;display:flex;align-items:center}.filter-select--date{padding-right:2.5rem;width:200px}.badge--grupo{background:#eef2ef;color:#3c4f44;border:1px solid #D8E8DF}.cal-score{font-weight:700;color:#1a2e25}.cal-score--high{color:#1a6b4a}.cal-score--low{color:#c62828}.chart-tooltip{background:#1a2e25;border-radius:8px;padding:.5rem .85rem;font-size:.8rem;color:#fff;box-shadow:0 4px 12px #0003}.chart-tooltip-label{font-weight:600;margin-bottom:.2rem}.chart-tooltip-value{color:#a8c4dc}.td-name-main{display:block;font-weight:600;color:#1a2e25}.td-name-sub{display:block;font-size:.75rem;color:#6b7c74;margin-top:1px}.td-edad{font-size:.875rem;color:#3c4f44}.badge--promedio{display:inline-flex;align-items:center;justify-content:center;width:38px;height:28px;background:#1a2e25;color:#fff;border-radius:20px;font-size:.82rem;font-weight:700}.badge--suspended{background:#fdecea;color:#e53935;border:1px solid #FFCDD2}.action-btn--reactivate{background:#e8f5f0;color:#2a9d6f}.action-btn--reactivate:hover{background:#c5e8d8}.app-layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:240px;min-width:240px;background:#fff;border-right:1px solid #E8F0EC;display:flex;flex-direction:column;padding:1.5rem 0;height:100vh;overflow-y:auto;transition:width .22s ease,min-width .22s ease}.sidebar--collapsed{width:64px;min-width:64px}.sidebar--collapsed .sidebar-brand{justify-content:center;padding:0 0 1.5rem}.sidebar--collapsed .sidebar-nav{padding:0 .5rem;align-items:center}.sidebar--collapsed .sidebar-nav-item{justify-content:center;padding:.65rem;width:100%}.sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:0 1.25rem 1.5rem;border-bottom:1px solid #E8F0EC;margin-bottom:1rem}.sidebar-brand-icon{font-size:1.75rem;background:#e8f5f0;border-radius:10px;width:42px;height:42px;display:flex;align-items:center;justify-content:center}.sidebar-brand-name{font-size:.95rem;font-weight:700;color:#1a2e25;line-height:1.2}.sidebar-brand-sub{font-size:.72rem;color:#6b7c74}.sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:0 .75rem}.sidebar-nav-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .875rem;border-radius:10px;font-size:.875rem;font-weight:500;color:#6b7c74;text-decoration:none;transition:background .15s,color .15s}.sidebar-nav-item:not(.sidebar-nav-item--active):hover{background:#f0f7f4;color:#1a2e25}.sidebar-nav-item--active{background:#e8f5f0;color:#2a9d6f;font-weight:600}.sidebar-nav-icon{font-size:1rem;width:20px;text-align:center}.sidebar-footer{padding:.75rem 1.25rem .9rem;border-top:1px solid #E8F0EC;display:flex;flex-direction:column;gap:.15rem;min-width:0;overflow:hidden}.sidebar-last-login-label{font-size:.7rem;color:#9eb8a8;text-transform:uppercase;letter-spacing:.04em;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-last-login-value{font-size:.78rem;color:#3c4f44;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-version{margin-top:auto;padding:0 1.25rem .4rem;font-size:.7rem;color:#9eb8a8;letter-spacing:.04em;text-align:right;align-self:flex-end}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#f4f7f5}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:60px;background:#fff;border-bottom:1px solid #E8F0EC;flex-shrink:0}.topbar-left{display:flex;align-items:center;gap:.75rem}.topbar-menu-btn{background:none;border:none;font-size:1.1rem;color:#6b7c74;cursor:pointer;padding:.25rem;border-radius:6px;transition:background .15s}.topbar-menu-btn:hover{background:#f0f7f4}.topbar-title{font-size:1.1rem;font-weight:600;color:#1a2e25}.topbar-right{display:flex;align-items:center;gap:.75rem}.topbar-ciclo{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.03em;background:#e8f5f0;color:#2a9d6f;border:1px solid #C5E8D8;white-space:nowrap;-webkit-user-select:none;user-select:none}.topbar-icon-btn{background:none;border:none;font-size:1rem;color:#6b7c74;cursor:pointer;padding:.4rem;border-radius:8px;transition:background .15s}.topbar-icon-btn:hover{background:#f0f7f4}.topbar-user{display:flex;align-items:center;gap:.6rem}.topbar-user-info{display:flex;flex-direction:column;text-align:right}.topbar-user-name{font-size:.875rem;font-weight:600;color:#1a2e25;line-height:1.2}.topbar-user-role{font-size:.72rem;color:#6b7c74}.topbar-avatar{width:36px;height:36px;border-radius:50%;background:#2a9d6f;color:#fff;font-weight:700;font-size:.9rem;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s}.topbar-avatar:hover{opacity:.85}.topbar-user{position:relative}.topbar-user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:180px;background:#fff;border:1px solid #E2EAE5;border-radius:10px;box-shadow:0 8px 24px #0000001a;padding:.35rem;z-index:200;animation:fadeSlideDown .12s ease}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.topbar-dropdown-item{display:flex;align-items:center;gap:.55rem;width:100%;padding:.55rem .75rem;border:none;border-radius:7px;background:transparent;color:#1a2e25;font-size:.85rem;font-weight:500;cursor:pointer;text-align:left;transition:background .12s}.topbar-dropdown-item:hover{background:#f0f7f3}.topbar-dropdown-item--danger{color:#c0392b}.topbar-dropdown-item--danger:hover{background:#fef0ef}.topbar-dropdown-divider{height:1px;background:#e2eae5;margin:.3rem .4rem}[data-theme=dark] .topbar-user-dropdown{background:#1e2530;border-color:#2e3848;box-shadow:0 8px 24px #00000059}[data-theme=dark] .topbar-dropdown-item{color:#d4dae8}[data-theme=dark] .topbar-dropdown-item:hover{background:#262f3e}[data-theme=dark] .topbar-dropdown-item--danger{color:#e57373}[data-theme=dark] .topbar-dropdown-item--danger:hover{background:#2e1f1f}[data-theme=dark] .topbar-dropdown-divider{background:#2e3848}.app-content{flex:1;overflow-y:auto;padding:1.5rem}.dashboard{display:flex;flex-direction:column;gap:1.25rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat-card{background:#fff;border-radius:14px;padding:1.25rem 1.5rem;border:1px solid #E8F0EC}.stat-card-body{display:flex;align-items:center;justify-content:space-between}.stat-card-label{font-size:.78rem;color:#6b7c74;font-weight:500;margin-bottom:.4rem;line-height:1.3}.stat-card-value{font-size:2rem;font-weight:700;color:#1a2e25;line-height:1}.stat-card-icon{font-size:1.75rem;background:#e8f5f0;border-radius:10px;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.widgets-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.widget-card{background:#fff;border-radius:14px;padding:1.25rem 1.5rem;border:1px solid #E8F0EC}.widget-title{font-size:.9rem;font-weight:600;color:#1a2e25;margin-bottom:1rem;display:flex;align-items:center;gap:.4rem}.top-students-list{list-style:none;display:flex;flex-direction:column;gap:.6rem}.top-students-item{display:flex;align-items:center;gap:.75rem}.top-students-rank{width:26px;height:26px;border-radius:50%;background:#1a2e25;color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.top-students-info{flex:1}.top-students-name{font-size:.875rem;font-weight:600;color:#1a2e25;line-height:1.2}.top-students-group{font-size:.75rem;color:#6b7c74}.top-students-score{background:#e8f5f0;color:#2a9d6f;font-size:.8rem;font-weight:700;padding:.2rem .55rem;border-radius:20px}.group-avg-list{display:flex;flex-direction:column;gap:.55rem}.group-avg-row{display:flex;align-items:center;gap:.75rem}.group-avg-label{width:62px;font-size:.78rem;color:#6b7c74;flex-shrink:0}.group-avg-bar-track{flex:1;height:8px;background:#f0f7f4;border-radius:99px;overflow:hidden}.group-avg-bar-fill{height:100%;background:#2a9d6f;border-radius:99px;transition:width .4s ease}.group-avg-value{width:28px;font-size:.78rem;font-weight:600;color:#1a2e25;text-align:right}.donut-wrapper{position:relative}.donut-center-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-52%);text-align:center;pointer-events:none}.donut-total{display:block;font-size:1.5rem;font-weight:700;color:#1a2e25;line-height:1.1}.donut-total-label{font-size:.72rem;color:#6b7c74}.donut-legend{display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:center;margin-top:.5rem}.donut-legend-item{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:#6b7c74}.donut-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.placeholder-page{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;gap:.75rem;color:#6b7c74}.placeholder-icon{font-size:3rem}.placeholder-title{font-size:1.4rem;font-weight:700;color:#1a2e25}.placeholder-msg{font-size:.9rem}.alert-card{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;border-radius:12px;font-size:.875rem;border:1px solid;margin-bottom:1.25rem}.alert-card--warn{background:#fff8e1;border-color:#ffd54f;color:#795548}.alert-card--warn strong{color:#5d4037}.badge--aula{background:#eef2ef;color:#3c4f44;border:1px solid #D8E8DF}.grupo-checks{display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem 0}.grupo-check-pill{padding:.3rem .75rem;border-radius:20px;border:2px solid #D0E8DC;background:#f4f7f5;color:#3c4f44;font-size:.82rem;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s}.grupo-check-pill--active{background:#2a9d6f;border-color:#2a9d6f;color:#fff}.reporte-section{margin-bottom:2rem}.section-heading{font-size:1.1rem;font-weight:700;color:#1a2e25;margin-bottom:.3rem}.section-sub{font-size:.85rem;color:#6b7c74;margin-bottom:1.25rem}.reporte-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.reporte-card{background:#fff;border:1px solid #E0ECE6;border-radius:14px;padding:1.25rem;display:flex;gap:1rem;align-items:flex-start;box-shadow:0 1px 4px #0000000d;transition:box-shadow .2s}.reporte-card:hover{box-shadow:0 4px 14px #2a9d6f1f}.reporte-card-icon{width:44px;height:44px;border-radius:10px;background:#e8f5f0;color:#2a9d6f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reporte-card-body{flex:1;min-width:0}.reporte-card-title{font-size:.95rem;font-weight:700;color:#1a2e25;margin-bottom:.3rem}.reporte-card-desc{font-size:.8rem;color:#6b7c74;margin-bottom:.75rem}.reporte-card-filters{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.reporte-card-btns{display:flex;gap:.5rem}.btn--pdf{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;border-radius:8px;border:none;background:#c62828;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s}.btn--pdf:hover:not(:disabled){background:#b71c1c}.btn--pdf:disabled{opacity:.6;cursor:not-allowed}.btn--excel{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .9rem;border-radius:8px;border:none;background:#2e7d32;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s}.btn--excel:hover:not(:disabled){background:#1b5e20}.btn--excel:disabled{opacity:.6;cursor:not-allowed}.badge--neutral{background:#eef2ef;color:#3c4f44;border:1px solid #D8E8DF}.badge--pdf{background:#ffebee;color:#c62828;border:1px solid #FFCDD2}.badge--excel{background:#e8f5e9;color:#2e7d32;border:1px solid #C8E6C9}.config-section{background:#fff;border:1px solid #E0ECE6;border-radius:16px;padding:1.75rem;margin-bottom:1.5rem;box-shadow:0 1px 4px #0000000a}.config-section-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.config-section-icon{width:42px;height:42px;border-radius:10px;background:#e8f5f0;color:#2a9d6f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.config-section-title{font-size:1rem;font-weight:700;color:#1a2e25;margin-bottom:.15rem}.config-section-sub{font-size:.82rem;color:#6b7c74}.config-submenu{display:flex;gap:.375rem;background:#fff;border:1px solid #E0ECE6;border-radius:12px;padding:.375rem;margin-bottom:1.5rem;width:fit-content;box-shadow:0 1px 4px #0000000a}.config-submenu-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.1rem;border-radius:8px;border:none;background:transparent;color:#6b7c74;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.config-submenu-item:hover{background:#e8f5f0;color:#2a9d6f}.config-submenu-item--active{background:#2a9d6f;color:#fff}.config-submenu-item--active:hover{background:#228a5a;color:#fff}.permisos-table-wrapper{overflow-x:auto}.permisos-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.85rem}.permisos-th{padding:.75rem 1rem;background:#f4f7f5;color:#3c4f44;font-weight:600;border-bottom:2px solid #E0ECE6}.permisos-th--rol{text-align:left;width:180px}.permisos-th--check{text-align:center;width:160px}.permisos-rol-name{font-weight:700;color:#1a2e25;font-size:.85rem}.permisos-rol-desc{font-weight:400;color:#6b7c74;font-size:.75rem;margin-top:.15rem}.permisos-row:hover td{background:#f9fcfa}.permisos-td{padding:.65rem 1rem;border-bottom:1px solid #EEF4F1;vertical-align:middle}.permisos-td--modulo{font-weight:600;color:#1a2e25}.permisos-td--check{text-align:center}.permiso-toggle{position:relative;display:inline-block;width:38px;height:22px;cursor:pointer}.permiso-toggle input{opacity:0;width:0;height:0}.permiso-toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:22px;background:#d0d9d2;transition:background .2s}.permiso-toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;bottom:3px;border-radius:50%;background:#fff;transition:transform .2s}.permiso-toggle input:checked+.permiso-toggle-slider{background:#2a9d6f}.permiso-toggle input:checked+.permiso-toggle-slider:before{transform:translate(16px)}.permiso-toggle input:disabled+.permiso-toggle-slider{background:#2a9d6f;opacity:.65}.permiso-toggle input:disabled+.permiso-toggle-slider:before{transform:translate(16px)}.params-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}[data-theme=dark]{color-scheme:dark}[data-theme=dark] body{background:#0f1117;color:#d4dae8}[data-theme=dark] .app-main,[data-theme=dark] .login-left{background:#0f1117}[data-theme=dark] .login-right{background:#141720}[data-theme=dark] .login-title{color:#d4dae8}[data-theme=dark] .login-subtitle{color:#7a8599}[data-theme=dark] .form-label,[data-theme=dark] .modal-label{color:#d4dae8}[data-theme=dark] .form-input{background:#1c2130;border-color:#2a3347;color:#d4dae8}[data-theme=dark] .form-input::placeholder{color:#525b6a}[data-theme=dark] .form-input:focus{border-color:#2a9d6f;box-shadow:0 0 0 3px #2a9d6f33}[data-theme=dark] .login-remember{color:#7a8599}[data-theme=dark] .login-forgot{color:#3dbf8a}[data-theme=dark] .login-button--secondary{color:#3dbf8a;border-color:#3dbf8a}[data-theme=dark] .login-button--secondary:hover:not(:disabled){background:#1e3829}[data-theme=dark] .login-version{color:#525b6a}[data-theme=dark] .forgot-page{background:#141922}[data-theme=dark] .forgot-card{background:#1c2130;box-shadow:0 4px 24px #0000004d}[data-theme=dark] .forgot-title{color:#e2e8e4}[data-theme=dark] .forgot-subtitle{color:#7a8a82}[data-theme=dark] .forgot-back-link{color:#9ba5b8}[data-theme=dark] .forgot-back-link:hover{color:#3dbf8a;background:#1a2a22}[data-theme=dark] .forgot-success-icon{background:#1a2a22}[data-theme=dark] .forgot-logo-text{color:#3dbf8a}[data-theme=dark] .forgot-dev-hint{background:#1a1800;border-color:#5a4a00}[data-theme=dark] .forgot-dev-hint-label{color:#b8a040}[data-theme=dark] .demo-card{background:#1c2130;border-color:#2a3347}[data-theme=dark] .demo-card__title{color:#3dbf8a}[data-theme=dark] .demo-card__email{color:#9ba5b8}[data-theme=dark] .demo-card__btn{background:#141720;border-color:#2a3347;color:#3dbf8a}[data-theme=dark] .demo-card__btn:hover{background:#2a9d6f;border-color:#2a9d6f;color:#fff}[data-theme=dark] .register-success{background:#1e3829;border-color:#2a9d6f;color:#3dbf8a}[data-theme=dark] .error-alert{background:#2a1a1a;border-color:#5a2020;border-left-color:#e53935;color:#f48fb1}[data-theme=dark] .sidebar{background:#1c2130;border-color:#26304a}[data-theme=dark] .sidebar-brand{border-color:#26304a}[data-theme=dark] .sidebar-brand-icon{background:#1f2d45}[data-theme=dark] .sidebar-brand-name{color:#d4dae8}[data-theme=dark] .sidebar-brand-sub,[data-theme=dark] .sidebar-nav-item{color:#7a8599}[data-theme=dark] .sidebar-nav-item:not(.sidebar-nav-item--active):hover{background:#1f2535;color:#d4dae8}[data-theme=dark] .sidebar-nav-item--active{background:#1f2d45;color:#2a9d6f}[data-theme=dark] .sidebar-footer{border-color:#26304a}[data-theme=dark] .sidebar-last-login-label{color:#4a6258}[data-theme=dark] .sidebar-last-login-value{color:#9ba5b8}[data-theme=dark] .sidebar-version{color:#3a4e5a}[data-theme=dark] .topbar{background:#1c2130;border-color:#26304a}[data-theme=dark] .topbar-menu-btn{color:#7a8599}[data-theme=dark] .topbar-menu-btn:hover{background:#1f2535}[data-theme=dark] .topbar-title{color:#d4dae8}[data-theme=dark] .topbar-ciclo{background:#0f2118;color:#6fcf97;border-color:#1a3d28}[data-theme=dark] .topbar-icon-btn{color:#7a8599}[data-theme=dark] .topbar-icon-btn:hover{background:#1f2535}[data-theme=dark] .topbar-user-name{color:#d4dae8}[data-theme=dark] .topbar-user-role{color:#7a8599}[data-theme=dark] .filter-card,[data-theme=dark] .table-card,[data-theme=dark] .stat-card,[data-theme=dark] .widget-card,[data-theme=dark] .config-section,[data-theme=dark] .reporte-card,[data-theme=dark] .modal-confirm{background:#1c2130;border-color:#26304a}[data-theme=dark] .filter-title,[data-theme=dark] .filter-label,[data-theme=dark] .table-title,[data-theme=dark] .stat-card-value,[data-theme=dark] .widget-title,[data-theme=dark] .section-heading,[data-theme=dark] .config-section-title,[data-theme=dark] .reporte-card-title,[data-theme=dark] .modal-confirm-title{color:#d4dae8}[data-theme=dark] .stat-card-label{background:#1e2d26}[data-theme=dark] .config-submenu{background:#1c2130;border-color:#26304a}[data-theme=dark] .section-sub{background:transparent}[data-theme=dark] .config-submenu-item{color:#9ba5b8}[data-theme=dark] .config-submenu-item:hover{background:#232b3e;color:#7ec8a4}[data-theme=dark] .config-submenu-item--active{background:#2a9d6f;color:#fff}[data-theme=dark] .config-submenu-item--active:hover{background:#228a5a;color:#fff}[data-theme=dark] .config-section-sub,[data-theme=dark] .reporte-card-desc,[data-theme=dark] .modal-confirm-msg{color:#7a8599}[data-theme=dark] .stat-card-icon,[data-theme=dark] .config-section-icon,[data-theme=dark] .reporte-card-icon{background:#1f2d45}[data-theme=dark] .modal-confirm-msg strong{color:#d4dae8}[data-theme=dark] .filter-select{background-color:#1c2130;border-color:#2a3347;color:#d4dae8}[data-theme=dark] .filter-select:focus{border-color:#2a9d6f}[data-theme=dark] .modal-input,[data-theme=dark] .modal-select{background:#141720;border-color:#2a3347;color:#d4dae8}[data-theme=dark] .modal-input:focus,[data-theme=dark] .modal-select:focus{border-color:#2a9d6f}[data-theme=dark] .multiselect-trigger{background:#1c2130;border-color:#2a3347;color:#7a8599}[data-theme=dark] .multiselect-dropdown{background:#1c2130;border-color:#2a3347;box-shadow:0 8px 24px #0006}[data-theme=dark] .multiselect-option{color:#d4dae8;border-color:#1f2535}[data-theme=dark] .multiselect-option:hover{background:#1f2535}[data-theme=dark] .multiselect-option--selected{background:#1f2d45;color:#3dbf8a}[data-theme=dark] .multiselect-option--selected:hover{background:#26304a}[data-theme=dark] .modal-form{background:#1c2130}[data-theme=dark] .modal-form-header,[data-theme=dark] .modal-form-footer{border-color:#26304a}[data-theme=dark] .modal-form-title{color:#d4dae8}[data-theme=dark] .modal-close{background:#1f2535;color:#7a8599}[data-theme=dark] .modal-close:hover{background:#26304a;color:#d4dae8}[data-theme=dark] .table-header{border-color:#26304a}[data-theme=dark] .data-table thead tr{background:#14181f;border-color:#26304a}[data-theme=dark] .data-table th{color:#7a8599}[data-theme=dark] .data-table tbody tr{border-color:#1f2535}[data-theme=dark] .data-table tbody tr:hover{background:#1c2332}[data-theme=dark] .data-table td{color:#d4dae8}[data-theme=dark] .td-id{color:#7a8599}[data-theme=dark] .td-name-main{color:#d4dae8}[data-theme=dark] .td-name-sub{color:#7a8599}[data-theme=dark] .td-edad{color:#9ba5b8}[data-theme=dark] .contact-email,[data-theme=dark] .contact-phone,[data-theme=dark] .table-empty{color:#7a8599}[data-theme=dark] .badge--promedio{background:#26304a}[data-theme=dark] .badge--grupo,[data-theme=dark] .badge--aula,[data-theme=dark] .badge--neutral{background:#1f2535;color:#9ba5b8;border-color:#26304a}[data-theme=dark] .badge--inactive,[data-theme=dark] .badge--suspended{background:#2a1a1a;color:#ef9a9a;border-color:#4e2020}[data-theme=dark] .badge--pdf{background:#2a1212;color:#ef9a9a;border-color:#4e1e1e}[data-theme=dark] .badge--excel{background:#0f2118;color:#6fcf97;border-color:#1a3d28}[data-theme=dark] .action-btn--edit{background:#1a2840;color:#2a9d6f}[data-theme=dark] .action-btn--edit:hover{background:#1f3248}[data-theme=dark] .action-btn--remove{background:#2a1a1a;color:#e53935}[data-theme=dark] .action-btn--remove:hover{background:#3a1f1f}[data-theme=dark] .action-btn--reactivate{background:#1a2840;color:#2a9d6f}[data-theme=dark] .action-btn--reactivate:hover{background:#1f3248}[data-theme=dark] .top-students-rank{background:#26304a}[data-theme=dark] .top-students-name{color:#d4dae8}[data-theme=dark] .top-students-group{color:#7a8599}[data-theme=dark] .top-students-score{background:#1f2d45;color:#3dbf8a}[data-theme=dark] .dept-bar-track,[data-theme=dark] .group-avg-bar-track{background:#1f2535}[data-theme=dark] .dept-bar-label,[data-theme=dark] .dept-bar-value,[data-theme=dark] .group-avg-value{color:#d4dae8}[data-theme=dark] .group-avg-label{color:#7a8599}[data-theme=dark] .stats-list-row{border-color:#1f2535}[data-theme=dark] .stats-list-label{color:#d4dae8}[data-theme=dark] .stats-list-value--neutral{background:#1f2535;color:#d4dae8}[data-theme=dark] .stats-list-value--active{background:#26304a;color:#d4dae8}[data-theme=dark] .stats-list-value--inactive{background:#2a1a1a;color:#ef9a9a}[data-theme=dark] .donut-total{color:#d4dae8}[data-theme=dark] .donut-legend-item{color:#7a8599}[data-theme=dark] .chart-tooltip{background:#26304a}[data-theme=dark] .chart-tooltip-value{color:#3dbf8a}[data-theme=dark] .placeholder-page{color:#7a8599}[data-theme=dark] .placeholder-title,[data-theme=dark] .cal-score{color:#d4dae8}[data-theme=dark] .cal-score--high{color:#3dbf8a}[data-theme=dark] .alert-card--warn{background:#221e0f;border-color:#5a4a1a;color:#c8b06a}[data-theme=dark] .alert-card--warn strong{color:#e0cc7a}[data-theme=dark] .grupo-check-pill{background:#1f2535;border-color:#2a3347;color:#9ba5b8}[data-theme=dark] .grupo-check-pill--active{background:#2a9d6f;border-color:#2a9d6f;color:#fff}[data-theme=dark] .materia-tag{background:#1f2d45;color:#a8c4dc}[data-theme=dark] .materia-tag-remove{color:#a8c4dc}[data-theme=dark] .no-materias{color:#525b6a}[data-theme=dark] .reporte-card:hover{box-shadow:0 4px 14px #2a9d6f2e}[data-theme=dark] .permisos-th{background:#14181f;border-color:#26304a;color:#9ba5b8}[data-theme=dark] .permisos-rol-name{color:#d4dae8}[data-theme=dark] .permisos-rol-desc{color:#7a8599}[data-theme=dark] .permisos-row:hover td{background:#1c2332}[data-theme=dark] .permisos-td{border-color:#1f2535}[data-theme=dark] .permisos-td--modulo{color:#d4dae8}[data-theme=dark] .permiso-toggle-slider{background:#2a3347}.ui-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s,background .15s,border-color .15s;border:1.5px solid transparent;white-space:nowrap}.ui-btn--full{width:100%}.ui-btn--full+.ui-btn--full{margin-top:.75rem}.ui-btn__content{display:flex;align-items:center;gap:.4rem}.ui-btn__icon{display:flex;align-items:center}.ui-btn--sm{font-size:.8rem;padding:.45rem .875rem}.ui-btn--md{font-size:.9rem;padding:.7rem 1.1rem}.ui-btn--lg{font-size:1rem;padding:.875rem 1.5rem}.ui-btn--primary{background:#2a9d6f;color:#fff;border-color:#2a9d6f}.ui-btn--secondary{background:transparent;color:#2a9d6f;border-color:#2a9d6f}.ui-btn--ghost{background:transparent;color:#3c5a4c;border-color:transparent}.ui-btn--danger{background:#e53935;color:#fff;border-color:#e53935}.ui-btn--primary:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.ui-btn--secondary:hover:not(:disabled){background:#eaf5ee}.ui-btn--ghost:hover:not(:disabled){background:#eaf5ee;color:#1a6b4a}.ui-btn--danger:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.ui-btn:disabled,.ui-btn--loading{opacity:.6;cursor:not-allowed;transform:none}.ui-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.ui-field{margin-bottom:1rem}.ui-field__label{display:block;font-size:.825rem;font-weight:600;color:#1a2e25;margin-bottom:.4rem}.ui-field__wrapper{position:relative;display:flex;align-items:center}.ui-field__icon{position:absolute;color:#6b7c74;display:flex;align-items:center;pointer-events:none}.ui-field__icon--left{left:.875rem}.ui-field__icon--right{right:.875rem}.ui-field__input{width:100%;padding:.72rem 1rem;border:1.5px solid #D1E8DC;border-radius:10px;font-size:.9rem;color:#1a2e25;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s}.ui-field__input--pl{padding-left:2.75rem}.ui-field__input--pr{padding-right:2.75rem}.ui-field__input::placeholder{color:#a0b4ac}.ui-field__input:focus{border-color:#2a9d6f;box-shadow:0 0 0 3px #2a9d6f1f}.ui-field__input:disabled{opacity:.6;cursor:not-allowed}.ui-field__wrapper--error .ui-field__input{border-color:#e53935;box-shadow:0 0 0 3px #e539351a}.ui-field__wrapper--error .ui-field__input:focus{box-shadow:0 0 0 3px #e5393526}.ui-field__error{font-size:.78rem;color:#e53935;margin-top:.3rem}.ui-field__hint{font-size:.78rem;color:#7a9a8a;margin-top:.3rem}.ui-field__toggle{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;color:#6b7c74;display:flex;align-items:center;padding:.2rem;border-radius:4px;transition:color .15s}.ui-field__toggle:hover{color:#2a9d6f}.ui-checkbox{margin-bottom:.75rem}.ui-checkbox__label{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.ui-checkbox__input{position:absolute;opacity:0;width:0;height:0}.ui-checkbox__box{width:18px;height:18px;border:2px solid #B2D8C8;border-radius:5px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,border-color .15s}.ui-checkbox__check{color:transparent;transition:color .15s}.ui-checkbox__input:checked~.ui-checkbox__box{background:#2a9d6f;border-color:#2a9d6f}.ui-checkbox__input:checked~.ui-checkbox__box .ui-checkbox__check{color:#fff}.ui-checkbox__input:focus-visible~.ui-checkbox__box{box-shadow:0 0 0 3px #2a9d6f33}.ui-checkbox__text{font-size:.875rem;color:#3c5a4c}.toast-container{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:.6rem;pointer-events:none}.toast-container--bottom-right{bottom:1.5rem;right:1.5rem;align-items:flex-end}.toast-container--bottom-left{bottom:1.5rem;left:1.5rem;align-items:flex-start}.toast-container--top-right{top:1.5rem;right:1.5rem;align-items:flex-end}.toast-container--top-left{top:1.5rem;left:1.5rem;align-items:flex-start}.toast-container--top-center{top:1.5rem;left:50%;transform:translate(-50%);align-items:center}.toast-container--bottom-center{bottom:1.5rem;left:50%;transform:translate(-50%);align-items:center}.toast{display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;border-radius:10px;font-size:.875rem;font-weight:500;min-width:240px;max-width:380px;box-shadow:0 4px 16px #0000001f;pointer-events:all;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}.toast--visible{opacity:1;transform:translateY(0)}.toast--success{background:#e8f5ed;color:#1a6b4a;border-left:4px solid #2A9D6F}.toast--error{background:#feecec;color:#c62828;border-left:4px solid #E53935}.toast--warning{background:#fff8e1;color:#8a6d00;border-left:4px solid #FFC107}.toast--info{background:#e3f2fd;color:#0d47a1;border-left:4px solid #1976D2}.toast__icon{flex-shrink:0}.toast__message{flex:1;line-height:1.4}.toast__close{background:none;border:none;cursor:pointer;color:inherit;opacity:.6;display:flex;align-items:center;padding:.1rem;border-radius:4px;transition:opacity .15s}.toast__close:hover{opacity:1}[data-theme=dark] .ui-btn--secondary{color:#3dbf8a;border-color:#2a9d6f}[data-theme=dark] .ui-btn--secondary:hover:not(:disabled){background:#1a2a22}[data-theme=dark] .ui-btn--ghost{color:#9ba5b8}[data-theme=dark] .ui-btn--ghost:hover:not(:disabled){background:#1a2a22;color:#3dbf8a}[data-theme=dark] .ui-field__label{color:#c8d4cc}[data-theme=dark] .ui-field__input{background:#1c2130;border-color:#26304a;color:#e0e6e2}[data-theme=dark] .ui-field__input::placeholder{color:#4a5568}[data-theme=dark] .ui-field__input:focus{border-color:#3dbf8a;box-shadow:0 0 0 3px #3dbf8a26}[data-theme=dark] .ui-field__icon,[data-theme=dark] .ui-field__toggle{color:#4a6258}[data-theme=dark] .ui-field__toggle:hover{color:#3dbf8a}[data-theme=dark] .ui-field__hint{color:#4a6258}[data-theme=dark] .ui-checkbox__box{background:#1c2130;border-color:#26304a}[data-theme=dark] .ui-checkbox__text{color:#9ba5b8}[data-theme=dark] .toast--success{background:#0d2018;color:#5ec996;border-left-color:#2a9d6f}[data-theme=dark] .toast--error{background:#1e0a0a;color:#ef9a9a;border-left-color:#e53935}[data-theme=dark] .toast--warning{background:#1a1500;color:#ffd54f;border-left-color:#ffc107}[data-theme=dark] .toast--info{background:#051525;color:#90caf9;border-left-color:#1976d2}.mobile-layout{display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:#edf9f4}.mobile-layout-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 .25rem;height:64px;background:#f4faf6;flex-shrink:0;box-shadow:0 1px #0000000d}.mobile-topbar-left{display:flex;align-items:center;gap:.25rem}.mobile-topbar-right{display:flex;align-items:center;gap:0}.mobile-topbar-title{font-size:1.1rem;font-weight:700;color:#0a2b1a;letter-spacing:-.01em}.mobile-topbar-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:50%;cursor:pointer;color:#2a5a3a;font-size:1.25em;transition:background .15s}.mobile-topbar-btn:hover{background:#2a9d6f1a}.bottom-nav{display:flex;align-items:stretch;background:#f4faf6;box-shadow:0 -1px #0000000f;flex-shrink:0;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:12px 4px 14px;gap:4px;text-decoration:none;color:#4a6458;font-size:.65rem;font-weight:500;letter-spacing:.01em;border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s}.bottom-nav-item--active{color:#0a2b1a;font-weight:700}.bottom-nav-indicator{width:64px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:transparent;transition:background .25s cubic-bezier(.2,0,0,1)}.bottom-nav-item--active .bottom-nav-indicator{background:#c3edd8}.bottom-nav-icon{font-size:1.35em;line-height:1;display:flex;color:inherit;transition:color .2s}.bottom-nav-label{line-height:1;white-space:nowrap}.mobile-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:400;display:flex;align-items:stretch;animation:drawerOverlayIn .25s ease}@keyframes drawerOverlayIn{0%{opacity:0}to{opacity:1}}.mobile-drawer{width:300px;background:#f4faf6;display:flex;flex-direction:column;padding:0 0 1rem;overflow-y:auto;border-radius:0 16px 16px 0;animation:drawerSlideIn .28s cubic-bezier(.2,0,0,1)}@keyframes drawerSlideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-drawer-profile{display:flex;align-items:center;gap:.875rem;padding:2rem 1.5rem 1.25rem}.mobile-drawer-avatar{width:48px;height:48px;border-radius:50%;background:#c3edd8;color:#0a2b1a;display:flex;align-items:center;justify-content:center;font-size:1.3em;flex-shrink:0}.mobile-drawer-name{font-size:.95rem;font-weight:700;color:#0a2b1a}.mobile-drawer-role{font-size:.78rem;color:#4a6458;margin-top:2px}.mobile-drawer-divider{height:1px;background:#d0e8da;margin:0 1.5rem .75rem}.mobile-drawer-nav{display:flex;flex-direction:column;flex:1;gap:2px;padding:0 .75rem}.mobile-drawer-item{display:flex;align-items:center;gap:.875rem;padding:0 1rem;height:56px;text-decoration:none;color:#1a2e22;font-size:.9rem;font-weight:500;border-radius:28px;transition:background .15s;-webkit-tap-highlight-color:transparent}.mobile-drawer-item:hover{background:#2a9d6f17}.mobile-drawer-item--active{color:#0a2b1a;background:#c3edd8;font-weight:700}.mobile-drawer-item-icon{font-size:1.15em;width:24px;text-align:center;flex-shrink:0}.mobile-drawer-logout{display:flex;align-items:center;gap:.875rem;padding:0 1rem;height:56px;margin:.5rem 1.5rem 0;color:#b71c1c;font-size:.9rem;font-weight:600;border:none;border-radius:28px;background:#fadadd;cursor:pointer;transition:background .15s;width:calc(100% - 3rem)}.mobile-drawer-logout:hover{background:#f5b8bc}.m-page{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.m-page .widget-card{margin-top:0}.m-hero{margin-bottom:1.25rem}.m-hero-greeting{font-size:.9rem;color:#6b7c74}.m-hero-name{font-size:1.3rem;font-weight:800;color:#1a2e25}.m-section-title{font-size:.9rem;font-weight:700;color:#4a6b58;text-transform:uppercase;letter-spacing:.04em;margin:1.25rem 0 .75rem}.m-loading{text-align:center;padding:2rem;color:#6b7c74}.m-empty{padding:1.5rem;text-align:center;color:#9eb8a8;font-size:.88rem}.m-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem}.m-stat-card{background:#fff;border:1px solid #E0ECE6;border-radius:12px;padding:1rem;display:flex;align-items:center;gap:.75rem}.m-stat-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2em;flex-shrink:0}.m-stat-card-value{font-size:1.2rem;font-weight:800;color:#1a2e25;line-height:1.1}.m-stat-card-label{font-size:.72rem;color:#6b7c74;margin-top:2px}.m-quick-links{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.m-quick-link{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#fff;border:1px solid #E0ECE6;border-radius:12px;padding:1rem .5rem;text-decoration:none;transition:box-shadow .15s}.m-quick-link:hover{box-shadow:0 2px 8px #00000014}.m-quick-link-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.2em}.m-quick-link-label{font-size:.82rem;font-weight:600}.m-searchbar{display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid #E0ECE6;border-radius:10px;padding:0 .875rem;margin-bottom:.75rem;color:#9eb8a8;font-size:1.1em}.m-searchbar-input{flex:1;border:none;outline:none;font-size:.9rem;padding:.75rem 0;background:transparent;color:#1a2e25}.m-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.m-list-count{font-size:.82rem;color:#6b7c74}.m-card-list{display:flex;flex-direction:column;gap:.625rem}.m-entity-card{background:#fff;border:1px solid #E0ECE6;border-radius:12px;padding:1rem}.m-entity-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.m-entity-card-name{font-size:.93rem;font-weight:700;color:#1a2e25}.m-entity-card-sub{font-size:.78rem;color:#6b7c74;margin-top:2px}.m-entity-card-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.82rem;color:#4a6b58;margin-top:.375rem}.m-entity-card-actions{display:flex;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}.page-loading{flex:1;display:flex;align-items:center;justify-content:center;min-height:120px}[data-theme=dark] .mobile-layout{background:#0f1117}[data-theme=dark] .mobile-topbar{background:#121826;box-shadow:0 1px #ffffff0d}[data-theme=dark] .mobile-topbar-title{color:#d4dae8}[data-theme=dark] .mobile-topbar-btn{color:#7a8599}[data-theme=dark] .mobile-topbar-btn:hover{background:#ffffff14}[data-theme=dark] .bottom-nav{background:#121826;box-shadow:0 -1px #ffffff0f}[data-theme=dark] .bottom-nav-item{color:#7a8599}[data-theme=dark] .bottom-nav-item--active{color:#d4dae8}[data-theme=dark] .bottom-nav-item--active .bottom-nav-indicator{background:#1f2b3e}[data-theme=dark] .mobile-drawer{background:#121826;border-radius:0 16px 16px 0}[data-theme=dark] .mobile-drawer-avatar{background:#1c2332;color:#d4dae8}[data-theme=dark] .mobile-drawer-divider{background:#26304a}[data-theme=dark] .mobile-drawer-name{color:#d4dae8}[data-theme=dark] .mobile-drawer-role{color:#7a8599}[data-theme=dark] .mobile-drawer-item{color:#a0aabf}[data-theme=dark] .mobile-drawer-item:hover{background:#ffffff0f}[data-theme=dark] .mobile-drawer-item--active{background:#1c2332;color:#d4dae8}[data-theme=dark] .mobile-drawer-logout{background:#2e1a1c;color:#f48a8e}[data-theme=dark] .mobile-drawer-logout:hover{background:#3d2224}[data-theme=dark] .m-hero-name{color:#d4dae8}[data-theme=dark] .m-stat-card{background:#1c2332;border-color:#26304a}[data-theme=dark] .m-stat-card-value{color:#d4dae8}[data-theme=dark] .m-quick-link,[data-theme=dark] .m-searchbar{background:#1c2332;border-color:#26304a}[data-theme=dark] .m-searchbar-input{color:#d4dae8}[data-theme=dark] .m-entity-card{background:#1c2332;border-color:#26304a}[data-theme=dark] .m-entity-card-name{color:#d4dae8}@media (max-width: 767px){.login-page{flex-direction:column;min-height:100dvh}.login-left{display:none}.login-right{flex:1 0 auto;width:100%;padding:0}.login-right:before{content:"Sistema Integral";position:absolute;top:1rem;left:1.5rem;font-size:1rem;font-weight:800;color:#1a6b4a;z-index:2;letter-spacing:-.01em}.login-deco--top{width:120px;height:120px;top:-40px;right:-40px}.login-deco--bottom{width:100px;height:100px;bottom:-30px;right:-30px}.login-form-container,.login-form-container.register-form-container{max-width:100%;padding:2rem 1.25rem 1.5rem}.demo-card{margin-top:1.25rem}.forgot-logo{position:static;text-align:center;margin-bottom:1.25rem}.forgot-card{padding:1.75rem 1.25rem}}@media (max-width: 767px){[data-theme=dark] .login-right:before{color:#3dbf8a}}.pending-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-main, #F4F6F9);padding:1.5rem}.pending-card{background:var(--card-bg, #fff);border:1px solid var(--border-color, #E5E7EB);border-radius:16px;padding:2.5rem 2rem;max-width:440px;width:100%;text-align:center;box-shadow:0 4px 24px #0000000f}.pending-icon{width:64px;height:64px;color:#2a9d6f;margin:0 auto 1.25rem}.pending-title{font-size:1.3rem;font-weight:700;color:var(--text-main, #111827);margin-bottom:.625rem}.pending-body{font-size:.9rem;color:var(--text-sub, #6B7280);line-height:1.55;margin-bottom:.75rem}.pending-contact{display:flex;flex-direction:column;gap:.25rem;background:#f0fbf6;color:#2a9d6f;border:1px solid #B8E8D4;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;margin-bottom:1.5rem;width:100%;text-align:center}.pending-contact-label{font-size:.75rem;font-weight:400;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.pending-contact-value{font-size:.9rem;font-weight:600}.pending-btn{background:none;border:1.5px solid var(--border-color, #D1D5DB);border-radius:8px;padding:.6rem 1.5rem;color:var(--text-main, #111827);font-size:.9rem;cursor:pointer;transition:background .15s,border-color .15s}.pending-btn:hover{background:var(--hover-bg, #F3F4F6);border-color:var(--text-sub, #9CA3AF)}[data-theme=dark] .btn--secondary{color:#3dbf8a;border-color:#2a9d6f}[data-theme=dark] .btn--secondary:hover{background:#0f2a1e}[data-theme=dark] .btn--ghost{color:#9ba5b8;border-color:transparent}[data-theme=dark] .btn--ghost:hover{background:#1c2332;color:#3dbf8a}[data-theme=dark] .modal-container{background:#1a2035}[data-theme=dark] .modal-header{border-color:#2a3552}[data-theme=dark] .modal-title{color:#d4dae8}[data-theme=dark] .modal-footer{border-color:#2a3552}[data-theme=dark] .field-label{color:#c4cede}[data-theme=dark] .field-input{background:#121826;border-color:#2a3552;color:#d4dae8}[data-theme=dark] .field-input:focus{border-color:#2a9d6f}[data-theme=dark] .page-title{color:#d4dae8}[data-theme=dark] .page-subtitle{color:#8b96ad}[data-theme=dark] .pending-page{background:#0f1117}[data-theme=dark] .pending-card{background:#1a2035;border-color:#2a3552}[data-theme=dark] .pending-title{color:#e8edf7}[data-theme=dark] .pending-body{color:#8b96ad}[data-theme=dark] .pending-contact{background:#0f2a1e;color:#4dd99c;border-color:#1b4535}[data-theme=dark] .pending-contact-label{color:#6b8a7a}[data-theme=dark] .pending-contact-value{color:#4dd99c}[data-theme=dark] .pending-btn{border-color:#2a3552;color:#c4cede}[data-theme=dark] .pending-btn:hover{background:#1c2332}@keyframes shimmer-sweep{0%{background-position:-600px 0}to{background-position:600px 0}}.shimmer-box{border-radius:6px;background:linear-gradient(90deg,var(--shimmer-base, #E9ECF0) 25%,var(--shimmer-highlight, #F4F6F8) 50%,var(--shimmer-base, #E9ECF0) 75%);background-size:600px 100%;animation:shimmer-sweep 1.4s infinite linear}[data-theme=dark]{--shimmer-base: #1C2332;--shimmer-highlight: #252E42}.shimmer-page{padding:1.5rem 2rem;display:flex;flex-direction:column;gap:1.25rem}.shimmer-filter-card{background:var(--card-bg, #fff);border:1px solid var(--border-color, #E5E7EB);border-radius:12px;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem}.shimmer-filter-title{height:14px;width:160px}.shimmer-filter-fields{display:flex;gap:1rem;flex-wrap:wrap}.shimmer-filter-field{display:flex;flex-direction:column;gap:.4rem;flex:1;min-width:140px}.shimmer-label{height:11px;width:80px}.shimmer-input{height:38px;border-radius:8px}.shimmer-table-card{background:var(--card-bg, #fff);border:1px solid var(--border-color, #E5E7EB);border-radius:12px;overflow:hidden;margin-top:.25rem}.shimmer-table-card--no-mt{margin-top:0}.shimmer-table-header{display:grid;grid-template-columns:2.5rem 1fr .7fr .55fr 2.5rem;gap:.75rem;padding:.75rem 1.25rem;background:var(--hover-bg, #F9FAFB);border-bottom:1px solid var(--border-color, #E5E7EB);align-items:center}.shimmer-th{height:11px;border-radius:4px}.shimmer-row{display:grid;grid-template-columns:2.5rem 1fr .7fr .55fr 2.5rem;gap:.75rem;padding:.85rem 1.25rem;border-bottom:1px solid var(--border-color, #E5E7EB);align-items:center}.shimmer-row:last-child{border-bottom:none}.shimmer-row--config{grid-template-columns:1fr repeat(4,3rem)}.shimmer-avatar{height:36px;width:36px;border-radius:50%;flex-shrink:0}.shimmer-cell{height:13px;border-radius:4px}.shimmer-cell--lg{width:90%}.shimmer-cell--md{width:70%}.shimmer-cell--sm{width:55%}.shimmer-cell--action{height:28px;width:28px;border-radius:6px}.shimmer-cell--check{height:20px;width:20px;border-radius:4px;justify-self:center}.shimmer-page-header{display:flex;justify-content:space-between;align-items:center;padding:0 .25rem}.shimmer-page-title{height:22px;width:200px}.shimmer-btn{height:36px;width:110px;border-radius:8px}.shimmer-tabs{display:flex;gap:.5rem;margin-top:-.25rem}.shimmer-tab{height:36px;width:160px;border-radius:8px}.shimmer-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1rem}.shimmer-card{background:var(--card-bg, #fff);border:1px solid var(--border-color, #E5E7EB);border-radius:14px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.shimmer-card-header{display:flex;gap:.75rem;align-items:flex-start}.shimmer-card-icon{height:40px;width:40px;border-radius:10px;flex-shrink:0}.shimmer-card-titles{display:flex;flex-direction:column;gap:.4rem;flex:1}.shimmer-card-name{height:14px;width:70%}.shimmer-card-desc{height:11px;width:90%}.shimmer-chips{display:flex;flex-wrap:wrap;gap:.4rem}.shimmer-chip{height:22px;width:80px;border-radius:20px}.shimmer-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 900px){.shimmer-stats-grid{grid-template-columns:repeat(2,1fr)}}.shimmer-stat-card{background:var(--card-bg, #fff);border:1px solid var(--border-color, #E5E7EB);border-radius:14px;padding:1.25rem;display:flex;align-items:center;gap:.75rem}.shimmer-stat-icon{height:44px;width:44px;border-radius:10px;flex-shrink:0}.shimmer-stat-texts{display:flex;flex-direction:column;gap:.4rem;flex:1}.shimmer-stat-value{height:22px;width:60%}.shimmer-stat-label{height:11px;width:80%}.shimmer-widgets-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.shimmer-widget{height:240px;border-radius:14px}.shimmer-widget--tall{height:300px}.shimmer-mobile-list{display:flex;flex-direction:column;gap:0;padding:0 .75rem}.shimmer-mobile-item{display:flex;align-items:center;gap:.75rem;padding:.9rem .25rem;border-bottom:1px solid var(--border-color, #E5E7EB)}.shimmer-mobile-item:last-child{border-bottom:none}.shimmer-mobile-avatar{height:42px;width:42px;border-radius:50%;flex-shrink:0}.shimmer-mobile-texts{display:flex;flex-direction:column;gap:.35rem;flex:1}.shimmer-mobile-name{height:14px;width:65%}.shimmer-mobile-sub{height:11px;width:45%}.shimmer-mobile-badge{height:24px;width:60px;border-radius:20px;flex-shrink:0}.shimmer-config{display:flex;flex-direction:column;gap:1rem}.shimmer-config-header{display:flex;align-items:center;gap:.75rem}.shimmer-config-icon{height:40px;width:40px;border-radius:10px;flex-shrink:0}.shimmer-config-title{height:16px;width:180px;margin-bottom:.35rem}.shimmer-config-sub{height:12px;width:260px}.shimmer-bar{height:14px;margin-bottom:.5rem;border-radius:6px}[data-theme=dark] .shimmer-filter-card,[data-theme=dark] .shimmer-table-card,[data-theme=dark] .shimmer-card,[data-theme=dark] .shimmer-stat-card{background:var(--card-bg, #141B2D);border-color:var(--border-color, #2A3552)}[data-theme=dark] .shimmer-table-header{background:var(--hover-bg, #1C2332);border-color:var(--border-color, #2A3552)}[data-theme=dark] .shimmer-row,[data-theme=dark] .shimmer-mobile-item{border-color:var(--border-color, #2A3552)}═══════════════════════════════════════════════════════════════ */ .roles-page{padding:1.5rem 2rem;max-width:1100px}.roles-tabs{display:flex;gap:.25rem;background:var(--hover-bg, #F3F4F6);border-radius:10px;padding:.25rem;width:fit-content;margin-bottom:1.5rem}.roles-tab{background:none;border:none;border-radius:8px;padding:.45rem 1rem;font-size:.875rem;cursor:pointer;color:var(--text-sub, #6B7280);transition:background .15s,color .15s;display:flex;align-items:center;gap:.375rem}.roles-tab--active{background:var(--card-bg, #fff);color:var(--text-main, #111827);font-weight:600;box-shadow:0 1px 4px #0000001a}.roles-badge{background:#2a9d6f;color:#fff;border-radius:12px;padding:.05rem .5rem;font-size:.75rem;font-weight:700}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.rol-card{background:var(--card-bg, #fff);border:1px solid var(--border-color, #E5E7EB);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.rol-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.rol-card-icon{width:36px;height:36px;background:#f0fbf6;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#2a9d6f;flex-shrink:0}.rol-card-name{font-weight:600;color:var(--text-main, #111827);font-size:.95rem}.rol-card-desc{font-size:.8rem;color:var(--text-sub, #6B7280)}.rol-card-edit{background:none;border:1px solid var(--border-color, #E5E7EB);border-radius:6px;padding:.3rem .6rem;font-size:.78rem;cursor:pointer;color:var(--text-main, #111827);display:flex;align-items:center;gap:.25rem;flex-shrink:0;transition:background .15s}.rol-card-edit:hover{background:var(--hover-bg, #F3F4F6)}.rol-card-permisos{display:flex;flex-wrap:wrap;gap:.35rem}.rol-permiso-chip{font-size:.72rem;padding:.2rem .55rem;border-radius:20px;border:1px solid var(--border-color, #E5E7EB);color:var(--text-sub, #6B7280);background:var(--hover-bg, #F9FAFB)}.rol-permiso-chip--on{background:#f0fbf6;border-color:#b8e8d4;color:#1b7a52;font-weight:500}.roles-empty{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem;color:var(--text-sub, #9CA3AF);font-size:.9rem}.roles-empty svg{width:40px;height:40px;opacity:.4}.roles-permiso-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.75rem 0}.roles-permiso-toggle{display:flex;align-items:center;gap:.5rem;padding:.45rem .6rem;border-radius:8px;border:1px solid var(--border-color, #E5E7EB);cursor:pointer;font-size:.82rem;color:var(--text-main, #111827);background:var(--card-bg, #fff);transition:background .15s,border-color .15s}.roles-permiso-toggle--on{background:#f0fbf6;border-color:#2a9d6f;color:#1b7a52;font-weight:500}.roles-permiso-toggle input{display:none}.roles-rol-select-group{display:flex;flex-direction:column;gap:.5rem;margin:.75rem 0}.roles-rol-option{display:flex;align-items:center;gap:.625rem;padding:.6rem .875rem;border-radius:8px;border:1px solid var(--border-color, #E5E7EB);cursor:pointer;font-size:.875rem;color:var(--text-main, #111827);background:var(--card-bg, #fff);transition:background .15s,border-color .15s}.roles-rol-option--active{border-color:#2a9d6f;background:#f0fbf6;color:#1b7a52;font-weight:600}.roles-toast{position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);padding:.7rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:500;z-index:2000;box-shadow:0 4px 16px #0000001f;animation:toastIn .25s ease}.roles-toast--success{background:#1b7a52;color:#fff}.roles-toast--error{background:#b91c1c;color:#fff}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.22rem .65rem;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap;border:1px solid transparent}.status-badge--warning{background:#fef3c7;color:#92400e;border-color:#fde68a}.td-bold{font-weight:600}.modal-container--sm{max-width:420px}.roles-bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--card-bg, #fff);border-radius:16px 16px 0 0;padding:1.25rem 1.5rem 2rem;z-index:310;box-shadow:0 -4px 24px #0000001f;animation:slideUp .25s cubic-bezier(.2,0,0,1)}.roles-bs-title{font-size:1rem;font-weight:600;color:var(--text-main, #111827);margin-bottom:.75rem}.roles-m-tabs{display:flex;gap:.25rem;background:var(--hover-bg, #F3F4F6);border-radius:10px;padding:.25rem;margin-bottom:1rem}.roles-m-tab{flex:1;background:none;border:none;border-radius:8px;padding:.5rem .75rem;font-size:.82rem;cursor:pointer;color:var(--text-sub, #6B7280);display:flex;align-items:center;justify-content:center;gap:.375rem;transition:background .15s,color .15s}.roles-m-tab--active{background:var(--card-bg, #fff);color:var(--text-main, #111827);font-weight:600;box-shadow:0 1px 4px #0000001a}.roles-m-tab svg{width:16px;height:16px}[data-theme=dark] .roles-tabs{background:#1c2332}[data-theme=dark] .roles-tab{color:#8b96ad}[data-theme=dark] .roles-tab--active{background:#252e44;color:#d4dae8;box-shadow:0 1px 4px #00000040}[data-theme=dark] .rol-card{background:#1a2035;border-color:#2a3552}[data-theme=dark] .rol-card-icon{background:#0f2a1e;color:#4dd99c}[data-theme=dark] .rol-card-name{color:#d4dae8}[data-theme=dark] .rol-card-desc{color:#8b96ad}[data-theme=dark] .rol-card-edit{border-color:#2a3552;color:#c4cede}[data-theme=dark] .rol-card-edit:hover{background:#252e44}[data-theme=dark] .rol-permiso-chip{border-color:#2a3552;color:#8b96ad;background:#1c2332}[data-theme=dark] .rol-permiso-chip--on{background:#0f2a1e;border-color:#1b4535;color:#4dd99c}[data-theme=dark] .roles-permiso-toggle{background:#1a2035;border-color:#2a3552;color:#c4cede}[data-theme=dark] .roles-permiso-toggle--on{background:#0f2a1e;border-color:#2a9d6f;color:#4dd99c}[data-theme=dark] .roles-rol-option{background:#1a2035;border-color:#2a3552;color:#c4cede}[data-theme=dark] .roles-rol-option--active{background:#0f2a1e;border-color:#2a9d6f;color:#4dd99c}[data-theme=dark] .status-badge--warning{background:#3a2e10;color:#fcd34d;border-color:#78500e}[data-theme=dark] .roles-bottom-sheet{background:#1a2035}[data-theme=dark] .roles-bs-title{color:#d4dae8}[data-theme=dark] .roles-m-tabs{background:#1c2332}[data-theme=dark] .roles-m-tab{color:#8b96ad}[data-theme=dark] .roles-m-tab--active{background:#252e44;color:#d4dae8}