*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.layout-container{display:flex;min-height:100vh;background:#f8fafc}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}.hidden{display:none!important}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:linear-gradient(90deg,#2c5aa0,#1e3a8a);color:#fff;z-index:1001;padding:0 16px;align-items:center;justify-content:space-between;box-shadow:0 2px 10px #0000001a}.mobile-menu-btn{background:none;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.mobile-menu-btn:hover{background:#ffffff1a}.mobile-menu-btn:active{background:#fff3;transform:scale(.95)}.mobile-logo{display:flex;align-items:center;gap:8px;font-weight:600;color:#fff;position:absolute;left:50%;transform:translate(-50%);transition:all .3s ease}.mobile-logo:hover{transform:translate(-50%) scale(1.05)}.mobile-logo-image{width:24px;height:24px;object-fit:contain;filter:brightness(1.1) contrast(1.1);transition:all .3s ease}.mobile-user{display:flex;align-items:center}.mobile-user-avatar{width:32px;height:32px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3)}.mobile-overlay{position:fixed;inset:0;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .2s ease-out}.sidebar{width:280px;background:linear-gradient(180deg,#2c5aa0,#1e3a8a);color:#fff;display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:1000;overflow-y:auto;transition:all .3s ease}.sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between}.logo-container{display:flex;align-items:center;gap:1rem;position:relative}.logo-circle{width:75px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden;flex-shrink:0}.logo-circle:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#ffffff1a,#fff3,#ffffff1a);border-radius:50%;opacity:0;transition:opacity .3s ease}.logo-circle:hover:before{opacity:1}.logo-circle:hover{background:#ffffff4d;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.sidebar-logo-image{width:90px;height:80px;object-fit:contain;filter:brightness(1.1) contrast(1.1);transition:all .3s ease;animation:logoGlow 4s ease-in-out infinite}.sidebar-logo-image:hover{transform:scale(1.05);filter:brightness(1.3) contrast(1.2)}.logo-text{transition:all .3s ease;flex:1;min-width:0}.logo-text h3{margin:0;font-size:1.25rem;font-weight:700;background:linear-gradient(45deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logo-text span{font-size:.875rem;opacity:.8;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.sidebar-close-btn{display:none;background:#ffffff1a;border:none;color:#fff;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;min-width:36px;min-height:36px;flex-shrink:0}.sidebar-close-btn:hover{background:#fff3}.sidebar-close-btn:active{transform:scale(.95)}.user-greeting{padding:1rem 1.5rem;background:#ffffff1a;margin:0 1rem 1rem;border-radius:.75rem;text-align:center;transition:all .3s ease}.user-greeting h4{margin:0 0 8px;font-size:1rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role-container{display:flex;justify-content:center;margin-top:8px}.user-role-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:12px;font-size:.75rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;white-space:nowrap;text-align:center}.role-emoji{font-size:.875rem;display:inline-flex;align-items:center;flex-shrink:0;line-height:1}.role-text{font-size:.75rem;font-weight:600;letter-spacing:.025em;white-space:nowrap;display:inline-block;line-height:1}.user-role-badge.role-administrador{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#b91c1c66;box-shadow:0 2px 8px #b91c1c4d}.user-role-badge.role-docente{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb66;box-shadow:0 2px 8px #2563eb4d}.user-role-badge.role-alumno,.user-role-badge.role-estudiante{background:linear-gradient(135deg,#16a34a,#15803d);border-color:#22c55e66;box-shadow:0 2px 8px #22c55e4d}.user-role-badge:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1.5rem;color:#fff;text-decoration:none;transition:all .2s ease;position:relative;margin:.25rem 0;overflow:hidden}.nav-item:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.nav-item:hover{background:#ffffff1a;padding-left:2rem}.nav-item:hover:after{left:100%}.nav-item-active{background:#ffffff26;font-weight:500}.nav-item-active:before{content:"";position:absolute;right:0;top:0;bottom:0;width:4px;background:#fff;border-radius:2px 0 0 2px}.nav-icon{width:36px;height:36px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-label{font-size:.95rem;transition:all .3s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:.5rem;flex-shrink:0}.settings1-btn,.logout-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-size:.875rem;position:relative;overflow:hidden;white-space:nowrap}.settings1-btn{background:#0041c2;color:#fff}.logout-btn{background:#b700b0;color:#fff}.settings1-btn:before,.logout-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.settings1-btn:hover{background:#019396;transform:translateY(-2px)}.logout-btn:hover{background:#ff4242;transform:translateY(-2px)}.settings1-btn:hover:before,.logout-btn:hover:before{left:100%}.main-container{flex:1;margin-left:280px;min-height:100vh;transition:all .3s ease}.main-container-mobile{padding-top:60px}.main-content{padding:2rem;min-height:100vh;background:linear-gradient(135deg,#7c3aed,#3b82f6,#06b6d4)}.logout-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-out;padding:1rem}.logout-modal{background:#fff;border-radius:20px;padding:2.5rem;max-width:450px;width:90%;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out;text-align:center;color:#1f2937}.modal-close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#374151;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}.modal-close-btn:hover{background:#f3f4f6;color:#374151}.modal-icon-container{position:relative;margin-bottom:1.5rem}.modal-icon-circle{width:80px;height:80px;background:linear-gradient(135deg,#f43f5e,#ec4899);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;position:relative;z-index:2;animation:pulse 2s infinite}.modal-icon{color:#fff;animation:float 3s ease-in-out infinite}.modal-icon-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:linear-gradient(135deg,#f43f5e20,#ec489920);border-radius:50%;animation:expand 3s ease-in-out infinite}.modal-title{font-size:1.5rem;color:#1f2937;margin-bottom:.5rem;font-weight:600}.modal-message{color:#6b7280;margin-bottom:1.5rem;line-height:1.5}.modal-user-info{background:#f9fafb;border-radius:12px;padding:1rem;display:flex;align-items:center;gap:1rem;margin-bottom:2rem;text-align:left}.user-avatar{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;font-weight:700;flex-shrink:0}.user-name{font-weight:600;color:#1f2937;margin-bottom:.25rem;word-break:break-word}.user-role{color:#4b5563}.modal-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.modal-btn{padding:.75rem 1.5rem;border-radius:10px;border:none;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;font-size:.95rem;min-height:44px;justify-content:center}.modal-btn:disabled{opacity:.7;cursor:not-allowed}.modal-btn-cancel{background:#e5e7eb;color:#374151;flex:1;min-width:120px}.modal-btn-cancel:hover:not(:disabled){background:#d1d5db;transform:translateY(-2px)}.modal-btn-confirm{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;flex:1;min-width:120px}.modal-btn-confirm:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 5px 15px #ef44444d}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%{box-shadow:0 0 #f43f5e66}70%{box-shadow:0 0 0 10px #f43f5e00}to{box-shadow:0 0 #f43f5e00}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes expand{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes logoGlow{0%,to{filter:brightness(1.1) contrast(1.1) drop-shadow(0 0 5px rgba(255,255,255,.3))}50%{filter:brightness(1.3) contrast(1.2) drop-shadow(0 0 15px rgba(255,255,255,.6))}}@keyframes logoSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:#ffffff1a}.sidebar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff80}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}@media (max-width: 1024px){.sidebar{width:240px}.main-container{margin-left:240px}.logo-circle{width:60px;height:60px}.sidebar-logo-image{width:70px;height:60px}.logo-text h3{font-size:1.125rem}.logo-text span{font-size:.8125rem}.main-content{padding:1.5rem}}@media (max-width: 768px){.sidebar{width:70px}.main-container{margin-left:70px}.logo-text,.nav-label,.user-greeting,.settings1-btn span,.logout-btn span{display:none!important}.logo-circle{width:40px;height:40px}.sidebar-logo-image{width:35px;height:35px}.sidebar-header{padding:1rem .5rem;justify-content:center}.logo-container{gap:0;justify-content:center}.sidebar-footer{padding:.5rem}.settings1-btn,.logout-btn{justify-content:center;padding:.75rem .5rem}.nav-item{justify-content:center;padding:.875rem .5rem;gap:0}.nav-item:hover{padding-left:.5rem}.nav-item-active:before{width:3px}.main-content{padding:1.25rem}.logout-modal{background:#fff;color:#1f2937}.modal-icon-circle{width:70px;height:70px}.modal-icon{width:35px;height:35px}.modal-title{font-size:1.375rem;color:#1f2937}.modal-message{color:#374151}}@media (max-width: 480px){.mobile-header{display:flex}.sidebar{transform:translate(-100%);width:280px;box-shadow:2px 0 10px #0000001a}.sidebar-mobile-open{transform:translate(0)}.sidebar-mobile-closed{transform:translate(-100%)}.sidebar-close-btn{display:flex}.sidebar-header{padding:1.5rem 1rem;justify-content:space-between}.logo-container{gap:1rem;justify-content:flex-start}.logo-circle{width:60px;height:60px}.sidebar-logo-image{width:55px;height:55px}.main-container{margin-left:0}.main-content{padding:1rem}.sidebar-mobile-open .logo-text,.sidebar-mobile-open .nav-label,.sidebar-mobile-open .user-greeting,.sidebar-mobile-open .settings1-btn span,.sidebar-mobile-open .logout-btn span{display:block!important}.sidebar-mobile-open .logo-text h3{font-size:1.125rem}.sidebar-mobile-open .logo-text span{font-size:.8125rem}.sidebar-mobile-open .nav-item{justify-content:flex-start;padding:.875rem 1.5rem;gap:1rem}.sidebar-mobile-open .nav-item:hover{padding-left:2rem}.sidebar-mobile-open .sidebar-footer{padding:1rem}.sidebar-mobile-open .settings1-btn,.sidebar-mobile-open .logout-btn{justify-content:flex-start;padding:.75rem;gap:.75rem}.sidebar-mobile-open .user-role-container{display:flex!important;justify-content:center!important}.sidebar-mobile-open .user-role-badge{display:inline-flex!important;gap:6px!important;padding:6px 12px!important}.sidebar-mobile-open .role-text{display:inline-block!important;font-size:.7rem!important}.sidebar-mobile-open .role-emoji{font-size:.875rem!important}.logout-modal{margin:.5rem;padding:1.5rem;max-width:none;width:calc(100% - 1rem);border-radius:16px}.modal-title{font-size:1.125rem;line-height:1.3;color:#1f2937}.modal-message{color:#374151}.modal-icon-circle{width:60px;height:60px}.modal-icon{width:30px;height:30px}.modal-icon-bg{width:80px;height:80px}.modal-user-info{padding:.875rem;gap:.875rem}.user-avatar{width:40px;height:40px;font-size:1.125rem}.user-name{font-size:.9375rem}.user-role{color:#4b5563}.modal-buttons{flex-direction:column;gap:.75rem;width:100%}.modal-btn{width:100%;justify-content:center;min-width:auto}.modal-btn-cancel,.modal-btn-confirm{flex:none}.mobile-logo{font-size:.9375rem}.mobile-logo-image{width:28px;height:28px}.mobile-user-avatar{width:36px;height:36px;font-size:15px}}@media (max-width: 375px){.mobile-header{height:56px;padding:0 12px}.main-container-mobile{padding-top:56px}.mobile-menu-btn{padding:6px;min-width:36px;min-height:36px}.mobile-logo{font-size:.875rem;gap:6px}.mobile-logo-image{width:22px;height:22px}.mobile-user-avatar{width:30px;height:30px;font-size:13px}.sidebar{width:260px}.logout-modal{background:#fff;color:#1f2937}.modal-title{font-size:1rem;color:#1f2937}.modal-message{color:#374151}.modal-icon-circle{width:50px;height:50px}.modal-icon{width:25px;height:25px}.modal-btn{padding:.625rem 1.25rem;font-size:.875rem}}@media (max-width: 768px) and (orientation: landscape){.mobile-header{height:50px}.main-container-mobile{padding-top:50px}.sidebar{height:100vh}.logout-modal{background:#fff;color:#1f2937}.modal-icon-container{margin-bottom:1rem}.modal-user-info{margin-bottom:1.5rem}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.sidebar-logo-image,.mobile-logo,.mobile-logo-image{animation:none!important}.logo-circle,.sidebar-logo-image,.mobile-logo-image,.mobile-overlay{transition:none!important}.nav-item:after,.settings1-btn:before,.logout-btn:before{display:none}}.nav-item:focus-visible,.mobile-menu-btn:focus-visible,.logout-btn:focus-visible,.settings1-btn:focus-visible,.modal-btn:focus-visible,.logo-circle:focus-visible,.mobile-logo:focus-visible,.sidebar-close-btn:focus-visible,.modal-close-btn:focus-visible{outline:3px solid #3b82f6;outline-offset:2px}@media (prefers-contrast: high){.logo-circle{background:#ffffff80;border:3px solid rgba(255,255,255,.8)}.sidebar-logo-image,.mobile-logo-image{filter:brightness(1.3) contrast(1.5)}.user-role-badge{border-width:3px}.nav-item-active:before{width:5px}}@media (prefers-color-scheme: dark){.main-content{background:linear-gradient(135deg,#4c1d95,#1e40af,#0369a1)}.logout-modal{background:#fff;color:#1f2937}.modal-title{color:#1f2937}.modal-message{color:#374151}.modal-user-info{background:#f9fafb;border-radius:12px;padding:1rem;display:flex;align-items:center;gap:1rem;margin-bottom:2rem;text-align:left}.user-name{font-weight:600;color:#1f2937;margin-bottom:.25rem}.user-role{color:#4b5563}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.nav-icon,.logo-circle,.mobile-user-avatar,.user-avatar{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.sidebar-logo-image,.mobile-logo-image{background:#ffffff1a;border-radius:4px}.sidebar-logo-image:not([src]),.mobile-logo-image:not([src]){background:#fff3;position:relative}.sidebar-logo-image:not([src]):before,.mobile-logo-image:not([src]):before{content:"LOGO";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8px;color:#ffffffb3;font-weight:700}.logo-container:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid rgba(255,255,255,.8);border-radius:50%;animation:logoSpin 1s linear infinite;opacity:0;z-index:1}.logo-container.loading:before{opacity:1}@media (hover: none) and (pointer: coarse){.nav-item,.mobile-menu-btn,.logout-btn,.settings1-btn,.modal-btn,.sidebar-close-btn,.modal-close-btn{min-height:44px;min-width:44px}.nav-item:active{background:#fff3}.mobile-menu-btn:active,.sidebar-close-btn:active,.modal-close-btn:active{transform:scale(.95)}.modal-btn:active{transform:scale(.98)}}@media (max-width: 480px){.sidebar,.main-container,.mobile-overlay{will-change:transform}.sidebar-mobile-open,.sidebar-mobile-closed{backface-visibility:hidden;-webkit-backface-visibility:hidden}}@supports (padding: max(0px)){.mobile-header{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.main-content{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom))}.sidebar{padding-left:env(safe-area-inset-left)}}@media (min-width: 481px) and (max-width: 1024px) and (orientation: landscape){.sidebar{width:200px}.main-container{margin-left:200px}.logo-circle{width:50px;height:50px}.sidebar-logo-image{width:45px;height:45px}.logo-text h3{font-size:1rem}.logo-text span{font-size:.75rem}.user-greeting h4,.nav-label{font-size:.875rem}}.login-logo{width:125px;height:125px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);transition:all .3s ease;padding:8px}.login-logo:hover{transform:scale(1.05);background:#ffffff26;border-color:#ffffff4d}.login-logo-image{width:250px;height:120px;object-fit:contain;border-radius:50%;transition:all .3s ease}@media (max-width: 768px){.login-logo{width:70px;height:70px;margin-bottom:1rem}.login-title{font-size:1.5rem}.login-subtitle{font-size:.9rem}}@media (max-width: 480px){.login-logo{width:60px;height:60px;margin-bottom:.75rem}.login-title{font-size:1.25rem}.login-subtitle{font-size:.85rem}}.login-logo{animation:logoFadeIn .8s ease-out}@keyframes logoFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.login-logo:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease}.login-logo:hover:before{opacity:1}.register-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem;position:relative;overflow:hidden}.register-content{width:100%;max-width:500px;background:#fff;border-radius:1rem;box-shadow:0 20px 60px #00000026;padding:2rem;position:relative;z-index:10;animation:slideIn .6s ease-out}.register-header{text-align:center;margin-bottom:2rem}.register-logo{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 8px 25px #667eea4d}.register-title{font-size:1.8rem;font-weight:700;color:#2d3748;margin:0 0 .5rem}.register-subtitle{color:#718096;font-size:.95rem;margin:0;line-height:1.4}.progress-indicator{display:flex;align-items:center;justify-content:center;margin-bottom:2.5rem;padding:0 1rem}.progress-step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.step-number{width:32px;height:32px;border-radius:50%;background:#e2e8f0;color:#a0aec0;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;margin-bottom:.5rem;transition:all .3s ease}.progress-step.active .step-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea66}.progress-step span{font-size:.75rem;color:#a0aec0;font-weight:500;text-align:center;transition:color .3s ease}.progress-step.active span{color:#667eea;font-weight:600}.progress-line{flex:1;height:2px;background:#e2e8f0;margin:0 1rem;position:relative;top:-16px}.register-form-container{width:100%}.register-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 640px){.form-row{grid-template-columns:1fr;gap:1.25rem}}.form-group{display:flex;flex-direction:column}.form-label{font-size:.875rem;font-weight:600;color:#4a5568;margin-bottom:.5rem;display:flex;align-items:center}.form-label.required:after{content:"*";color:#e53e3e;margin-left:.25rem}.input-icon{position:absolute;left:.75rem;color:#a0aec0;z-index:1;transition:color .2s ease}.form-input{width:100%;padding:.75rem .75rem .75rem 2.75rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:.95rem;background:#fff;color:#2d3748;transition:all .2s ease;outline:none}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-input:focus+.input-icon,.form-input:not(:placeholder-shown)+.input-icon{color:#667eea}.form-input.error{border-color:#e53e3e;background-color:#fef5e7}.form-input:disabled{background-color:#f7fafc;color:#a0aec0;cursor:not-allowed}.password-toggle{position:absolute;right:.75rem;background:none;border:none;color:#a0aec0;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease;z-index:1}.password-toggle:hover{color:#667eea;background-color:#667eea1a}.error-text{font-size:.8rem;color:#e53e3e;margin-top:.375rem;display:flex;align-items:center;gap:.25rem}.error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:#fed7d7;border:1px solid #feb2b2;border-radius:.5rem;color:#c53030;font-size:.875rem}.error-message.blocked{background-color:#fef2f2;border-color:#fecaca;color:#991b1b}.warning-message{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:#fef3c7;border:1px solid #fde68a;border-radius:.5rem;color:#92400e;font-size:.875rem;animation:slideIn .3s ease-out}.form-navigation{display:flex;gap:1rem;justify-content:space-between;margin-top:1.5rem}.nav-button{flex:1;padding:.875rem 1.5rem;border:none;border-radius:.5rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px}.prev-button{background:#f7fafc;color:#4a5568;border:2px solid #e2e8f0}.prev-button:hover:not(:disabled){background:#edf2f7;border-color:#cbd5e0}.next-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea66}.next-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #667eea80}.nav-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.register-button{width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1.5rem;min-height:48px;box-shadow:0 4px 12px #667eea66}.register-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #667eea80}.register-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.register-button.loading{pointer-events:none}.register-footer{margin-top:2rem;text-align:center;padding-top:1.5rem;border-top:1px solid #e2e8f0}.register-footer p{color:#718096;font-size:.9rem;margin:.5rem 0}.link{color:#667eea;text-decoration:none;font-weight:600;transition:color .2s ease;cursor:pointer}.link:hover{color:#5a67d8;text-decoration:underline}.register-decoration{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.decoration-1{width:120px;height:120px;top:10%;left:10%;animation-delay:0s}.decoration-2{width:80px;height:80px;top:60%;right:15%;animation-delay:2s}.decoration-3{width:160px;height:160px;bottom:15%;left:15%;animation-delay:4s}.success-container{text-align:center}.success-icon{margin:0 auto 1rem}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 640px){.register-container{padding:.5rem}.register-content{padding:1.5rem;border-radius:.75rem}.register-title{font-size:1.5rem}.progress-indicator{margin-bottom:2rem}.progress-step span{font-size:.7rem}.form-navigation{flex-direction:column}.nav-button{width:100%}}@media (max-width: 480px){.register-content{padding:1.25rem}.register-header{margin-bottom:1.5rem}.register-logo{width:50px;height:50px}}.admin-auth-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s ease-out}.admin-auth-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;width:100%;padding:40px;position:relative;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.admin-auth-header{text-align:center;margin-bottom:30px;position:relative}.admin-auth-icon{width:64px;height:64px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 20px #667eea4d;animation:iconBounce .6s ease-out}@keyframes iconBounce{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.admin-auth-title{font-size:24px;font-weight:700;color:#1a202c;margin-bottom:10px}.admin-auth-subtitle{font-size:14px;color:#718096;line-height:1.6}.admin-auth-close{position:absolute;top:-10px;right:-10px;background:#f7fafc;border:2px solid #e2e8f0;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#718096}.admin-auth-close:hover:not(:disabled){background:#ef4444;border-color:#ef4444;color:#fff;transform:rotate(90deg)}.admin-auth-close:disabled{opacity:.5;cursor:not-allowed;transform:none}.admin-auth-form{display:flex;flex-direction:column;gap:20px}.admin-auth-buttons{display:flex;gap:12px;margin-top:10px}.admin-auth-cancel,.admin-auth-submit{flex:1;padding:12px 24px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;border:none;min-height:48px}.admin-auth-cancel{background:#f7fafc;color:#4a5568;border:2px solid #e2e8f0}.admin-auth-cancel:hover:not(:disabled){background:#edf2f7;border-color:#cbd5e0;transform:translateY(-1px)}.admin-auth-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.admin-auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.admin-auth-submit.loading{opacity:.8;cursor:not-allowed;pointer-events:none}.admin-auth-submit.blocked{background:#cbd5e0;color:#718096;box-shadow:none;cursor:not-allowed}.admin-auth-cancel:disabled,.admin-auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.lockout-timer{text-align:center;padding:20px;background:linear-gradient(135deg,#e0e7ff,#ede9fe);border-radius:12px;margin:16px 0;animation:slideIn .3s ease-out}.lockout-timer-icon{margin-bottom:12px;animation:pulse 2s ease-in-out infinite}.lockout-timer-time{font-size:32px;font-weight:700;color:#4c51bf;margin:12px 0;font-variant-numeric:tabular-nums;letter-spacing:.05em}.lockout-timer-text{font-size:14px;color:#5a67d8;font-weight:500}@media (max-width: 480px){.admin-auth-modal{padding:30px 20px;margin:10px}.admin-auth-title{font-size:20px}.admin-auth-subtitle{font-size:13px}.admin-auth-icon{width:56px;height:56px}.admin-auth-buttons{flex-direction:column}.admin-auth-cancel,.admin-auth-submit{width:100%}.lockout-timer-time{font-size:28px}}@media (max-width: 360px){.admin-auth-modal{padding:24px 16px}.admin-auth-icon{width:48px;height:48px}.admin-auth-title{font-size:18px}.lockout-timer-time{font-size:24px}}.inicio-container{max-width:1400px;margin:0 auto;padding:20px;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.welcome-header{background:#fff;border-radius:20px;padding:30px;margin-bottom:30px;box-shadow:0 10px 30px #0000001a;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;animation:fadeIn .5s ease-out forwards}.welcome-text h1{color:#333;font-size:32px;margin-bottom:10px;font-weight:600}.welcome-text p{color:#666;font-size:18px}.user-role-indicator{margin-top:8px}.role-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.role-administrador{background:linear-gradient(135deg,#ff4343e6,#ff6363e6)!important;border-color:#b91c1c66!important;box-shadow:0 2px 8px #b91c1c4d!important}.role-docente{background:linear-gradient(135deg,#fb009f,#ee6b06e6)!important;border-color:#ff930566!important;box-shadow:0 2px 8px #ff95014d!important}.role-alumno,.role-estudiante{background:linear-gradient(135deg,#22c55ee6,#16a34ae6)!important;border-color:#22c55e66!important;box-shadow:0 2px 8px #22c55e4d!important}.date-time{text-align:right}.time{font-size:36px;color:#667eea;font-weight:700;margin-bottom:5px}.date{color:#666;font-size:16px}.error-banner{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:1rem 1.5rem;border-radius:15px;margin-bottom:20px;display:flex;align-items:center;gap:.75rem;box-shadow:0 4px 16px #ef44444d;animation:fadeIn .5s ease-out}.error-banner span{flex:1;font-weight:500}.error-close{background:transparent;border:none;color:#fff;font-size:1.25rem;cursor:pointer;padding:.25rem;line-height:1;opacity:.8;transition:opacity .2s ease}.error-close:hover{opacity:1}.main-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}.quick-access{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 30px #0000001a;animation:fadeIn .5s ease-out forwards;animation-delay:.1s;opacity:0}.section-title{color:#333;font-size:24px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-weight:600}.section-icon{font-size:28px}.quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.quick-link{color:#fff;padding:20px;border-radius:15px;text-decoration:none;text-align:center;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:10px;border:none;cursor:pointer;font-family:inherit;position:relative;overflow:hidden}.quick-link:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 10px 20px #0003}.quick-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffff1a;transform:translate(-100%);transition:transform .5s}.quick-link:hover:before{transform:translate(0)}.quick-link-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff3;border-radius:12px;margin-bottom:5px}.quick-link-text{font-size:14px;font-weight:500}.stats-section{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 30px #0000001a;animation:fadeIn .5s ease-out forwards;animation-delay:.2s;opacity:0}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.refresh-stats-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;padding:10px;border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #667eea4d}.refresh-stats-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.refresh-stats-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.stat-card{position:relative;background:#f8f9fa;padding:20px;border-radius:15px;border:2px solid transparent;transition:all .3s ease;overflow:hidden;animation:fadeInUp .6s ease-out}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:hover{border-color:#667eea;transform:translateY(-3px);box-shadow:0 8px 20px #667eea33}.stat-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.stat-info{flex:1}.stat-number{font-size:32px;font-weight:700;color:#667eea;margin-bottom:5px;line-height:1}.stat-label{color:#666;font-size:14px;font-weight:500;line-height:1.2}.stat-icon{opacity:.7;transition:all .3s ease}.stat-card:hover .stat-icon{opacity:1;transform:scale(1.1)}.stat-loading{position:absolute;bottom:0;left:0;right:0;height:3px;background:#0000001a;overflow:hidden;border-radius:0 0 15px 15px}.loading-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2,#667eea);background-size:200% 100%;animation:loadingGradient 2s ease-in-out infinite}.stats-info{margin-top:15px;text-align:center;opacity:.7}.stats-info small{color:#666;font-size:.75rem;font-style:italic}.vision-mision{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 30px #0000001a;display:grid;grid-template-columns:1fr 1fr;gap:30px;animation:fadeIn .5s ease-out forwards;animation-delay:.3s;opacity:0}.vm-card{padding:20px;border-radius:15px;background:#f8f9fa}.vm-card h3{color:#667eea;font-size:20px;margin-bottom:15px;display:flex;align-items:center;gap:10px;font-weight:600}.vm-icon{font-size:24px}.vm-card p{color:#666;line-height:1.6;text-align:justify}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes loadingGradient{0%{background-position:200% 0}to{background-position:-200% 0}}.stat-card.loading .stat-number{color:#94a3b8}.stat-card.error .stat-number{color:#ef4444}.stat-card.error .stat-icon{opacity:.5}@media (max-width: 768px){.inicio-container{padding:15px}.main-grid,.vision-mision{grid-template-columns:1fr}.welcome-header{text-align:center;padding:20px}.welcome-text h1{font-size:24px}.user-role-indicator{text-align:center;color:#000}.role-badge{font-size:.8rem;padding:4px 8px}.date-time{text-align:center;width:100%}.time{font-size:28px}.stats-grid{grid-template-columns:1fr}.stats-header{flex-direction:column;gap:10px;align-items:stretch}.refresh-stats-btn{align-self:center;width:fit-content}.stat-content{flex-direction:column;text-align:center;gap:15px}.stat-number{font-size:28px}.stat-label{font-size:13px}.quick-links{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.error-banner{flex-direction:column;text-align:center;gap:10px;padding:15px}}button{transition:all .3s ease}.inicio-container::-webkit-scrollbar{width:12px}.inicio-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.inicio-container::-webkit-scrollbar-thumb{background:#667eea;border-radius:6px}.inicio-container::-webkit-scrollbar-thumb:hover{background:#5a67d8}.refresh-stats-btn:focus{outline:2px solid #667eea;outline-offset:2px}.quick-link:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.app-container{min-height:100vh;background:linear-gradient(135deg,#7c3aed,#3b82f6,#06b6d4);padding:2rem 1rem}.app-content{max-width:1200px;margin:0 auto}.header-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;margin-bottom:2rem;padding:1.5rem}.header-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.header-left{display:flex;align-items:center;gap:1rem}.header-icon{background:linear-gradient(135deg,#3b82f6,#06b6d4);padding:.75rem;border-radius:.75rem}.header-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.header-subtitle{color:#6b7280;margin:0}.header-right{display:flex;align-items:center;gap:.75rem}.user-info{background:#f9fafb;padding:.5rem 1rem;border-radius:.5rem;display:flex;align-items:center;gap:.5rem}.user-name{font-weight:500;color:#1f2937;font-size:.875rem}.user-details{color:#6b7280;font-size:.875rem}.settings-btn{padding:.5rem;background:#f3f4f6;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s}.settings-btn:hover{background:#e5e7eb}.logout-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;cursor:pointer;transition:all .2s ease;color:#dc2626}.logout-btn:hover{background:#fee2e2;border-color:#fca5a5;transform:scale(1.05);box-shadow:0 2px 4px #dc26261a}.logout-btn:active{transform:scale(.98)}.tabs-container{display:flex;gap:1rem;margin-bottom:2rem}.tab-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;border:none;font-weight:500;cursor:pointer;transition:all .2s;background:#fff;color:#6b7280;border:1px solid #e5e7eb}.tab-button:hover{background:#f9fafb}.tab-active{background:#3b82f6!important;color:#fff!important;box-shadow:0 10px 15px -3px #0000001a}.main-card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;padding:2rem}.content-space{display:flex;flex-direction:column;gap:2rem}.upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.upload-section{display:flex;flex-direction:column;gap:1rem}.section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.section-header.center{justify-content:center}.section-icon{padding:.5rem;border-radius:.5rem}.pdf-icon{background:#dbeafe}.image-icon{background:#d1fae5}.analysis-icon{background:#e9d5ff}.section-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.upload-area{border:2px dashed #d1d5db;border-radius:.75rem;padding:2rem;text-align:center;cursor:pointer;transition:border-color .2s;background:#f9fafb}.upload-area:hover{border-color:#3b82f6}.upload-text{color:#6b7280;margin:1rem 0}.upload-btn{padding:.5rem 1.5rem;border:none;border-radius:.5rem;color:#fff;font-weight:500;cursor:pointer;transition:background-color .2s}.pdf-btn{background:#3b82f6}.pdf-btn:hover{background:#2563eb}.image-btn{background:#059669}.image-btn:hover{background:#047857}.success-message{display:flex;align-items:center;gap:.5rem;color:#059669;background:#d1fae5;padding:.75rem;border-radius:.5rem}.analysis-section{text-align:center}.analysis-btn{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;border-radius:.75rem;font-weight:600;font-size:1.125rem;border:none;cursor:pointer;transition:all .2s;background:linear-gradient(135deg,#7c3aed,#3b82f6);color:#fff;box-shadow:0 10px 15px -3px #0000001a}.analysis-btn:hover:not(.disabled){background:linear-gradient(135deg,#6d28d9,#2563eb);transform:scale(1.05);box-shadow:0 20px 25px -5px #0000001a}.analysis-btn.disabled{background:#d1d5db;color:#6b7280;cursor:not-allowed;transform:none}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.results-section{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.results-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.extracted-text{background:#f9fafb;padding:1.5rem;border-radius:.75rem}.text-subtitle{font-weight:600;color:#1f2937;margin:0 0 .75rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{padding:1rem;border-radius:.75rem;border:1px solid}.stat-card.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd}.stat-card.green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7}.stat-card.orange{background:linear-gradient(135deg,#fed7aa,#fdba74);border-color:#fb923c}.stat-card.purple{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);border-color:#c084fc}.stat-number{font-size:1.5rem;font-weight:700;color:#1f2937}.stat-label{color:#374151;font-weight:500}.errors-grid{display:grid;gap:1rem}.error-card{padding:1rem;border-radius:.5rem;border:2px solid;transition:all .2s ease}.error-card.ortográfico{background:#fef2f2;border-color:#fecaca;color:#991b1b}.error-card.gramatical{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.error-card.puntuación{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.error-card.feedback-enabled{transition:all .2s ease}.error-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.error-type{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.error-content{display:flex;flex-direction:column;gap:.25rem}.error-row{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.strikethrough{text-decoration:line-through}.suggestion{font-weight:600}.personal-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.ai-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.personal-stat-card{padding:1.5rem;border-radius:.75rem;border:1px solid}.personal-stat-card.blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd}.personal-stat-card.green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7}.personal-stat-card.orange{background:linear-gradient(135deg,#fed7aa,#fdba74);border-color:#fb923c}.personal-stat-card.purple{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);border-color:#c084fc}.personal-stat-number{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.personal-stat-label{color:#374151;font-weight:500;margin-bottom:.25rem}.personal-stat-detail{color:#6b7280;font-size:.875rem}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{background:#f9fafb;padding:1rem;border-radius:.75rem;border:1px solid #e5e7eb;transition:background-color .2s}.history-item:hover{background:#f3f4f6}.history-content{display:flex;align-items:center;justify-content:space-between}.history-left{display:flex;align-items:center;gap:1rem}.history-icon{background:#dbeafe;padding:.5rem;border-radius:.5rem}.history-title{font-weight:500;color:#1f2937}.history-subtitle{color:#6b7280;font-size:.875rem}.history-btn{color:#2563eb;background:none;border:none;cursor:pointer;font-weight:500}.history-btn:hover{color:#1d4ed8}.content-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:#1f2937;margin:0}.processing-modal-overlay{position:fixed;inset:0;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease-out}.processing-modal-content{background:#fff;border-radius:16px;padding:2.5rem;max-width:400px;width:90%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;text-align:center;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.processing-modal-icon{margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center}.processing-modal-title{font-size:1.375rem;font-weight:600;color:#1f2937;margin:0 0 .75rem;line-height:1.4}.processing-modal-subtitle{font-size:.95rem;color:#6b7280;margin:0 0 1.5rem;line-height:1.5}.processing-modal-progress{margin-bottom:2rem}.progress-bar{width:100%;height:8px;background-color:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:.75rem}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:4px;transition:width .3s ease-out;animation:pulse 2s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.8}to{opacity:1}}.progress-text{font-size:.875rem;font-weight:600;color:#3b82f6}.processing-modal-dots{display:flex;justify-content:center;gap:.5rem;align-items:center}.dot{width:8px;height:8px;background-color:#3b82f6;border-radius:50%;animation:dotPulse 1.5s ease-in-out infinite}.dot:nth-child(1){animation-delay:0s}.dot:nth-child(2){animation-delay:.3s}.dot:nth-child(3){animation-delay:.6s}@keyframes dotPulse{0%,20%,80%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:1}}.processing-modal-overlay:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(59,130,246,.1) 0%,transparent 70%);animation:breathe 3s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.processing-modal-content:hover{transform:translateY(-2px);box-shadow:0 25px 50px -12px #00000040,0 10px 10px -5px #0000000a;transition:all .3s ease}.processing-modal-content.success{border:2px solid #10B981}.processing-modal-content.error{border:2px solid #EF4444}.processing-modal-content.success .processing-modal-icon{color:#10b981}.processing-modal-content.error .processing-modal-icon{color:#ef4444}.extracted-text-box{margin-top:1rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem}.extracted-text-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#1f2937;margin:0 0 .75rem;font-size:.875rem}.extracted-text-content{font-size:.875rem;color:#374151;line-height:1.6;max-height:200px;overflow-y:auto;padding:.75rem;background:#fff;border-radius:.375rem;border:1px solid #e5e7eb;white-space:pre-wrap}.extracted-text-content.handwritten{font-family:Comic Sans MS,cursive,sans-serif;background:#fefce8;border-color:#fde047}.no-text-warning{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#fefce8;border:1px solid #fde047;border-radius:.5rem;color:#92400e}.no-text-warning p{margin:0 0 .5rem}.no-text-warning ul{margin:.5rem 0;padding-left:1rem}.no-text-warning li{margin-bottom:.25rem}.retry-btn{margin-top:.75rem;padding:.5rem 1rem;background:#f59e0b;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-weight:500;transition:background-color .2s}.retry-btn:hover{background:#d97706}.feedback-section{margin-top:1rem;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.1)}.feedback-question{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.75rem}.feedback-form{display:flex;flex-direction:column;gap:.75rem}.feedback-textarea{padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;resize:vertical;min-height:60px}.feedback-actions{display:flex;gap:.5rem;flex-wrap:wrap}.feedback-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.feedback-btn.primary{background:#3b82f6;color:#fff}.feedback-btn.primary:hover{background:#2563eb}.feedback-btn.correct{background:#10b981;color:#fff}.feedback-btn.correct:hover{background:#059669}.feedback-btn.incorrect{background:#ef4444;color:#fff}.feedback-btn.incorrect:hover{background:#dc2626}.feedback-btn.cancel{background:#6b7280;color:#fff}.feedback-btn.cancel:hover{background:#4b5563}.feedback-completed{display:flex;align-items:center;gap:.5rem;color:#059669;font-weight:500;font-size:.875rem}.confidence-badge{background:#dbeafe;color:#1e40af;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500;margin-left:auto}.common-errors{background:#f9fafb;padding:1.5rem;border-radius:.75rem;border:1px solid #e5e7eb}.error-list{display:flex;flex-direction:column;gap:.5rem}.error-stat{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.error-stat:last-child{border-bottom:none}.error-type-name{color:#374151;font-weight:500}.error-count{color:#1f2937;font-weight:600}.training-section{display:flex;flex-direction:column;gap:2rem}.training-info{background:#f9fafb;padding:1.5rem;border-radius:.75rem;border:1px solid #e5e7eb}.training-info h4{margin:0 0 .75rem;color:#1f2937;font-weight:600}.training-info p{color:#6b7280;margin:0 0 1rem}.model-info{display:flex;flex-direction:column;gap:.5rem}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #f3f4f6}.info-row:last-child{border-bottom:none}.training-actions{display:flex;flex-direction:column;align-items:center;gap:1rem}.retrain-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#f59e0b;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .2s}.retrain-btn:hover:not(:disabled){background:#d97706}.retrain-btn:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed}.retrain-warning{color:#f59e0b;font-size:.875rem;text-align:center;margin:0;font-weight:500}.processing-banner{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;background:#dbeafe;border:1px solid #93c5fd;border-radius:.5rem;margin-bottom:1rem;color:#1e40af;font-weight:500}@media (max-width: 768px){.upload-grid{grid-template-columns:1fr}.header-content{flex-direction:column;align-items:flex-start;gap:1rem}.header-right{width:100%;justify-content:space-between}.user-info{flex:1}.tabs-container{flex-wrap:wrap}.stats-grid{grid-template-columns:repeat(2,1fr)}.personal-stats-grid{grid-template-columns:1fr}.processing-modal-content{padding:2rem;margin:1rem;width:calc(100% - 2rem)}.processing-modal-title{font-size:1.25rem}.processing-modal-subtitle{font-size:.875rem}}@media (prefers-color-scheme: dark){.processing-modal-content{background:#1f2937;color:#fff}.processing-modal-title{color:#f9fafb}.processing-modal-subtitle{color:#d1d5db}.progress-bar{background-color:#374151}.ai-disclaimer-banner{margin-bottom:1.5rem;padding:1rem;background:#fff;border-left:4px solid #F59E0B;border-radius:8px;box-shadow:0 2px 4px #0000000d}.ai-disclaimer-content{display:flex;align-items:flex-start;gap:.75rem}.ai-disclaimer-content svg{flex-shrink:0;margin-top:2px}.ai-disclaimer-text{font-size:.9rem;line-height:1.5;color:#78350f;background:#fff}.ai-disclaimer-text strong{color:#c04a00;font-weight:600}@media (max-width: 768px){.ai-disclaimer-banner{padding:.875rem}.ai-disclaimer-text{font-size:.85rem}}}.modal-open{overflow:hidden}:root{--primary-gradient: linear-gradient(135deg, #7c3aed, #3b82f6);--success-gradient: linear-gradient(135deg, #059669, #10b981);--danger-gradient: linear-gradient(135deg, #dc2626, #ef4444);--warning-gradient: linear-gradient(135deg, #d97706, #f59e0b);--info-gradient: linear-gradient(135deg, #0ea5e9, #06b6d4);--background-gradient: linear-gradient(135deg, #7c3aed 0%, #3b82f6 50%, #06b6d4 100%);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1);--border-radius: 1rem;--border-radius-lg: 1.5rem;--transition: all .2s ease;--backdrop-blur: blur(10px);--z-base: 1;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-modal-backdrop: 1000;--z-modal: 1010;--z-confirmation-backdrop: 1050;--z-confirmation: 1060;--z-notification: 9999}.grado-view *{box-sizing:border-box}.grado-view{min-height:100vh;background:var(--background-gradient);padding:1.5rem;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.grado-container{max-width:1200px;margin:0 auto}.notification-toast-container{z-index:999999!important;position:relative!important;top:1rem;right:1rem;max-width:24rem;width:100%;pointer-events:none}.notification-toast{pointer-events:auto;margin-bottom:.5rem;border-radius:.75rem;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);animation:slideInRight .3s ease-out;position:relative;z-index:var(--z-notification)}.confirmation-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);display:flex;align-items:center;justify-content:center;z-index:var(--z-confirmation-backdrop);padding:1rem;animation:fadeIn .2s ease-out}.confirmation-dialog{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:28rem;max-height:90vh;overflow-y:auto;animation:scaleIn .2s ease-out;z-index:var(--z-confirmation);position:relative}.grado-header-card{background:#fffffff2;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);margin-bottom:1.5rem;padding:1.5rem}.grado-header-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.grado-header-left{display:flex;align-items:center;gap:1rem}.grado-header-icon{background:var(--primary-gradient);padding:.75rem;border-radius:.75rem;color:#fff;display:flex;align-items:center;justify-content:center}.grado-header-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.grado-header-subtitle{color:#6b7280;margin:0;font-size:.875rem}.grado-header-actions{display:flex;align-items:center;gap:.75rem}.grado-error-message{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;color:#dc2626;padding:1rem;border-radius:var(--border-radius);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-md);animation:slideInDown .3s ease-out}.grado-error-close{background:none;border:none;color:#dc2626;cursor:pointer;padding:.25rem;border-radius:.25rem;margin-left:auto;transition:var(--transition);opacity:.7}.grado-error-close:hover{background:#dc26261a;opacity:1}.grado-filters-card{background:#fffffff2;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);margin-bottom:1.5rem;padding:1.5rem}.grado-filters-content{display:flex;flex-direction:column;gap:1rem}@media (min-width: 1024px){.grado-filters-content{flex-direction:row;align-items:center}}.grado-search-container{flex:1;position:relative}.grado-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;z-index:10}.grado-search-input{width:100%;padding:.5rem 1rem .5rem 2.5rem;border:1px solid #d1d5db;border-radius:.5rem;transition:var(--transition);font-size:.875rem;background:#fff;font-family:inherit}.grado-search-input:focus{outline:none;box-shadow:0 0 0 2px #7c3aed;border-color:transparent}.grado-filter-controls{display:flex;align-items:center;gap:.5rem}.grado-filter-icon{color:#9ca3af}.grado-filter-select{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;transition:var(--transition);font-size:.875rem}.grado-filter-select:focus{outline:none;box-shadow:0 0 0 2px #7c3aed;border-color:transparent}.grado-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:var(--transition);text-decoration:none;position:relative;overflow:hidden;font-size:.875rem}.grado-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.grado-btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:var(--shadow-md)}.grado-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#2563eb);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.grado-btn-success{background:var(--success-gradient);color:#fff;box-shadow:var(--shadow-md)}.grado-btn-success:hover:not(:disabled){background:linear-gradient(135deg,#047857,#059669);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.grado-btn-danger{background:var(--danger-gradient);color:#fff;box-shadow:var(--shadow-md)}.grado-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#dc2626);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.grado-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.grado-btn-secondary:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px)}.grado-btn-cancel{background:#fff;color:#6b7280;border:1px solid #d1d5db}.grado-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.grado-table-card{background:#fffffff2;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.grado-table-container{overflow-x:visible}.grado-table{width:100%;border-collapse:collapse}@media (min-width: 769px){.grado-table-header{display:table-header-group}.grado-table-body{display:table-row-group}.grado-table-row{display:table-row}.grado-th,.grado-td{display:table-cell}}.grado-table-header{background:var(--primary-gradient);color:#fff}.grado-th{padding:1rem 1.5rem;text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.grado-th-center{text-align:center}.grado-table-body{background:#fff}.grado-table-row{border-bottom:1px solid #e5e7eb;transition:var(--transition)}.grado-table-row:hover{background:#f9fafb}.grado-td{padding:1rem 1.5rem;color:#374151;vertical-align:middle}.grado-td-center{text-align:center}.grado-td-name{font-weight:600;color:#1f2937}.grado-td-description{color:#6b7280;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.grado-table-header{display:none}.grado-table-body{display:flex;flex-direction:column;gap:1rem}.grado-table-row{display:block;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;box-shadow:0 2px 4px #0000000d;transition:all .2s ease;animation:slideInUp .3s ease-out}.grado-table-row:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.grado-td{display:flex;flex-direction:column;padding:.5rem 0;border:none;text-align:left!important;border-bottom:1px solid #f3f4f6}.grado-td:last-child{border-bottom:none}.grado-td:before{content:attr(data-label);font-weight:600;font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.grado-td[data-label=Grado]{font-size:1.125rem;font-weight:700;color:#1f2937;padding-bottom:.75rem;border-bottom:2px solid #7c3aed;margin-bottom:.75rem}.grado-td[data-label=Grado]:before{content:"";display:none}.grado-actions{display:flex!important;flex-direction:row!important;gap:.5rem;flex-wrap:wrap;justify-content:flex-start}.grado-action-btn{padding:.625rem;flex:0 0 auto;min-width:44px;min-height:44px}.grado-td[data-label=Descripción]{max-width:100%}.grado-td-description{max-width:100%;white-space:normal;overflow:visible;text-overflow:clip}}@media (max-width: 480px){.grado-table-row{padding:.875rem}.grado-td{padding:.375rem 0;font-size:.875rem}.grado-td:before{font-size:.7rem}.grado-td[data-label=Grado]{font-size:1rem;padding-bottom:.5rem;margin-bottom:.5rem}.grado-actions{gap:.375rem}.grado-action-btn{padding:.5rem}.grado-action-btn svg{width:14px;height:14px}.grado-status-badge,.grado-count-badge{font-size:.7rem;padding:.2rem .5rem}.grado-count-badge svg{width:12px;height:12px}}.grado-loading{padding:3rem 1.5rem;text-align:center}.grado-loading-content{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#7c3aed}.grado-loading-icon{color:#7c3aed}.grado-empty{padding:3rem 1.5rem;text-align:center;color:#6b7280}.grado-count-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.375rem;font-size:.875rem;font-weight:600}.grado-count-users{background:#dbeafe;color:#1d4ed8}.grado-count-sections{background:#d1fae5;color:#047857}.grado-status-badge{display:inline-flex;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.grado-status-active{background:#d1fae5;color:#047857}.grado-status-inactive{background:#fee2e2;color:#dc2626}.grado-date-container{display:flex;align-items:center;justify-content:center;gap:.25rem;color:#6b7280;font-size:.875rem}.grado-actions{display:flex;align-items:center;justify-content:center;gap:.5rem}.grado-action-btn{padding:.5rem;border:none;border-radius:.5rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.grado-action-view{background:#dbeafe;color:#1d4ed8}.grado-action-view:hover{background:#bfdbfe;transform:scale(1.05)}.grado-action-edit{background:#d1fae5;color:#047857}.grado-action-edit:hover{background:#a7f3d0;transform:scale(1.05)}.grado-action-delete{background:#fee2e2;color:#dc2626}.grado-action-delete:hover{background:#fecaca;transform:scale(1.05)}.grado-action-restore{background:#e9d5ff;color:#7c3aed}.grado-action-restore:hover{background:#d8b4fe;transform:scale(1.05)}.grado-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:1rem;animation:fadeIn .2s ease-out}.grado-modal{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);width:100%;max-height:90vh;overflow-y:auto;animation:slideInUp .3s cubic-bezier(.16,1,.3,1);z-index:var(--z-modal);position:relative;transform-origin:center center}.grado-modal-create,.grado-modal-edit,.grado-modal-delete{max-width:28rem}.grado-modal-details{max-width:42rem}.grado-modal-stats{max-width:56rem}.grado-modal-header{padding:1.5rem;border-top-left-radius:var(--border-radius-lg);border-top-right-radius:var(--border-radius-lg);color:#fff}.grado-modal-header-create{background:var(--primary-gradient)}.grado-modal-header-edit{background:var(--success-gradient)}.grado-modal-header-delete{background:var(--danger-gradient)}.grado-modal-header-details{background:var(--info-gradient)}.grado-modal-header-stats{background:linear-gradient(135deg,#059669,#14b8a6)}.grado-modal-title{display:flex;align-items:center;justify-content:space-between}.grado-modal-title-text{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;margin:0}.grado-modal-close{padding:.5rem;background:#fff3;border:none;border-radius:.5rem;color:#fff;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.grado-modal-close:hover{background:#ffffff4d;transform:scale(1.05)}.grado-modal-body{padding:1.5rem}.grado-modal-actions{display:flex;gap:.75rem;margin-top:1.5rem}.grado-modal-actions .grado-btn{flex:1}.grado-form{display:flex;flex-direction:column;gap:1rem}.grado-form-group{display:flex;flex-direction:column}.grado-form-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.grado-form-label.required:after{content:" *";color:#dc2626;font-weight:700}.grado-form-input,.grado-form-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;transition:var(--transition);font-size:.875rem;background:#fff;font-family:inherit}.grado-form-input:focus,.grado-form-textarea:focus{outline:none;box-shadow:0 0 0 2px #7c3aed;border-color:transparent}.grado-form-textarea{resize:vertical;min-height:4rem}.grado-form-checkbox{display:flex;align-items:center;gap:.75rem}.grado-checkbox{width:1rem;height:1rem;color:#7c3aed;border:1px solid #d1d5db;border-radius:.25rem}.grado-checkbox-label{font-size:.875rem;font-weight:600;color:#374151}.grado-confirmation{text-align:center}.grado-confirmation-icon{margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:#fee2e2}.grado-confirmation-icon-svg{width:1.5rem;height:1.5rem;color:#dc2626}.grado-confirmation-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.grado-confirmation-text{color:#6b7280;margin:0 0 1.5rem;line-height:1.5}.grado-details-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.grado-details-grid{grid-template-columns:1fr 1fr}}.grado-details-section-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.grado-details-content{display:flex;flex-direction:column;gap:.75rem}.grado-detail-item{display:flex;flex-direction:column;gap:.25rem}.grado-detail-label{font-size:.875rem;font-weight:500;color:#6b7280}.grado-detail-value{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.grado-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.grado-stat-card{padding:1rem;border-radius:.5rem;text-align:center;border:1px solid;transition:var(--transition)}.grado-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.grado-stat-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd}.grado-stat-green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7}.grado-stat-purple{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);border-color:#c084fc}.grado-stat-orange{background:linear-gradient(135deg,#fed7aa,#fdba74);border-color:#fb923c}.grado-stat-number{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.grado-stat-label{font-size:.75rem;color:#374151;font-weight:500}.grado-general-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.grado-general-stat-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd}.grado-general-stat-green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7}.grado-general-stat-red{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#f87171}.grado-general-stat-content{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-radius:.75rem;border:1px solid}.grado-general-stat-number{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.grado-general-stat-label{color:#374151;font-weight:600}.grado-general-stat-icon{background:#fffc;padding:.75rem;border-radius:50%;color:#374151;transition:var(--transition);display:flex;align-items:center;justify-content:center}.grado-general-stat-card:hover .grado-general-stat-icon{transform:scale(1.1)}.grado-summary-section{background:#f9fafb;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #e5e7eb}.grado-summary-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.grado-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.grado-summary-item{background:#fff;padding:1rem;border-radius:.5rem;border:1px solid #e5e7eb;display:flex;align-items:center;gap:.75rem}.grado-summary-icon{background:#dbeafe;padding:.5rem;border-radius:50%;color:#1d4ed8;flex-shrink:0;display:flex;align-items:center;justify-content:center}.grado-summary-label{font-size:.875rem;color:#6b7280;margin:0}.grado-summary-value{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0}.grado-summary-table{background:#f9fafb;border-radius:.75rem;padding:1.5rem;border:1px solid #e5e7eb}.grado-summary-container{overflow-x:auto}.grado-summary-table-element{width:100%;border-collapse:collapse}.grado-summary-th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.grado-summary-th-center{text-align:center}.grado-summary-row{border-bottom:1px solid #e5e7eb;transition:var(--transition)}.grado-summary-row:hover{background:#fff}.grado-summary-td{padding:.75rem 1rem;color:#374151}.grado-summary-td-center{text-align:center}.grado-summary-badge{display:inline-block;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600}.grado-summary-badge-blue{background:#dbeafe;color:#1d4ed8}.grado-summary-badge-green{background:#d1fae5;color:#047857}.grado-warning-info{background:#fef3c7;border:1px solid #facc15;border-radius:.5rem;padding:.75rem;margin:1rem 0}.grado-warning-content{display:flex;align-items:flex-start;gap:.5rem;color:#d97706}.grado-warning-title{font-size:.875rem;font-weight:600;margin:0 0 .25rem}.grado-warning-list{margin:0;padding-left:1rem;font-size:.75rem;line-height:1.4}.grado-spin{animation:grado-spin 1s linear infinite}@keyframes grado-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.grado-view{padding-top:calc(0rem + 20px)!important}.grado-header-card{padding:1rem}.grado-header-content{flex-direction:column;align-items:flex-start}.grado-header-left{width:100%}.grado-header-actions{width:100%;justify-content:flex-start}.grado-hide-mobile{display:none}.grado-filters-card{padding:1rem}.grado-stats-grid,.grado-details-grid,.grado-general-stats-grid,.grado-summary-grid{grid-template-columns:1fr}.grado-modal{margin:0;max-width:100%;max-height:100vh;border-radius:0}.grado-modal-header{border-radius:0}.grado-modal-body{padding:1rem;max-height:calc(100vh - 80px);overflow-y:auto}.grado-modal-actions{flex-direction:column}.grado-modal-actions .grado-btn{width:100%}.notification-toast-container{top:.5rem;right:.5rem;left:.5rem;max-width:none;z-index:var(--z-notification)}.notification-toast{z-index:var(--z-notification);position:relative}.notification-toast-content{padding:.75rem}.notification-title,.notification-message{font-size:.8125rem}.confirmation-overlay{padding:.5rem}.confirmation-dialog{max-width:calc(100vw - 1rem)}.confirmation-content{padding:1rem}.confirmation-actions{flex-direction:column;gap:.5rem}.confirmation-btn{width:100%}.grado-loading,.grado-empty{padding:2rem 1rem}.grado-loading-content{flex-direction:column;gap:.75rem}}@media (max-width: 480px){.grado-header-title{font-size:1.25rem}.grado-header-icon{padding:.5rem}.grado-btn{padding:.5rem .75rem;font-size:.875rem}.grado-modal-header,.grado-modal-body{padding:1rem}.grado-form-input,.grado-form-textarea{padding:.5rem}.grado-general-stat-number{font-size:1.5rem}.grado-stat-number{font-size:1.25rem}.notification-toast-container{top:.25rem;right:.25rem;left:.25rem}.notification-toast-content{padding:.625rem}.notification-title,.notification-message{font-size:.75rem}}.grado-hidden{display:none}.grado-block{display:block}.grado-flex{display:flex}.grado-grid{display:grid}.grado-text-center{text-align:center}.grado-text-left{text-align:left}.grado-text-right{text-align:right}.grado-font-normal{font-weight:400}.grado-font-medium{font-weight:500}.grado-font-semibold{font-weight:600}.grado-font-bold{font-weight:700}.grado-disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.grado-btn:focus,.grado-action-btn:focus,.grado-search-input:focus,.grado-filter-select:focus,.grado-form-input:focus,.grado-form-textarea:focus{outline:2px solid #7c3aed;outline-offset:2px}@media print{.grado-view{background:#fff;padding:0}.grado-header-card,.grado-filters-card,.grado-table-card{background:#fff;box-shadow:none;border:1px solid #e5e7eb}.grado-btn,.grado-action-btn,.notification-toast-container,.confirmation-overlay{display:none}.grado-table-header{background:#f3f4f6!important;color:#1f2937!important}}:root{--primary-gradient: linear-gradient(135deg, #7c3aed, #3b82f6);--success-gradient: linear-gradient(135deg, #059669, #10b981);--danger-gradient: linear-gradient(135deg, #dc2626, #ef4444);--warning-gradient: linear-gradient(135deg, #d97706, #f59e0b);--info-gradient: linear-gradient(135deg, #0ea5e9, #06b6d4);--rol-gradient: linear-gradient(135deg, #8b5cf6, #6366f1);--background-gradient: linear-gradient(135deg, #7c3aed 0%, #3b82f6 50%, #06b6d4 100%);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1);--border-radius: 1rem;--border-radius-lg: 1.5rem;--transition: all .2s ease;--backdrop-blur: blur(10px);--z-notification: 1000;--z-modal: 50;--z-confirmation: 90}.rol-view *{box-sizing:border-box}.rol-view{min-height:100vh;background:var(--background-gradient);padding:1.5rem;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.rol-container{max-width:1200px;margin:0 auto}.rol-header-card{background:#fffffff2;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);margin-bottom:1.5rem;padding:1.5rem}.rol-header-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.rol-header-left{display:flex;align-items:center;gap:1rem}.rol-header-icon{background:var(--rol-gradient);padding:.75rem;border-radius:.75rem;color:#fff;display:flex;align-items:center;justify-content:center}.rol-header-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.rol-header-subtitle{color:#6b7280;margin:0;font-size:.875rem}.rol-header-actions{display:flex;align-items:center;gap:.75rem}.rol-error-message{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;color:#dc2626;padding:1rem;border-radius:var(--border-radius);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-md);animation:slideInDown .3s ease-out}.rol-error-close{background:none;border:none;color:#dc2626;cursor:pointer;padding:.25rem;border-radius:.25rem;margin-left:auto;transition:var(--transition);opacity:.7}.rol-error-close:hover{background:#dc26261a;opacity:1}.rol-filters-card{background:#fffffff2;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);margin-bottom:1.5rem;padding:1.5rem}.rol-filters-content{display:flex;flex-direction:column;gap:1rem}@media (min-width: 1024px){.rol-filters-content{flex-direction:row;align-items:center}}.rol-search-container{flex:1;position:relative}.rol-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;z-index:10}.rol-search-input{width:100%;padding:.5rem 1rem .5rem 2.5rem;border:1px solid #d1d5db;border-radius:.5rem;transition:var(--transition);font-size:.875rem;background:#fff;font-family:inherit}.rol-search-input:focus{outline:none;box-shadow:0 0 0 2px #8b5cf6;border-color:transparent}.rol-filter-controls{display:flex;align-items:center;gap:.5rem}.rol-filter-icon{color:#9ca3af}.rol-filter-select{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;transition:var(--transition);font-size:.875rem;font-family:inherit}.rol-filter-select:focus{outline:none;box-shadow:0 0 0 2px #8b5cf6;border-color:transparent}.rol-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:var(--transition);text-decoration:none;position:relative;overflow:hidden;font-size:.875rem}.rol-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.rol-btn-primary{background:var(--rol-gradient);color:#fff;box-shadow:var(--shadow-md)}.rol-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#5b21b6);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.rol-btn-success{background:var(--success-gradient);color:#fff;box-shadow:var(--shadow-md)}.rol-btn-success:hover:not(:disabled){background:linear-gradient(135deg,#047857,#059669);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.rol-btn-danger{background:var(--danger-gradient);color:#fff;box-shadow:var(--shadow-md)}.rol-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#dc2626);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.rol-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.rol-btn-secondary:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px)}.rol-btn-cancel{background:#fff;color:#6b7280;border:1px solid #d1d5db}.rol-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.rol-table-card{background:#fffffff2;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.rol-table-container{overflow-x:visible}.rol-table{width:100%;border-collapse:collapse}@media (min-width: 769px){.rol-table-header{display:table-header-group}.rol-table-body{display:table-row-group}.rol-table-row{display:table-row}.rol-th,.rol-td{display:table-cell}}.rol-table-header{background:var(--rol-gradient);color:#fff}.rol-th{padding:1rem 1.5rem;text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.rol-th-center{text-align:center}.rol-table-body{background:#fff}.rol-table-row{border-bottom:1px solid #e5e7eb;transition:var(--transition)}.rol-table-row:hover{background:#f9fafb}.rol-td{padding:1rem 1.5rem;color:#374151;vertical-align:middle}.rol-td-center{text-align:center}.rol-td-name{font-weight:600;color:#1f2937}.rol-td-description{color:#6b7280;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.rol-table-header{display:none}.rol-table-body{display:flex;flex-direction:column;gap:1rem}.rol-table-row{display:block;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;box-shadow:0 2px 4px #0000000d;transition:all .2s ease;animation:slideInUp .3s ease-out}.rol-table-row:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.rol-td{display:flex;flex-direction:column;padding:.5rem 0;border:none;text-align:left!important;border-bottom:1px solid #f3f4f6}.rol-td:last-child{border-bottom:none}.rol-td:before{content:attr(data-label);font-weight:600;font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.rol-td[data-label="Nombre del Rol"]{font-size:1.125rem;font-weight:700;color:#1f2937;padding-bottom:.75rem;border-bottom:2px solid #8b5cf6;margin-bottom:.75rem}.rol-td[data-label="Nombre del Rol"]:before{content:"";display:none}.rol-actions{display:flex!important;flex-direction:row!important;gap:.5rem;flex-wrap:wrap;justify-content:flex-start}.rol-action-btn{padding:.625rem;flex:0 0 auto;min-width:44px;min-height:44px}.rol-td[data-label=Descripción]{max-width:100%}.rol-td-description{max-width:100%;white-space:normal;overflow:visible;text-overflow:clip}}@media (max-width: 480px){.rol-table-row{padding:.875rem}.rol-td{padding:.375rem 0;font-size:.875rem}.rol-td:before{font-size:.7rem}.rol-td[data-label="Nombre del Rol"]{font-size:1rem;padding-bottom:.5rem;margin-bottom:.5rem}.rol-actions{gap:.375rem}.rol-action-btn{padding:.5rem}.rol-action-btn svg{width:14px;height:14px}.rol-status-badge,.rol-count-badge{font-size:.7rem;padding:.2rem .5rem}.rol-count-badge svg{width:12px;height:12px}}.rol-loading{padding:3rem 1.5rem;text-align:center}.rol-loading-content{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#8b5cf6}.rol-loading-icon{color:#8b5cf6}.rol-empty{padding:3rem 1.5rem;text-align:center;color:#6b7280}.rol-count-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.375rem;font-size:.875rem;font-weight:600}.rol-count-users{background:#e0e7ff;color:#6366f1}.rol-status-badge{display:inline-flex;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.rol-status-active{background:#d1fae5;color:#047857}.rol-status-inactive{background:#fee2e2;color:#dc2626}.rol-date-container{display:flex;align-items:center;justify-content:center;gap:.25rem;color:#6b7280;font-size:.875rem}.rol-actions{display:flex;align-items:center;justify-content:center;gap:.5rem}.rol-action-btn{padding:.5rem;border:none;border-radius:.5rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.rol-action-view{background:#dbeafe;color:#1d4ed8}.rol-action-view:hover{background:#bfdbfe;transform:scale(1.05)}.rol-action-edit{background:#d1fae5;color:#047857}.rol-action-edit:hover{background:#a7f3d0;transform:scale(1.05)}.rol-action-delete{background:#fee2e2;color:#dc2626}.rol-action-delete:hover{background:#fecaca;transform:scale(1.05)}.rol-action-restore{background:#e9d5ff;color:#7c3aed}.rol-action-restore:hover{background:#d8b4fe;transform:scale(1.05)}.rol-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:1rem;animation:fadeIn .2s ease-out}.rol-modal{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);width:100%;max-height:90vh;overflow-y:auto;animation:scaleIn .2s ease-out}.rol-modal-create,.rol-modal-edit,.rol-modal-delete{max-width:28rem}.rol-modal-details{max-width:42rem}.rol-modal-stats{max-width:56rem}.rol-modal-header{padding:1.5rem;border-top-left-radius:var(--border-radius-lg);border-top-right-radius:var(--border-radius-lg);color:#fff}.rol-modal-header-create{background:var(--rol-gradient)}.rol-modal-header-edit{background:var(--success-gradient)}.rol-modal-header-delete{background:var(--danger-gradient)}.rol-modal-header-details{background:var(--info-gradient)}.rol-modal-header-stats{background:linear-gradient(135deg,#059669,#14b8a6)}.rol-modal-title{display:flex;align-items:center;justify-content:space-between}.rol-modal-title-text{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;margin:0}.rol-modal-close{padding:.5rem;background:#fff3;border:none;border-radius:.5rem;color:#fff;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.rol-modal-close:hover{background:#ffffff4d;transform:scale(1.05)}.rol-modal-body{padding:1.5rem}.rol-modal-actions{display:flex;gap:.75rem;margin-top:1.5rem}.rol-modal-actions .rol-btn{flex:1}.rol-form{display:flex;flex-direction:column;gap:1rem}.rol-form-group{display:flex;flex-direction:column}.rol-form-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.rol-form-label.required:after{content:" *";color:#dc2626;font-weight:700}.rol-form-input,.rol-form-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;transition:var(--transition);font-size:.875rem;background:#fff;font-family:inherit}.rol-form-input:focus,.rol-form-textarea:focus{outline:none;box-shadow:0 0 0 2px #8b5cf6;border-color:transparent}.rol-form-textarea{resize:vertical;min-height:4rem}.rol-form-checkbox{display:flex;align-items:center;gap:.75rem}.rol-checkbox{width:1rem;height:1rem;color:#8b5cf6;border:1px solid #d1d5db;border-radius:.25rem}.rol-checkbox-label{font-size:.875rem;font-weight:600;color:#374151}.rol-confirmation{text-align:center}.rol-confirmation-iconReintentarFA{margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:#fee2e2}.rol-confirmation-icon-svg{width:1.5rem;height:1.5rem;color:#dc2626}.rol-confirmation-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.rol-confirmation-text{color:#6b7280;margin:0 0 1.5rem;line-height:1.5}.rol-details-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.rol-details-grid{grid-template-columns:1fr 1fr}}.rol-details-section-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.rol-details-content{display:flex;flex-direction:column;gap:.75rem}.rol-detail-item{display:flex;flex-direction:column;gap:.25rem}.rol-detail-label{font-size:.875rem;font-weight:500;color:#6b7280}.rol-detail-value{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.rol-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.rol-stat-card{padding:1rem;border-radius:.5rem;text-align:center;border:1px solid;transition:var(--transition)}.rol-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.rol-stat-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd}.rol-stat-green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7}.rol-stat-purple{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);border-color:#c084fc}.rol-stat-orange{background:linear-gradient(135deg,#fed7aa,#fdba74);border-color:#fb923c}.rol-stat-number{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.rol-stat-label{font-size:.75rem;color:#374151;font-weight:500}.rol-general-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.rol-general-stat-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd}.rol-general-stat-green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7}.rol-general-stat-red{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#f87171}.rol-general-stat-content{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-radius:.75rem;border:1px solid}.rol-general-stat-number{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.rol-general-stat-label{color:#374151;font-weight:600}.rol-general-stat-icon{background:#fffc;padding:.75rem;border-radius:50%;color:#374151;transition:var(--transition);display:flex;align-items:center;justify-content:center}.rol-general-stat-card:hover .rol-general-stat-icon{transform:scale(1.1)}.rol-users-list{margin-top:1rem}.rol-users-title{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem}.rol-users-container{display:flex;flex-direction:column;gap:.5rem}.rol-user-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#f9fafb;border-radius:.375rem;border:1px solid #e5e7eb}.rol-user-name{flex:1;font-size:.875rem;color:#374151}.rol-user-status{font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.rol-user-status.active{background:#d1fae5;color:#047857}.rol-user-status.inactive{background:#fee2e2;color:#dc2626}.rol-user-more{text-align:center;font-size:.875rem;color:#6b7280;font-style:italic;padding:.5rem}.rol-summary-section{background:#f9fafb;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #e5e7eb}.rol-summary-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.rol-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.rol-summary-item{background:#fff;padding:1rem;border-radius:.5rem;border:1px solid #e5e7eb;display:flex;align-items:center;gap:.75rem}.rol-summary-icon{background:#e0e7ff;padding:.5rem;border-radius:50%;color:#6366f1;flex-shrink:0;display:flex;align-items:center;justify-content:center}.rol-summary-label{font-size:.875rem;color:#6b7280;margin:0}.rol-summary-value{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0}.rol-summary-table{background:#f9fafb;border-radius:.75rem;padding:1.5rem;border:1px solid #e5e7eb}.rol-summary-container{overflow-x:auto}.rol-summary-table-element{width:100%;border-collapse:collapse}.rol-summary-th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.rol-summary-th-center{text-align:center}.rol-summary-row{border-bottom:1px solid #e5e7eb;transition:var(--transition)}.rol-summary-row:hover{background:#fff}.rol-summary-td{padding:.75rem 1rem;color:#374151}.rol-summary-td-center{text-align:center}.rol-summary-badge{display:inline-block;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600}.rol-summary-badge-blue{background:#dbeafe;color:#1d4ed8}.rol-summary-badge-green{background:#d1fae5;color:#047857}.rol-warning-info{background:#fef3c7;border:1px solid #facc15;border-radius:.5rem;padding:.75rem;margin:1rem 0}.rol-warning-content{display:flex;align-items:flex-start;gap:.5rem;color:#d97706}.rol-warning-title{font-size:.875rem;font-weight:600;margin:0 0 .25rem}.rol-warning-list{margin:0;padding-left:1rem;font-size:.75rem;line-height:1.4}.rol-spin{animation:rol-spin 1s linear infinite}@keyframes rol-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.rol-view,.rol-header-card{padding:1rem}.rol-header-content{flex-direction:column;align-items:flex-start}.rol-header-left{width:100%}.rol-header-actions{width:100%;justify-content:flex-start}.rol-hide-mobile{display:none}.rol-filters-card{padding:1rem}.rol-stats-grid,.rol-details-grid,.rol-general-stats-grid,.rol-summary-grid{grid-template-columns:1fr}.rol-modal{margin:0;max-width:100%;max-height:100vh;border-radius:0}.rol-modal-header{border-radius:0}.rol-modal-body{padding:1rem;max-height:calc(100vh - 80px);overflow-y:auto}.rol-modal-actions{flex-direction:column}.rol-modal-actions .rol-btn{width:100%}.notification-toast-container{top:.5rem;right:.5rem;left:.5rem;max-width:none}.notification-toast-content{padding:.75rem}.notification-title,.notification-message{font-size:.8125rem}.confirmation-overlay{padding:.5rem}.confirmation-dialog{max-width:calc(100vw - 1rem)}.confirmation-content{padding:1rem}.confirmation-actions{flex-direction:column;gap:.5rem}.confirmation-btn{width:100%}.rol-loading,.rol-empty{padding:2rem 1rem}.rol-loading-content{flex-direction:column;gap:.75rem}}@media (max-width: 480px){.rol-header-title{font-size:1.25rem}.rol-header-icon{padding:.5rem}.rol-btn{padding:.5rem .75rem;font-size:.875rem}.rol-modal-header,.rol-modal-body{padding:1rem}.rol-form-input,.rol-form-textarea{padding:.5rem}.rol-general-stat-number{font-size:1.5rem}.rol-stat-number{font-size:1.25rem}}.rol-hidden{display:none}.rol-block{display:block}.rol-flex{display:flex}.rol-grid{display:grid}.rol-text-center{text-align:center}.rol-text-left{text-align:left}.rol-text-right{text-align:right}.rol-font-normal{font-weight:400}.rol-font-medium{font-weight:500}.rol-font-semibold{font-weight:600}.rol-font-bold{font-weight:700}.rol-disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.rol-btn:focus,.rol-action-btn:focus,.rol-search-input:focus,.rol-filter-select:focus,.rol-form-input:focus,.rol-form-textarea:focus{outline:2px solid #8b5cf6;outline-offset:2px}@media print{.rol-view{background:#fff;padding:0}.rol-header-card,.rol-filters-card,.rol-table-card{background:#fff;box-shadow:none;border:1px solid #e5e7eb}.rol-btn,.rol-action-btn,.notification-toast-container,.confirmation-overlay{display:none}.rol-table-header{background:#f3f4f6!important;color:#1f2937!important}}:root{--primary-gradient: linear-gradient(135deg, #7c3aed, #3b82f6);--success-gradient: linear-gradient(135deg, #059669, #10b981);--danger-gradient: linear-gradient(135deg, #dc2626, #ef4444);--warning-gradient: linear-gradient(135deg, #d97706, #f59e0b);--info-gradient: linear-gradient(135deg, #0ea5e9, #06b6d4);--persona-gradient: linear-gradient(135deg, #ec4899, #f97316);--background-gradient: linear-gradient(135deg, #7c3aed 0%, #3b82f6 50%, #06b6d4 100%);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1);--border-radius: 1rem;--border-radius-lg: 1.5rem;--transition: all .2s ease;--backdrop-blur: blur(10px);--z-notification: 1000;--z-modal: 50;--z-confirmation: 90}.persona-count-users-yes{background:#d1fae5;color:#047857;padding:.35rem .6rem;border-radius:6px;display:inline-flex;align-items:center;gap:.25rem;font-weight:600}.persona-count-users-no{background:#fee2e2;color:#dc2626;padding:.35rem .6rem;border-radius:6px;display:inline-flex;align-items:center;gap:.25rem;font-weight:600}.persona-count-users-inactive{background:#dbeafe;color:#1d4ed8;padding:.35rem .6rem;border-radius:6px;display:inline-flex;align-items:center;gap:.25rem;font-weight:600}.persona-header-icon{background:var(--persona-gradient);padding:.75rem;border-radius:.75rem;color:#fff;display:flex;align-items:center;justify-content:center}.persona-search-input:focus{outline:none;box-shadow:0 0 0 2px #ec4899;border-color:transparent}.persona-filter-select:focus{outline:none;box-shadow:0 0 0 2px #ec4899;border-color:transparent}.persona-btn-primary{background:var(--persona-gradient);color:#fff;box-shadow:var(--shadow-md)}.persona-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#db2777,#ea580c);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.persona-table-header{background:var(--persona-gradient);color:#fff}.persona-name-icon{color:#ec4899;flex-shrink:0}.persona-seccion-badge{display:inline-flex;align-items:center;gap:.25rem;background:#d1fae5;color:#047857;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600}.persona-loading-content{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#ec4899}.persona-loading-icon{color:#ec4899}.persona-count-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.375rem;font-size:.875rem;font-weight:600}.persona-count-users-yes{background:#d1fae5;color:#047857}.persona-count-users-no{background:#fee2e2;color:#dc2626}.persona-modal-create,.persona-modal-edit,.persona-modal-delete{max-width:42rem}.persona-modal-header-create{background:var(--persona-gradient)}.persona-form-input:focus,.persona-form-select:focus,.persona-form-textarea:focus{outline:none;box-shadow:0 0 0 2px #ec4899;border-color:transparent}.persona-checkbox{width:1rem;height:1rem;color:#ec4899;border:1px solid #d1d5db;border-radius:.25rem}.persona-form-section{margin-bottom:1.5rem}.persona-form-section-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#111827;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}.persona-form-divider{height:2px;background:linear-gradient(to right,transparent,#e5e7eb,transparent);margin:1.5rem 0}.persona-user-question{background-color:#f9fafb;padding:1rem;border-radius:.5rem;margin-bottom:1rem}.persona-user-question .persona-form-label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.75rem;display:block}.persona-user-options{display:flex;gap:.75rem}.persona-user-option{flex:1;padding:.75rem 1rem;border:2px solid #d1d5db;border-radius:.5rem;background-color:#fff;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.375rem}.persona-user-option:hover{border-color:#9ca3af;background-color:#f9fafb}.persona-user-option.active{border-color:#10b981;background-color:#d1fae5;color:#065f46}.persona-user-option.active:hover{border-color:#059669;background-color:#a7f3d0}.persona-user-form{border:2px solid #ffffff;border-radius:.5rem;padding:1.25rem;background-color:#fff;margin-top:1rem;animation:slideInDown .3s ease-out}.persona-user-form-header{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#000;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #ffffff}.persona-input-with-icon{position:relative;display:flex;align-items:center}.persona-input-icon{position:absolute;left:.75rem;color:#9ca3af;pointer-events:none;z-index:1}.persona-form-input-icon{padding-left:2.5rem}.persona-form-input-password{padding-right:2.5rem}.persona-password-toggle{position:absolute;right:.75rem;background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s;z-index:1}.persona-password-toggle:hover{color:#374151}.persona-password-toggle:focus{outline:none;color:#1f2937}.persona-user-info{display:flex;gap:.5rem;align-items:flex-start;background-color:#dbeafe;padding:.75rem;border-radius:.375rem;margin-top:1rem}.persona-user-info svg{color:#1e40af;flex-shrink:0;margin-top:.125rem}.persona-user-info p{margin:0;font-size:.75rem;color:#1e40af;line-height:1.5}.persona-detail-user-info{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem;background-color:#f0f9ff;border-radius:.5rem;border:1px solid #bae6fd}.persona-detail-user-icon{color:#0369a1;margin-top:.125rem}.persona-detail-user-name{font-weight:600;color:#0c4a6e;margin:0 0 .25rem}.persona-detail-user-email{font-size:.75rem;color:#64748b;margin:0 0 .125rem}.persona-detail-user-rol{font-size:.6875rem;color:#94a3b8;margin:0;font-style:italic}.persona-users-list{margin-top:1rem}.persona-users-title{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem}.persona-users-container{display:flex;flex-direction:column;gap:.5rem}.persona-user-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#f9fafb;border-radius:.375rem;border:1px solid #e5e7eb}.persona-user-name{flex:1;font-size:.875rem;color:#374151}.persona-user-status{font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.persona-user-status.active{background:#d1fae5;color:#047857}.persona-user-status.inactive{background:#fee2e2;color:#dc2626}.persona-user-more{text-align:center;font-size:.875rem;color:#6b7280;font-style:italic;padding:.5rem}.persona-general-stat-purple{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);border-color:#c084fc}.persona-general-stat-orange{background:linear-gradient(135deg,#fed7aa,#fdba74);border-color:#fb923c}.persona-general-stat-card:hover .persona-general-stat-icon{transform:scale(1.1)}.persona-summary-icon{background:#fce7f3;padding:.5rem;border-radius:50%;color:#ec4899;flex-shrink:0;display:flex;align-items:center;justify-content:center}@keyframes slideInDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.persona-view{padding:1rem}.persona-header-content{flex-direction:column;align-items:flex-start}.persona-header-actions{width:100%;justify-content:space-between;flex-wrap:wrap}.persona-form-row,.persona-details-grid,.persona-general-stats-grid,.persona-summary-grid{grid-template-columns:1fr}.persona-distribution-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.persona-modal{margin:.5rem;max-width:calc(100vw - 1rem)}.persona-table-container{overflow-x:scroll}.persona-th,.persona-td{padding:.5rem;font-size:.875rem}.persona-actions{flex-direction:column;gap:.25rem}.persona-action-btn{padding:.375rem}.notification-toast-container{top:.5rem;right:.5rem;left:.5rem;max-width:none}.confirmation-overlay{padding:.5rem}.confirmation-dialog{max-width:calc(100vw - 1rem)}.confirmation-content{padding:1rem}.confirmation-actions{flex-direction:column;gap:.5rem}.confirmation-btn{width:100%}.persona-modal-actions{flex-direction:column}.persona-name-container{flex-direction:column;align-items:flex-start;gap:.25rem}.persona-phone-container{justify-content:flex-start}.persona-user-options{flex-direction:column}.persona-user-option{width:100%}.persona-user-form{padding:1rem}.persona-form-section-title{font-size:.875rem}}@media (max-width: 480px){.persona-header-title{font-size:1.25rem}.persona-btn{padding:.5rem .75rem;font-size:.875rem}.persona-modal-header,.persona-modal-body{padding:1rem}.persona-form-input,.persona-form-select,.persona-form-textarea{padding:.5rem}.persona-general-stat-number{font-size:1.5rem}.persona-distribution-grid{grid-template-columns:1fr}.persona-user-question{padding:.75rem}.persona-user-info{padding:.5rem}.persona-user-info p{font-size:.7rem}}.persona-btn:focus,.persona-action-btn:focus,.persona-search-input:focus,.persona-filter-select:focus,.persona-form-input:focus,.persona-form-select:focus,.persona-form-textarea:focus{outline:2px solid #ec4899;outline-offset:2px}:root{--primary-gradient: linear-gradient(135deg, #7c3aed, #3b82f6);--success-gradient: linear-gradient(135deg, #059669, #10b981);--danger-gradient: linear-gradient(135deg, #dc2626, #ef4444);--warning-gradient: linear-gradient(135deg, #d97706, #f59e0b);--info-gradient: linear-gradient(135deg, #0ea5e9, #06b6d4);--seccion-gradient: linear-gradient(135deg, #059669, #0891b2);--background-gradient: linear-gradient(135deg, #7c3aed 0%, #3b82f6 50%, #06b6d4 100%);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1);--border-radius: 1rem;--border-radius-lg: 1.5rem;--transition: all .2s ease;--backdrop-blur: blur(10px);--z-notification: 1000;--z-modal: 50;--z-confirmation: 90}.seccion-view *{box-sizing:border-box}.seccion-view{min-height:100vh;background:var(--background-gradient);padding:1.5rem;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.seccion-container{max-width:1200px;margin:0 auto}.seccion-header-card{background:#fffffff2;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);margin-bottom:1.5rem;padding:1.5rem}.seccion-header-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.seccion-header-left{display:flex;align-items:center;gap:1rem}.seccion-header-icon{background:var(--seccion-gradient);padding:.75rem;border-radius:.75rem;color:#fff;display:flex;align-items:center;justify-content:center}.seccion-header-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.seccion-header-subtitle{color:#6b7280;margin:0;font-size:.875rem}.seccion-header-actions{display:flex;align-items:center;gap:.75rem}.seccion-error-message{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;color:#dc2626;padding:1rem;border-radius:var(--border-radius);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-md);animation:slideInDown .3s ease-out}.seccion-error-close{background:none;border:none;color:#dc2626;cursor:pointer;padding:.25rem;border-radius:.25rem;margin-left:auto;transition:var(--transition);opacity:.7}.seccion-error-close:hover{background:#dc26261a;opacity:1}.seccion-filters-card{background:#fffffff2;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);margin-bottom:1.5rem;padding:1.5rem}.seccion-filters-content{display:flex;flex-direction:column;gap:1rem}@media (min-width: 1024px){.seccion-filters-content{flex-direction:row;align-items:center}}.seccion-search-container{flex:1;position:relative}.seccion-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;z-index:10}.seccion-search-input{width:100%;padding:.5rem 1rem .5rem 2.5rem;border:1px solid #d1d5db;border-radius:.5rem;transition:var(--transition);font-size:.875rem;background:#fff;font-family:inherit}.seccion-search-input:focus{outline:none;box-shadow:0 0 0 2px #059669;border-color:transparent}.seccion-filter-controls{display:flex;align-items:center;gap:.5rem}.seccion-filter-icon{color:#9ca3af}.seccion-filter-select{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;transition:var(--transition);font-size:.875rem;font-family:inherit}.seccion-filter-select:focus{outline:none;box-shadow:0 0 0 2px #059669;border-color:transparent}.seccion-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:var(--transition);text-decoration:none;position:relative;overflow:hidden;font-size:.875rem}.seccion-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.seccion-btn-primary{background:var(--seccion-gradient);color:#fff;box-shadow:var(--shadow-md)}.seccion-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#047857,#0e7490);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.seccion-btn-success{background:var(--success-gradient);color:#fff;box-shadow:var(--shadow-md)}.seccion-btn-success:hover:not(:disabled){background:linear-gradient(135deg,#047857,#059669);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.seccion-btn-danger{background:var(--danger-gradient);color:#fff;box-shadow:var(--shadow-md)}.seccion-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#dc2626);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.seccion-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.seccion-btn-secondary:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px)}.seccion-btn-cancel{background:#fff;color:#6b7280;border:1px solid #d1d5db}.seccion-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.seccion-table-card{background:#fffffff2;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.seccion-table-container{overflow-x:visible}.seccion-table{width:100%;border-collapse:collapse}@media (min-width: 769px){.seccion-table-header{display:table-header-group}.seccion-table-body{display:table-row-group}.seccion-table-row{display:table-row}.seccion-th,.seccion-td{display:table-cell}}.seccion-table-header{background:var(--seccion-gradient);color:#fff}.seccion-th{padding:1rem 1.5rem;text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.seccion-th-center{text-align:center}.seccion-table-body{background:#fff}.seccion-table-row{border-bottom:1px solid #e5e7eb;transition:var(--transition)}.seccion-table-row:hover{background:#f9fafb}.seccion-td{padding:1rem 1.5rem;color:#374151;vertical-align:middle}.seccion-td-center{text-align:center}.seccion-td-name{font-weight:600;color:#1f2937}.seccion-td-description{color:#6b7280;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.seccion-table-header{display:none}.seccion-table-body{display:flex;flex-direction:column;gap:1rem}.seccion-table-row{display:block;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;box-shadow:0 2px 4px #0000000d;transition:all .2s ease;animation:slideInUp .3s ease-out}.seccion-table-row:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.seccion-td{display:flex;flex-direction:column;padding:.5rem 0;border:none;text-align:left!important;border-bottom:1px solid #f3f4f6}.seccion-td:last-child{border-bottom:none}.seccion-td:before{content:attr(data-label);font-weight:600;font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.seccion-td[data-label=Sección]{font-size:1.125rem;font-weight:700;color:#1f2937;padding-bottom:.75rem;border-bottom:2px solid #059669;margin-bottom:.75rem}.seccion-td[data-label=Sección]:before{content:"";display:none}.seccion-actions{display:flex!important;flex-direction:row!important;gap:.5rem;flex-wrap:wrap;justify-content:flex-start}.seccion-action-btn{padding:.625rem;flex:0 0 auto;min-width:44px;min-height:44px}.seccion-td[data-label=Descripción]{max-width:100%}.seccion-td-description{max-width:100%;white-space:normal;overflow:visible;text-overflow:clip}.seccion-section-container{flex-direction:column;align-items:flex-start;gap:.25rem}.seccion-description-container{align-items:flex-start;flex-direction:column;gap:.25rem}}@media (max-width: 480px){.seccion-table-row{padding:.875rem}.seccion-td{padding:.375rem 0;font-size:.875rem}.seccion-td:before{font-size:.7rem}.seccion-td[data-label=Sección]{font-size:1rem;padding-bottom:.5rem;margin-bottom:.5rem}.seccion-actions{gap:.375rem}.seccion-action-btn{padding:.5rem}.seccion-action-btn svg{width:14px;height:14px}.seccion-status-badge,.seccion-count-badge,.seccion-grado-badge{font-size:.7rem;padding:.2rem .5rem}.seccion-count-badge svg,.seccion-grado-badge svg{width:12px;height:12px}}.seccion-section-container{display:flex;align-items:center;gap:.5rem}.seccion-section-icon{color:#059669;flex-shrink:0}.seccion-section-name{font-weight:600;color:#1f2937;font-size:.875rem}.seccion-section-id{font-size:.75rem;color:#6b7280;margin-top:.125rem}.seccion-grado-badge{display:inline-flex;align-items:center;gap:.25rem;background:#dbeafe;color:#1d4ed8;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600}.seccion-description-container{display:flex;align-items:center;gap:.375rem;color:#6b7280;font-size:.875rem}.seccion-no-data{color:#9ca3af;font-style:italic;font-size:.75rem}.seccion-loading{padding:3rem 1.5rem;text-align:center}.seccion-loading-content{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#059669}.seccion-loading-icon{color:#059669}.seccion-empty{padding:3rem 1.5rem;text-align:center;color:#6b7280}.seccion-count-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.375rem;font-size:.875rem;font-weight:600}.seccion-count-persons-yes{background:#d1fae5;color:#047857}.seccion-count-persons-no{background:#fee2e2;color:#dc2626}.seccion-status-badge{display:inline-flex;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.seccion-status-active{background:#d1fae5;color:#047857}.seccion-status-inactive{background:#fee2e2;color:#dc2626}.seccion-date-container{display:flex;align-items:center;justify-content:center;gap:.25rem;color:#6b7280;font-size:.875rem}.seccion-actions{display:flex;align-items:center;justify-content:center;gap:.5rem}.seccion-action-btn{padding:.5rem;border:none;border-radius:.5rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.seccion-action-view{background:#dbeafe;color:#1d4ed8}.seccion-action-view:hover{background:#bfdbfe;transform:scale(1.05)}.seccion-action-edit{background:#d1fae5;color:#047857}.seccion-action-edit:hover{background:#a7f3d0;transform:scale(1.05)}.seccion-action-delete{background:#fee2e2;color:#dc2626}.seccion-action-delete:hover{background:#fecaca;transform:scale(1.05)}.seccion-action-restore{background:#e9d5ff;color:#7c3aed}.seccion-action-restore:hover{background:#d8b4fe;transform:scale(1.05)}.seccion-action-toggle{background:#fef3c7;color:#d97706}.seccion-action-toggle:hover{background:#fde68a;transform:scale(1.05)}.seccion-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:1rem;animation:fadeIn .2s ease-out}.seccion-modal{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);width:100%;max-height:90vh;overflow-y:auto;animation:scaleIn .2s ease-out}.seccion-modal-create,.seccion-modal-edit,.seccion-modal-delete{max-width:28rem}.seccion-modal-details{max-width:42rem}.seccion-modal-stats{max-width:56rem}.seccion-modal-header{padding:1.5rem;border-top-left-radius:var(--border-radius-lg);border-top-right-radius:var(--border-radius-lg);color:#fff}.seccion-modal-header-create{background:var(--seccion-gradient)}.seccion-modal-header-edit{background:var(--success-gradient)}.seccion-modal-header-delete{background:var(--danger-gradient)}.seccion-modal-header-details{background:var(--info-gradient)}.seccion-modal-header-stats{background:linear-gradient(135deg,#059669,#14b8a6)}.seccion-modal-title{display:flex;align-items:center;justify-content:space-between}.seccion-modal-title-text{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;margin:0}.seccion-modal-close{padding:.5rem;background:#fff3;border:none;border-radius:.5rem;color:#fff;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.seccion-modal-close:hover{background:#ffffff4d;transform:scale(1.05)}.seccion-modal-body{padding:1.5rem}.seccion-modal-actions{display:flex;gap:.75rem;margin-top:1.5rem}.seccion-modal-actions .seccion-btn{flex:1}.seccion-form{display:flex;flex-direction:column;gap:1rem}.seccion-form-group{display:flex;flex-direction:column}.seccion-form-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.seccion-form-label.required:after{content:" *";color:#dc2626;font-weight:700}.seccion-form-input,.seccion-form-select,.seccion-form-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;transition:var(--transition);font-size:.875rem;background:#fff;font-family:inherit}.seccion-form-input:focus,.seccion-form-select:focus,.seccion-form-textarea:focus{outline:none;box-shadow:0 0 0 2px #059669;border-color:transparent}.seccion-form-textarea{resize:vertical;min-height:4rem}.seccion-form-checkbox{display:flex;align-items:center;gap:.75rem}.seccion-checkbox{width:1rem;height:1rem;color:#059669;border:1px solid #d1d5db;border-radius:.25rem}.seccion-checkbox-label{font-size:.875rem;font-weight:600;color:#374151}.seccion-confirmation{text-align:center}.seccion-confirmation-icon{margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:#fee2e2}.seccion-confirmation-icon-svg{width:1.5rem;height:1.5rem;color:#dc2626}.seccion-confirmation-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.seccion-confirmation-text{color:#6b7280;margin:0 0 1.5rem;line-height:1.5}.seccion-details-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.seccion-details-grid{grid-template-columns:1fr 1fr}}.seccion-details-section-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.seccion-details-content{display:flex;flex-direction:column;gap:.75rem}.seccion-detail-item{display:flex;flex-direction:column;gap:.25rem}.seccion-detail-label{font-size:.875rem;font-weight:500;color:#6b7280}.seccion-detail-value{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.seccion-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1rem}.seccion-stat-card{padding:1rem;border-radius:.5rem;text-align:center;border:1px solid;transition:var(--transition)}.seccion-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.seccion-stat-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd}.seccion-stat-green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7}.seccion-stat-purple{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);border-color:#c084fc}.seccion-stat-orange{background:linear-gradient(135deg,#fed7aa,#fdba74);border-color:#fb923c}.seccion-stat-number{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.seccion-stat-label{font-size:.75rem;color:#374151;font-weight:500}.seccion-general-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.seccion-general-stat-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd}.seccion-general-stat-green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7}.seccion-general-stat-red{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#f87171}.seccion-general-stat-content{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-radius:.75rem;border:1px solid}.seccion-general-stat-number{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.seccion-general-stat-label{color:#374151;font-weight:600}.seccion-general-stat-icon{background:#fffc;padding:.75rem;border-radius:50%;color:#374151;transition:var(--transition);display:flex;align-items:center;justify-content:center}.seccion-general-stat-card:hover .seccion-general-stat-icon{transform:scale(1.1)}.seccion-persons-list{margin-top:1rem}.seccion-persons-title{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem}.seccion-persons-container{display:flex;flex-direction:column;gap:.5rem}.seccion-person-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:#f9fafb;border-radius:.375rem;border:1px solid #e5e7eb}.seccion-person-name{flex:1;font-size:.875rem;color:#374151}.seccion-person-status{font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em}.seccion-person-status.active{background:#d1fae5;color:#047857}.seccion-person-status.inactive{background:#fee2e2;color:#dc2626}.seccion-person-more{text-align:center;font-size:.875rem;color:#6b7280;font-style:italic;padding:.5rem}.seccion-grado-stats-section{background:#f9fafb;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #e5e7eb}.seccion-grado-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.seccion-grado-stat-item{background:#fff;padding:1rem;border-radius:.5rem;border:1px solid #e5e7eb;text-align:center}.seccion-grado-stat-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem;color:#1d4ed8}.seccion-grado-stat-name{font-weight:600;font-size:.875rem}.seccion-grado-stat-numbers{display:flex;flex-direction:column;gap:.25rem}.seccion-grado-stat-total{font-size:1.25rem;font-weight:700;color:#1f2937}.seccion-grado-stat-active{font-size:.875rem;color:#047857;font-weight:500}.seccion-summary-section{background:#f9fafb;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #e5e7eb}.seccion-summary-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.seccion-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.seccion-summary-item{background:#fff;padding:1rem;border-radius:.5rem;border:1px solid #e5e7eb;display:flex;align-items:center;gap:.75rem}.seccion-summary-icon{background:#d1fae5;padding:.5rem;border-radius:50%;color:#059669;flex-shrink:0;display:flex;align-items:center;justify-content:center}.seccion-summary-label{font-size:.875rem;color:#6b7280;margin:0}.seccion-summary-value{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0}.seccion-summary-table{background:#f9fafb;border-radius:.75rem;padding:1.5rem;border:1px solid #e5e7eb}.seccion-summary-container{overflow-x:auto}.seccion-summary-table-element{width:100%;border-collapse:collapse}.seccion-summary-th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.seccion-summary-th-center{text-align:center}.seccion-summary-row{border-bottom:1px solid #e5e7eb;transition:var(--transition)}.seccion-summary-row:hover{background:#fff}.seccion-summary-td{padding:.75rem 1rem;color:#374151}.seccion-summary-td-center{text-align:center}.seccion-summary-name{display:flex;align-items:center;gap:.5rem;font-weight:500}.seccion-summary-badge{display:inline-block;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600}.seccion-summary-badge-blue{background:#dbeafe;color:#1d4ed8}.seccion-summary-more{text-align:center;padding:1rem;color:#6b7280;font-style:italic;border-top:1px solid #e5e7eb;margin-top:1rem}.seccion-warning-info{background:#fef3c7;border:1px solid #facc15;border-radius:.5rem;padding:.75rem;margin:1rem 0}.seccion-warning-content{display:flex;align-items:flex-start;gap:.5rem;color:#d97706}.seccion-warning-title{font-size:.875rem;font-weight:600;margin:0 0 .25rem}.seccion-warning-list{margin:0;padding-left:1rem;font-size:.75rem;line-height:1.4}.seccion-spin{animation:seccion-spin 1s linear infinite}@keyframes seccion-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.seccion-view,.seccion-header-card{padding:1rem}.seccion-header-content{flex-direction:column;align-items:flex-start}.seccion-header-left{width:100%}.seccion-header-actions{width:100%;justify-content:flex-start}.seccion-hide-mobile{display:none}.seccion-filters-card{padding:1rem}.seccion-stats-grid,.seccion-details-grid,.seccion-general-stats-grid,.seccion-summary-grid,.seccion-grado-stats-grid{grid-template-columns:1fr}.seccion-modal{margin:0;max-width:100%;max-height:100vh;border-radius:0}.seccion-modal-header{border-radius:0}.seccion-modal-body{padding:1rem;max-height:calc(100vh - 80px);overflow-y:auto}.seccion-modal-actions{flex-direction:column}.seccion-modal-actions .seccion-btn{width:100%}.notification-toast-container{top:.5rem;right:.5rem;left:.5rem;max-width:none}.notification-toast-content{padding:.75rem}.notification-title,.notification-message{font-size:.8125rem}.confirmation-overlay{padding:.5rem}.confirmation-dialog{max-width:calc(100vw - 1rem)}.confirmation-content{padding:1rem}.confirmation-actions{flex-direction:column;gap:.5rem}.confirmation-btn{width:100%}.seccion-loading,.seccion-empty{padding:2rem 1rem}.seccion-loading-content{flex-direction:column;gap:.75rem}}@media (max-width: 480px){.seccion-header-title{font-size:1.25rem}.seccion-header-icon{padding:.5rem}.seccion-btn{padding:.5rem .75rem;font-size:.875rem}.seccion-modal-header,.seccion-modal-body{padding:1rem}.seccion-form-input,.seccion-form-select,.seccion-form-textarea{padding:.5rem}.seccion-general-stat-number{font-size:1.5rem}.seccion-stat-number{font-size:1.25rem}.seccion-grado-stats-grid{grid-template-columns:1fr}}.seccion-hidden{display:none}.seccion-block{display:block}.seccion-flex{display:flex}.seccion-grid{display:grid}.seccion-text-center{text-align:center}.seccion-text-left{text-align:left}.seccion-text-right{text-align:right}.seccion-font-normal{font-weight:400}.seccion-font-medium{font-weight:500}.seccion-font-semibold{font-weight:600}.seccion-font-bold{font-weight:700}.seccion-disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.seccion-btn:focus,.seccion-action-btn:focus,.seccion-search-input:focus,.seccion-filter-select:focus,.seccion-form-input:focus,.seccion-form-select:focus,.seccion-form-textarea:focus{outline:2px solid #059669;outline-offset:2px}@media print{.seccion-view{background:#fff;padding:0}.seccion-header-card,.seccion-filters-card,.seccion-table-card{background:#fff;box-shadow:none;border:1px solid #e5e7eb}.seccion-btn,.seccion-action-btn,.notification-toast-container,.confirmation-overlay{display:none}.seccion-table-header{background:#f3f4f6!important;color:#1f2937!important}}.persona-table-container{overflow-x:visible}@media (min-width: 769px){.persona-table-header{display:table-header-group}.persona-table-body{display:table-row-group}.persona-table-row{display:table-row}.persona-th,.persona-td{display:table-cell}}.persona-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.persona-modal{background:#fff;border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-height:90vh;overflow-y:auto;animation:slideInUp .3s cubic-bezier(.16,1,.3,1);z-index:1010;position:relative;transform-origin:center center}.persona-modal-create,.persona-modal-edit,.persona-modal-delete{max-width:28rem}.persona-modal-details{max-width:42rem}.persona-modal-stats{max-width:56rem}.persona-modal-header{padding:1.5rem;border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;color:#fff}.persona-modal-header-create{background:linear-gradient(135deg,#7c3aed,#3b82f6)}.persona-modal-header-edit{background:linear-gradient(135deg,#059669,#10b981)}.persona-modal-header-delete{background:linear-gradient(135deg,#dc2626,#ef4444)}.persona-modal-header-details{background:linear-gradient(135deg,#0ea5e9,#06b6d4)}.persona-modal-close{padding:.5rem;background:#fff3;border:none;border-radius:.5rem;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.persona-table-header{display:none}.persona-table-body{display:flex;flex-direction:column;gap:1rem}.persona-table-row{display:block;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;box-shadow:0 2px 4px #0000000d;transition:all .2s ease;animation:slideInUp .3s ease-out}.persona-table-row:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.persona-td{display:flex;flex-direction:column;padding:.5rem 0;border:none;text-align:left!important;border-bottom:1px solid #f3f4f6}.persona-td:last-child{border-bottom:none}.persona-td:before{content:attr(data-label);font-weight:600;font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.persona-td[data-label=Usuario]{font-size:1.125rem;font-weight:700;color:#1f2937;padding-bottom:.75rem;border-bottom:2px solid #8b5cf6;margin-bottom:.75rem}.persona-td[data-label=Usuario]:before{content:"";display:none}.persona-td-center{align-items:flex-start}.persona-actions{display:flex!important;flex-direction:row!important;gap:.5rem;align-items:center;justify-content:flex-start;flex-wrap:wrap}.persona-action-btn{padding:.625rem;flex:0 0 auto;min-width:44px;min-height:44px}.persona-status-badge,.persona-persona-badge,.persona-rol-badge,.persona-date-badge,.persona-age-badge,.persona-grado-badge,.persona-seccion-badge{align-self:flex-start;margin-top:.25rem}.persona-name-container,.persona-phone-container,.persona-email-container{align-items:flex-start}.persona-name-icon{display:none}.persona-full-name{font-size:1.125rem}.persona-birth-date{font-size:.8rem}.persona-modal{margin:0;max-width:100%;max-height:100vh;border-radius:0}.persona-modal-header{border-radius:0}.persona-modal-body{padding:1rem;max-height:calc(100vh - 80px);overflow-y:auto}.persona-modal-actions{flex-direction:column}.persona-modal-actions .persona-btn{width:100%}}@media (max-width: 480px){.persona-table-row{padding:.875rem}.persona-td{padding:.375rem 0;font-size:.875rem}.persona-td:before{font-size:.7rem}.persona-td[data-label=Usuario]{font-size:1rem;padding-bottom:.5rem;margin-bottom:.5rem}.persona-full-name{font-size:1rem}.persona-actions{gap:.375rem}.persona-action-btn{padding:.5rem}.persona-action-btn svg{width:14px;height:14px}.persona-status-badge,.persona-persona-badge,.persona-rol-badge,.persona-date-badge,.persona-age-badge,.persona-grado-badge,.persona-seccion-badge{font-size:.7rem;padding:.2rem .4rem}.persona-status-badge svg,.persona-persona-badge svg,.persona-rol-badge svg,.persona-grado-badge svg,.persona-seccion-badge svg{width:12px;height:12px}.persona-modal-overlay{padding:.5rem}.persona-modal{margin:.5rem;max-width:calc(100% - 1rem);border-radius:1rem}.persona-modal-header{padding:1rem;border-top-left-radius:1rem;border-top-right-radius:1rem}.persona-modal-title-text{font-size:1.125rem}.persona-modal-body{padding:1rem}}.notification-toast-container{position:fixed;top:1rem;right:1rem;z-index:99999;max-width:24rem;width:100%;pointer-events:none}@media (max-width: 768px){.notification-toast-container{top:.5rem;right:.5rem;left:.5rem;max-width:none;width:auto;z-index:99999!important}.notification-toast{margin-bottom:.5rem;border-radius:.5rem;font-size:.875rem;box-shadow:0 4px 12px #0003}.notification-toast-content{padding:.75rem;gap:.5rem}.notification-icon{width:1rem;height:1rem}.notification-title{font-size:.8125rem}.notification-message{font-size:.8125rem;line-height:1.3}.notification-close{padding:.25rem}}@media (max-width: 480px){.notification-toast-container{top:.25rem;right:.25rem;left:.25rem}.notification-toast{border-radius:.375rem}.notification-toast-content{padding:.625rem;gap:.375rem}.notification-title{font-size:.75rem;margin-bottom:.125rem}.notification-message{font-size:.75rem}.notification-icon{width:.875rem;height:.875rem}.notification-close svg{width:14px;height:14px}}@media (max-width: 768px){@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification-toast{animation:slideInRight .3s ease-out}}.persona-modal-overlay~.notification-toast-container,.confirmation-overlay~.notification-toast-container{z-index:99999!important}@media (max-width: 768px){.persona-loading,.persona-empty{padding:2rem 1rem}.persona-loading-content{flex-direction:column;gap:.75rem}}@media (max-width: 768px){.persona-filters-content{flex-direction:column;gap:.75rem}.persona-search-container{width:100%}.persona-filter-controls{width:100%;justify-content:space-between}.persona-filter-select{flex:1}}@media (max-width: 768px){.persona-details-grid{grid-template-columns:1fr;gap:1rem}.persona-form-row{grid-template-columns:1fr;gap:.75rem}.persona-modal-actions{gap:.5rem}}.persona-input-with-icon{position:relative;width:100%}.persona-form-input-icon,.persona-form-input-password{padding-right:2.5rem}.persona-password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.persona-password-toggle:hover{color:#8b5cf6}.persona-form-input-disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.persona-form-hint{display:block;font-size:.75rem;color:#6b7280;margin-top:.25rem;font-style:italic}@media (max-width: 768px){.persona-td:before{color:#4b5563}}@media (max-width: 768px){.persona-table-row-active{background:#10b98108;border-left:3px solid #10b981}.persona-table-row-inactive{background:#ef444408;border-left:3px solid #ef4444}}@media (max-width: 768px){.persona-td[data-label=Rol] .persona-seccion-badge{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);color:#7c3aed;border:1px solid #c084fc}}@media (max-width: 768px){.persona-td[data-label="Correo Electrónico"]{word-break:break-word}.persona-td[data-label="Correo Electrónico"] .persona-phone-container{font-size:.875rem}}@media (max-width: 768px){.persona-td[data-label="Fecha Creación"] .persona-age-badge{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;padding:.35rem .6rem;border-radius:.5rem;border:1px solid #93c5fd}}@media (max-width: 768px){.persona-td[data-label=Usuario] .persona-birth-date{color:#8b5cf6;font-weight:600;margin-top:.25rem}}@media (max-width: 768px){.persona-modal-edit .persona-confirmation{text-align:center;margin-bottom:1.5rem}.persona-modal-edit .persona-confirmation-title{font-size:1rem;color:#1f2937;margin-bottom:.5rem}.persona-modal-edit .persona-confirmation-text{font-size:.875rem;color:#6b7280;line-height:1.5}}@media (max-width: 768px){.persona-form-input-password{padding-right:3rem}.persona-password-toggle{min-width:40px;min-height:40px}}@media (max-width: 768px){.persona-distribution-section{margin-top:1.5rem}.persona-distribution-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.persona-distribution-item{background:#fff;padding:.75rem;border-radius:.5rem;border:1px solid #e5e7eb}.persona-distribution-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.persona-distribution-grado{font-weight:600;color:#1f2937;font-size:.875rem}.persona-distribution-count{color:#6b7280;font-size:.8125rem}}@media (max-width: 768px){.persona-summary-table{overflow-x:auto;margin-top:1.5rem}.persona-summary-container{min-width:100%}.persona-summary-table-element{font-size:.8125rem}.persona-summary-th{padding:.5rem;font-size:.75rem}.persona-summary-td{padding:.5rem}.persona-summary-name{display:flex;align-items:center;gap:.375rem}.persona-summary-badge{font-size:.7rem;padding:.2rem .4rem}}@media (max-width: 768px){.persona-warning-info{margin:1rem 0;padding:.75rem}.persona-warning-content{display:flex;align-items:flex-start;gap:.5rem}.persona-warning-title{font-size:.8125rem;margin-bottom:.25rem}.persona-warning-list{font-size:.75rem;line-height:1.4;padding-left:1rem;margin:0}}@media (max-width: 768px){.persona-header-card{padding:1rem}.persona-header-content{flex-direction:column;align-items:flex-start;gap:1rem}.persona-header-left{width:100%}.persona-header-actions{width:100%;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.persona-header-actions .persona-btn{flex:1;min-width:fit-content}.persona-header-title{font-size:1.25rem}.persona-header-subtitle{font-size:.8125rem}}@media (max-width: 768px){*{-webkit-tap-highlight-color:transparent}.persona-table-row,.persona-action-btn{will-change:transform}}@media print{.persona-header-actions,.persona-filters-card,.persona-actions,.notification-toast-container,.confirmation-overlay,.persona-modal-overlay{display:none!important}.persona-table-row{page-break-inside:avoid}}:root{--activity-primary: linear-gradient(135deg, #059669, #10b981);--activity-secondary: linear-gradient(135deg, #0ea5e9, #06b6d4);--activity-accent: linear-gradient(135deg, #f59e0b, #f97316);--activity-danger: linear-gradient(135deg, #dc2626, #ef4444);--activity-info: linear-gradient(135deg, #3b82f6, #2563eb);--activity-success: linear-gradient(135deg, #16a34a, #15803d);--activity-warning: linear-gradient(135deg, #ea580c, #dc2626)}.persona-descripcion-container{display:flex;align-items:flex-start;gap:.5rem;max-width:300px}.persona-descripcion-text{line-height:1.4;color:#374151;font-size:.875rem}.persona-date-container{display:flex;align-items:center;gap:.5rem;justify-content:center}.persona-date-main{font-weight:600;color:#1f2937;font-size:.875rem}.persona-date-time{font-size:.75rem;color:#6b7280;margin-top:.125rem}.persona-ip-container{display:flex;align-items:center;gap:.375rem;justify-content:center;font-family:Courier New,monospace;font-size:.875rem;color:#374151;background:#f3f4f6;padding:.25rem .5rem;border-radius:.375rem;border:1px solid #e5e7eb}.persona-ip-container svg{color:#059669;flex-shrink:0}.persona-grado-badge{display:inline-flex;align-items:center;gap:.375rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;padding:.375rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:600;border:1px solid #93c5fd;box-shadow:0 1px 2px #0000000d}.persona-activity-type-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.activity-type-login{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857;border:1px solid #6ee7b7}.activity-type-logout{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706;border:1px solid #facc15}.activity-type-create{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;border:1px solid #93c5fd}.activity-type-update{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);color:#7c3aed;border:1px solid #c084fc}.activity-type-delete{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border:1px solid #f87171}.activity-type-view{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#0369a1;border:1px solid #7dd3fc}.activity-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.activity-stat-card{background:#fff;border-radius:.75rem;padding:1.5rem;border:1px solid #e5e7eb;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.activity-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--activity-primary)}.activity-stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #00000026}.activity-stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.activity-stat-icon{background:var(--activity-primary);color:#fff;padding:.75rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center}.activity-stat-title{font-size:.875rem;font-weight:500;color:#6b7280;margin:0}.activity-stat-value{font-size:2rem;font-weight:700;color:#1f2937;margin:.5rem 0}.activity-stat-change{display:flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500}.activity-stat-change-positive{color:#059669}.activity-stat-change-negative{color:#dc2626}.activity-stat-change-neutral{color:#6b7280}.activity-timeline{position:relative;padding-left:2rem}.activity-timeline:before{content:"";position:absolute;left:.75rem;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#3b82f6,#06b6d4)}.activity-timeline-item{position:relative;margin-bottom:1.5rem;background:#fff;border-radius:.75rem;padding:1rem;border:1px solid #e5e7eb;box-shadow:0 2px 4px #0000000d}.activity-timeline-item:before{content:"";position:absolute;left:-1.6rem;top:1rem;width:.75rem;height:.75rem;background:#3b82f6;border-radius:50%;border:2px solid white;box-shadow:0 0 0 2px #3b82f6}.activity-timeline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.activity-timeline-action{font-weight:600;color:#1f2937}.activity-timeline-time{font-size:.75rem;color:#6b7280}.activity-timeline-description{color:#374151;font-size:.875rem;line-height:1.5;margin-bottom:.5rem}.activity-timeline-metadata{display:flex;align-items:center;gap:1rem;font-size:.75rem;color:#6b7280}.activity-timeline-user{display:flex;align-items:center;gap:.25rem}.activity-timeline-ip{display:flex;align-items:center;gap:.25rem;font-family:Courier New,monospace}.activity-chart-container{background:#fff;border-radius:.75rem;padding:1.5rem;border:1px solid #e5e7eb;margin-bottom:1.5rem}.activity-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.activity-chart-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.activity-chart-subtitle{font-size:.875rem;color:#6b7280;margin:.25rem 0 0}.activity-chart-filters{display:flex;align-items:center;gap:.5rem}.activity-chart-filter-btn{padding:.25rem .75rem;border:1px solid #d1d5db;background:#fff;border-radius:.375rem;font-size:.75rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.activity-chart-filter-btn:hover{background:#f9fafb;border-color:#9ca3af}.activity-chart-filter-btn.active{background:var(--activity-primary);border-color:transparent;color:#fff}.activity-filters-section{background:#f9fafb;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #e5e7eb}.activity-filters-title{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.activity-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.activity-filter-group{background:#fff;border-radius:.5rem;padding:1rem;border:1px solid #e5e7eb}.activity-filter-label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem;display:block}.activity-filter-input{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:all .2s ease}.activity-filter-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.activity-export-section{background:#fff;border-radius:.75rem;padding:1.5rem;border:1px solid #e5e7eb;margin-bottom:1.5rem}.activity-export-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.activity-export-title{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.activity-export-actions{display:flex;align-items:center;gap:.75rem}.activity-export-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--activity-secondary);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.activity-export-btn:hover{background:linear-gradient(135deg,#0284c7,#0ea5e9);transform:translateY(-1px)}.activity-export-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.activity-export-option{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb;cursor:pointer;transition:all .2s ease}.activity-export-option:hover{background:#f3f4f6;border-color:#d1d5db}.activity-export-option-icon{background:var(--activity-accent);color:#fff;padding:.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.activity-export-option-content{flex:1}.activity-export-option-title{font-size:.875rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.activity-export-option-desc{font-size:.75rem;color:#6b7280;margin:0}.activity-alert{padding:1rem;border-radius:.75rem;margin-bottom:1rem;display:flex;align-items:flex-start;gap:.75rem;border:1px solid}.activity-alert-icon{flex-shrink:0;margin-top:.125rem}.activity-alert-content{flex:1}.activity-alert-title{font-size:.875rem;font-weight:600;margin:0 0 .25rem}.activity-alert-message{font-size:.875rem;margin:0;line-height:1.5}.activity-alert-info{background:#eff6ff;border-color:#3b82f6;color:#1e40af}.activity-alert-success{background:#f0fdf4;border-color:#22c55e;color:#15803d}.activity-alert-warning{background:#fffbeb;border-color:#f59e0b;color:#d97706}.activity-alert-error{background:#fef2f2;border-color:#ef4444;color:#dc2626}.activity-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;padding:1rem;background:#fff;border-radius:.75rem;border:1px solid #e5e7eb}.activity-pagination-info{font-size:.875rem;color:#6b7280}.activity-pagination-controls{display:flex;align-items:center;gap:.5rem}.activity-pagination-btn{padding:.5rem .75rem;border:1px solid #d1d5db;background:#fff;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.activity-pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.activity-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.activity-pagination-btn.active{background:var(--activity-primary);border-color:transparent;color:#fff}.activity-search-advanced{background:#fff;border-radius:.75rem;padding:1.5rem;border:1px solid #e5e7eb;margin-bottom:1.5rem}.activity-search-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.activity-search-title{font-size:1rem;font-weight:600;color:#1f2937;margin:0;display:flex;align-items:center;gap:.5rem}.activity-search-toggle{background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:all .2s ease}.activity-search-toggle:hover{background:#f3f4f6;color:#374151}.activity-search-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;align-items:end}.activity-search-field{display:flex;flex-direction:column}.activity-search-label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.activity-search-input{padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:all .2s ease}.activity-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.activity-search-actions{display:flex;gap:.5rem}.activity-search-btn{padding:.75rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.activity-search-btn-primary{background:var(--activity-primary);color:#fff}.activity-search-btn-primary:hover{background:linear-gradient(135deg,#047857,#059669)}.activity-search-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.activity-search-btn-secondary:hover{background:#e5e7eb}@media (max-width: 768px){.activity-stats-grid,.activity-filters-grid,.activity-export-options,.activity-search-form{grid-template-columns:1fr}.activity-search-actions{flex-direction:column}.activity-pagination{flex-direction:column;gap:1rem}.activity-pagination-controls{flex-wrap:wrap;justify-content:center}.persona-descripcion-container{max-width:200px}.activity-timeline{padding-left:1.5rem}.activity-timeline-item:before{left:-1.25rem}.activity-chart-header,.activity-export-header{flex-direction:column;align-items:flex-start;gap:1rem}.activity-export-actions{width:100%;justify-content:space-between}}@media (max-width: 480px){.activity-stat-value{font-size:1.5rem}.activity-timeline-header{flex-direction:column;align-items:flex-start;gap:.25rem}.activity-timeline-metadata{flex-direction:column;align-items:flex-start;gap:.5rem}.persona-ip-container{font-size:.75rem;padding:.25rem .375rem}.persona-date-container{flex-direction:column;gap:.25rem}.activity-export-actions{flex-direction:column;width:100%}.activity-export-btn{width:100%;justify-content:center}}@keyframes activityPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.activity-live-indicator{animation:activityPulse 2s infinite;background:#22c55e;width:.5rem;height:.5rem;border-radius:50%;display:inline-block;margin-right:.5rem}@keyframes activitySlideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.activity-new-item{animation:activitySlideIn .5s ease-out}.activity-text-mono{font-family:Courier New,monospace}.activity-text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-text-wrap{word-wrap:break-word;overflow-wrap:break-word}.activity-badge-sm{font-size:.625rem;padding:.125rem .375rem}.activity-badge-lg{font-size:.875rem;padding:.375rem .75rem}.activity-shadow-hover{transition:box-shadow .2s ease}.activity-shadow-hover:hover{box-shadow:0 4px 12px #00000026}.activity-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:activityLoading 1.5s infinite}@keyframes activityLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.activity-skeleton-text{height:1rem;border-radius:.25rem;margin-bottom:.5rem}.activity-skeleton-avatar{width:2rem;height:2rem;border-radius:50%}.activity-skeleton-button{height:2.5rem;border-radius:.5rem;width:6rem}:root{--primary-gradient: linear-gradient(135deg, #7c3aed, #3b82f6);--success-gradient: linear-gradient(135deg, #059669, #10b981);--danger-gradient: linear-gradient(135deg, #dc2626, #ef4444);--warning-gradient: linear-gradient(135deg, #d97706, #f59e0b);--info-gradient: linear-gradient(135deg, #0ea5e9, #06b6d4);--sesiones-gradient: linear-gradient(135deg, #1e40af, #3b82f6);--session-gradient: linear-gradient(135deg, #f59e0b, #f97316);--background-gradient: linear-gradient(135deg, #1e40af 0%, #3b82f6 50%, #06b6d4 100%);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1);--border-radius: 1rem;--border-radius-lg: 1.5rem;--transition: all .2s ease;--backdrop-blur: blur(10px);--z-notification: 1000;--z-modal: 50;--z-confirmation: 90}.persona-view *{box-sizing:border-box}.persona-view{min-height:100vh;background:var(--background-gradient);padding:1.5rem;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.persona-container{max-width:1400px;margin:0 auto}.notification-toast-container{position:fixed;top:1rem;right:1rem;z-index:var(--z-notification);max-width:24rem;width:100%;pointer-events:none}.notification-toast{pointer-events:auto;margin-bottom:.5rem;border-radius:.75rem;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);animation:slideInRight .3s ease-out}.notification-toast-content{padding:1rem;display:flex;align-items:flex-start;gap:.75rem}.notification-icon{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem}.notification-text{flex:1;min-width:0}.notification-title{font-weight:600;font-size:.875rem;margin:0 0 .25rem;line-height:1.25}.notification-message{font-size:.875rem;margin:0;line-height:1.4;opacity:.9}.notification-close{flex-shrink:0;background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:var(--transition);opacity:.7}.notification-close:hover{opacity:1;background:#0000001a}.notification-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;color:#047857}.notification-error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;color:#dc2626}.notification-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #facc15;color:#d97706}.notification-info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;color:#1d4ed8}.confirmation-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);display:flex;align-items:center;justify-content:center;z-index:var(--z-confirmation);padding:1rem;animation:fadeIn .2s ease-out}.confirmation-dialog{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:28rem;max-height:90vh;overflow-y:auto;animation:scaleIn .2s ease-out}.confirmation-content{padding:1.5rem}.confirmation-icon-section{text-align:center;margin-bottom:1rem}.confirmation-icon-container{margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%}.confirmation-icon-danger{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.confirmation-icon-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.confirmation-icon-info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.confirmation-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .5rem;text-align:center}.confirmation-message{color:#6b7280;margin:0 0 1.5rem;text-align:center;line-height:1.5}.confirmation-actions{display:flex;gap:.75rem}.confirmation-btn{flex:1;padding:.75rem 1rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:var(--transition);border:none;font-size:.875rem}.confirmation-btn-cancel{background:#fff;color:#6b7280;border:1px solid #d1d5db}.confirmation-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.confirmation-btn-confirm{color:#fff}.confirmation-btn-danger{background:var(--danger-gradient)}.confirmation-btn-danger:hover{background:linear-gradient(135deg,#b91c1c,#dc2626)}.confirmation-btn-info{background:var(--info-gradient)}.confirmation-btn-info:hover{background:linear-gradient(135deg,#0284c7,#0ea5e9)}.persona-header-card{background:#fffffff2;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);margin-bottom:1.5rem;padding:1.5rem}.persona-header-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.persona-header-left{display:flex;align-items:center;gap:1rem}.persona-header-icon{background:var(--sesiones-gradient);padding:.75rem;border-radius:.75rem;color:#fff;display:flex;align-items:center;justify-content:center}.persona-header-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.persona-header-subtitle{color:#6b7280;margin:0;font-size:.875rem}.persona-header-actions{display:flex;align-items:center;gap:.75rem}.persona-error-message{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;color:#dc2626;padding:1rem;border-radius:var(--border-radius);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;box-shadow:var(--shadow-md);animation:slideInDown .3s ease-out}.persona-error-close{background:none;border:none;color:#dc2626;cursor:pointer;padding:.25rem;border-radius:.25rem;margin-left:auto;transition:var(--transition);opacity:.7}.persona-error-close:hover{background:#dc26261a;opacity:1}.persona-filters-card{background:#fffffff2;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);margin-bottom:1.5rem;padding:1.5rem}.persona-filters-content{display:flex;flex-direction:column;gap:1rem}@media (min-width: 1024px){.persona-filters-content{flex-direction:row;align-items:center}}.persona-search-container{flex:1;position:relative}.persona-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;z-index:10}.persona-search-input{width:100%;padding:.5rem 1rem .5rem 2.5rem;border:1px solid #d1d5db;border-radius:.5rem;transition:var(--transition);font-size:.875rem;background:#fff}.persona-search-input:focus{outline:none;box-shadow:0 0 0 2px #1e40af;border-color:transparent}.persona-filter-controls{display:flex;align-items:center;gap:.5rem}.persona-filter-icon{color:#9ca3af}.persona-filter-select{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;transition:var(--transition);font-size:.875rem}.persona-filter-select:focus{outline:none;box-shadow:0 0 0 2px #1e40af;border-color:transparent}.persona-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:var(--transition);text-decoration:none;position:relative;overflow:hidden;font-size:.875rem}.persona-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.persona-btn-primary{background:var(--sesiones-gradient);color:#fff;box-shadow:var(--shadow-md)}.persona-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1e3a8a,#1e40af);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.persona-btn-success{background:var(--success-gradient);color:#fff;box-shadow:var(--shadow-md)}.persona-btn-success:hover:not(:disabled){background:linear-gradient(135deg,#047857,#059669);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.persona-btn-danger{background:var(--danger-gradient);color:#fff;box-shadow:var(--shadow-md)}.persona-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#dc2626);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.persona-btn-warning{background:var(--warning-gradient);color:#fff;box-shadow:var(--shadow-md)}.persona-btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#c2410c,#d97706);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.persona-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.persona-btn-secondary:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px)}.persona-btn-cancel{background:#fff;color:#6b7280;border:1px solid #d1d5db}.persona-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.persona-table-card{background:#fffffff2;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.persona-table-container{overflow-x:auto}.persona-table{width:100%;border-collapse:collapse}.persona-table-header{background:var(--sesiones-gradient);color:#fff}.persona-th{padding:1rem 1.5rem;text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.persona-th-center{text-align:center}.persona-table-body{background:#fff}.persona-table-row{border-bottom:1px solid #e5e7eb;transition:var(--transition)}.persona-table-row:hover{background:#f9fafb}.persona-td{padding:1rem 1.5rem;color:#374151;vertical-align:middle}.persona-td-center{text-align:center}.persona-td-name{font-weight:600;color:#1f2937}.persona-name-container{display:flex;align-items:center;gap:.5rem}.persona-name-icon{color:#1e40af;flex-shrink:0}.persona-full-name{font-weight:600;color:#1f2937;font-size:.875rem}.persona-birth-date{font-size:.75rem;color:#6b7280;margin-top:.125rem}.persona-phone-container{display:flex;align-items:center;gap:.375rem;color:#6b7280;font-size:.875rem}.persona-age-badge{background:#fef3c7;color:#d97706;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600;display:inline-block}.persona-grado-badge{display:inline-flex;align-items:center;gap:.25rem;background:#dbeafe;color:#1d4ed8;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600}.persona-seccion-badge{display:inline-flex;align-items:center;gap:.25rem;background:#e9d5ff;color:#7c3aed;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600}.persona-no-data{color:#9ca3af;font-style:italic;font-size:.75rem}.persona-loading{padding:3rem 1.5rem;text-align:center}.persona-loading-content{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#1e40af}.persona-loading-icon{color:#1e40af}.persona-empty{padding:3rem 1.5rem;text-align:center;color:#6b7280}.persona-status-badge{display:inline-flex;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.persona-status-active{background:#d1fae5;color:#047857}.persona-status-inactive{background:#fee2e2;color:#dc2626}.persona-actions{display:flex;align-items:center;justify-content:center;gap:.5rem}.persona-action-btn{padding:.5rem;border:none;border-radius:.5rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.persona-action-view{background:#dbeafe;color:#1d4ed8}.persona-action-view:hover{background:#bfdbfe;transform:scale(1.05)}.persona-action-edit{background:#d1fae5;color:#047857}.persona-action-edit:hover{background:#a7f3d0;transform:scale(1.05)}.persona-action-delete{background:#fee2e2;color:#dc2626}.persona-action-delete:hover{background:#fecaca;transform:scale(1.05)}.persona-action-restore{background:#e9d5ff;color:#7c3aed}.persona-action-restore:hover{background:#d8b4fe;transform:scale(1.05)}.persona-action-toggle{background:#fef3c7;color:#d97706}.persona-action-toggle:hover{background:#fde68a;transform:scale(1.05)}.persona-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:1rem;animation:fadeIn .2s ease-out}.persona-modal{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);width:100%;max-height:90vh;overflow-y:auto;animation:scaleIn .2s ease-out}.persona-modal-create,.persona-modal-edit,.persona-modal-delete{max-width:32rem}.persona-modal-details{max-width:48rem}.persona-modal-stats{max-width:64rem}.persona-modal-filters{max-width:36rem}.persona-modal-header{padding:1.5rem;border-top-left-radius:var(--border-radius-lg);border-top-right-radius:var(--border-radius-lg);color:#fff}.persona-modal-header-create{background:var(--sesiones-gradient)}.persona-modal-header-edit{background:var(--success-gradient)}.persona-modal-header-delete{background:var(--danger-gradient)}.persona-modal-header-details{background:var(--info-gradient)}.persona-modal-header-stats{background:linear-gradient(135deg,#059669,#14b8a6)}.persona-modal-header-filters{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.persona-modal-title{display:flex;align-items:center;justify-content:space-between}.persona-modal-title-text{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;margin:0}.persona-modal-close{padding:.5rem;background:#fff3;border:none;border-radius:.5rem;color:#fff;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.persona-modal-close:hover{background:#ffffff4d;transform:scale(1.05)}.persona-modal-body{padding:1.5rem}.persona-modal-actions{display:flex;gap:.75rem;margin-top:1.5rem}.persona-modal-actions .persona-btn{flex:1}.persona-form{display:flex;flex-direction:column;gap:1rem}.persona-form-row{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.persona-form-row{grid-template-columns:1fr 1fr}}.persona-form-group{display:flex;flex-direction:column}.persona-form-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.persona-form-label.required:after{content:" *";color:#dc2626;font-weight:700}.persona-form-input,.persona-form-select,.persona-form-textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;transition:var(--transition);font-size:.875rem;background:#fff;font-family:inherit}.persona-form-input:focus,.persona-form-select:focus,.persona-form-textarea:focus{outline:none;box-shadow:0 0 0 2px #1e40af;border-color:transparent}.persona-form-textarea{resize:vertical;min-height:4rem}.persona-form-checkbox{display:flex;align-items:center;gap:.75rem}.persona-checkbox{width:1rem;height:1rem;color:#1e40af;border:1px solid #d1d5db;border-radius:.25rem}.persona-checkbox-label{font-size:.875rem;font-weight:600;color:#374151}.persona-confirmation{text-align:center}.persona-confirmation-icon{margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:#fee2e2}.persona-confirmation-icon-svg{width:1.5rem;height:1.5rem;color:#dc2626}.persona-confirmation-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.persona-confirmation-text{color:#6b7280;margin:0 0 1.5rem;line-height:1.5}.persona-details-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.persona-details-grid{grid-template-columns:1fr 1fr}}.persona-details-full-width{grid-column:1 / -1}.persona-details-section-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.persona-details-content{display:flex;flex-direction:column;gap:.75rem}.persona-detail-item{display:flex;flex-direction:column;gap:.25rem}.persona-detail-label{font-size:.875rem;font-weight:500;color:#6b7280}.persona-detail-value{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.persona-stat-card{padding:1rem;border-radius:.5rem;text-align:center;border:1px solid;transition:var(--transition)}.persona-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.persona-general-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.persona-general-stat-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd}.persona-general-stat-green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7}.persona-general-stat-red{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#f87171}.persona-general-stat-content{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-radius:.75rem;border:1px solid}.persona-general-stat-number{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.persona-general-stat-label{color:#374151;font-weight:600}.persona-general-stat-icon{background:#fffc;padding:.75rem;border-radius:50%;color:#374151;transition:var(--transition);display:flex;align-items:center;justify-content:center}.persona-stat-card:hover .persona-general-stat-icon{transform:scale(1.1)}.persona-summary-section{background:#f9fafb;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #e5e7eb}.persona-summary-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.persona-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.persona-summary-item{background:#fff;padding:1rem;border-radius:.5rem;border:1px solid #e5e7eb;display:flex;align-items:center;gap:.75rem}.persona-summary-icon{background:#f3e8ff;padding:.5rem;border-radius:50%;color:#8b5cf6;flex-shrink:0;display:flex;align-items:center;justify-content:center}.persona-summary-label{font-size:.875rem;color:#6b7280;margin:0}.persona-summary-value{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0}.persona-summary-table{background:#f9fafb;border-radius:.75rem;padding:1.5rem;border:1px solid #e5e7eb}.persona-summary-container{overflow-x:auto}.persona-summary-table-element{width:100%;border-collapse:collapse}.persona-summary-th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.persona-summary-th-center{text-align:center}.persona-summary-row{border-bottom:1px solid #e5e7eb;transition:var(--transition)}.persona-summary-row:hover{background:#fff}.persona-summary-td{padding:.75rem 1rem;color:#374151}.persona-summary-td-center{text-align:center}.persona-summary-name{display:flex;align-items:center;gap:.5rem;font-weight:500}.persona-summary-badge{display:inline-block;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600}.persona-summary-badge-blue{background:#dbeafe;color:#1d4ed8}.persona-summary-more{text-align:center;padding:1rem;color:#6b7280;font-style:italic;border-top:1px solid #e5e7eb;margin-top:1rem}.persona-distribution-section{background:#f9fafb;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #e5e7eb}.persona-distribution-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.persona-distribution-item{background:#fff;padding:1rem;border-radius:.5rem;border:1px solid #e5e7eb;text-align:center}.persona-distribution-header{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem;color:#1d4ed8}.persona-distribution-grado{font-weight:600;font-size:.875rem}.persona-distribution-count{font-size:1.25rem;font-weight:700;color:#1f2937}.persona-warning-info{background:#fef3c7;border:1px solid #facc15;border-radius:.5rem;padding:.75rem;margin:1rem 0}.persona-warning-content{display:flex;align-items:flex-start;gap:.5rem;color:#d97706}.persona-warning-title{font-size:.875rem;font-weight:600;margin:0 0 .25rem}.persona-warning-list{margin:0;padding-left:1rem;font-size:.75rem;line-height:1.4}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.persona-spin{animation:persona-spin 1s linear infinite}@keyframes persona-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sesiones-token-display{font-family:Courier New,monospace;background:#f3f4f6;padding:.5rem;border-radius:.375rem;border:1px dashed #d1d5db;font-size:.75rem;word-break:break-all}.sesiones-status-active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857;border:1px solid #6ee7b7}.sesiones-status-expired{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border:1px solid #f87171}.sesiones-ip-badge{display:inline-flex;align-items:center;gap:.25rem;background:#f0f9ff;color:#0c4a6e;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600;font-family:Courier New,monospace}.sesiones-device-badge{display:inline-flex;align-items:center;gap:.25rem;background:#f0f9ff;color:#0c4a6e;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:600}.sesiones-time-remaining{font-size:.75rem;color:#059669;margin-top:.125rem}.sesiones-time-expired{font-size:.75rem;color:#dc2626;margin-top:.125rem}@media (max-width: 768px){.persona-view{padding:1rem}.persona-header-content{flex-direction:column;align-items:flex-start}.persona-header-actions{width:100%;justify-content:space-between;flex-wrap:wrap}.persona-form-row,.persona-details-grid,.persona-general-stats-grid,.persona-summary-grid{grid-template-columns:1fr}.persona-distribution-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.persona-modal{margin:.5rem;max-width:calc(100vw - 1rem)}.persona-table-container{overflow-x:scroll}.persona-th,.persona-td{padding:.5rem;font-size:.875rem}.persona-actions{flex-direction:column;gap:.25rem}.persona-action-btn{padding:.375rem}.notification-toast-container{top:.5rem;right:.5rem;left:.5rem;max-width:none}.confirmation-overlay{padding:.5rem}.confirmation-dialog{max-width:calc(100vw - 1rem)}.confirmation-content{padding:1rem}.confirmation-actions{flex-direction:column;gap:.5rem}.confirmation-btn{width:100%}.persona-modal-actions{flex-direction:column}.persona-name-container{flex-direction:column;align-items:flex-start;gap:.25rem}.persona-phone-container{justify-content:flex-start}}@media (max-width: 480px){.persona-header-title{font-size:1.25rem}.persona-btn{padding:.5rem .75rem;font-size:.875rem}.persona-modal-header,.persona-modal-body{padding:1rem}.persona-form-input,.persona-form-select,.persona-form-textarea{padding:.5rem}.persona-general-stat-number{font-size:1.5rem}.persona-distribution-grid{grid-template-columns:1fr}}.persona-hidden{display:none}.persona-block{display:block}.persona-flex{display:flex}.persona-grid{display:grid}.persona-text-center{text-align:center}.persona-text-left{text-align:left}.persona-text-right{text-align:right}.persona-font-normal{font-weight:400}.persona-font-medium{font-weight:500}.persona-font-semibold{font-weight:600}.persona-font-bold{font-weight:700}.persona-disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.persona-btn:focus,.persona-action-btn:focus,.persona-search-input:focus,.persona-filter-select:focus,.persona-form-input:focus,.persona-form-select:focus,.persona-form-textarea:focus{outline:2px solid #1e40af;outline-offset:2px}@media print{.persona-view{background:#fff;padding:0}.persona-header-card,.persona-filters-card,.persona-table-card{background:#fff;box-shadow:none;border:1px solid #e5e7eb}.persona-btn,.persona-action-btn,.notification-toast-container,.confirmation-overlay{display:none}.persona-table-header{background:#f3f4f6!important;color:#1f2937!important}}.sesiones-table-row-active{background:#10b9810d}.sesiones-table-row-expired{background:#ef44440d}.sesiones-session-info{display:flex;flex-direction:column;gap:.125rem}.sesiones-token-preview{font-size:.75rem;color:#6b7280;font-family:Courier New,monospace}.sesiones-expires-in{font-size:.75rem;color:#9ca3af;font-style:italic}.sesiones-device-desktop{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.sesiones-device-mobile{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff}.sesiones-device-tablet{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.sesiones-device-unknown{background:linear-gradient(135deg,#6b7280,#9ca3af);color:#fff}.sesiones-modal .persona-modal-header{background:var(--session-gradient)}.sesiones-token-info{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:.5rem;padding:.75rem;margin-top:1rem}.sesiones-token-info-title{font-size:.875rem;font-weight:600;color:#0c4a6e;margin:0 0 .5rem}.sesiones-token-info-list{margin:0;padding-left:1rem;font-size:.75rem;color:#0c4a6e;line-height:1.4}.persona-table-row:hover .persona-action-btn{transform:scale(1.02)}.persona-modal:hover .persona-modal-close{background:#ffffff40}.persona-stat-card,.persona-summary-item,.persona-distribution-item{transition:all .3s cubic-bezier(.4,0,.2,1)}.persona-stat-card:hover,.persona-summary-item:hover,.persona-distribution-item:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}:root{--datasets-primary-gradient: linear-gradient(135deg, #7c3aed, #3b82f6);--datasets-success-gradient: linear-gradient(135deg, #059669, #10b981);--datasets-danger-gradient: linear-gradient(135deg, #dc2626, #ef4444);--datasets-warning-gradient: linear-gradient(135deg, #d97706, #f59e0b);--datasets-info-gradient: linear-gradient(135deg, #0ea5e9, #06b6d4);--datasets-purple-gradient: linear-gradient(135deg, #7c3aed, #8b5cf6);--datasets-background-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--datasets-shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--datasets-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1);--datasets-shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1);--datasets-border-radius: 1rem;--datasets-border-radius-lg: 1.5rem;--datasets-transition: all .2s ease;--datasets-backdrop-blur: blur(10px);--datasets-z-notification: 1000;--datasets-z-modal: 50;--datasets-z-confirmation: 90}.datasets-view *{box-sizing:border-box}.datasets-view{min-height:100vh;background:var(--datasets-background-gradient);padding:1.5rem;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}.datasets-container{max-width:1400px;margin:0 auto}.datasets-notification-toast-container{position:fixed;top:1rem;right:1rem;z-index:var(--datasets-z-notification);max-width:24rem;width:100%;pointer-events:none}.datasets-notification-toast{pointer-events:auto;margin-bottom:.5rem;border-radius:.75rem;box-shadow:var(--datasets-shadow-lg);-webkit-backdrop-filter:var(--datasets-backdrop-blur);backdrop-filter:var(--datasets-backdrop-blur);animation:datasets-slideInRight .3s ease-out}.datasets-notification-toast-content{padding:1rem;display:flex;align-items:flex-start;gap:.75rem}.datasets-notification-icon{flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem}.datasets-notification-text{flex:1;min-width:0}.datasets-notification-title{font-weight:600;font-size:.875rem;margin:0 0 .25rem;line-height:1.25}.datasets-notification-message{font-size:.875rem;margin:0;line-height:1.4;opacity:.9}.datasets-notification-close{flex-shrink:0;background:none;border:none;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:var(--datasets-transition);opacity:.7}.datasets-notification-close:hover{opacity:1;background:#0000001a}.datasets-notification-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7;color:#047857}.datasets-notification-error{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;color:#dc2626}.datasets-notification-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #facc15;color:#d97706}.datasets-notification-info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;color:#1d4ed8}.datasets-confirmation-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:var(--datasets-backdrop-blur);backdrop-filter:var(--datasets-backdrop-blur);display:flex;align-items:center;justify-content:center;z-index:var(--datasets-z-confirmation);padding:1rem;animation:datasets-fadeIn .2s ease-out}.datasets-confirmation-dialog{background:#fff;border-radius:var(--datasets-border-radius-lg);box-shadow:var(--datasets-shadow-xl);width:100%;max-width:28rem;max-height:90vh;overflow-y:auto;animation:datasets-scaleIn .2s ease-out}.datasets-confirmation-content{padding:1.5rem}.datasets-confirmation-icon-section{text-align:center;margin-bottom:1rem}.datasets-confirmation-icon-container{margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%}.datasets-confirmation-icon-danger{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.datasets-confirmation-icon-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.datasets-confirmation-icon-info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.datasets-confirmation-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .5rem;text-align:center}.datasets-confirmation-message{color:#6b7280;margin:0 0 1.5rem;text-align:center;line-height:1.5}.datasets-confirmation-actions{display:flex;gap:.75rem}.datasets-confirmation-btn{flex:1;padding:.75rem 1rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:var(--datasets-transition);border:none;font-size:.875rem}.datasets-confirmation-btn-cancel{background:#fff;color:#6b7280;border:1px solid #d1d5db}.datasets-confirmation-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.datasets-confirmation-btn-confirm{color:#fff}.datasets-confirmation-btn-danger{background:var(--datasets-danger-gradient)}.datasets-confirmation-btn-danger:hover{background:linear-gradient(135deg,#b91c1c,#dc2626)}.datasets-confirmation-btn-info{background:var(--datasets-info-gradient)}.datasets-confirmation-btn-info:hover{background:linear-gradient(135deg,#0284c7,#0ea5e9)}.datasets-header-card{background:#fffffff2;-webkit-backdrop-filter:var(--datasets-backdrop-blur);backdrop-filter:var(--datasets-backdrop-blur);border-radius:var(--datasets-border-radius-lg);box-shadow:var(--datasets-shadow-xl);margin-bottom:1.5rem;padding:1.5rem}.datasets-header-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.datasets-header-left{display:flex;align-items:center;gap:1rem}.datasets-header-icon{background:var(--datasets-primary-gradient);padding:.75rem;border-radius:.75rem;color:#fff;display:flex;align-items:center;justify-content:center}.datasets-header-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.datasets-header-subtitle{color:#6b7280;margin:0;font-size:.875rem}.datasets-header-actions{display:flex;align-items:center;gap:.75rem}.datasets-error-message{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;color:#dc2626;padding:1rem;border-radius:var(--datasets-border-radius);margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;box-shadow:var(--datasets-shadow-md);animation:datasets-slideInDown .3s ease-out}.datasets-error-close{background:none;border:none;color:#dc2626;cursor:pointer;padding:.25rem;border-radius:.25rem;margin-left:auto;transition:var(--datasets-transition);opacity:.7}.datasets-error-close:hover{background:#dc26261a;opacity:1}.datasets-filters-card{background:#fffffff2;-webkit-backdrop-filter:var(--datasets-backdrop-blur);backdrop-filter:var(--datasets-backdrop-blur);border-radius:var(--datasets-border-radius-lg);box-shadow:var(--datasets-shadow-lg);margin-bottom:1.5rem;padding:1.5rem}.datasets-filters-content{display:flex;flex-direction:column;gap:1rem}@media (min-width: 1024px){.datasets-filters-content{flex-direction:row;align-items:center}}.datasets-search-container{flex:1;position:relative}.datasets-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;z-index:10}.datasets-search-input{width:100%;padding:.5rem 1rem .5rem 2.5rem;border:1px solid #d1d5db;border-radius:.5rem;transition:var(--datasets-transition);font-size:.875rem;background:#fff;display:flex;align-items:center}.datasets-search-input:focus{outline:none;box-shadow:0 0 0 2px #7c3aed;border-color:transparent}.datasets-filter-controls{display:flex;align-items:center;gap:.5rem}.datasets-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:var(--datasets-transition);text-decoration:none;position:relative;overflow:hidden;font-size:.875rem}.datasets-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.datasets-btn-primary{background:var(--datasets-primary-gradient);color:#fff;box-shadow:var(--datasets-shadow-md)}.datasets-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#2563eb);transform:translateY(-1px);box-shadow:var(--datasets-shadow-lg)}.datasets-btn-success{background:var(--datasets-success-gradient);color:#fff;box-shadow:var(--datasets-shadow-md)}.datasets-btn-success:hover:not(:disabled){background:linear-gradient(135deg,#047857,#059669);transform:translateY(-1px);box-shadow:var(--datasets-shadow-lg)}.datasets-btn-danger{background:var(--datasets-danger-gradient);color:#fff;box-shadow:var(--datasets-shadow-md)}.datasets-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#dc2626);transform:translateY(-1px);box-shadow:var(--datasets-shadow-lg)}.datasets-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.datasets-btn-secondary:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px)}.datasets-btn-cancel{background:#fff;color:#6b7280;border:1px solid #d1d5db}.datasets-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.datasets-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.5rem}.datasets-info-card{background:#fffffff2;-webkit-backdrop-filter:var(--datasets-backdrop-blur);backdrop-filter:var(--datasets-backdrop-blur);border-radius:var(--datasets-border-radius-lg);box-shadow:var(--datasets-shadow-lg);padding:1.5rem;border:1px solid rgba(255,255,255,.2);transition:var(--datasets-transition)}.datasets-info-card:hover{transform:translateY(-2px);box-shadow:var(--datasets-shadow-xl)}.datasets-info-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.datasets-info-card-icon{padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.datasets-info-card-title{font-weight:600;color:#fff;margin:0}.datasets-info-card-description{color:#6b7280;font-size:.875rem;margin-bottom:1rem;line-height:1.5}.datasets-info-card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.datasets-info-card-upload{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd}.datasets-info-card-upload .datasets-info-card-icon{background:#1d4ed8;color:#fff}.datasets-info-card-train{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7}.datasets-info-card-train .datasets-info-card-icon{background:#047857;color:#fff}.datasets-info-card-export{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);border-color:#c084fc}.datasets-info-card-export .datasets-info-card-icon{background:#7c3aed;color:#fff}.datasets-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.datasets-stat-card{padding:1.5rem;border-radius:.75rem;border:1px solid;transition:var(--datasets-transition);position:relative;overflow:hidden}.datasets-stat-card:hover{transform:translateY(-2px);box-shadow:var(--datasets-shadow-lg)}.datasets-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#7c3aed,#3b82f6,#06b6d4)}.datasets-general-stat-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd}.datasets-general-stat-green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7}.datasets-general-stat-red{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#f87171}.datasets-general-stat-purple{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);border-color:#c084fc}.datasets-general-stat-content{display:flex;align-items:center;justify-content:space-between}.datasets-general-stat-number{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.datasets-general-stat-label{color:#374151;font-weight:600;font-size:.875rem}.datasets-general-stat-icon{background:#fffc;padding:.75rem;border-radius:50%;color:#374151;transition:var(--datasets-transition);display:flex;align-items:center;justify-content:center}.datasets-stat-card:hover .datasets-general-stat-icon{transform:scale(1.1)}.datasets-status-badge{display:inline-flex;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.25rem}.datasets-status-active{background:#d1fae5;color:#047857}.datasets-status-inactive{background:#fee2e2;color:#dc2626}.datasets-status-training{background:#fef3c7;color:#d97706;animation:datasets-pulse 2s infinite}.datasets-modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:var(--datasets-backdrop-blur);backdrop-filter:var(--datasets-backdrop-blur);display:flex;align-items:center;justify-content:center;z-index:var(--datasets-z-modal);padding:1rem;animation:datasets-fadeIn .2s ease-out}.datasets-modal{background:#fff;border-radius:var(--datasets-border-radius-lg);box-shadow:var(--datasets-shadow-xl);width:100%;max-height:90vh;overflow-y:auto;animation:datasets-scaleIn .2s ease-out}.datasets-modal-create,.datasets-modal-edit,.datasets-modal-delete{max-width:32rem}.datasets-modal-details{max-width:48rem}.datasets-modal-stats{max-width:64rem}.datasets-modal-header{padding:1.5rem;border-top-left-radius:var(--datasets-border-radius-lg);border-top-right-radius:var(--datasets-border-radius-lg);color:#fff}.datasets-modal-header-create{background:var(--datasets-primary-gradient)}.datasets-modal-header-edit{background:var(--datasets-success-gradient)}.datasets-modal-header-delete{background:var(--datasets-danger-gradient)}.datasets-modal-header-details{background:var(--datasets-info-gradient)}.datasets-modal-header-stats{background:linear-gradient(135deg,#059669,#14b8a6)}.datasets-modal-title{display:flex;align-items:center;justify-content:space-between}.datasets-modal-title-text{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;margin:0}.datasets-modal-close{padding:.5rem;background:#fff3;border:none;border-radius:.5rem;color:#fff;cursor:pointer;transition:var(--datasets-transition);display:flex;align-items:center;justify-content:center}.datasets-modal-close:hover{background:#ffffff4d;transform:scale(1.05)}.datasets-modal-body{padding:1.5rem}.datasets-modal-actions{display:flex;gap:.75rem;margin-top:1.5rem}.datasets-modal-actions .datasets-btn{flex:1}.datasets-form{display:flex;flex-direction:column;gap:1rem}.datasets-form-group{display:flex;flex-direction:column}.datasets-form-label{display:block;font-size:.875rem;font-weight:600;color:#fff;margin-bottom:.5rem}.datasets-form-label.required:after{content:" *";color:#dc2626;font-weight:700}.datasets-form-input,.datasets-form-textarea,.datasets-form-select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;transition:var(--datasets-transition);font-size:.875rem;background:#fff;font-family:inherit}.datasets-form-input:focus,.datasets-form-textarea:focus,.datasets-form-select:focus{outline:none;box-shadow:0 0 0 2px #7c3aed;border-color:transparent}.datasets-form-textarea{resize:vertical;min-height:4rem}.datasets-form-range{width:100%;height:.5rem;background:#e5e7eb;border-radius:9999px;outline:none;appearance:none;cursor:pointer}.datasets-form-range::-webkit-slider-thumb{appearance:none;width:1.25rem;height:1.25rem;background:var(--datasets-primary-gradient);border-radius:50%;cursor:pointer;box-shadow:var(--datasets-shadow-md)}.datasets-form-range::-moz-range-thumb{width:1.25rem;height:1.25rem;background:var(--datasets-primary-gradient);border-radius:50%;cursor:pointer;border:none;box-shadow:var(--datasets-shadow-md)}.datasets-progress-container{width:100%;background:#e5e7eb;border-radius:9999px;overflow:hidden;height:.5rem}.datasets-progress-bar{height:100%;background:var(--datasets-primary-gradient);transition:width .3s ease;border-radius:9999px;position:relative}.datasets-progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:datasets-shimmer 2s infinite}.datasets-progress-label{display:flex;justify-content:space-between;font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.datasets-validation-result{padding:1rem;border-radius:.5rem;border:1px solid;margin-top:1rem}.datasets-validation-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7;color:#047857}.datasets-validation-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#facc15;color:#d97706}.datasets-validation-error{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#f87171;color:#dc2626}.datasets-validation-header{display:flex;align-items:center;gap:.5rem;font-weight:600;margin-bottom:.5rem}.datasets-validation-details{font-size:.875rem;line-height:1.5}.datasets-validation-list{list-style:disc;margin-left:1rem;margin-top:.5rem}.datasets-validation-list li{margin-bottom:.25rem}.datasets-loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:#7c3aed}.datasets-loading-content{display:flex;align-items:center;gap:.5rem;font-weight:500}.datasets-loading-icon{color:#7c3aed}.datasets-spin{animation:datasets-spin 1s linear infinite}.datasets-table-card{background:#fffffff2;-webkit-backdrop-filter:var(--datasets-backdrop-blur);backdrop-filter:var(--datasets-backdrop-blur);border-radius:var(--datasets-border-radius-lg);box-shadow:var(--datasets-shadow-lg);overflow:hidden}.datasets-table-container{overflow-x:auto}.datasets-table{width:100%;border-collapse:collapse}.datasets-table-header{background:var(--datasets-primary-gradient);color:#fff}.datasets-th{padding:1rem 1.5rem;text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.datasets-th-center{text-align:center}.datasets-table-body{background:#fff}.datasets-table-row{border-bottom:1px solid #e5e7eb;transition:var(--datasets-transition)}.datasets-table-row:hover{background:#f9fafb}.datasets-td{padding:1rem 1.5rem;color:#374151;vertical-align:middle}.datasets-td-center{text-align:center}.datasets-details-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.datasets-details-grid{grid-template-columns:1fr 1fr}}.datasets-details-section-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.datasets-details-content{display:flex;flex-direction:column;gap:.75rem}.datasets-detail-item{display:flex;flex-direction:column;gap:.25rem}.datasets-detail-label{font-size:.875rem;font-weight:500;color:#6b7280}.datasets-detail-value{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.datasets-summary-section{background:#f9fafb;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem;border:1px solid #e5e7eb}.datasets-summary-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.datasets-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.datasets-summary-item{background:#fff;padding:1rem;border-radius:.5rem;border:1px solid #e5e7eb;display:flex;align-items:center;gap:.75rem}.datasets-summary-icon{background:#dbeafe;padding:.5rem;border-radius:50%;color:#1d4ed8;flex-shrink:0;display:flex;align-items:center;justify-content:center}.datasets-summary-label{font-size:.875rem;color:#000;margin:0}.datasets-summary-value{font-size:1.125rem;font-weight:700;color:#000;margin:0}.datasets-summary-table{background:#f9fafb;border-radius:.75rem;padding:1.5rem;border:1px solid #e5e7eb}.datasets-summary-container{overflow-x:auto}.datasets-summary-table-element{width:100%;border-collapse:collapse}.datasets-summary-th{padding:.75rem 1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.datasets-summary-th-center{text-align:center}.datasets-summary-row{border-bottom:1px solid #e5e7eb;transition:var(--datasets-transition)}.datasets-summary-row:hover{background:#fff}.datasets-summary-td{padding:.75rem 1rem;color:#000}.datasets-summary-td-center{text-align:center}.datasets-summary-badge{display:inline-block;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600}.datasets-summary-badge-blue{background:#dbeafe;color:#1d4ed8}.datasets-summary-badge-green{background:#d1fae5;color:#047857}.datasets-summary-badge-purple{background:#e9d5ff;color:#7c3aed}.datasets-summary-badge-orange{background:#fed7aa;color:#ea580c}.datasets-warning-info{background:#fef3c7;border:1px solid #facc15;border-radius:.5rem;padding:.75rem;margin:1rem 0}.datasets-warning-content{display:flex;align-items:flex-start;gap:.5rem;color:#d97706}.datasets-warning-title{font-size:.875rem;font-weight:600;margin:0 0 .25rem}.datasets-warning-list{margin:0;padding-left:1rem;font-size:.75rem;line-height:1.4}.datasets-info-box{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:.5rem;padding:1rem;color:#1d4ed8;margin:1rem 0}.datasets-info-box-content{display:flex;align-items:flex-start;gap:.75rem}.datasets-info-box-icon{flex-shrink:0;margin-top:.125rem}.datasets-info-box-text{flex:1}.datasets-info-box-title{font-weight:600;margin:0 0 .25rem}.datasets-info-box-description{font-size:.875rem;margin:0;line-height:1.5}.datasets-template-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;margin-bottom:1.5rem}.datasets-template-title{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.datasets-template-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.datasets-template-grid{grid-template-columns:1fr 1fr}}.datasets-template-example{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem}.datasets-template-example-title{font-weight:600;color:#374151;margin:0 0 .5rem;font-size:.875rem}.datasets-template-code{background:#1f2937;color:#e5e7eb;padding:.75rem;border-radius:.375rem;font-family:Fira Code,Courier New,monospace;font-size:.75rem;overflow-x:auto;white-space:pre;line-height:1.4}.datasets-template-list{margin:0;padding-left:1rem;font-size:.875rem;color:#374151;line-height:1.5}.datasets-template-list li{margin-bottom:.25rem}.datasets-supported-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;margin-top:1rem}.datasets-type-badge{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8;padding:.5rem;border-radius:.5rem;text-align:center;font-size:.75rem;font-weight:600;border:1px solid #93c5fd}.datasets-file-input{position:relative;overflow:hidden;display:inline-block;width:100%}.datasets-file-input input[type=file]{position:absolute;left:-9999px}.datasets-file-input-label{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;border:2px dashed #d1d5db;border-radius:.5rem;background:#f9fafb;cursor:pointer;transition:var(--datasets-transition);text-align:center;color:#6b7280}.datasets-file-input-label:hover{border-color:#7c3aed;background:#f3f4f6;color:#7c3aed}.datasets-file-input.has-file .datasets-file-input-label{border-color:#059669;background:#d1fae5;color:#047857}.datasets-file-info{background:#f3f4f6;border:1px solid #d1d5db;border-radius:.5rem;padding:.75rem;margin-top:.5rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.datasets-file-details{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0}.datasets-file-name{font-weight:500;color:#1f2937}.datasets-file-size{font-size:.75rem;color:#6b7280}.datasets-file-remove{background:none;border:none;color:#dc2626;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:var(--datasets-transition)}.datasets-file-remove:hover{background:#fee2e2}.datasets-actions{display:flex;align-items:center;justify-content:center;gap:.5rem}.datasets-action-btn{padding:.5rem;border:none;border-radius:.5rem;cursor:pointer;transition:var(--datasets-transition);display:flex;align-items:center;justify-content:center}.datasets-action-view{background:#dbeafe;color:#1d4ed8}.datasets-action-view:hover{background:#bfdbfe;transform:scale(1.05)}.datasets-action-edit{background:#d1fae5;color:#047857}.datasets-action-edit:hover{background:#a7f3d0;transform:scale(1.05)}.datasets-action-delete{background:#fee2e2;color:#dc2626}.datasets-action-delete:hover{background:#fecaca;transform:scale(1.05)}.datasets-action-train{background:#e9d5ff;color:#7c3aed}.datasets-action-train:hover{background:#d8b4fe;transform:scale(1.05)}@keyframes datasets-slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes datasets-slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes datasets-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes datasets-scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes datasets-slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes datasets-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes datasets-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes datasets-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes datasets-bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-5px,0)}70%{transform:translate3d(0,-3px,0)}90%{transform:translate3d(0,-1px,0)}}@media (max-width: 768px){.datasets-view{padding:1rem}.datasets-header-content{flex-direction:column;align-items:flex-start}.datasets-header-actions{width:100%;justify-content:space-between;flex-wrap:wrap}.datasets-stats-grid,.datasets-details-grid,.datasets-info-grid,.datasets-summary-grid,.datasets-template-grid{grid-template-columns:1fr}.datasets-modal{margin:.5rem;max-width:calc(100vw - 1rem)}.datasets-table-container{overflow-x:scroll}.datasets-th,.datasets-td{padding:.5rem;font-size:.875rem}.datasets-actions{flex-direction:column;gap:.25rem}.datasets-action-btn{padding:.375rem}.datasets-notification-toast-container{top:.5rem;right:.5rem;left:.5rem;max-width:none}.datasets-notification-toast-content{padding:.75rem}.datasets-notification-title,.datasets-notification-message{font-size:.8125rem}.datasets-confirmation-overlay{padding:.5rem}.datasets-confirmation-dialog{max-width:calc(100vw - 1rem)}.datasets-confirmation-content{padding:1rem}.datasets-confirmation-actions{flex-direction:column;gap:.5rem}.datasets-confirmation-btn{width:100%}.datasets-modal-actions{flex-direction:column}.datasets-modal-actions .datasets-btn{width:100%}.datasets-info-card-actions{justify-content:center}.datasets-supported-types{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width: 480px){.datasets-header-title{font-size:1.25rem}.datasets-btn{padding:.5rem .75rem;font-size:.875rem}.datasets-modal-header,.datasets-modal-body{padding:1rem}.datasets-form-input,.datasets-form-textarea{padding:.5rem}.datasets-general-stat-number{font-size:1.5rem}.datasets-general-stat-label{font-size:.75rem}.datasets-info-card{padding:1rem}.datasets-info-card-actions{flex-direction:column;gap:.375rem}.datasets-file-input-label{padding:1.5rem 1rem;font-size:.875rem}.datasets-template-code{font-size:.6875rem;padding:.5rem}}.datasets-hidden{display:none}.datasets-block{display:block}.datasets-flex{display:flex}.datasets-grid{display:grid}.datasets-text-center{text-align:center}.datasets-text-left{text-align:left}.datasets-text-right{text-align:right}.datasets-font-normal{font-weight:400}.datasets-font-medium{font-weight:500}.datasets-font-semibold{font-weight:600}.datasets-font-bold{font-weight:700}.datasets-disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.datasets-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.datasets-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.datasets-btn:focus,.datasets-action-btn:focus,.datasets-search-input:focus,.datasets-form-input:focus,.datasets-form-textarea:focus,.datasets-form-select:focus,.datasets-modal-close:focus{outline:2px solid #7c3aed;outline-offset:2px}@media (prefers-color-scheme: dark){.datasets-view{background:linear-gradient(135deg,#1e1b4b,#312e81,#1e3a8a)}.datasets-header-card,.datasets-filters-card,.datasets-table-card,.datasets-info-card,.datasets-modal{background:#1f2937f2;color:#f9fafb}.datasets-header-title,.datasets-details-section-title,.datasets-summary-title,.datasets-template-title{color:#f9fafb}.datasets-header-subtitle,.datasets-detail-label,.datasets-summary-label{color:#000}.datasets-search-input,.datasets-form-input,.datasets-form-textarea,.datasets-form-select{background:#374151;border-color:#6b7280;color:#f9fafb}.datasets-search-input::placeholder,.datasets-form-input::placeholder,.datasets-form-textarea::placeholder{color:#9ca3af}.datasets-table-body{background:#374151}.datasets-table-row:hover{background:#4b5563}.datasets-td{color:#f9fafb}}@media print{.datasets-view{background:#fff!important;padding:0}.datasets-header-card,.datasets-filters-card,.datasets-table-card,.datasets-info-card{background:#fff!important;box-shadow:none;border:1px solid #e5e7eb}.datasets-btn,.datasets-action-btn,.datasets-notification-toast-container,.datasets-confirmation-overlay,.datasets-modal-overlay{display:none!important}.datasets-table-header{background:#f3f4f6!important;color:#1f2937!important}.datasets-header-actions,.datasets-filter-controls,.datasets-modal-actions{display:none!important}}.login-container{min-height:100vh;background:linear-gradient(135deg,#7c3aed,#3b82f6,#06b6d4);display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.login-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.5rem;box-shadow:0 25px 50px -12px #00000040;padding:3rem;width:100%;max-width:450px;position:relative;z-index:10}.login-header{text-align:center;margin-bottom:2.5rem}.login-logo{background:linear-gradient(135deg,#3b82f6,#06b6d4);width:80px;height:80px;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 10px 15px -3px #0000001a}.login-title{font-size:1.75rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.login-subtitle{color:#6b7280;margin:0;font-size:.95rem}.login-form-container{width:100%}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-weight:600;color:#374151;font-size:.875rem}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:#6b7280;z-index:5}.form-input{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1rem;transition:all .2s;background:#fff}.form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.password-toggle{position:absolute;right:1rem;background:none;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:color .2s}.password-toggle:hover{color:#374151}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.error-message{display:flex;align-items:center;gap:.5rem;color:#dc2626;background:#fef2f2;padding:.75rem 1rem;border-radius:.5rem;border:1px solid #fecaca;font-size:.875rem}.login-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,#7c3aed,#3b82f6);color:#fff;border:none;border-radius:.75rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#2563eb);transform:translateY(-1px);box-shadow:0 8px 15px -3px #0000001a}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-button.loading{pointer-events:none}.login-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.login-footer p{color:#6b7280;font-size:.875rem;margin:0}.link{color:#3b82f6;cursor:pointer;font-weight:500}.link:hover{color:#2563eb;text-decoration:underline}.loading-container{min-height:100vh;background:linear-gradient(135deg,#7c3aed,#3b82f6,#06b6d4);display:flex;align-items:center;justify-content:center}.loading-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1rem;padding:3rem;text-align:center;box-shadow:0 25px 50px -12px #00000040}.loading-icon{color:#3b82f6;margin-bottom:1rem}.login-decoration{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.decoration-circle{position:absolute;border-radius:50%;background:#ffffff1a;animation:float 6s ease-in-out infinite}.decoration-1{width:200px;height:200px;top:10%;left:10%;animation-delay:0s}.decoration-2{width:150px;height:150px;top:60%;right:15%;animation-delay:2s}.decoration-3{width:100px;height:100px;bottom:20%;left:20%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}@media (max-width: 640px){.login-container{padding:1rem}.login-content{padding:2rem}.login-logo{width:60px;height:60px}.login-title{font-size:1.5rem}}