:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background:#f4f6f8;color:#222;font-size:16px;line-height:1.5}a{text-decoration:none;color:inherit}ul{list-style:none}.page-total{width:100%;display:flex;justify-content:center}.page-screen{padding:40px 0 40px 40px;display:flex;flex-direction:column;justify-content:space-between;gap:1.1rem;font-family:Inter,sans-serif;width:85%}.title-header h1{font-size:2.6rem;font-weight:800;color:#2176c7;letter-spacing:2px;text-shadow:0 2px 12px rgba(33,118,199,.1);background:linear-gradient(90deg,#3b9cf7,#2176c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-header p{font-size:1.1rem;color:#4a5a6a;margin-bottom:0;margin-top:0;font-weight:400;letter-spacing:.1px}.header-container{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--gray-light);padding-bottom:20px}.header-actions{display:flex;gap:1rem;align-items:center}body.dark-mode .title-header h1,body.dark-mode .title-header p{color:var(--text-color)}body.dark-mode .header-container{border-bottom:1px solid var(--equipos-table-border)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent;border-radius:10px}body.dark-mode ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4361ee,#7209b7);border-radius:10px;border:2px solid #0f172a}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4361ee,#7209b7);border-radius:10px;border:2px solid #f8fafc}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4cc9f0,#f72585)}@media (max-width: 1200px){.page-screen{width:94%;padding:40px 0 40px 75px}}@media (max-width: 900px){.title-header h1{font-size:2.35rem}.title-header p{font-size:1rem}}.sidebar{position:fixed;background-color:#111;color:#fff;height:100vh;transition:width .3s ease;width:240px;display:flex;flex-direction:column;justify-content:space-between;gap:2rem;z-index:99}.sidebar.closed{width:80px}.sidebar.closed .superior-container{display:flex;flex-direction:column;justify-content:space-between;height:50%}.toggle-container{display:flex;justify-content:end}.sidebar.closed .toggle-container{justify-content:center}.toggle-btn{background:transparent;border:none;color:#3285d3;cursor:pointer;font-size:1.8rem;padding:1.1rem}.navbar-user{padding:20px;border-bottom:1px solid #222}.greeting{font-size:.9rem;color:#aaa}.username{font-size:1.3rem;font-weight:700;color:#fff;margin-top:5px}.nav-section{margin-top:20px}.section-title{font-size:.8rem;text-transform:uppercase;color:#777;padding:8px 20px;letter-spacing:1px}.navbar-menu--option{display:flex;align-items:center;gap:8px;padding:12px 20px;color:#ccc;transition:all .2s ease;border-left:4px solid transparent}.navbar-menu--option:hover,.nav-active{background:#1c1c1c;color:#3996ee;border-left:4px solid #3285d3}.nav-icon{font-size:1.2rem;flex-shrink:0}.navbar-logout{cursor:pointer;border-top:1px solid #222}li.navbar-menu--option{padding:1.2rem}li.navbar-menu--option:hover{background:#1c1c1c;color:#e74c3c;border-left:4px solid #e74c3c}.sidebar.closed .username,.sidebar.closed .greeting,.sidebar.closed .section-title{display:absolute;opacity:0}.sidebar.closed .navbar-menu--option{justify-content:center;padding:14px 0}.ui-switch{--switch-bg: rgb(135, 150, 165);--switch-width: 48px;--switch-height: 20px;--circle-diameter: 32px;--circle-bg: rgb(232, 89, 15);--circle-inset: calc((var(--circle-diameter) - var(--switch-height)) / 2)}.ui-switch input{display:none}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--switch-width);height:var(--switch-height);background:var(--switch-bg);border-radius:999px;position:relative;cursor:pointer}.slider .circle{top:calc(var(--circle-inset) * -1);left:0;width:var(--circle-diameter);height:var(--circle-diameter);position:absolute;background:var(--circle-bg);border-radius:inherit;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNmZmYiCiAgICAgICAgZD0iTTkuMzA1IDEuNjY3VjMuNzVoMS4zODlWMS42NjdoLTEuMzl6bS00LjcwNyAxLjk1bC0uOTgyLjk4Mkw1LjA5IDYuMDcybC45ODItLjk4Mi0xLjQ3My0xLjQ3M3ptMTAuODAyIDBMMTMuOTI3IDUuMDlsLjk4Mi45ODIgMS40NzMtMS40NzMtLjk4Mi0uOTgyek0xMCA1LjEzOWE0Ljg3MiA0Ljg3MiAwIDAwLTQuODYyIDQuODZBNC44NzIgNC44NzIgMCAwMDEwIDE0Ljg2MiA0Ljg3MiA0Ljg3MiAwIDAwMTQuODYgMTAgNC44NzIgNC44NzIgMCAwMDEwIDUuMTM5em0wIDEuMzg5QTMuNDYyIDMuNDYyIDAgMDExMy40NzEgMTBhMy40NjIgMy40NjIgMCAwMS0zLjQ3MyAzLjQ3MkEzLjQ2MiAzLjQ2MiAwIDAxNi41MjcgMTAgMy40NjIgMy40NjIgMCAwMTEwIDYuNTI4ek0xLjY2NSA5LjMwNXYxLjM5aDIuMDgzdi0xLjM5SDEuNjY2em0xNC41ODMgMHYxLjM5aDIuMDg0di0xLjM5aC0yLjA4NHpNNS4wOSAxMy45MjhMMy42MTYgMTUuNGwuOTgyLjk4MiAxLjQ3My0xLjQ3My0uOTgyLS45ODJ6bTkuODIgMGwtLjk4Mi45ODIgMS40NzMgMS40NzMuOTgyLS45ODItMS40NzMtMS40NzN6TTkuMzA1IDE2LjI1djIuMDgzaDEuMzg5VjE2LjI1aC0xLjM5eiIgLz4KPC9zdmc+);background-repeat:no-repeat;background-position:center center;-webkit-transition:left .15s cubic-bezier(.4,0,.2,1) 0ms,-webkit-transform .15s cubic-bezier(.4,0,.2,1) 0ms;-o-transition:left .15s cubic-bezier(.4,0,.2,1) 0ms,transform .15s cubic-bezier(.4,0,.2,1) 0ms;transition:left .15s cubic-bezier(.4,0,.2,1) 0ms,transform .15s cubic-bezier(.4,0,.2,1) 0ms,-webkit-transform .15s cubic-bezier(.4,0,.2,1) 0ms;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.slider .circle:before{content:"";position:absolute;width:100%;height:100%;background:#ffffffbf;border-radius:inherit;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;opacity:0}.ui-switch input:checked+.slider .circle{left:calc(100% - var(--circle-diameter));background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjAiIHdpZHRoPSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIj4KICAgIDxwYXRoIGZpbGw9IiNmZmYiCiAgICAgICAgZD0iTTQuMiAyLjVsLS43IDEuOC0xLjguNyAxLjguNy43IDEuOC42LTEuOEw2LjcgNWwtMS45LS43LS42LTEuOHptMTUgOC4zYTYuNyA2LjcgMCAxMS02LjYtNi42IDUuOCA1LjggMCAwMDYuNiA2LjZ6IiAvPgo8L3N2Zz4=);background-color:#003892}.ui-switch input:active+.slider .circle:before{-webkit-transition:0s;-o-transition:0s;transition:0s;opacity:1;width:0;height:0}.theme-switch-container{display:flex;justify-content:center;align-items:center;margin:1.65rem}:root{--card-color: #ffffff;--sub-card-color: #f5f5f5;--bg-color: #f0f0f0;--color-primary: #1c77bc;--text-color: #111111;--sub-text-color: #555555}.client-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:2rem}.busqueda-container{flex:1;max-width:50%}.chip-tecnico{display:inline-block;padding:3px 12px;border-radius:12px;font-size:.98em;font-weight:600;margin-left:6px;vertical-align:middle;background:#e0e0e0;color:#555;transition:background .2s,color .2s;max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-card .chip-tecnico{max-width:110px}.client-table .chip-tecnico{max-width:145px}.campo-input .react-select__option--is-focused{cursor:pointer}.filtros-container{display:flex;align-items:center;gap:1rem}.filtro-estado-wrap,.filtro-btn{height:44px;min-width:140px;font-size:1.08rem;padding:0 1.2em;border-radius:2em;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.filtro-btn{background:linear-gradient(90deg,#3285d3,#55c8cc);color:#fff;border:none;font-weight:600;cursor:pointer;transition:background .2s,box-shadow .2s,transform .1s;box-shadow:0 2px 12px #3285d31f}.filtro-btn.active,.filtro-btn:hover{background:linear-gradient(90deg,#55c8cc,#3285d3);box-shadow:0 4px 18px #3285d32e;transform:translateY(-2px) scale(1.04)}.filter-card{margin:24px;padding:16px;background:var(--card-color);border-radius:12px;color:var(--text-color);box-shadow:0 2px 8px #0000001a}.filter-title{font-weight:600;margin-bottom:12px}.filter-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.filter-submit-btn{grid-column:span 2;background:var(--color-primary);color:#fff;padding:8px;border-radius:8px;border:none;cursor:pointer}.filter-submit-btn:hover{background:#155a8a}.filter-card-popup{position:absolute;top:110%;left:0;min-width:270px;background:var(--card-color, #fff);color:var(--text-color, #222);border-radius:12px;box-shadow:0 8px 32px #0000002e;padding:20px 18px 16px;z-index:100;border:1.5px solid #e0e4ea;animation:fadeInFilter .18s}@keyframes fadeInFilter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.client-amount{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.client-amount-left{display:flex;align-items:center;gap:8px}.client-icon{font-size:1.5rem}.client-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(334px,1fr));gap:24px;margin-top:1rem;justify-content:start}.client-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 14px #00000014;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease;border:2px solid var(--card-border, #e0e0e0);min-height:240px;max-width:100%}.client-card{opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform .35s ease}.client-card.show{opacity:1;transform:translateY(0)}.client-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #121e501a;border:2px solid #3b9cf7}.client-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.client-avatar{width:52px;height:52px;border-radius:12px;background:#e0f0ff;display:flex;align-items:center;justify-content:center;color:#0a3d66}.client-edit-btn{width:30px;height:30px;background-color:#f0f4f8;border:none;color:#333;font-size:1.2rem;padding:8px;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.client-edit-btn:hover{background:#3285d3;color:#fff}.client-info-container{display:flex;justify-content:space-between;width:100%}.client-info h3{margin:0;font-size:16px;font-weight:600;color:#111}.client-info span{font-size:13px;color:#777}.client-card-body{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.client-status,.client-task,.client-email,.client-visit,.client-technician{font-size:13px;color:#555;display:flex;align-items:center;gap:6px}.chip-tecnico.asignado{background:#d1f5e0;color:#219150;border:1.5px solid #21915033}.chip-tecnico.sin-asignar{background:#f3f3f3;color:#888;border:1.5px solid #bbb}.chip-estado{display:inline-flex;align-items:center;gap:8px;padding:5px 18px 5px 12px;border-radius:14px;font-size:1.02em;font-weight:700;margin-left:6px;vertical-align:middle;min-width:90px;text-align:left;box-shadow:0 2px 8px #21915011;border:none;position:relative;letter-spacing:.02em;transition:background .2s,color .2s}.client-screen{width:100%;min-height:100vh;display:flex;justify-content:center}.client-screen-inner{width:85%;display:flex}.client-screen-content{flex:1;padding:40px}.view-transition .client-table{opacity:1!important}.client-table{width:100%;border-collapse:collapse;margin-top:20px;background:var(--card-color);border-radius:12px;overflow:hidden;box-shadow:0 4px 10px #0000001a}.client-table thead{background:var(--color-primary);color:#fff;text-align:left}.client-table th,.client-table td{padding:12px 16px;font-size:.95rem;border-bottom:1px solid #e0e0e0}.client-table th{font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}.client-table tbody tr:hover{background:var(--sub-card-color);transition:background .2s ease-in-out}.client-table td{color:var(--sub-text-color);cursor:pointer}.client-ubic{display:flex;align-items:center;gap:4px;color:#555;font-size:.9rem}.client-table tbody tr:last-child td{border-bottom:none}.view-transition{opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}.view-transition.active{opacity:1;transform:translateY(0)}.tecnico-list{margin:0;padding:0}.tecnico-list li{margin:.2em 0}body.dark-mode .filter-card,body.dark-mode .client-card,body.dark-mode .client-table{background:var(--card-color);color:var(--text-color);border-color:var(--sub-card-color)}body.dark-mode .card-img{background-color:var(--sub-card-color)}body.dark-mode .card-img svg{color:#3b9cf7!important}body.dark-mode .filter-card,body.dark-mode .filter-form,body.dark-mode .client-card-details{color:#fff;border-color:#25304a}body.dark-mode .client-table th{background:var(--color-primary);color:#fff;border-bottom:1px solid var(--equipos-table-border)}body.dark-mode .client-table td{color:var(--sub-text-color);border-bottom:1px solid var(--equipos-table-border)}body.dark-mode .client-table tbody tr:hover{background:var(--sub-card-color);transition:background .2s ease-in-out}body.dark-mode .client-amount-left,body.dark-mode .client-icon{color:var(--text-color)}body.dark-mode .card-info,body.dark-mode .client-card-details,body.dark-mode .filter-form{color:var(--sub-text-color)!important}body.dark-mode .client-card{background:var(--card-color);color:var(--text-color);border-color:var(--sub-card-color)}body.dark-mode .client-avatar{background:var(--sub-card-color);color:var(--color-primary)}body.dark-mode .client-info h3{color:#e1e8f0}body.dark-mode .client-email,body.dark-mode .client-status,body.dark-mode .client-task,body.dark-mode .client-visit,body.dark-mode .client-technician{color:var(--sub-text-color)}body.dark-mode .client-info span{color:#acb4c4}body.dark-mode .filter-card-popup{background:var(--card-color, #161c2e);color:var(--text-color, #fff);border-color:#25304a;box-shadow:0 8px 32px #00000061}body.dark-mode .client-edit-btn{background:#25304a;color:#fff}body.dark-mode .client-edit-btn:hover{background:#3285d3;color:#fff}body.dark-mode .client-card:hover{border:2px solid #3b9cf7;box-shadow:0 14px 30px #121e502e}body.dark-mode .chip-tecnico{background:#23272f;color:#bfc9e6}body.dark-mode .chip-tecnico.asignado{background:#1e3a2f;color:#4be38a;border:1.5px solid #4be38a33}body.dark-mode .chip-tecnico.sin-asignar{background:#2a2e36;color:#888;border:1.5px solid #444}body.dark-mode .campo-input .react-select__control{background:var(--card-color);border:1.5px solid #25304a}body.dark-mode .campo-input .react-select__placeholder{color:#9aa6c0}body.dark-mode .campo-input .react-select__multi-value{background:#25304a}body.dark-mode .campo-input .react-select__multi-value__remove:hover{background:#d33232;color:#fff}body.dark-mode .campo-input .react-select__menu{background:var(--card-color)}body.dark-mode .campo-input .react-select__option--is-focused{background:#25304a;color:var(--text-color)}body.dark-mode .campo-input .react-select__multi-value__label{color:#fff}@media (max-width: 1200px){.client-card-grid{gap:16px}}@media (max-width: 900px){.client-card-grid{grid-template-columns:repeat(auto-fill,minmax(298px,1fr))}.client-table th,.client-table td{padding:10px 8px;font-size:.92rem}}.busqueda-wrap{position:relative;display:flex;align-items:center;min-width:260px;margin-right:16px}.busqueda{width:100%;padding:8px 12px 8px 38px;border-radius:8px;border:1.5px solid #bfc8da;background:#fff;color:#1c2a3a;font-size:1rem;transition:border-color .2s;outline:none}.busqueda:focus{border-color:#3b9cf7}.busqueda-icon{position:absolute;left:12px;font-size:1.2rem;color:#bfc8da;pointer-events:none;transition:color .2s}.busqueda:focus+.busqueda-icon,.busqueda-wrap:focus-within .busqueda-icon{color:#3285d3}body.dark-mode .busqueda{background:#222b3a;color:#fff;border-color:#25304a}body.dark-mode .busqueda:focus{border-color:#3285d3}body.dark-mode .busqueda-icon{color:#bfc8da}body.dark-mode .busqueda:focus+.busqueda-icon,body.dark-mode .busqueda-wrap:focus-within .busqueda-icon{color:#3285d3}.filtro-btn{display:inline-flex;align-items:center;gap:.6em;padding:.65em 1.3em;font-size:1.08rem;font-weight:600;border:none;border-radius:2em;background:linear-gradient(90deg,#3285d3,#55c8cc);color:#fff;box-shadow:0 2px 12px #3285d31f;cursor:pointer;transition:all .3s ease;outline:none;position:relative}.filtro-btn:hover,.filtro-btn.active{background:linear-gradient(90deg,#55c8cc,#3285d3);box-shadow:0 4px 18px #3285d32e;transform:translateY(-2px) scale(1.04)}.filtro-btn svg{margin-right:.4em;font-size:1.1em}body.dark-mode .filtro-btn{background:linear-gradient(90deg,#1c2a3a,#4567ff);color:#fff;box-shadow:0 2px 12px #4567ff2e}body.dark-mode .filtro-btn:hover,body.dark-mode .filtro-btn.active{background:linear-gradient(90deg,#4567ff,#1c2a3a);box-shadow:0 4px 18px #4567ff47}.add-btn-unique{cursor:pointer;background:linear-gradient(100deg,#3285d3,#55c8cc 60%,#3b9cf7);color:#fff;padding:13px 38px 13px 22px;border-radius:2.5em;border:none;font-size:1.22rem;font-weight:800;letter-spacing:1.2px;display:inline-flex;align-items:center;gap:.9em;box-shadow:0 4px 24px #3285d32e,0 0 0 4px #55c8cc12;transition:background .35s,box-shadow .25s,transform .13s;outline:none;position:relative;overflow:hidden;z-index:1}.add-btn-unique:after{content:"";position:absolute;inset:0;border-radius:2.5em;background:linear-gradient(100deg,#55c8cc,#3285d3);opacity:0;transition:opacity .3s;z-index:-1}.add-btn-unique:hover,.add-btn-unique:focus{background:linear-gradient(100deg,#55c8cc,#3285d3 60%,#3b9cf7);box-shadow:0 8px 32px #3285d347,0 0 0 8px #55c8cc21;transform:translateY(-3px) scale(1.045)}.add-btn-unique:hover:after,.add-btn-unique:focus:after{opacity:.13}.add-btn-unique svg{font-size:1.45em;margin-right:.1em;background:#fff;color:#3285d3;border-radius:50%;padding:7px;box-shadow:0 2px 8px #3285d31a;transition:transform .4s cubic-bezier(.4,2,.6,1),background .2s}.add-btn-unique:hover svg,.add-btn-unique:focus svg{transform:rotate(-20deg) scale(1.13);background:#55c8cc;color:#fff}body.dark-mode .add-btn-unique{background:linear-gradient(100deg,#1c2a3a,#4567ff 60%,#3b9cf7);color:#fff;box-shadow:0 4px 24px #4567ff2e,0 0 0 4px #4567ff1a}body.dark-mode .add-btn-unique:after{background:linear-gradient(100deg,#4567ff,#1c2a3a)}body.dark-mode .add-btn-unique:hover,body.dark-mode .add-btn-unique:focus{background:linear-gradient(90deg,#4567ff,#1c2a3a);box-shadow:0 0 0 6px #1a276347}body.dark-mode .add-btn-unique svg{background:#222b3a;color:#3b9cf7;box-shadow:0 2px 8px #4567ff1a}body.dark-mode .add-btn-unique:hover svg,body.dark-mode .add-btn-unique:focus svg{background:#4567ff;color:#fff}@media (max-width: 900px){.add-btn-unique{padding:11px 28px 11px 18px;font-size:1rem}.add-btn-unique svg{font-size:1.25em;padding:5px}}:root{--modal-bg: #fff;--modal-text: #222;--modal-border: #e0e0e0;--modal-shadow: 0 8px 32px rgba(60,60,60,.18)}body.dark-mode{--modal-bg: #1d2330;--modal-text: #f1f1f1;--modal-border: #333a44;--modal-shadow: 0 8px 32px rgba(0,0,0,.45)}.modal-overlay{position:fixed;inset:0;background:#00000040;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-card{background:var(--modal-bg);color:var(--modal-text);border-radius:16px;box-shadow:var(--modal-shadow);border:1px solid var(--modal-border);min-width:340px;max-width:95vw;width:440px;padding:2rem 1.5rem 1.5rem;position:relative;animation:modalIn .2s cubic-bezier(.4,2,.6,1) both;max-height:95vh;overflow-y:auto}.modal-title{margin-top:0;font-size:1.25rem;font-weight:700;color:#2176c7;letter-spacing:.01em;margin-bottom:1.2rem}.modal-close-btn{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:var(--modal-text);cursor:pointer;transition:color .2s}.modal-close-btn:hover{color:#f72585}.modal-title{margin:0 0 1.2rem;font-size:1.3rem;font-weight:700;letter-spacing:.01em}body.dark-mode .modal-title{color:#4cc9f0}.modal-form-content{margin-top:.5rem}:root{--campo-bg: #f6f8fa;--campo-border: #cfd8dc;--campo-label: #495057;--campo-input: #222;--campo-focus: #4361ee;--campo-placeholder: #adb5bd;--campo-btn-bg: #4361ee;--campo-btn-bg-hover: #2746b6;--campo-btn-text: #fff;--campo-btn-disabled: #bfc9e6}body.dark-mode{--campo-bg: #23272f;--campo-border: #3a4250;--campo-label: #e0e6ed;--campo-input: #f1f1f1;--campo-focus: #4cc9f0;--campo-placeholder: #6c757d;--campo-btn-bg: #4cc9f0;--campo-btn-bg-hover: #4361ee;--campo-btn-text: #23272f;--campo-btn-disabled: #3a4250}.campo-group{margin-bottom:1.1rem;display:flex;flex-direction:column}.campo-label{font-size:.98rem;color:var(--campo-label);margin-bottom:.35rem;font-weight:500}.campo-input,.campo-select{background:#e9f0fb;color:#2176c7;border:2px solid #b6d6ff;border-radius:12px;padding:7px 16px;font-size:1rem;font-weight:600;transition:background .2s,color .2s,border-color .2s;margin-bottom:4px;box-shadow:none;outline:none}.campo-input:focus,.campo-select:focus{background:#d0e6ff;color:#155a8a;border-color:#3b9cf7}body.dark-mode .campo-input,body.dark-mode .campo-select{background:#222b3a;color:#3b9cf7;border:2px solid #3b9cf7}body.dark-mode .campo-input:focus,body.dark-mode .campo-select:focus{background:#2a3346;color:#fff;border-color:#3b9cf7}.campo-textarea{background:#e9f0fb;color:#2176c7;border:2px solid #b6d6ff;border-radius:18px;padding:7px 16px;font-size:1rem;font-weight:600;transition:background .2s,color .2s,border-color .2s;margin-bottom:4px;box-shadow:none;outline:none;min-height:3.6em;max-height:12em;resize:none!important;overflow-y:hidden}.campo-textarea:focus{background:#d0e6ff;color:#155a8a;border-color:#3b9cf7}body.dark-mode .campo-textarea{background:#222b3a;color:#3b9cf7;border:2px solid #3b9cf7}body.dark-mode .campo-textarea:focus{background:#2a3346;color:#fff;border-color:#3b9cf7}.campo-checkbox-group{flex-direction:row;align-items:center;gap:.5em}.campo-checkbox{accent-color:var(--campo-focus);width:1.1em;height:1.1em}.campo-btn{width:100%;padding:.52rem 0;border:none;border-radius:7px;background:var(--campo-btn-bg);color:var(--campo-btn-text);font-size:1.08rem;font-weight:600;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s;margin-top:.55rem;box-shadow:0 2px 8px #0001;letter-spacing:.01em}.campo-btn:hover:not(:disabled){background:var(--campo-btn-bg-hover);color:var(--campo-btn-text)}.campo-btn:disabled{background:var(--campo-btn-disabled);color:#888;cursor:not-allowed;opacity:.8}.equipos-checkbox-group{display:flex;flex-wrap:wrap;gap:.3em;margin-top:.2em}.filtro-checkbox{display:flex;align-items:center;font-size:1rem;color:#2176c7;gap:7px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#e9f0fb;padding:7px 16px;border-radius:18px;border:2px solid #b6d6ff;margin-bottom:4px;font-weight:600;transition:background .2s,color .2s,border-color .2s}.filtro-checkbox:hover{background:#d0e6ff;color:#155a8a;border-color:#3b9cf7}.filtro-checkbox.activo{color:#fff!important;background:linear-gradient(90deg,#3b9cf7,#2176c7);border-color:#3b9cf7!important}.filtro-checkbox input[type=checkbox]{display:none}body.dark-mode .filtro-checkbox{background:#222b3a;color:#3b9cf7;border:2px solid #3b9cf7}body.dark-mode .filtro-checkbox:hover{background:#2a3346;color:#fff;border-color:#3b9cf7}body.dark-mode .filtro-checkbox.activo{color:#fff!important;background:linear-gradient(90deg,#3b9cf7,#2176c7);border-color:#3b9cf7!important}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;width:100%;background:transparent}.loading-spinner{width:48px;height:48px;border:5px solid #3b9cf7;border-top:5px solid #153553;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:18px}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:1.15rem;color:#222;font-weight:500;letter-spacing:1px}body.dark-mode .loading-text{color:#fff}body.dark-mode .loading-spinner{border:5px solid #3285d3;border-top:5px solid #7fbef9}.confirm-modal{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirm-modal-content{background:#fff;color:#222;padding:36px 28px 28px;border-radius:16px;box-shadow:0 8px 32px #0000002e;max-width:420px;width:100%;text-align:center;border:2px solid #e0e0e0;position:relative}.confirm-modal-content h2{font-size:1.18rem;font-weight:600;margin-bottom:24px;line-height:1.4}.confirm-nombre{color:#e53935;font-size:1.35rem;font-weight:700}.confirm-modal-actions{margin-top:12px;display:flex;justify-content:center;gap:16px}.btn-delete{background:#e53935;color:#fff;border:none;padding:10px 0;border-radius:8px;font-weight:700;cursor:pointer;min-width:120px;font-size:1rem;transition:background .18s;box-shadow:0 2px 8px #00000014}.btn-delete:hover{background:#b71c1c}.btn-cancel{background:#444;color:#fff;border:none;padding:10px 0;border-radius:8px;font-weight:700;cursor:pointer;min-width:120px;font-size:1rem;transition:background .18s;box-shadow:0 2px 8px #00000014}.btn-cancel:hover{background:#222}body.dark-mode .confirm-modal-content{background:#23272f;color:#fff;border-color:#25304a}.animated-pop{animation:popIn .28s cubic-bezier(.42,1.56,.42,.98)}@keyframes popIn{0%{transform:scale(.8);opacity:0}80%{transform:scale(1.05);opacity:1}to{transform:scale(1)}}.btn-delete-client{background:#e53935;color:#fff;border:none;margin-top:.7rem;padding:10px 16px;border-radius:6px;cursor:pointer;width:100%;font-weight:700;font-size:1rem;transition:background .2s}.btn-delete-client:hover,.btn-delete-client:focus{background:#b71c1c}.container-btn-file{background-color:#218838;color:#fff;display:inline-flex;align-items:center;gap:.6em;padding:.65em 1.3em;font-size:1.08rem;font-weight:600;border:none;border-radius:2em;cursor:pointer;transition:all .18s cubic-bezier(.2,.9,.3,1);outline:none;position:relative;justify-content:center;box-shadow:0 6px 18px #2188381f}.container-btn-file:hover{transform:translateY(-2px);box-shadow:0 12px 28px #2188382e;filter:brightness(1.03)}.container-btn-file:active{transform:translateY(0);box-shadow:0 6px 12px #2188381f}.container-btn-file:focus{box-shadow:0 0 0 4px #2188381f}.filtros-container .container-btn-file,.barra-container .container-btn-file{margin-right:10px}.dark-mode .container-btn-file{box-shadow:0 6px 18px #00000073;background-color:#1f9b3a}.barra-container{display:flex;gap:1rem;justify-content:space-between;align-items:center}.tech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));justify-content:space-between;gap:24px;width:100%}.tech-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 14px #00000014;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease;border:2px solid var(--card-border, #e0e0e0)}.tech-card{opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform .35s ease}.tech-card.show{opacity:1;transform:translateY(0)}.tech-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px #0000001f}.tech-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.tech-avatar{width:52px;height:52px;border-radius:12px;background:#e0f0ff;display:flex;align-items:center;justify-content:center;color:#0a3d66}.tech-info-container{display:flex;justify-content:space-between;width:100%}.tech-info-container button{width:30px;height:30px;background-color:#f0f4f8;border:none;color:#333;font-size:1.2rem;padding:8px;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.tech-info-container button:hover{background:#3285d3;color:#fff}.tech-info h3{margin:0;font-size:16px;font-weight:600;color:#111}.tech-info span{font-size:13px;color:#777}.tech-card-body{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.tech-status{font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px}.tech-status.disponible{color:#117a3a}.tech-status.en_servicio{color:#f39c12}.tech-status.desconectado{color:#c0392b}.tech-task{font-size:13px;color:#555}.tech-email{font-size:12px;color:#888;display:flex;align-items:center;gap:4px}.tech-card-footer{display:flex;justify-content:space-between;gap:8px}.btn-primary{cursor:pointer;background:var(--color-primary);color:#fff;padding:8px 16px;border-radius:8px;border-color:#1c77bc;border-bottom:4px solid #155a8a}.btn-three{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;background:#1c77bc;color:#fff;border:none;cursor:pointer}.btn-primary:hover,.btn-three:hover{background:#155a8a}.btn-secondary{flex:1;background:#f0f2f5;color:#333;border:none;border-radius:10px;padding:8px 12px;cursor:pointer;font-weight:500}.btn-secondary:hover{background:#dce1e7}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:20}.form-container{display:flex;flex-direction:column;gap:12px}.form-container input,.form-container select{padding:10px;border-radius:8px;border:1px solid #ccc;font-size:14px}.form-actions{display:flex;justify-content:flex-end;gap:10px}.barra-container{display:flex;gap:1rem}.filtro-select:focus{outline:none}.filtro-select option{color:#fff}.filtro-estado-wrap{display:inline-flex;align-items:center;gap:.6em;padding:.65em 1.3em;font-size:1.08rem;font-weight:600;border:none;border-radius:2em;background:linear-gradient(90deg,#3285d3,#55c8cc);color:#fff;box-shadow:0 2px 12px #3285d31f;cursor:pointer;transition:background .2s,box-shadow .2s,transform .1s;outline:none;position:relative}.filtro-estado-select{border:none;background:transparent;color:#fff;font-size:1rem;outline:none;padding:4px 0;cursor:pointer;line-height:1.4;margin-top:2px}.filtro-estado-wrap:hover{background:linear-gradient(90deg,#55c8cc,#3285d3);box-shadow:0 4px 18px #3285d32e;transform:translateY(-2px) scale(1.04)}.filtro-estado-icon{margin-right:.4em;font-size:1.1em}.filtro-estado-select{border:none;background:transparent;color:#fff;font-weight:600;font-size:1rem;outline:none;padding:4px 0;cursor:pointer}.filtro-estado-select option{background-color:#222;color:#fff}.filtro-estado-wrap:focus-within{border-color:#3b9cf7}body.dark-mode .tech-card{background:var(--card-color);color:var(--text-color);border-color:var(--sub-card-color)}body.dark-mode .tech-avatar{background:var(--sub-card-color);color:var(--color-primary)}body.dark-mode .tech-info h3{color:#e1e8f0}body.dark-mode .tech-email,body.dark-mode .tech-status{color:var(--sub-text-color)}body.dark-mode .tech-info span{color:#acb4c4}body.dark-mode .tech-task{font-size:13px;color:#949caa}body.dark-mode .tech-status.disponible{color:#09db59}body.dark-mode .tech-status.en_servicio{color:#f39c12}body.dark-mode .tech-status.desconectado{color:#c0392b}body.dark-mode .btn-primary,body.dark-mode .btn-three{background:var(--color-primary);color:#fff;border-bottom:4px solid #2176c7}body.dark-mode .btn-primary:hover,body.dark-mode .btn-three:hover{background:#2176c7}body.dark-mode .btn-secondary{background:var(--sub-card-color);color:#fff}body.dark-mode .btn-secondary:hover{background:var(--color-primary);color:var(--bg-color)}body.dark-mode .form-container input,body.dark-mode .form-container select{background:var(--sub-card-color);color:#fff;border-color:#25304a}body.dark-mode .filtro-estado-wrap{background:#222b3a;border-color:#25304a}body.dark-mode .filtro-estado-icon{color:#bfc8da}body.dark-mode .filtro-estado-select{background:#222b3a;color:#fff}body.dark-mode .tech-info-container button{background-color:#25304a;color:#fff}body.dark-mode .tech-info-container button:hover{background:#3285d3;color:#fff}.clients-modal-content,.history-modal-content{padding-bottom:.5em}.clients-table,.history-table{width:100%;border-collapse:separate;border-spacing:0;background:#f8fafc;border-radius:12px;overflow:hidden;margin-bottom:1.2em;font-size:1.01em;box-shadow:0 2px 8px #2176c711}.clients-table th,.history-table th,.clients-table td,.history-table td{padding:10px 12px;text-align:left}.clients-table th,.history-table th{background:#e9f0fb;color:#2176c7;font-weight:700;border-bottom:2px solid #dbeafe}.clients-table tr,.history-table tr{border-bottom:1px solid #e0e0e0;transition:background .15s}.clients-table tbody tr:hover,.history-table tbody tr:hover{background:#e9f0fb}.clients-table td,.history-table td{color:#333}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:1.2em}.btn-secondary{background:#e9f0fb;color:#2176c7;border:none;border-radius:10px;padding:8px 18px;cursor:pointer;font-weight:600;font-size:1.05em;transition:background .18s,color .18s;box-shadow:0 2px 8px #2176c711}.btn-secondary:hover{background:#2176c7;color:#fff}body.dark-mode .clients-table,body.dark-mode .history-table{background:#181c24}body.dark-mode .clients-table th,body.dark-mode .history-table th{background:#152036;color:#4cc9f0;border-bottom:2px solid #25304a}body.dark-mode .clients-table td,body.dark-mode .history-table td{color:#e0e6ed}body.dark-mode .clients-table tr,body.dark-mode .history-table tr{border-bottom:1px solid #25304a}body.dark-mode .clients-table tbody tr:hover,body.dark-mode .history-table tbody tr:hover{background:#23272f}body.dark-mode .btn-secondary{background:#23272f;color:#4cc9f0}body.dark-mode .btn-secondary:hover{background:#4cc9f0;color:#23272f}.chip-estado{display:inline-flex;align-items:center;gap:8px;padding:5px 18px 5px 12px;border-radius:14px;font-size:1.02em;font-weight:700;margin-bottom:8px;vertical-align:middle;min-width:90px;text-align:left;box-shadow:0 2px 8px #21915011;border:none;position:relative;letter-spacing:.02em;transition:background .2s,color .2s}.chip-estado.activo{background:linear-gradient(90deg,#d1f5e0 60%,#b7f7d6);color:#219150;border-left:5px solid #4be38a}.chip-estado.servicio{background:linear-gradient(90deg,#fff7d6 60%,#ffe9b7);color:#f39c12;border-left:5px solid #f39c12}.chip-estado.inactivo{background:linear-gradient(90deg,#ffe0e0 60%,#ffd6d6);color:#c0392b;border-left:5px solid #ff6b6b}.estado-icon{font-size:1.18em;margin-right:2px;vertical-align:middle;filter:drop-shadow(0 1px 2px #0001)}.estado-icon.activo{color:#009940}.estado-icon.servicio{color:#f39c12}.estado-icon.inactivo{color:#d61e1e}body.dark-mode .chip-estado.activo{background:linear-gradient(90deg,#1e3a2f 60%,#174f3a);color:#4be38a;border-left:5px solid #4be38a}body.dark-mode .chip-estado.servicio{background:linear-gradient(90deg,#3a2f1e 60%,#4d3a17);color:#ffd86b;border-left:5px solid #ffd86b}body.dark-mode .chip-estado.inactivo{background:linear-gradient(90deg,#3a2323 60%,#4d2323);color:#ff6b6b;border-left:5px solid #ff6b6b}body.dark-mode .estado-icon.activo{color:#4be38a}body.dark-mode .estado-icon.servicio{color:#ffd86b}body.dark-mode .estado-icon.inactivo{color:#ff6b6b}@media (max-width: 1200px){.line-break{display:block}}.back-icon-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:0;cursor:pointer}.back-icon-svg{width:28px;height:28px;display:block}.mejor-back-btn.back-icon-btn{background:#dbebfa;border-radius:50%;width:44px;height:44px;box-shadow:0 2px 8px #3285d312;transition:background .2s,box-shadow .2s}.mejor-back-btn.back-icon-btn:hover{background:#bbd9f8;box-shadow:0 4px 16px #3285d321}body.dark-mode .back-icon-svg path{stroke:#58a9f5}body.dark-mode .mejor-back-btn{background:#232c3b}body.dark-mode .mejor-back-btn:hover{background:#1a2230}.equipos-container{padding:2.5rem 2.5rem 2.5rem 7.5rem;background:var(--equipos-bg);min-height:100vh;color:var(--equipos-title)}.equipos-title{font-size:2.3rem;font-weight:800;color:#2176c7;letter-spacing:2px;margin-bottom:1.2rem;text-shadow:0 2px 12px rgba(33,118,199,.1);background:linear-gradient(90deg,#3b9cf7,#2176c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;width:100%;align-items:stretch}.equipos-grafico{background:var(--equipos-card);padding:1rem;border-radius:.5rem;box-shadow:0 2px 12px #0000000a;color:var(--equipos-title);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%;box-sizing:border-box;border:1px solid #e0e4ea}.grafico-label{color:var(--equipos-title)!important}.grafico-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;gap:2rem}.btn-porcentaje{background:#232c3b;color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;min-width:36px;min-height:36px;flex-shrink:0}.btn-porcentaje:hover{background:#1f588d}.btn-porcentaje.activo{background:#3285d3;box-shadow:0 0 0 2px #11304d}.grafico-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.grafico-center-value{font-size:22px;font-weight:700;color:#4361ee}.grafico-center-label{font-size:13px}.leyenda-grafico{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:4px 24px}.donut-tooltip-item{display:flex;align-items:center;gap:8px;padding:2px 0}.donut-tooltip-dot{width:14px;height:14px;border-radius:50%;display:inline-block;margin-right:4px}.donut-tooltip-label{font-weight:500;color:#222;flex:1;word-break:break-word;white-space:normal}.donut-tooltip-value{font-weight:600;color:#222}.tabla-equipos{background:var(--equipos-card);border-radius:12px;box-shadow:0 2px 12px #0000000a;padding:24px;margin-top:24px;overflow-x:auto;border:1px solid #e0e4ea}.header-list{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.equipos-sub{text-align:left;font-size:1.4rem;font-weight:600;margin-bottom:1rem;letter-spacing:1px;color:var(--equipos-title)}.equipos-filtro{display:flex;gap:1.5rem;margin-bottom:18px;margin-top:8px;flex-wrap:wrap}.panel-filtros{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999;min-width:320px;max-height:calc(100vh - 20px);overflow-y:auto;background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000073;padding:20px;color:#1c2a3a;border:1px solid #e0e4ea;animation:panel-pop .22s cubic-bezier(.2,.9,.3,1);transform-origin:center}@keyframes panel-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.btn-filtros{display:flex;align-items:center;gap:8px;background:#fff;color:#232c3b;border:1.5px solid #232c3b;border-radius:8px;padding:8px 18px;font-weight:600;font-size:16px;cursor:pointer;box-shadow:0 2px 8px #232c3b0f;transition:background .18s,color .18s,border-color .18s}.btn-filtros:hover,.btn-filtros:focus{background:#f0f4fa;color:#1c2a3a;border-color:#1c2a3a}.panel-filtros .close-btn{background:none;border:none;color:#1c2a3a;font-size:20px;cursor:pointer}.panel-filtros .aplicar-btn{background:#3285d3;color:#fff;border:none;border-radius:8px;padding:8px 22px;font-weight:600;font-size:16px;cursor:pointer;transition:background .2s}.aplicar-btn:hover{background:#1d69af}.btn-cerrar{background:none;border:none;color:var(--equipos-title);font-size:20px;cursor:pointer}.filtro-checkbox-equipo{display:flex;align-items:center;font-size:1rem;color:#2176c7;gap:7px;cursor:pointer;-webkit-user-select:none;user-select:none;background:#e9f0fb;padding:7px 16px;border-radius:18px;border:2px solid #b6d6ff;margin-bottom:4px;font-weight:600;transition:background .2s,color .2s,border-color .2s}.filtro-checkbox-equipo:hover{background:#d0e6ff;color:#155a8a;border-color:#3b9cf7}.filtro-checkbox-equipo.activo{color:#fff!important;background:linear-gradient(90deg,#3b9cf7,#2176c7);border-color:#3b9cf7!important}.filtro-checkbox-equipo input[type=checkbox]{display:none}.filtro-dot-equipo{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:2px;vertical-align:middle}:root{--ds-bg: #fff;--ds-text: #222;--ds-border: #e0e0e0;--ds-shadow: 0 8px 32px rgba(60,60,60,.18);--ds-accent: #2176c7}body.dark-mode{--ds-bg: #1d2330;--ds-text: #f1f1f1;--ds-border: #333a44;--ds-shadow: 0 8px 32px rgba(0,0,0,.45);--ds-accent: #4cc9f0}.double-select-backdrop{position:fixed;inset:0;background:#00000040;display:flex;align-items:center;justify-content:center;z-index:11000;animation:backdropFade .2s ease both}.double-select-modal{background:var(--ds-bg);color:var(--ds-text);border-radius:16px;border:1px solid var(--ds-border);box-shadow:var(--ds-shadow);padding:1.8rem 1.5rem 1.3rem;min-width:340px;max-width:95vw;width:420px;position:relative;animation:modalIn .25s cubic-bezier(.4,2,.6,1) both;max-height:90vh;overflow:visible}.double-select-modal h4{margin:0 0 1rem;font-size:1.25rem;font-weight:700;color:var(--ds-accent);letter-spacing:.01em}.double-select-buttons{display:flex;gap:10px;margin-bottom:1rem}.double-select-buttons button{flex:1;padding:10px 14px;border-radius:2rem;border:1px solid var(--ds-border);background:var(--ds-bg);color:var(--ds-text);font-weight:500;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 2px #0000000d}.double-select-buttons button:hover{background:var(--ds-accent);color:#fff;border-color:var(--ds-accent);transform:translateY(-1px)}.double-select-close{display:block;margin:10px auto 0;background:#fff;border:1px solid #e03b3b;color:#e03b3b;font-size:1.1rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .08s;border-radius:8px;padding:6px 12px}.double-select-close:hover{background:#e03b3b;color:#fff}@keyframes modalIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}@media (prefers-color-scheme: dark){.double-select-modal{background:var(--ds-bg);color:var(--ds-text);border:1px solid var(--ds-border)}}.tabla-equipos table{width:100%;border-collapse:collapse;color:var(--equipos-table-td);font-size:16px}.tabla-equipos th,.tabla-equipos td{padding:12px 18px;text-align:left}.tabla-equipos th{font-weight:600;font-size:1.05rem;color:var(--equipos-table-th);border-bottom:1px solid var(--equipos-table-border)}.tabla-equipos tr{border-bottom:1px solid var(--equipos-table-border);transition:background .2s}.tabla-equipos tbody tr:hover{background:#f5f5f5}.tabla-equipos .texto{color:#fff;border-radius:16px;padding:4px 12px;font-weight:600;font-size:.95rem;display:inline-block;text-align:center}.tabla-equipos .texto.estado-activo{background:#2ecc40}.tabla-equipos .texto.estado-revision{background:#ffb300}.tabla-equipos .texto.estado-inactivo{background:#e00000}.tabla-equipos .texto.estado-baja{background:#7f8591}.panel-filtros .close-btn,.panel-filtros .btn-cerrar{background:transparent;border:none;font-size:22px;line-height:1;cursor:pointer;color:inherit;padding:6px 8px;border-radius:6px;transition:background .12s ease,color .12s ease,transform .08s ease}.panel-filtros .close-btn:hover,.panel-filtros .btn-cerrar:hover{background:#ff4d4f14;color:#ff4d4f;transform:translateY(-2px)}body.dark-mode{--equipos-bg: #101522;--equipos-card: #161c2e;--equipos-card-border: #25304a;--equipos-title: #fff;--equipos-sub: #bfc8da;--equipos-table-th: #bfc8da;--equipos-table-td: #fff;--equipos-table-border: #25304a;--equipos-checkbox-bg: #222b3a;--equipos-checkbox-color: #bfc8da;--equipos-checkbox-border: #222b3a;--equipos-checkbox-hover: #2a3346}.equipos-grafico,.tabla-equipos{border:1px solid var(--equipos-card-border)}body.dark-mode .equipos-container{background:var(--equipos-bg);color:var(--equipos-title)}body.dark-mode .equipos-title,body.dark-mode .equipos-sub{color:var(--equipos-title)}body.dark-mode .equipos-grafico,body.dark-mode .tabla-equipos{background:var(--equipos-card);color:var(--equipos-title);box-shadow:0 2px 12px #00000014}body.dark-mode .tabla-equipos th{color:var(--equipos-table-th);border-bottom:1px solid var(--equipos-table-border)}body.dark-mode .tabla-equipos td{color:var(--equipos-table-td)}body.dark-mode .tabla-equipos tr{border-bottom:1px solid var(--equipos-table-border)}body.dark-mode .tabla-equipos tbody tr:hover{background:#222b3a}body.dark-mode .filtro-checkbox-equipo{background:#222b3a;color:#3b9cf7;border:2px solid #3b9cf7}body.dark-mode .filtro-checkbox-equipo:hover{background:#2a3346;color:#fff;border-color:#3b9cf7}body.dark-mode .filtro-checkbox-equipo.activo{color:#fff!important;background:linear-gradient(90deg,#3b9cf7,#2176c7);border-color:#3b9cf7!important}body.dark-mode .grafico-label{color:#fff!important}body.dark-mode .panel-filtros{background:#181f2b;color:#fff;border:none}body.dark-mode .btn-filtros{background:#232c3b;color:#fff;border:none;box-shadow:0 2px 8px #0000001f}body.dark-mode .btn-filtros:hover,body.dark-mode .btn-filtros:focus{background:#2a3346;color:#fff;border:none}body.dark-mode .donut-tooltip-label,body.dark-mode .donut-tooltip-value{color:#fff}body.dark-mode .panel-filtros .close-btn:hover,body.dark-mode .panel-filtros .btn-cerrar:hover{background:#ff4d4f0f;color:#ff7b7b}@media (max-width: 1200px){.tabla-equipos{padding:16px}.tabla-equipos th,.tabla-equipos td{padding:10px 8px;font-size:15px}}@media (max-width: 900px){.container-grid{grid-template-columns:1fr}.tabla-equipos{padding:10px;margin-top:16px;overflow-x:auto}.tabla-equipos table{min-width:700px;font-size:14px}.equipos-title{font-size:1.5rem}.equipos-sub{font-size:1.1rem}}.es-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:2200;padding:20px}.es-overlay.dark{background:#0009}.es-modal{width:920px;max-width:100%;background:#fff;border-radius:12px;box-shadow:0 24px 60px #0c182833;display:flex;flex-direction:column;overflow:hidden;color:#222;border:1px solid rgba(0,0,0,.04)}.es-modal.dark{background:#0f1724;color:#e6eef8;box-shadow:0 24px 60px #0009;border-color:#ffffff0a}.es-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(90deg,#2b6ef60f,#2b6ef605);border-bottom:1px solid rgba(0,0,0,.06)}.es-modal.dark .es-header{border-bottom-color:#ffffff0a;background:linear-gradient(90deg,#3170f60f,#3170f605)}.es-header h3{margin:0;font-size:18px;letter-spacing:.2px}.es-close{background:transparent;border:none;font-size:22px;line-height:1;cursor:pointer;color:inherit;padding:6px 8px;border-radius:6px}.es-close:hover{background:#0000000a}.es-modal.dark .es-close:hover{background:#ffffff05}.es-body{display:flex;gap:14px;padding:18px;flex:1;min-height:0;align-items:stretch;overflow:auto}.es-panel{background:transparent;border-radius:6px}.es-panel-left{width:320px;display:flex;flex-direction:column;gap:12px;min-height:0}.es-panel-right{flex:1;display:flex;flex-direction:column;gap:12px;min-height:0}.es-section{background:#00000005;padding:12px;border-radius:10px}.es-modal.dark .es-section{background:#ffffff05}.es-section-title{font-weight:800;margin-bottom:10px;font-size:13px;color:#111827}.es-modal.dark .es-section-title{color:#e6eef8}.es-columns-scroll{overflow:auto;padding-right:8px;display:flex;flex-direction:column;gap:8px}.es-questions-scroll{max-height:235px;overflow:auto;padding-right:8px;display:flex;flex-direction:column;gap:8px}.es-panel-left,.es-panel-right,.es-columns-scroll,.es-questions-scroll,.es-body{min-height:0}.es-selectall{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:10px;background:#00000008;font-weight:700;font-size:13px;color:#0f1724;border:1px solid rgba(0,0,0,.04)}.es-modal.dark .es-selectall{background:#ffffff05;color:#e6eef8;border-color:#ffffff0a}.es-selectall .label{display:flex;align-items:center;gap:8px}.es-selectall .action{display:flex;gap:8px;align-items:center}.es-selectall input[type=checkbox]{width:18px;height:18px;accent-color:#2b6ef6;border-radius:4px}.es-select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.08);background:#fff;color:inherit;font-weight:600;appearance:none;-webkit-appearance:none;-moz-appearance:none;box-shadow:0 2px 6px #0810200a;transition:border-color .12s ease,box-shadow .12s ease,transform .06s ease}.es-select:focus{outline:none;border-color:#2b6ef6e6;box-shadow:0 6px 20px #2b6ef61f;transform:translateY(-1px)}.es-modal.dark .es-select{background:#071125;border-color:#ffffff0f;box-shadow:none;color:#e6eef8}.es-modal.dark .es-select:focus{border-color:#2b6ef6e6}.es-select-wrap{position:relative}.es-select-wrap:after{content:"▾";position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#0f172480;font-size:12px}.es-modal.dark .es-select-wrap:after{color:#e6eef8a6}.es-body{gap:14px}@media (max-width: 880px){.es-body{flex-direction:column;height:auto;max-height:calc(100vh - 140px);overflow:auto}.es-panel-left{width:100%;order:2}.es-panel-right{order:1}.es-modal{width:calc(100% - 32px);max-height:calc(100vh - 24px)}.es-modal{overflow:auto;-webkit-overflow-scrolling:touch}}.es-checkbox:hover{background:#00000008;transform:translateY(-1px)}.es-checkbox{display:flex;align-items:center;gap:12px;font-size:14px;padding:6px;border-radius:8px;transition:background .12s ease,transform .08s ease}.es-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#2b6ef6}.es-checkbox:hover{background:#00000005;transform:translateY(-1px)}.es-modal.dark .es-checkbox:hover{background:#ffffff05}.es-checkbox.forced{opacity:.75;pointer-events:none}.es-questions-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.es-selectall-inline{display:flex;align-items:center;gap:8px;font-weight:700}.es-question-search{width:48%;max-width:280px;padding:8px 10px;border-radius:10px;border:1px solid rgba(0,0,0,.08);background:#fff;color:inherit;font-weight:600;appearance:none;box-shadow:0 4px 12px #08102008;transition:border-color .12s ease,box-shadow .12s ease,transform .06s ease}.es-question-search:focus{outline:none;border-color:#2b6ef6e6;box-shadow:0 8px 24px #2b6ef614;transform:translateY(-1px)}.es-modal.dark .es-question-search{background:#071125;border-color:#ffffff0f;color:#e6eef8;box-shadow:none}.es-modal.dark .es-question-search:focus{border-color:#2b6ef6e6}@media (max-width: 640px){.es-questions-controls{flex-direction:column;align-items:stretch;gap:8px}.es-question-search{width:100%;max-width:none}}@media (max-width: 880px){.es-body{flex-direction:column;height:auto}.es-panel-left{width:100%;order:2}.es-panel-right{order:1}.es-modal{width:calc(100% - 32px)}}.export-left{margin-right:6px}.es-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-top:1px solid rgba(0,0,0,.06);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);z-index:2;flex-shrink:0}.es-footer-right{display:flex;align-items:center;gap:12px}.es-modal.dark .es-footer{border-top-color:#ffffff0a;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}.es-footer-left .es-hint{color:#0f172499;font-size:13px}.es-modal.dark .es-footer-left .es-hint{color:#e6eef8b3}.es-btn{display:inline-flex;align-items:center;gap:8px;background:#f6f8fb;border:1px solid rgba(0,0,0,.06);padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:800;color:#0f1724;transition:transform .08s ease,box-shadow .12s ease,background .12s ease;box-shadow:0 6px 18px #0f17240f}.es-btn.primary{background:linear-gradient(180deg,#2b6ef6,#1f5de6);color:#fff;border:none;box-shadow:0 10px 30px #2b6ef62e}.es-btn:hover{transform:translateY(-3px);box-shadow:0 14px 36px #0f17241f}.es-modal.dark .es-btn{background:#ffffff08;color:#e6eef8;border:1px solid rgba(255,255,255,.04);box-shadow:none}.es-modal.dark .es-btn.primary{background:linear-gradient(180deg,#3170f6,#255be0);color:#fff;box-shadow:0 10px 30px #00000073}.es-close{background:transparent;border:none;font-size:22px;line-height:1;cursor:pointer;color:inherit;padding:6px 8px;border-radius:6px;transition:background .12s ease,color .12s ease,transform .08s ease}.es-close:hover{background:#ff4d4f14;color:#ff4d4f;transform:translateY(-2px)}.es-modal.dark .es-close:hover{background:#ff4d4f0f;color:#ff7b7b}.role-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.85rem;font-weight:700;color:#fff;text-transform:capitalize}.role-badge.admin{background-color:#e74c3c}.role-badge.tecnico{background-color:#3498db}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:18px}.pagination button{background:#007bff;color:#fff;border:none;border-radius:50%;width:36px;height:36px;font-size:1em;cursor:pointer;transition:background .2s}.pagination button:hover:not(:disabled){background:#0056b3}.pagination button svg{vertical-align:middle;font-size:1.2em;pointer-events:none}.pagination button:disabled{background:#b0c4de;cursor:not-allowed}.pagination span{font-weight:500;color:#333}body.dark-mode{background:var(--bg-color)}body.dark-mode .audit-title-container h1,body.dark-mode .audit-title-container p,body.dark-mode .pagination span{color:var(--text-color)}:root{--card-radius: 14px;--shadow: 0 6px 18px rgba(18, 30, 80, .06);--muted: #6b6b6b;--bg: #fbfbfd;--font: "Inter", Arial, sans-serif}*{box-sizing:border-box}body{background:var(--bg);font-family:var(--font);margin:0;padding:0}.container-qs-total{width:100%;display:flex;justify-content:center}.top-cards,.assign-list{opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform .35s ease}.top-cards.show,.assign-list.show{opacity:1;transform:translateY(0)}.qs-wrap{display:flex;flex-direction:column;padding:40px;color:#222;width:85%;gap:32px}.top-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:22px;align-items:stretch;margin-bottom:26px}.category-card{display:flex;flex-direction:column;justify-content:space-between;min-height:200px;padding:18px;border-radius:var(--card-radius);box-shadow:var(--shadow);border:2px solid rgba(0,0,0,.03);cursor:pointer;text-align:left;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .12s ease}.category-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #121e5014;border-color:#3285d3}.category-card:nth-child(odd){background:linear-gradient(180deg,#e9f6ff,#e6f1ff)}.category-card:nth-child(2n){background:linear-gradient(180deg,#f1ebff,#eae2ff)}.category-card.active{transform:translateY(-6px) scale(1.01);box-shadow:0 14px 30px #121e5014;border:2.5px solid #3285d3;background:linear-gradient(180deg,#d0eaff,#b6d6ff)!important}.card-top{display:flex;justify-content:space-between;align-items:flex-start}.icon-circle{width:54px;height:54px;border-radius:12px;background:#ffffffe6;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 12px #0c143c0f}.icon-circle .cat-icon{font-size:22px;color:#333}.decor-icon{opacity:.45;transform:translateY(-4px);font-size:20px}.card-body{margin-top:8px}.cat-title{font-size:16px;margin:10px 0 6px;color:#111}.cat-sub{font-size:12px;color:var(--muted);margin:0 0 12px}.progress-row{display:flex;align-items:center;gap:12px}.progress-label{font-size:12px;color:var(--muted);width:60px}.progress-bar{flex:1;height:7px;border-radius:999px;background:#0000000f;overflow:hidden}.progress-fill{height:100%;border-radius:999px;width:40%}.avatars{display:flex;gap:8px;margin-top:12px}.avatar{width:30px;height:30px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;color:#222;box-shadow:0 4px 10px #0000000f;border:1px solid rgba(0,0,0,.04)}.assignments{background:#fff;padding:18px;border-radius:12px;box-shadow:var(--shadow);border:1px solid rgba(0,0,0,.03)}.assign-t-container{display:flex;justify-content:space-between}.assign-t-container button{width:30px;height:30px;background-color:#f0f4f8;border:none;color:#333;font-size:1.2rem;padding:8px;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.assign-t-container button:hover{transform:scale(1.1);background:#007bff;color:#fff}.assign-t-container button:active{transform:scale(.9)}.assign-title{margin:0 0 2px;font-size:1.45rem;font-weight:700;letter-spacing:.5px;text-shadow:0 2px 8px rgba(60,120,200,.06);line-height:1.15;color:#111}.assign-t-container p{font-size:1.1rem;color:#4a5a6a;margin-bottom:0;margin-top:0;font-weight:400;letter-spacing:.1px}.assign-list{display:flex;flex-direction:column;gap:10px}.question-row{display:grid;grid-template-columns:1fr 110px 110px;gap:14px;align-items:center;padding:12px 6px;border-bottom:1px solid #f1f1f3}.question-row:last-child{border-bottom:none}.left{display:flex;gap:12px;align-items:center}.q-icon{width:44px;height:44px;border-radius:10px;background:#f6f7fb;display:flex;align-items:center;justify-content:center;font-size:18px;color:#333;box-shadow:0 6px 12px #0c143c08}.q-texts{display:flex;flex-direction:column}.q-title{margin:0;font-size:15px}.q-sub{font-size:13px;color:var(--muted)}.mid{text-align:right}.q-score{font-weight:700}.q-small{font-size:12px;color:var(--muted)}.edit-btn{background-color:#f0f4f8;border:none;color:#333;font-size:1.2rem;padding:8px;border-radius:8px;cursor:pointer;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.edit-btn:hover{background-color:#007bff;color:#fff;transform:scale(1.1)}.edit-btn:active{transform:scale(.95);background-color:#0056b3}.edit-btn svg{pointer-events:none}.q-status{justify-self:end;padding:6px 12px;border-radius:999px;font-weight:600;font-size:13px;display:inline-block}.q-status.completed{background:#eef9f2;color:#117a3a}.q-status.upcoming{background:#fff4ec;color:#b44a2a}.q-status.pending{background:#fff9e6;color:#8a6b00}.placeholder{color:var(--muted);padding:18px 6px}.checkbox-group{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.checkbox-item{position:relative;display:flex;align-items:center;gap:6px;padding:6px 12px;border:2px solid #ccc;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#444;background:#f9f9f9;transition:all .2s ease-in-out}.checkbox-item input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.checkbox-item:hover{border-color:#007bff;background:#eef5ff}.checkbox-item input[type=checkbox]:checked+span{color:#fff}.checkbox-item input[type=checkbox]:checked~*{background:#007bff;border-color:#007bff;border-radius:50%;color:#fff}.filtro-checkbox{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:transparent;cursor:pointer}.filtro-checkbox .initial{font-weight:700;-webkit-user-select:none;user-select:none}.filtro-checkbox .initial-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);background:#000c;color:#fff;padding:6px 8px;border-radius:4px;white-space:nowrap;font-size:12px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,transform .12s ease;z-index:30}.filtro-checkbox:hover .initial-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(-12px)}body.dark-mode{--card-color: #161c2e;--sub-card-color: #222b3a;--bg-color: #101522;--color-primary: #3b9cf7;--text-color: #fff;--muted: #bfc8da}body.dark-mode .qs-wrap,body.dark-mode .container-qs-total{background:var(--bg-color);color:var(--text-color)}body.dark-mode .category-card,body.dark-mode .assignments{background:#161c2e!important;color:#fff!important;border-color:#222b3a!important}body.dark-mode .category-card:hover{border-color:#3285d3!important}body.dark-mode .icon-circle,body.dark-mode .q-icon,body.dark-mode .avatar{background:#222b3a!important;color:#3b9cf7!important}body.dark-mode .icon-circle .cat-icon,body.dark-mode .avatar svg{color:#3b9cf7!important}body.dark-mode .cat-title,body.dark-mode .assign-title,body.dark-mode .q-title{color:#fff!important}body.dark-mode .edit-btn,body.dark-mode .assign-t-container button{background:var(--sub-card-color)!important;color:#fff!important}body.dark-mode .edit-btn:hover,body.dark-mode .assign-t-container button:hover{background:var(--color-primary)!important}body.dark-mode .category-card.active{border:2.5px solid #3b9cf7!important;background:linear-gradient(180deg,#1e2a44,#22335a)!important}body{font-family:Poppins,sans-serif}.loader{color:#a0a0a0;font-weight:500;font-size:25px;-webkit-box-sizing:content-box;box-sizing:content-box;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:8px}.words{overflow:hidden;position:relative}.words:after{content:"";position:absolute;inset:0;background:linear-gradient(var(--bg-color) 10%,transparent 30%,transparent 70%,var(--bg-color) 90%);z-index:20}.word{display:block;height:100%;padding-left:6px;color:#1c77bb;animation:spin_4991 4s infinite}@keyframes spin_4991{10%{transform:translateY(-102%)}25%{transform:translateY(-100%)}35%{transform:translateY(-202%)}50%{transform:translateY(-200%)}60%{transform:translateY(-302%)}75%{transform:translateY(-300%)}85%{transform:translateY(-402%)}to{transform:translateY(-400%)}}.navbar{position:fixed;width:100%;bottom:1rem;z-index:2}.navbar-content{display:flex;justify-content:flex-end;align-items:center;height:13rem;width:13rem;display:none}.logo{width:250px;height:250px}.login-page{position:relative;display:flex;align-items:center;justify-content:start;min-height:100vh;min-width:100vw;background:url(/bg-login.jpg) center/cover no-repeat}.login-page:before{content:"";position:absolute;inset:0;background-color:#222d47cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:0}.login-content{position:relative;z-index:20;display:flex;align-items:center;justify-content:center;width:100%;height:100vh}.login-content .form-container{display:flex;justify-content:center;align-items:center;width:750px;height:100%;background-color:#181818;overflow:hidden}.login-content .form-card{padding:2rem}.login-content .form-title{font-size:2.5rem;font-weight:800;text-align:center;color:#e0e0e0}.login-content .form-subtitle{margin-top:1rem;color:#a0a0a0;text-align:center}.login-content .form{margin-top:2rem}.login-content .form-group{position:relative;padding:20px 0 0;width:100%;max-width:180px}.login-content .form-input{font-family:inherit;width:100%;border:none;border-bottom:2px solid #9b9b9b;outline:0;font-size:17px;color:#fff;padding:7px 0;background:transparent;transition:border-color .2s}.login-content .form-input::placeholder{color:transparent}.login-content .form-input:placeholder-shown~.form-label{font-size:17px;cursor:text;top:20px}.login-content .form-label{position:absolute;top:0;display:block;transition:.2s;font-size:17px;color:#9b9b9b;pointer-events:none}.login-content .form-input:focus{padding-bottom:6px;font-weight:700;border-width:3px;border-image:linear-gradient(to right,#116399,#38caef);border-image-slice:1}.login-content .form-input:focus~.form-label{color:#38caef;font-weight:700}.login-content .form-input:required,.login-content .form-input:invalid{box-shadow:none}.login-content .form-footer{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.login-content .remember-me input{margin-right:.5rem}.login-content .remember-me label{color:#a0a0a0}.forgot-password{color:#1c77bb;text-decoration:none}.forgot-password:hover{color:#175e97}.submit-btn{display:inline-flex;justify-content:center;align-items:center;width:100%;padding:.75rem 1.5rem;background-color:#1c77bc;color:#fff;font-size:1rem;font-weight:600;border-radius:.5rem;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease-in-out}.submit-btn:hover{transform:scale(1.05)}.welcome{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100%;padding-bottom:3rem;color:#fff}.welcome-title{font-size:4rem;font-weight:800;text-align:center}.words{display:flex;gap:.5rem}.word{display:inline-block}.login-content .form__group{position:relative;padding:20px 0;width:100%;max-width:180px}.login-content .form__field{font-family:inherit;width:100%;border:none;border-bottom:2px solid #9b9b9b;outline:0;font-size:17px;color:#fff;padding:7px 0;background:transparent;transition:border-color .2s}.login-content .form__field::placeholder{color:transparent}.login-content .form__field:placeholder-shown~.form__label{font-size:17px;cursor:text;top:20px}.login-content .form__label{position:absolute;top:0;display:block;transition:.2s;font-size:17px;color:#9b9b9b;pointer-events:none}.login-content .form__field:focus{padding-bottom:6px;font-weight:700;border-width:3px;border-image:linear-gradient(to right,#081451,#004a85);border-image-slice:1}.login-content .form__field:focus~.form__label{color:#004a85;font-weight:700}.login-content .form__field:required,.login-content .form__field:invalid{box-shadow:none}:root{--equipos-bg: #f5f7fa;--equipos-card: #fff;--equipos-card-border: #e0e4ea;--equipos-title: #1c2a3a;--equipos-table-th: #1c2a3a;--equipos-table-td: #3b4a5a;--equipos-table-border: #e0e4ea;--equipos-checkbox-bg: #e9eef6;--equipos-checkbox-color: #1c2a3a;--equipos-checkbox-border: #bfc8da;--equipos-checkbox-hover: #dde6f7}.detalle-container{padding:40px 40px 40px 120px;width:100%;color:#222;font-family:Inter,sans-serif}.equipo-no-encontrado{color:#fff;padding:32px;text-align:center}.detalle-header{display:flex;align-items:center;gap:16px;margin-bottom:1.05rem}.detalle-title{font-size:2.3rem;font-weight:800;color:#2176c7;letter-spacing:2px;text-shadow:0 2px 12px rgba(33,118,199,.1);background:linear-gradient(90deg,#3b9cf7,#2176c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detalle-estado{color:#fff;border-radius:16px;padding:4px 18px;font-weight:600;font-size:18px;margin-left:12px}.detalle-estado.activo{background:#2ecc40}.detalle-estado.revision{background:#ffb300}.detalle-estado.inactivo{background:#e00000}.detalle-estado.baja{background:#7f8591}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto);gap:24px;margin-bottom:32px}.detalle-card{background:var(--card-bg, #fff);color:var(--card-text, #222);border-radius:12px;box-shadow:0 2px 8px #00000012;padding:24px 20px;border:1px solid var(--card-border, #e0e0e0);min-width:0;min-height:120px;display:flex;flex-direction:column;justify-content:flex-start}.ficha-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin-top:8px}.detalle-card-qr-img{display:flex;flex-direction:row;gap:24px}.detalle-card-qr,.img-equipo{background:var(--card-bg, #fff);color:var(--card-text, #222);border-radius:12px;box-shadow:0 2px 8px #00000012;padding:24px 20px;border:1px solid var(--card-border, #e0e0e0);width:100%;display:flex;flex-direction:column;gap:12px;text-align:center}.img-equipo img{max-width:100%;max-height:250px;object-fit:contain;border-radius:8px;border:1px solid #ddd;background-color:#f9f9f9}.detalle-card-fecha{display:flex;flex-direction:column;gap:24px}.ficha-grid-observ{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:8px}.detalle-formulario{background:#fff;border-radius:12px;padding:24px;margin-top:28px;box-shadow:0 2px 12px #0000000a;border:1px solid var(--card-border, #e0e0e0)}.detalle-form-group{margin-bottom:18px}.detalle-form-group label{font-weight:600;display:block;margin-bottom:4px;color:#232c3b}.detalle-label-desc{font-weight:400;color:#888;margin-left:8px;font-size:13px}.ficha-grid-form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;margin-top:8px}.detalle-historial-tareas{display:flex;gap:24px;flex-wrap:wrap}.detalle-historial-tareas .detalle-historial{flex:1 1 48%}.detalle-historial{background:#fff;border-radius:12px;padding:24px;margin-top:28px;box-shadow:0 2px 12px #0000000a;border:1px solid var(--card-border, #e0e0e0)}.historial-header{display:flex;justify-content:space-between;align-items:center}.detalle-select-label{font-weight:600;color:#232c3b;font-size:1rem}.detalle-select{padding:7px 14px;border-radius:7px;border:1.5px solid #bfc8da;background:#f7fafd;color:#232c3b;font-size:1rem;margin-left:4px;transition:border-color .2s,background .2s,color .2s;outline:none;box-shadow:0 1px 4px #0000000a}.detalle-select:focus{border-color:#3285d3;background:#e9eef6}.detalle-historial table{width:100%;color:#232c3b;border-collapse:collapse;font-size:1rem}.detalle-historial th,.detalle-historial td{padding:8px;text-align:left}.detalle-historial th{border-bottom:1.5px solid #e0e4ea;color:#232c3b;font-weight:600}.detalle-historial tr{border-bottom:1px solid #e0e4ea}.detalle-historial tbody tr:last-child{border-bottom:none}.detalle-card h2,.detalle-card-qr-img h2,.detalle-formulario h2,.detalle-historial h2{font-size:1.18rem;margin-bottom:16px;color:#2176c7;font-weight:800;letter-spacing:.5px;text-shadow:0 2px 8px rgba(33,118,199,.07)}.detalle-input-fecha{padding:7px 12px;border-radius:7px;border:1.5px solid var(--equipos-checkbox-border);background:#f7fafd;color:var(--equipos-table-td);font-size:.95rem;outline:none;transition:border-color .2s,background .2s,color .2s;box-shadow:0 1px 4px #0000000a}.detalle-input-fecha:focus{border-color:#3285d3;background:#e9eef6}.filtro-fecha-limpiar{background:#fff;color:#2176c7;padding:8px 12px;border:1.5px solid #2176c7;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;border-radius:.75rem}.filtro-fecha-limpiar:hover{background:#eaf3fb;border-color:#174977}body.dark-mode .detalle-card h2,body.dark-mode .detalle-card-qr-img h2,body.dark-mode .detalle-formulario h2,body.dark-mode .detalle-historial h2{color:#55c8cc;text-shadow:0 2px 8px rgba(85,200,204,.1)}body.dark-mode .detalle-container,body.dark-mode .detalle-header .detalle-back-btn,body.dark-mode .detalle-title{color:#fff}body.dark-mode .detalle-card,body.dark-mode .detalle-card-qr,body.dark-mode .img-equipo,body.dark-mode .detalle-formulario,body.dark-mode .detalle-historial{background:#181f2b;color:#fff;box-shadow:0 2px 12px #0000001f}body.dark-mode .detalle-form-group label{color:#fff}body.dark-mode .detalle-label-desc{color:#aaa}body.dark-mode .detalle-input{background:#232c3b;color:#fff;border:1px solid #333}body.dark-mode .detalle-historial table{color:#fff}body.dark-mode .detalle-historial th{color:#fff;border-bottom:1px solid var(--equipos-table-border)}body.dark-mode .detalle-historial tr{border-bottom:1px solid var(--equipos-table-border)}body.dark-mode .detalle-btn-editar{background:#232c3b;color:#fff}body.dark-mode .detalle-btn-editar:hover{background:#3285d3}body.dark-mode .detalle-btn-intervencion{color:#fff}body.dark-mode .detalle-card,body.dark-mode .detalle-card-qr,body.dark-mode .img-equipo,body.dark-mode .detalle-formulario,body.dark-mode .detalle-historial{border-color:#222b3a}body.dark-mode .detalle-select-label{color:#fff}body.dark-mode .detalle-select{background:#232c3b;color:#fff;border:1.5px solid #33384a}body.dark-mode .detalle-select:focus{border-color:#3285d3;background:#181f2b}body.dark-mode .detalle-input-fecha{background:#232c3b;color:#fff;border:1.5px solid #33384a}body.dark-mode .detalle-input-fecha:focus{border-color:#3285d3;background:#181f2b}body.dark-mode .filtro-fecha-limpiar{background:#232c3b;color:#55c8cc;border:1.5px solid #55c8cc}body.dark-mode .filtro-fecha-limpiar:hover{background:#1a2230}.detalle-btn-editar-anim,.detalle-btn-guardar-anim{display:inline-flex;align-items:center;gap:8px;background:#2176c7;color:#fff;font-weight:600;border:none;border-radius:8px;padding:10px 22px;font-size:1.08rem;cursor:pointer;box-shadow:0 2px 8px #2176c717;transition:background .2s,transform .2s,box-shadow .2s;position:relative;overflow:hidden}.detalle-btn-editar-anim:hover,.detalle-btn-guardar-anim:hover{background:#3285d3;transform:scale(1.05);box-shadow:0 4px 16px #2176c72e}.detalle-btn-editar-anim.active{background:#e00000;color:#fff}.detalle-btn-editar-anim.active:hover{background:#b80000}.detalle-input,.ficha-grid input,.ficha-grid-observ input,.ficha-grid-form input{width:100%;padding:8px 14px;border-radius:7px;border:1.5px solid #bfc8da;background:#f7fafd;color:#232c3b;font-size:1rem;margin-top:2px;margin-bottom:2px;transition:border-color .2s,background .2s,color .2s,box-shadow .2s;outline:none;box-shadow:0 1px 4px #0000000a}.detalle-input:focus,.ficha-grid input:focus,.ficha-grid-observ input:focus,.ficha-grid-form input:focus,.detalle-input-fecha:focus,.detalle-select:focus{border-color:#3285d3;background:#e9eef6;box-shadow:0 0 0 2px #3285d321}.detalle-client-name{margin:0;font-size:1.25rem;font-weight:bolder;color:#52606a;letter-spacing:.2px}body.dark-mode .detalle-client-name{color:var(--sub-text-color, #bfc8da)}body.dark-mode .detalle-btn-editar-anim,body.dark-mode .detalle-btn-guardar-anim{background:#232c3b;color:#fff}body.dark-mode .detalle-btn-editar-anim:hover,body.dark-mode .detalle-btn-guardar-anim:hover{background:#3285d3}body.dark-mode .detalle-btn-editar-anim.active{background:#e00000}body.dark-mode .detalle-btn-editar-anim.active:hover{background:#b80000}body.dark-mode .detalle-input,body.dark-mode .ficha-grid input,body.dark-mode .ficha-grid-observ input,body.dark-mode .ficha-grid-form input,body.dark-mode .detalle-input-fecha,body.dark-mode .detalle-select{background:#232c3b;color:#fff;border:1.5px solid #33384a}body.dark-mode .detalle-input:focus,body.dark-mode .ficha-grid input:focus,body.dark-mode .ficha-grid-observ input:focus,body.dark-mode .ficha-grid-form input:focus,body.dark-mode .detalle-input-fecha:focus,body.dark-mode .detalle-select:focus{border-color:#55c8cc;background:#181f2b;box-shadow:0 0 0 2px #55c8cc21}.qr-container{display:flex;flex-direction:column;align-items:center}.descargar-qr-btn{margin-top:.7rem;width:50px;height:50px;border-radius:50%;background:linear-gradient(90deg,#3b9cf7,#2176c7);border:none;font-weight:600;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px #2176c721;cursor:pointer;transition:all .3s;overflow:hidden;position:relative}.qr-download{display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;transition:transform .3s}.descargar-qr-btn:hover{width:140px;border-radius:50px;background:linear-gradient(90deg,#2176c7,#3b9cf7);box-shadow:0 0 0 6px #2176c72e}.descargar-qr-btn:hover .qr-download{transform:translateY(-200%)}.descargar-qr-btn:before{position:absolute;bottom:-20px;left:0;right:0;content:"Descargar QR";color:#fff;font-size:0px;text-align:center;opacity:0;transition:all .3s}.descargar-qr-btn:hover:before{font-size:15px;opacity:1;bottom:16px}body.dark-mode .descargar-qr-btn{background:linear-gradient(90deg,#1c2a3a,#4567ff);color:#fff;box-shadow:0 0 0 4px #2233802e}body.dark-mode .descargar-qr-btn:hover{background:linear-gradient(90deg,#4567ff,#1c2a3a);box-shadow:0 0 0 6px #1a276347}.detalle-pregunta{color:#174977;font-weight:700;font-size:1.07rem;letter-spacing:.2px;margin-bottom:2px;display:inline-block}.detalle-respuesta{color:#222;background:#eaf3fb;border-radius:7px;padding:3px 10px;font-size:1.04rem;font-weight:600;margin-top:2px;display:inline-block;word-break:break-word}body.dark-mode .detalle-pregunta{color:#419bee}body.dark-mode .detalle-respuesta{color:#fff;background:#232c3b}.loader-section{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f2f5}.dot-spinner{--uib-size: 2.8rem;--uib-speed: .9s;--uib-color: #183153;position:relative;display:flex;align-items:center;justify-content:flex-start;height:var(--uib-size);width:var(--uib-size)}.dot-spinner__dot{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:flex-start;height:100%;width:100%}.dot-spinner__dot:before{content:"";height:20%;width:20%;border-radius:50%;background-color:var(--uib-color);transform:scale(0);opacity:.5;animation:pulse0112 calc(var(--uib-speed) * 1.111) ease-in-out infinite;box-shadow:0 0 20px #121f354d}.dot-spinner__dot:nth-child(2){transform:rotate(45deg)}.dot-spinner__dot:nth-child(2):before{animation-delay:calc(var(--uib-speed) * -.875)}.dot-spinner__dot:nth-child(3){transform:rotate(90deg)}.dot-spinner__dot:nth-child(3):before{animation-delay:calc(var(--uib-speed) * -.75)}.dot-spinner__dot:nth-child(4){transform:rotate(135deg)}.dot-spinner__dot:nth-child(4):before{animation-delay:calc(var(--uib-speed) * -.625)}.dot-spinner__dot:nth-child(5){transform:rotate(180deg)}.dot-spinner__dot:nth-child(5):before{animation-delay:calc(var(--uib-speed) * -.5)}.dot-spinner__dot:nth-child(6){transform:rotate(225deg)}.dot-spinner__dot:nth-child(6):before{animation-delay:calc(var(--uib-speed) * -.375)}.dot-spinner__dot:nth-child(7){transform:rotate(270deg)}.dot-spinner__dot:nth-child(7):before{animation-delay:calc(var(--uib-speed) * -.25)}.dot-spinner__dot:nth-child(8){transform:rotate(315deg)}.dot-spinner__dot:nth-child(8):before{animation-delay:calc(var(--uib-speed) * -.125)}@keyframes pulse0112{0%,to{transform:scale(0);opacity:.5}50%{transform:scale(1);opacity:1}}.fade-route{opacity:0;transition:opacity 1.25s}.fade-route.fade-in{opacity:1}:root{--primary: #4361ee;--primary-dark: #3a0ca3;--primary-light: #4895ef;--secondary: #7209b7;--accent: #f72585;--success: #4cc9f0;--warning: #f8961e;--info: #4cc9f0;--light: #f8f9fa;--dark: #212529;--gray-light: #e9ecef;--gray: #6c757d;--card-shadow: 0 10px 30px rgba(0, 0, 0, .08);--hover-shadow: 0 20px 40px rgba(0, 0, 0, .12);--gradient-primary: linear-gradient(135deg, #4361ee 0%, #3a0ca3 100%);--gradient-secondary: linear-gradient(135deg, #7209b7 0%, #560bad 100%);--gradient-accent: linear-gradient(135deg, #f72585 0%, #b5179e 100%);--gradient-success: linear-gradient(135deg, #4cc9f0 0%, #4895ef 100%);--gradient-warning: linear-gradient(135deg, #f8961e 0%, #f3722c 100%);--gradient-info: linear-gradient(135deg, #06d6a0 0%, #04a777 100%)}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.4rem}.grid-card{background:#fff;border-radius:12px;padding:25px;box-shadow:var(--card-shadow);transition:all .3s ease;position:relative;overflow:hidden}.grid-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px}.grid-card:hover{transform:translateY(-5px);box-shadow:var(--hover-shadow)}.grid-full{grid-column:span 12}.grid-half{grid-column:span 6}.grid-third{grid-column:span 4}.grid-quarter{grid-column:span 3}.grid-two-thirds{grid-column:span 8}.larger{height:auto}.grid-card.primary:before{background:var(--gradient-primary)}.grid-card.secondary:before{background:var(--gradient-secondary)}.grid-card.accent:before{background:var(--gradient-accent)}.grid-card.success:before{background:var(--gradient-success)}.grid-card.warning:before{background:var(--gradient-warning)}.grid-card.info:before{background:var(--gradient-info)}.metric-card{display:flex;flex-direction:column;height:100%}.metric-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.metric-title{font-size:1rem;font-weight:600;color:var(--gray);margin-bottom:5px}.metric-value{font-size:2.2rem;font-weight:700;color:var(--dark);line-height:1}.metric-change{display:flex;align-items:center;gap:5px;font-size:.85rem;font-weight:600;padding:4px 8px;border-radius:12px;background:#4cc9f01a;color:var(--success)}.metric-change.negative{background:#f8951e1a;color:var(--warning)}.metric-icon{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.metric-icon.primary{background:var(--gradient-primary)}.metric-icon.secondary{background:var(--gradient-secondary)}.metric-icon.accent{background:var(--gradient-accent)}.metric-icon.success{background:var(--gradient-success)}.metric-footer{margin-top:auto;font-size:.85rem;color:var(--gray)}.chart-container{display:flex;flex-direction:row;height:300px;margin-top:15px;width:100%}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.chart-title{font-size:1.2rem;font-weight:600;color:var(--dark)}.chart-actions{display:flex;gap:10px}.chart-action-btn{padding:6px 12px;border-radius:8px;border:1px solid var(--gray-light);background:#fff;cursor:pointer;font-size:.85rem;transition:all .3s ease}.chart-action-btn:hover{background:var(--gray-light)}.activity-list{list-style:none;max-height:240px;overflow-y:auto}.activity-item{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid var(--gray-light)}.activity-item:last-child{border-bottom:none}.activity-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.activity-content{flex:1}.activity-title{font-weight:600;margin-bottom:4px}.activity-desc{font-size:.9rem;color:var(--gray)}.activity-time{font-size:.8rem;margin-right:10px;color:var(--gray);white-space:nowrap}.questions-list{display:flex;flex-direction:column;gap:10px;margin-top:15px}.questions-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000000d;transition:all .3s ease}.questions-row:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.questions-name{font-weight:600;color:var(--dark)}.questions-count{font-weight:700;color:var(--primary)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.grid-card{animation:fadeInUp .6s ease forwards}.grid-card:nth-child(1){animation-delay:.1s}.grid-card:nth-child(2){animation-delay:.2s}.grid-card:nth-child(3){animation-delay:.3s}.grid-card:nth-child(4){animation-delay:.4s}.grid-card:nth-child(5){animation-delay:.5s}.grid-card:nth-child(6){animation-delay:.6s}.triple-donut-container{display:flex;justify-content:center;gap:1.5rem;width:100%}.triple-donut-item{display:flex;flex-direction:column;align-items:center;position:relative;transition:box-shadow .18s}.triple-donut-title{margin-top:12px;font-size:1.08rem;font-weight:600;color:var(--gray);text-align:center;letter-spacing:.01em}.triple-donut-hover .donut-tooltip-list{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,10px);background:#fff;border-radius:12px;box-shadow:0 8px 32px #3c3c3c2e;padding:16px 18px;min-width:180px;z-index:10;font-size:.98em;border:1px solid #e9ecef;animation:fadeInUp .2s}body.dark-mode{--card-color: #161c2e;--sub-card-color: #222b3a;--bg-color: #101522;--color-primary: #3b9cf7;--text-color: #fff;--sub-text-color: #bfc8da}body.dark-mode .grid-card{background:var(--card-color);box-shadow:0 8px 32px #0000002e}body.dark-mode .grid-card:before{box-shadow:0 4px 15px #0003}body.dark-mode .metric-footer,body.dark-mode .metric-title,body.dark-mode .chart-title,body.dark-mode .activity-desc,body.dark-mode .activity-time,body.dark-mode .triple-donut-title,body.dark-mode .questions-name{color:var(--sub-text-color)}body.dark-mode .metric-value,body.dark-mode .activity-title,body.dark-mode .questions-count{color:var(--text-color)}body.dark-mode .chart-action-btn{background:var(--bg-color);border:1px solid #2c3e50;color:var(--sub-text-color)}body.dark-mode .chart-action-btn:hover{background:#2c3e50}@media (max-width: 1200px){.grid-quarter{grid-column:span 6}.triple-donut-container{flex-wrap:wrap;gap:1rem}}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr;gap:20px}.grid-half,.grid-third,.grid-quarter,.grid-two-thirds{grid-column:span 1}.chart-header{flex-direction:column;gap:10px;align-items:flex-start}.chart-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.chart-action-btn{flex:1;text-align:center}.triple-donut-container{flex-direction:column;align-items:center}.questions-row{flex-direction:column;align-items:flex-start;gap:6px}}@media (max-width: 480px){.metric-value{font-size:1.6rem}.metric-title{font-size:.9rem}.chart-title{font-size:1rem}.chart-action-btn{font-size:.8rem;padding:5px 10px}.activity-item{flex-direction:column;align-items:flex-start;gap:8px}.activity-icon{width:35px;height:35px;font-size:.9rem}.questions-row{padding:10px 12px}.questions-name{font-size:.95rem}.questions-count{font-size:1rem}}