@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--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 #0000001a;--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(90deg,#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:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{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{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.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{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--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{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@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--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-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--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-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%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.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{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-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--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar{background-color:#243447;box-shadow:0 2px 10px #0003;color:#fff;height:60px;justify-content:space-between;left:0;padding:.8rem 2rem;position:fixed;right:0;top:0;z-index:1000}.logo,.navbar,.navbar-brand{align-items:center;display:flex}.logo{color:#fff;font-size:1.5rem;font-weight:600;margin-left:1rem;text-decoration:none}.dashboard-icon{color:#3498db;font-size:24px;margin-right:8px}.logo span{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#3498db,#2ecc71);background-clip:text;-webkit-background-clip:text;font-weight:700}.menu-toggle{align-items:center;color:#fff;cursor:pointer;display:none;font-size:1.5rem;justify-content:center;min-height:44px;min-width:44px;transition:transform .3s}.menu-toggle:hover{transform:rotate(90deg)}.navbar-menu{gap:1.5rem;padding:0 2rem}.navbar-item,.navbar-menu{align-items:center;display:flex;height:100%}.navbar-item{color:#fff;font-size:1rem;font-weight:500;margin-right:.25rem;min-height:44px;padding:.8rem 1.2rem;position:relative;text-decoration:none;transition:all .3s}.navbar-item.active,.navbar-item:hover{background-color:#ffffff1a;color:#3498db}.navbar-item.active:after{animation:slideIn .3s forwards;background:linear-gradient(90deg,#3498db,#2ecc71);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.nav-icon{color:#fff;font-size:1.4rem;margin-right:.8rem}.nav-icon.home-icon{margin-right:0}.navbar-item:hover .nav-icon{transform:translateY(-2px)}.navbar-end{align-items:center;display:flex}.profile-dropdown{margin-left:2rem;position:relative}.profile-trigger{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:1rem;min-height:44px;padding:.6rem 1rem;transition:background-color .3s}.profile-trigger:hover{background-color:#ffffff1a}.avatar{align-items:center;background:linear-gradient(135deg,#3498db,#2ecc71);border:2px solid #fff3;border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;transition:transform .3s,border .3s;width:40px}.profile-trigger:hover .avatar{border:2px solid #ffffff80;transform:scale(1.05)}.avatar img{height:100%;object-fit:cover;width:100%}.profile-trigger .user-info{display:flex;flex-direction:column;gap:0}.profile-trigger .username{color:#fff;font-size:1rem;font-weight:600}.profile-trigger .user-role{color:#fffc;font-size:.75rem;letter-spacing:.5px;margin-top:-2px;text-transform:uppercase}.profile-menu{animation:fadeIn .3s;background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;margin-top:.8rem;overflow:hidden;position:absolute;right:0;top:100%;transform-origin:top right;width:200px;z-index:1001}.profile-item{align-items:center;color:#333;cursor:pointer;display:flex;min-height:44px;padding:.75rem 1.2rem;text-decoration:none;transition:all .3s}.profile-item:hover{background-color:#f5f7fa;color:#3498db}.profile-item.logout{border-top:1px solid #0000000d;color:#e74c3c}.profile-item.logout:hover{background-color:#fcf0f0}.menu-icon{font-size:1.2rem;margin-right:.8rem}.navbar-dropdown{cursor:pointer;margin-right:.25rem;position:relative}.navbar-dropdown.active .navbar-dropdown-trigger{background-color:#ffffff1a;color:#3498db}.navbar-dropdown-trigger{align-items:center;border-radius:4px;color:#fff;display:flex;font-size:1rem;gap:.3rem;min-height:44px;padding:.8rem;text-decoration:none;transition:all .3s ease}.navbar-dropdown-trigger:hover{background-color:#ffffff1a;color:#3498db}.dropdown-arrow{font-size:1.2rem;margin-left:auto;transition:transform .3s ease}.navbar-dropdown-menu{animation:fadeInMenu .3s ease;background-color:#fff;border-radius:4px;box-shadow:0 4px 12px #0000001a;display:block;left:0;min-width:220px;opacity:1;overflow:hidden;padding:.8rem;position:absolute;top:100%;transform:translateY(0);width:220px;z-index:100}@keyframes fadeInMenu{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{color:#243447;font-size:1rem;gap:.5rem;min-height:44px;padding:.8rem 1.2rem;text-decoration:none;transition:all .3s ease}.dropdown-item.active,.dropdown-item:hover{background-color:#3498db1a;color:#3498db}.dropdown-item.active{font-weight:600}.dropdown-icon{font-size:1.4rem;margin-right:.8rem}@media (max-width:992px){.profile-trigger .user-info{display:none}.profile-dropdown{margin-left:1rem}.profile-trigger{padding:.6rem}.navbar{padding:.8rem 1.5rem}.navbar-menu{gap:.8rem;padding:0 1rem}}@media (max-width:768px){.menu-toggle{display:flex}.navbar{padding:.8rem 1rem}.navbar-menu{align-items:flex-start;background-color:#1c2938;box-shadow:5px 0 15px #0000001a;flex-direction:column;height:calc(100vh - 60px);left:-100%;overflow-y:auto;padding:1rem 0;position:fixed;top:60px;transition:left .3s ease;width:100%;z-index:1000}.navbar-menu.is-open{left:0}.navbar-item{border-bottom:1px solid #ffffff0d;height:auto;margin-right:0;padding:1rem 1.5rem;width:100%}.navbar-item.active:after{display:none}.navbar-item.active{border-left:3px solid #3498db;padding-left:1.2rem}.user-info{display:none}.logo span{font-size:1.25rem}.navbar-dropdown-menu{background-color:#0003;border-radius:0;box-shadow:none;padding:0;position:static;width:100%}.dropdown-item{padding-left:2.5rem}.navbar-dropdown-trigger{width:100%}.profile-menu{right:-1rem;width:200px}}@media (max-width:480px){.navbar{padding:.8rem .6rem}.logo{font-size:1.2rem;margin-left:.5rem}.dashboard-icon{font-size:20px}.avatar{height:36px;width:36px}.profile-menu{right:-.5rem;width:180px}}@media (max-width:320px){.navbar{padding:.8rem .4rem}.logo span{font-size:1rem}.dashboard-icon{font-size:18px;margin-right:4px}.avatar{height:32px;width:32px}}.footer{background-color:#243447;color:#f5f5f5;margin-top:auto;padding:2rem 0 0;width:100%}.footer-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1300px;padding:0 1.5rem}.footer-logo{align-items:center;display:flex;flex:1 1;margin-bottom:1.5rem;max-width:300px;min-width:250px}.footer-logo-img{display:block;height:55px;margin-bottom:.75rem;transition:transform .3s ease}.footer-logo-img:hover{transform:scale(1.05)}.footer-company{align-items:center;display:flex;flex-direction:column}.company-name{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#3498db,#2ecc71);background-clip:text;-webkit-background-clip:text;font-size:1.3rem;font-weight:700;margin-top:.3rem}.company-slogan{color:#ffffffb3;font-size:.85rem;margin-top:.3rem;text-align:center}.footer-content{display:flex;flex:2 1;flex-wrap:wrap;gap:2rem;justify-content:space-around;margin-bottom:1.5rem}.footer-section{flex:1 1;min-width:200px}.footer-section h4{color:#3498db;font-size:1.1rem;margin-bottom:1rem;padding-bottom:.5rem;position:relative}.footer-section h4:after{background:linear-gradient(90deg,#3498db,#2ecc71);bottom:0;content:"";height:2px;left:0;position:absolute;width:50px}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#fffc;display:inline-block;text-decoration:none;transition:color .3s ease,transform .3s ease}.footer-section ul li a:hover{color:#3498db;transform:translateX(5px)}.footer-section p{align-items:center;color:#fffc;display:flex;margin-bottom:.5rem}.footer-icon{color:#3498db;margin-right:.5rem}.footer-bottom{background-color:#0003;color:#fff9;font-size:.9rem;margin-top:1rem;padding:1rem 0;text-align:center}.footer-bottom p{margin:.2rem 0}@media (max-width:768px){.footer-container{align-items:center;flex-direction:column}.footer-logo{justify-content:center;margin-bottom:2rem;max-width:100%}.footer-content{align-items:center;flex-direction:column;width:100%}.footer-section{margin-bottom:2rem;text-align:center;width:100%}.footer-section h4:after{left:50%;transform:translateX(-50%)}.footer-section ul li a:hover{transform:none}.footer-section p{justify-content:center}}@media (max-width:480px){.footer-logo{flex-direction:column;text-align:center}.footer-logo-img{margin-bottom:1rem;margin-right:0}}.loading-container{min-height:200px;padding:2rem}.loading-container.small{min-height:100px;padding:1rem}.loading-container.large{min-height:50vh;padding:3rem}.loading-container.fullscreen{background-color:#ffffffe6;bottom:0;left:0;min-height:100vh;position:fixed;right:0;top:0;z-index:9999}.loading-spinner{margin-bottom:1rem}.spinner{border-top-color:#3498db;height:40px;width:40px}.loading-container.small .spinner{border-width:3px;height:30px;width:30px}.loading-container.large .spinner{border-width:6px;height:60px;width:60px}.loading-message{font-size:1rem;font-weight:500;margin:0}.loading-container.small .loading-message{font-size:.875rem}.loading-container.large .loading-message{font-size:1.125rem}@media (prefers-color-scheme:dark){.loading-container.fullscreen{background-color:#000000e6}.loading-message{color:#ccc}.spinner{border-color:#3498db #444 #444}}.google-login-button{align-items:center;background-color:#fff;border:2px solid #dadce0;border-radius:8px;box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326;color:#3c4043;cursor:pointer;display:flex;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:14px;font-weight:500;gap:12px;justify-content:center;margin-bottom:16px;padding:12px 16px;text-decoration:none;transition:all .2s ease-in-out;width:100%}.google-login-button:hover{background-color:#f8f9fa;border-color:#dadce0;box-shadow:0 1px 3px 0 #3c40434d,0 4px 8px 3px #3c404326}.google-login-button:active{background-color:#f1f3f4;border-color:#5f6368;box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326}.google-login-button:disabled{background-color:#f8f9fa;color:#5f6368;cursor:not-allowed;opacity:.6}.google-login-button:disabled:hover{background-color:#f8f9fa;border-color:#dadce0;box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326}.google-login-button svg{flex-shrink:0}.google-login-button span{flex:1 1;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.auth-divider{align-items:center;display:flex;margin:20px 0;text-align:center}.auth-divider:after,.auth-divider:before{background:#dadce0;content:"";flex:1 1;height:1px}.auth-divider span{color:#5f6368;font-size:14px;font-weight:400;padding:0 16px}.resend-confirmation-modal{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.resend-confirmation-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:450px;overflow-y:auto;padding:30px;width:100%}.resend-confirmation-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.resend-confirmation-header h3{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.close-button{color:#6b7280;height:35px;transition:all .2s ease;width:35px}.close-button:hover{background-color:#f3f4f6;color:#374151}.resend-confirmation-form{margin-bottom:20px}.form-group label{color:#374151}.form-group input{border:2px solid #d1d5db;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:border-color .2s ease;width:100%}.form-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.error-message{color:#ef4444;display:block}.form-actions{gap:12px;margin-top:25px}.cancel-button,.resend-button{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.resend-button{background-color:#2563eb;color:#fff}.resend-button:hover:not(:disabled){background-color:#1d4ed8;transform:translateY(-2px)}.resend-button:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.cancel-button{background-color:#6b7280;color:#fff}.cancel-button:hover:not(:disabled){background-color:#4b5563;transform:translateY(-2px)}.cancel-button:disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed;transform:none}.resend-confirmation-info{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-top:20px;padding:15px}.resend-confirmation-info p{color:#0c4a6e;font-size:.875rem;line-height:1.5;margin:0}@media (max-width:768px){.resend-confirmation-modal{padding:10px}.resend-confirmation-content{padding:20px}.resend-confirmation-header{margin-bottom:20px}.resend-confirmation-header h3{font-size:1.25rem}.form-actions{flex-direction:column}.cancel-button,.resend-button{justify-content:center;width:100%}}.login-container{align-items:center;background:linear-gradient(45deg,#1a1a2e,#16213e,#0f3460);display:flex;gap:40px;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-container:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#ffffff26 0,#0000 70%);content:"";height:200%;position:absolute;width:200%;z-index:0}.login-content-wrapper{align-items:center;display:flex;gap:60px;justify-content:center;max-width:1200px;padding:20px;position:relative;width:100%;z-index:1}.login-background-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;flex:1 1;max-width:500px;padding:40px;transform:translateY(0);transition:transform .3s ease}.login-background-content:hover{transform:translateY(-5px)}.login-background-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#3498db,#2ecc71);-webkit-background-clip:text;font-size:36px;font-weight:700;line-height:1.3;margin-bottom:30px;text-shadow:0 2px 4px #0000004d}.login-background-content ul{list-style:none;margin:0;padding:0}.login-background-content li{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;font-size:18px;font-weight:500;margin-bottom:20px;padding:15px 20px;transition:all .3s ease}.login-background-content li:hover{background:#ffffff26;transform:translateX(10px)}.login-background-content li:before{color:#00dbde;content:"✓";font-weight:700;margin-right:15px}.login-form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #0000004d;flex:1 1;max-width:420px;padding:40px;position:relative;transform:translateY(0);transition:transform .3s ease;z-index:1}.login-form-container:hover{transform:translateY(-5px)}.login-form-container h2{color:#fff;font-size:32px;font-weight:700;margin-bottom:32px;position:relative;text-align:center;text-shadow:0 2px 4px #0000004d}.login-form-container h2:after{background:linear-gradient(45deg,#3498db,#2ecc71);border-radius:3px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.login-form{display:flex;flex-direction:column;gap:24px}.form-group label{color:#fff;font-size:14px;letter-spacing:1px;margin-left:5px;text-shadow:0 1px 2px #0000004d}.login-form .form-group input{background:#ffffff26;border:2px solid #ffffff4d;border-radius:12px;color:#fff;font-size:16px;font-weight:500;padding:15px 20px;transition:all .3s ease}.login-form .form-group input::placeholder{color:#ffffffb3;font-weight:400}.login-form .form-group input:focus{background:#fff3;border-color:#00dbde;box-shadow:0 0 15px #00dbde66;outline:none}.login-form .form-group input:disabled{background:#ffffff1a;cursor:not-allowed;opacity:.7}.error-message{color:#ff9e9e;font-size:13px;margin-top:6px;text-shadow:0 1px 2px #0000004d}.general-error{background-color:#ff52521a;border:1px solid #ff52524d;color:#ff5252;font-size:14px}.login-button{background:linear-gradient(45deg,#3498db,#2ecc71);border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:1px;margin-top:16px;overflow:hidden;padding:16px;position:relative;text-shadow:0 1px 2px #0003;text-transform:uppercase;transition:all .3s ease}.login-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.login-button:hover:before{left:100%}.login-button:hover{box-shadow:0 5px 15px #00dbde66;transform:translateY(-3px)}.login-button:disabled{background:#666;box-shadow:none;cursor:not-allowed;transform:none}.password-toggle{border-radius:50%;height:32px;padding:4px;right:8px;top:50%;transform:translateY(-50%);width:32px}.password-toggle:hover{background-color:#0000000d;color:#333}.password-toggle svg{stroke:currentColor;fill:none}.password-toggle:hover svg{transform:scale(1.1)}@media (max-width:1024px){.login-content-wrapper{flex-direction:column;gap:30px;width:90%}.login-background-content,.login-form-container{max-width:100%;width:100%}}@media (max-width:768px){.login-container{align-items:flex-start;min-height:100vh;overflow-y:auto;padding:15px}.login-content-wrapper{padding:15px 0;width:95%}.login-background-content{padding:30px 20px}.login-background-content h2{font-size:28px;margin-bottom:20px}.login-background-content li{font-size:16px;margin-bottom:15px;padding:12px 15px}.login-form-container{padding:30px 20px}.login-form-container h2{font-size:24px;margin-bottom:24px}.login-form .form-group input{font-size:15px;padding:12px 15px}.login-button{font-size:16px;padding:12px}.form-group label{font-size:12px}.forgot-password,.register-link{font-size:14px}}@media (max-width:480px){.login-container{padding:10px}.login-content-wrapper{gap:20px;padding:10px 0;width:100%}.login-background-content,.login-form-container{border-radius:15px;padding:20px 15px}.login-background-content h2{font-size:22px;margin-bottom:15px}.login-background-content li{font-size:14px;margin-bottom:10px;padding:10px}.login-form-container h2{font-size:22px;margin-bottom:20px}.login-form{gap:16px}.form-group{gap:5px}.form-group input{border-radius:8px;font-size:14px;padding:10px 12px}.login-button{border-radius:8px;font-size:15px;padding:10px}.password-toggle{font-size:12px;padding:4px 8px}.forgot-password,.register-link{font-size:13px;padding:5px 0}}@media (max-width:320px){.login-container{padding:8px}.login-background-content,.login-form-container{padding:15px 12px}.login-background-content h2{font-size:20px}.login-background-content li{font-size:13px;padding:8px}.login-form-container h2{font-size:20px}.form-group label{font-size:11px}.form-group input{font-size:13px;padding:8px 10px}.login-button{font-size:14px;padding:8px}}.resend-confirmation-link{margin-top:15px;text-align:center}.resend-link-button{background:none;border:none;color:#f59e0b;cursor:pointer;font-size:13px;font-weight:500;padding:5px;text-decoration:underline;text-shadow:0 1px 2px #0000004d;transition:color .2s ease}.resend-link-button:hover{color:#fbbf24}.register-link{color:#fffc;font-size:14px;font-weight:500;margin-top:24px;text-align:center;text-shadow:0 1px 2px #0000004d}.register-link a{background:#00dbde1a;border-radius:4px;color:#00dbde;font-weight:600;padding:4px 8px;text-decoration:none;transition:all .3s ease}.register-link a:hover{background:#00dbde33;text-decoration:none;transform:translateY(-1px)}.forgot-password{color:#666;margin-top:20px;text-align:center}.forgot-password a{color:#1a237e;font-weight:500;text-decoration:none}.forgot-password a:hover{text-decoration:underline}.register-container{align-items:center;background:linear-gradient(45deg,#1a1a2e,#16213e,#0f3460);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.register-container:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#ffffff26 0,#0000 70%);content:"";height:200%;position:absolute;width:200%;z-index:0}.register-content-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000004d;display:flex;max-width:1000px;overflow:hidden;position:relative;width:100%;z-index:1}.register-background-content{animation:fadeIn .8s ease-out;background:linear-gradient(135deg,#3498db,#2ecc71);color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px}.register-background-content h2{font-size:2.5rem;font-weight:700;margin-bottom:30px;text-shadow:0 2px 4px #0000004d}.register-background-content ul{list-style:none;padding:0}.register-background-content li{align-items:center;animation:slideIn .5s ease-out forwards;background:#ffffff1a;border-radius:10px;display:flex;font-size:1.1rem;margin-bottom:20px;opacity:0;padding:12px 20px;transition:all .3s ease}.register-background-content li:first-child{animation-delay:.1s}.register-background-content li:nth-child(2){animation-delay:.2s}.register-background-content li:nth-child(3){animation-delay:.3s}.register-background-content li:nth-child(4){animation-delay:.4s}.register-background-content li:hover{background:#fff3;transform:translateX(10px)}.register-background-content li:before{color:#fff;content:"✓";font-size:1.2rem;font-weight:700;margin-right:15px}.register-form-container{animation:fadeIn .8s ease-out;background:#fffffff2;flex:1 1;padding:40px}.register-form-container h2{color:#1a1a2e;font-size:2rem;font-weight:700;margin-bottom:30px;position:relative;text-align:center}.register-form-container h2:after{background:linear-gradient(45deg,#3498db,#2ecc71);border-radius:3px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.register-form{display:flex;flex-direction:column;gap:20px}.form-group{animation:formFieldAppear .5s ease-out forwards;gap:8px;opacity:0}@keyframes formFieldAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-group:nth-child(6){animation-delay:.6s}.form-group:nth-child(7){animation-delay:.7s}.form-group:nth-child(8){animation-delay:.8s}.form-group label{color:#1a1a2e;letter-spacing:.5px;text-transform:uppercase}.form-group input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:12px 15px;transition:all .3s ease}.form-group input:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.form-group input[type=file]{background:#f8f9fa;border:2px dashed #e0e0e0;cursor:pointer;padding:10px;transition:all .3s ease}.form-group input[type=file]:hover{background:#f1f8ff;border-color:#3498db}.error-message{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.general-error{animation:fadeIn .3s ease-out;background-color:#fde8e8;border:1px solid #fbd5d5;border-radius:8px;color:#e74c3c;margin-bottom:20px;padding:12px;text-align:center}.register-button{background:linear-gradient(45deg,#3498db,#2ecc71);border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:1px;overflow:hidden;padding:14px;position:relative;text-transform:uppercase;transition:all .3s ease}.register-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.register-button:hover:before{left:100%}.register-button:hover{box-shadow:0 5px 15px #3498db66}.register-button:disabled{background:#95a5a6;box-shadow:none;cursor:not-allowed;transform:none}.password-toggle{color:#7f8c8d;padding:5px;right:10px;transition:all .2s ease}.password-toggle:hover{color:#3498db}.password-toggle svg{fill:currentColor;height:20px;width:20px}.login-link{color:#7f8c8d;font-size:.9rem;margin-top:20px;text-align:center}.login-link a{border-radius:4px;color:#3498db;font-weight:600;padding:4px 8px;text-decoration:none;transition:all .3s ease}.login-link a:hover{background:#3498db1a;color:#2980b9}@media (max-width:768px){.register-content-wrapper{flex-direction:column}.register-background-content,.register-form-container{padding:30px}.register-background-content h2{font-size:2rem}.register-background-content li{font-size:1rem;padding:10px 15px}}@media (max-width:480px){.register-container{padding:15px}.register-content-wrapper{border-radius:15px}.register-background-content,.register-form-container{padding:20px}.register-background-content h2{font-size:1.8rem}.register-form-container h2{font-size:1.5rem}.form-group input{font-size:.9rem;padding:10px}.register-button{font-size:.9rem;padding:12px}}.image-preview-container{animation:fadeIn .3s ease-out;margin-top:15px;text-align:center}.image-preview{border:3px solid #3498db4d;border-radius:10px;box-shadow:0 4px 15px #0003;display:inline-block;overflow:hidden;transition:all .3s ease}.image-preview:hover{border-color:#3498db80;box-shadow:0 6px 20px #0000004d;transform:scale(1.02)}.preview-image{display:block;height:120px;object-fit:cover;width:120px}.remove-image-btn{align-items:center;background:#e74c3ce6;border:none;border-radius:50%;box-shadow:0 2px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:25px;justify-content:center;position:absolute;right:5px;top:5px;transition:all .3s ease;width:25px}.remove-image-btn:hover{background:#e74c3c;transform:scale(1.1)}.preview-text{color:#666;font-size:.9rem;font-style:italic;margin-top:10px}@media (max-width:480px){.preview-image{height:100px;width:100px}.remove-image-btn{font-size:14px;height:22px;width:22px}}.reset-password-container{background-color:#f5f7fa;display:flex;height:100vh;width:100%}.reset-password-form-container{background-color:#fff;box-shadow:0 5px 15px #0000000d;display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:500px;padding:2rem}.reset-password-background{align-items:center;background:linear-gradient(135deg,#4a90e2,#6c63ff);color:#fff;display:flex;flex:1 1;justify-content:center;padding:2rem}.reset-password-background-content{max-width:500px}.reset-password-background h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.reset-password-background p{font-size:1.2rem;line-height:1.5;margin-bottom:1.5rem}.reset-password-background ul{font-size:1.1rem;line-height:1.8;padding-left:1.5rem}.reset-password-header{margin-bottom:2rem;text-align:center}.reset-password-header h1{color:#333;font-size:2rem;font-weight:700;margin-bottom:.5rem}.reset-password-subtitle{color:#666;font-size:1rem}.reset-password-form{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.reset-password-button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.8rem;transition:background-color .3s}.reset-password-button:hover{background-color:#3a7bc8}.reset-password-button:disabled{background-color:#b3d0f5;cursor:not-allowed}.back-to-login{margin-top:1rem;text-align:center}.back-to-login a{color:#4a90e2;font-size:.9rem;font-weight:600;text-decoration:none}.back-to-login a:hover{text-decoration:underline}.success-message{background-color:#e8f5e9;border-radius:4px;color:#2e7d32;font-size:.9rem;margin-bottom:1rem;padding:.8rem}.password-input-container{align-items:center;display:flex;position:relative}.password-input-container input{padding-right:3rem;width:100%}.password-toggle{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;padding:.2rem;position:absolute;right:.8rem;z-index:1}.password-toggle:hover{color:#4a90e2}.forgot-password-link{margin-bottom:1rem;text-align:center}.forgot-password-link a{color:#4a90e2;font-size:.9rem;text-decoration:none}.forgot-password-link a:hover{text-decoration:underline}@media (max-width:768px){.reset-password-container{flex-direction:column}.reset-password-form-container{max-width:100%;padding:1.5rem}.reset-password-background{display:none}}.confirm-email-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.confirm-email-content{max-width:500px;width:100%}.confirm-email-card{background:#fff;border-radius:15px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:40px;text-align:center}.error-state,.loading-state,.success-state{align-items:center;display:flex;flex-direction:column;gap:20px}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#2563eb;height:50px;width:50px}.error-icon,.success-icon{font-size:4rem;margin-bottom:10px}.success-icon{color:#10b981}.error-icon{color:#ef4444}.confirm-email-card h2{color:#1f2937;font-size:1.8rem;font-weight:600;margin-bottom:10px}.confirm-email-card p{color:#6b7280;font-size:1rem;line-height:1.6;margin-bottom:15px}.login-button,.register-button{border-radius:8px;cursor:pointer;display:inline-block;font-size:.95rem;font-weight:600;margin:8px;padding:12px 24px;text-decoration:none;transition:all .2s ease}.login-button{background-color:#2563eb;color:#fff}.login-button:hover{background-color:#1d4ed8;transform:translateY(-2px)}.register-button{background-color:#10b981;color:#fff}.register-button:hover{background-color:#059669;transform:translateY(-2px)}.error-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}@media (max-width:768px){.confirm-email-container{padding:10px}.confirm-email-card{padding:30px 20px}.confirm-email-card h2{font-size:1.5rem}.error-actions{align-items:center;flex-direction:column}.login-button,.register-button{max-width:200px;width:100%}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f7;color:#1d1d1f;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,system-ui,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:var(--system-font);line-height:1.5}.dashboard-page{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:2rem;width:100%}.dashboard-header{display:flex;flex-direction:column;margin-bottom:2rem}.dashboard-title{align-items:center;color:#1d1d1f;color:var(--text-primary);display:flex;font-size:2.4rem;font-weight:600;letter-spacing:-.5px;margin-bottom:.5rem;text-align:left}.dashboard-title .panda-logo{font-size:2.8rem;line-height:1;margin-right:12px}.dashboard-subtitle{align-items:center;display:flex;font-weight:500;gap:.5rem;margin-left:3px}.dashboard-subtitle,.dashboard-subtitle svg{color:#86868b;color:var(--text-secondary);font-size:1.1rem}.quick-actions-bar{background:none;border:none;border-radius:0;box-shadow:none;display:flex;gap:1rem;justify-content:flex-start;margin-bottom:2rem;padding:0}.quick-action{align-items:center;background:#fff;background:var(--card-background);border-radius:12px;border-radius:var(--border-radius-medium);box-shadow:0 2px 4px #0000000a;box-shadow:var(--shadow-light);color:#0071e3;color:var(--accent-color);display:flex;font-size:.95rem;font-weight:500;gap:.75rem;overflow:hidden;padding:.8rem 1.4rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition-smooth)}.quick-action:hover{background-color:#e8f4ff;background-color:var(--accent-color-light);box-shadow:0 8px 20px #00000014;box-shadow:var(--shadow-medium);transform:translateY(-3px)}.quick-action svg{color:#0071e3;color:var(--accent-color);font-size:1.5rem;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition-smooth)}.quick-action:hover svg{transform:scale(1.1)}.quick-action span{color:#1d1d1f;color:var(--text-primary);font-size:1rem;font-weight:500}.quick-action:hover span{color:#0071e3;color:var(--accent-color)}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem;width:100%}@media (max-width:1200px){.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:992px){.dashboard-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.summary-card{min-height:130px}.summary-value{font-size:1.8rem}}@media (max-width:768px){.dashboard-page{padding:1.5rem 1rem}.dashboard-title{font-size:2rem}.dashboard-subtitle{font-size:1rem}.quick-actions-bar{flex-wrap:wrap;gap:.75rem;justify-content:center}.quick-action{flex-basis:calc(50% - 0.75rem);flex-grow:1;flex-shrink:1;font-size:.9rem;justify-content:center;padding:.7rem 1rem}.dashboard-grid{gap:1rem;grid-template-columns:1fr}.card-header h3{font-size:1.1rem}.inventory-table td,.inventory-table th{font-size:.85rem;padding:.75rem .8rem;white-space:normal}.status-badge{font-size:.75rem;padding:.2rem .5rem}.empty-dashboard{padding:2rem 1rem}}@media (max-width:480px){.dashboard-page{padding:1rem .5rem}.summary-card{min-height:100px;padding:1rem}.summary-icon{font-size:1.3rem;height:40px;width:40px}.summary-value{font-size:1.5rem}.dashboard-card{padding:1rem}.card-header{margin-bottom:.8rem;padding-bottom:.6rem}.quick-action span{font-size:.85rem}.quick-action svg{font-size:1.3rem}.quick-action{flex-basis:calc(50% - 0.5rem);flex-grow:1;flex-shrink:1;min-height:44px;padding:.6rem .8rem}.items-cards-grid{gap:.8rem;grid-template-columns:1fr}.item-card-image{height:120px}.item-card-content{padding:.8rem}.item-name{font-size:1rem;margin-bottom:.3rem}.item-category,.status-badge{font-size:.7rem;padding:.2rem .4rem}.item-location{font-size:.75rem}.dashboard-title{font-size:1.6rem;margin-bottom:.3rem}.dashboard-subtitle{font-size:.9rem}.equipment-overview{flex-direction:column}.donut-chart-container{padding:0 0 1rem;width:100%}.condition-cards{gap:.5rem;grid-template-columns:repeat(2,1fr);width:100%}.condition-card{min-height:auto;padding:.8rem}.country-name{font-size:1.2rem;padding:.6rem 0}.city-name{font-size:1rem;padding:.4rem 0}.location-tile{padding:.8rem}.location-tile-info h4{font-size:.9rem}.location-tile-address,.location-tile-info p{font-size:.75rem}}@media (max-width:320px){.dashboard-page{padding:.8rem .4rem}.dashboard-title{font-size:1.4rem}.dashboard-subtitle{font-size:.8rem}.quick-actions-bar{gap:.5rem}.quick-action{padding:.5rem .6rem}.quick-action span{font-size:.75rem}.quick-action svg{font-size:1.2rem}.summary-card{padding:.8rem}.summary-content h3{font-size:.85rem}.summary-value{font-size:1.3rem}.summary-link{font-size:.75rem}.card-header h3{font-size:.9rem}.view-all-link{font-size:.75rem}.condition-cards{grid-template-columns:1fr}.donut-chart{height:150px;width:150px}.donut-chart-number{font-size:1.6rem}.legend-item{margin-bottom:.3rem}.legend-text{font-size:.7rem}}.summary-card{align-items:flex-start;background-color:#fff;background-color:var(--card-background);border:none;border-radius:16px;border-radius:var(--border-radius-large);box-shadow:0 8px 20px #00000014;box-shadow:var(--shadow-medium);color:#1d1d1f;color:var(--text-primary);display:flex;flex-direction:column;justify-content:space-between;min-height:150px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition-smooth)}.summary-card:hover{box-shadow:0 10px 25px #0000001f;transform:translateY(-5px)}.summary-card:after{background:linear-gradient(to right,var(--summary-color),var(--summary-color));background:linear-gradient(to right,var(--summary-color),var(--summary-color-secondary,var(--summary-color)));border-radius:0 0 16px 16px;border-radius:0 0 var(--border-radius-large) var(--border-radius-large);bottom:0;content:"";height:3px;left:0;opacity:.85;position:absolute;right:0;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition-smooth)}.summary-card:hover:after{height:5px;opacity:1}.summary-icon{font-size:2rem;height:52px;margin-bottom:1rem;margin-right:0;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition-smooth);width:52px;z-index:1}.summary-card:hover .summary-icon{transform:scale(1.05)}.summary-link{align-items:center;color:#0071e3;color:var(--accent-color);display:flex;font-size:.85rem;font-weight:500;gap:.5rem;margin-top:.75rem;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition-smooth)}.summary-link:hover{color:#005ec3}.summary-link svg{font-size:.85rem;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition-smooth)}.summary-link:hover svg{transform:translateX(2px)}.total-items{--summary-color:#34c759;--summary-color-secondary:#2daa4b}.total-items .summary-icon{background:linear-gradient(135deg,#34c759,#2daa4b)}.total-categories{--summary-color:#5856d6;--summary-color-secondary:#4641c3}.total-categories .summary-icon{background:linear-gradient(135deg,#5856d6,#4641c3)}.maintenance-needed{--summary-color:#ff9500;--summary-color-secondary:#e67e00}.maintenance-needed .summary-icon{background:linear-gradient(135deg,#ff9500,#e67e00)}.vehicles-card{--summary-color:#0071e3;--summary-color-secondary:#0062c3}.vehicles-card .summary-icon{background:linear-gradient(135deg,#0071e3,#0062c3)}.users-card{--summary-color:#5856d6;--summary-color-secondary:#4641c3}.users-card .summary-icon{background:linear-gradient(135deg,#5856d6,#4641c3)}.summary-content{width:100%}.summary-content h3{margin:0 0 .25rem}.summary-value{color:#1d1d1f;color:var(--text-primary);font-size:2.2rem;font-weight:600;letter-spacing:-.5px;line-height:1.2;margin:0}.dashboard-card{background-color:#fff;background-color:var(--card-background);border:none;border-radius:16px;border-radius:var(--border-radius-large);box-shadow:0 8px 20px #00000014;box-shadow:var(--shadow-medium);display:flex;flex-direction:column;min-height:250px;overflow:hidden;padding:1.5rem;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition-smooth);width:100%}.dashboard-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-3px)}.card-header{border-bottom:1px solid #d2d2d7}.card-header h3{align-items:center;color:#1d1d1f;color:var(--text-primary);display:flex;font-size:1.2rem;font-weight:600;gap:.75rem;margin:0}.card-header h3 svg{color:#86868b;color:var(--text-secondary);font-size:1.4rem}.view-all-link{background-color:initial;border-radius:20px;font-size:.95rem;font-weight:500;padding:.4rem .8rem;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition-smooth)}.view-all-link,.view-all-link:hover{color:#0071e3;color:var(--accent-color);text-decoration:none}.view-all-link:hover{background-color:#e8f4ff;background-color:var(--accent-color-light)}.distribution-bars{animation:fadeIn .5s ease-out forwards;flex-grow:1;gap:1.2rem;padding:.5rem 0}.bar-item,.distribution-bars{display:flex;flex-direction:column}.bar-item{gap:.5rem;position:relative}.bar-label-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:0}.bar-label{color:#1d1d1f;color:var(--text-primary);font-size:.95rem;font-weight:600}.bar-value{background-color:#f3f3f5;border-radius:12px;color:#86868b;color:var(--text-secondary);font-size:.85rem;font-weight:600;padding:3px 10px}.bar-container{background-color:#e5e5ea;height:8px;overflow:hidden}.bar-container,.bar-fill{border-radius:4px;position:relative}.bar-fill{animation:scaleBar 1s cubic-bezier(.25,.8,.25,1) forwards;animation-delay:calc(var(--index)*.1s);height:100%;transform:scaleX(0);transform-origin:left}.bar-item:first-child .bar-fill{background:linear-gradient(90deg,#34c759,#2daa4b)}.bar-item:nth-child(2) .bar-fill{background:linear-gradient(90deg,#0071e3,#0062c3)}.bar-item:nth-child(3) .bar-fill{background:linear-gradient(90deg,#ff9500,#e67e00)}.bar-item:nth-child(4) .bar-fill{background:linear-gradient(90deg,#ff2d55,#e01d46)}.bar-item:nth-child(5) .bar-fill{background:linear-gradient(90deg,#5856d6,#4641c3)}.bar-item:nth-child(6) .bar-fill{background:linear-gradient(90deg,#fc0,#e6b800)}.condition-stats{display:flex;flex-direction:column;gap:1.2rem}.condition-stat-item{background:#f9f9fb;border:none;border-radius:12px;border-radius:var(--border-radius-medium);overflow:hidden;padding:1.1rem;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition-smooth)}.condition-stat-item:hover{background:#fff;background:var(--card-background);box-shadow:0 2px 4px #0000000a;box-shadow:var(--shadow-light)}.stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.stat-label{color:#1d1d1f;color:var(--text-primary);font-size:1rem;font-weight:600}.stat-count{color:var(--color);font-size:1.1rem;font-weight:600}.stat-bar{background:#e5e5ea;border-radius:3px;height:6px;margin:.5rem 0;overflow:hidden}.stat-bar-fill{animation:scaleBar 1s cubic-bezier(.25,.8,.25,1) forwards;animation-delay:calc(var(--index)*.1s);background:linear-gradient(to right,var(--color),var(--color));background:linear-gradient(to right,var(--color),var(--color-secondary,var(--color)));border-radius:3px;height:100%;transform:scaleX(0);transform-origin:left;width:var(--percentage)}.stat-footer{align-items:center;color:#86868b;color:var(--text-secondary);display:flex;font-size:.85rem;justify-content:space-between;margin-top:.75rem}.stat-percentage{color:var(--color);font-weight:600}.locations-section{animation:fadeIn .6s ease-out forwards;grid-column:1/-1;margin-top:1rem}.locations-container{padding:0}.country-group{margin-bottom:2rem}.country-name{align-items:center;border-bottom:1px solid #d2d2d7;border-bottom:1px solid var(--border-color);color:#1d1d1f;color:var(--text-primary);display:flex;font-size:1.3rem;font-weight:700;gap:.6rem;letter-spacing:-.3px;margin-bottom:1.2rem;padding-bottom:.8rem}.city-group{margin-bottom:1.8rem;margin-left:.5rem}.city-name{align-items:center;border-left:4px solid #d2d2d7;border-left:4px solid var(--border-color);color:#86868b;color:var(--text-secondary);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;letter-spacing:-.2px;margin-bottom:1.2rem;padding-left:.6rem}.city-locations{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:0}.location-tile{background:#fff;background:var(--card-background);border:none;border-radius:12px;border-radius:var(--border-radius-medium);box-shadow:0 2px 4px #0000000a;box-shadow:var(--shadow-light);color:inherit;display:flex;overflow:hidden;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition-smooth)}.location-tile:hover{background-color:#e8f4ff;background-color:var(--accent-color-light);box-shadow:0 8px 20px #00000014;box-shadow:var(--shadow-medium);transform:translateY(-3px)}.location-tile-content{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:1.25rem}.location-tile-header{align-items:center;display:flex;gap:1rem;margin-bottom:.75rem}.location-icon{align-items:center;background-color:#0071e3;background-color:var(--accent-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.8rem;height:48px;justify-content:center;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition-smooth);width:48px}.location-tile:hover .location-icon{background-color:#005ec3;transform:scale(1.1)}.location-tile-info h4{color:#1d1d1f;color:var(--text-primary);font-size:1.05rem;font-weight:600;line-height:1.3;margin:0}.location-tile-info p{color:#86868b;color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin:.3rem 0 0}.location-tile-address{align-items:center;border-top:1px solid #d2d2d7;border-top:1px solid var(--border-color);color:#86868b;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.4rem;margin-top:.75rem;padding-top:.75rem}.location-tile-address:before{content:"📍";font-size:.9em}.recent-items-container,.recent-vehicles{animation:fadeIn .7s ease-out forwards;grid-column:1/-1}.inventory-table-container{background-color:#fff;background-color:var(--card-background);border-radius:12px;border-radius:var(--border-radius-medium);box-shadow:none;display:block;flex-grow:1;margin-top:1rem;overflow-x:auto;width:100%}.inventory-table{border-collapse:collapse;font-size:.95rem;table-layout:fixed;width:100%}.inventory-table td,.inventory-table th{border-bottom:1px solid #d2d2d7;border-bottom:1px solid var(--border-color);overflow:hidden;padding:1rem 1.1rem;text-align:left;text-overflow:ellipsis;white-space:normal}.inventory-table th{background-color:#f8f8fa;color:#86868b;color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;position:relative;text-transform:uppercase}.inventory-table td{color:#1d1d1f;color:var(--text-primary)}.inventory-table tr{transition:background-color .2s ease;width:100%}.inventory-table tr:hover{background-color:#e8f4ff;background-color:var(--accent-color-light)}.inventory-table tr:last-child td{border-bottom:none}.recent-items-container .inventory-table td:first-child,.recent-items-container .inventory-table th:first-child{width:15%}.recent-items-container .inventory-table td:nth-child(2),.recent-items-container .inventory-table th:nth-child(2){width:25%}.recent-items-container .inventory-table td:nth-child(3),.recent-items-container .inventory-table td:nth-child(4),.recent-items-container .inventory-table td:nth-child(5),.recent-items-container .inventory-table th:nth-child(3),.recent-items-container .inventory-table th:nth-child(4),.recent-items-container .inventory-table th:nth-child(5){width:20%}.recent-vehicles .inventory-table td:first-child,.recent-vehicles .inventory-table th:first-child{width:15%}.recent-vehicles .inventory-table td:nth-child(2),.recent-vehicles .inventory-table td:nth-child(3),.recent-vehicles .inventory-table td:nth-child(4),.recent-vehicles .inventory-table th:nth-child(2),.recent-vehicles .inventory-table th:nth-child(3),.recent-vehicles .inventory-table th:nth-child(4){width:20%}.recent-vehicles .inventory-table td:nth-child(5),.recent-vehicles .inventory-table th:nth-child(5){width:25%}.status-badge{background-color:#e5e5ea;background-color:var(--bg-color,#e5e5ea);border-radius:12px;box-sizing:border-box;color:#1d1d1f;color:var(--text-color,var(--text-primary));line-height:1.4;max-width:100%;padding:.3rem .7rem;width:auto}.status-badge:before{background-color:currentColor;background-color:var(--dot-color,currentColor);border-radius:50%;content:"";height:8px;width:8px}.status-badge.excelente{--bg-color:#34c7591f;--text-color:#26914a;--dot-color:#34c759}.status-badge.bueno{--bg-color:#007aff1f;--text-color:#0055be;--dot-color:#007aff}.status-badge.regular{--bg-color:#ff95001f;--text-color:#b16400;--dot-color:#ff9500}.status-badge.necesita-reparacion{--bg-color:#ff3b301f;--text-color:#b02a23;--dot-color:#ff3b30}.status-badge.fuera-de-servicio{--bg-color:#8e8e931f;--text-color:#636366;--dot-color:#8e8e93}.status-badge.sin-estado{--bg-color:#a2a2a71f;--text-color:#7c7c80;--dot-color:#a2a2a7}.empty-dashboard{align-items:center;animation:fadeIn .5s ease-out forwards;background-color:#fff;background-color:var(--card-background);border:1px dashed #d9d9e3;border-radius:16px;border-radius:var(--border-radius-large);display:flex;grid-column:1/-1;justify-content:center;margin:2rem 0;min-height:320px;padding:3rem;width:100%}.empty-dashboard .empty-state{align-items:center;background-color:initial;box-shadow:none;display:flex;flex-direction:column;max-width:600px;padding:0;text-align:center;width:100%}.empty-dashboard .empty-icon{animation:floatIcon 3s ease-in-out infinite;color:#0071e3;color:var(--accent-color);font-size:3.8rem;margin-bottom:1.5rem;opacity:.8}.empty-dashboard .empty-state h3{color:#1d1d1f;color:var(--text-primary);font-size:1.6rem;font-weight:600;letter-spacing:-.3px;margin-bottom:.75rem}.empty-dashboard .empty-state p{color:#86868b;color:var(--text-secondary);font-size:1.05rem;line-height:1.6;margin-bottom:2rem;max-width:90%}.empty-dashboard .empty-actions{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:center;width:100%}.empty-dashboard .add-button{align-items:center;background-color:#0071e3;background-color:var(--accent-color);border:none;border-radius:12px;border-radius:var(--border-radius-medium);box-shadow:0 2px 8px #0071e34d;color:#fff;display:inline-flex;font-size:1rem;font-weight:600;gap:.7rem;padding:.9rem 2rem;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition-smooth)}.empty-dashboard .add-button:hover{background-color:#005ec3;box-shadow:0 5px 15px #0071e366;transform:translateY(-3px)}.empty-dashboard .add-button svg{font-size:1.4rem}@keyframes scaleBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.dashboard-card.category-distribution{grid-column:1/-1}.category-visualization{display:flex;flex-direction:row;padding:.5rem;width:100%}.category-cards{align-content:flex-start;display:flex;flex:1 1;flex-wrap:wrap;gap:1rem;padding-right:.5rem;width:100%}.category-card{animation:fadeIn .5s ease-out forwards;animation-delay:calc(var(--index)*.03s);border-radius:12px;box-shadow:0 2px 8px #0000000d;flex-basis:calc(33.333% - 1rem);flex-grow:1;flex-shrink:1;min-width:230px;opacity:0;padding:1.2rem;transition:all .2s ease}.category-card:hover{box-shadow:0 5px 15px #00000014;transform:translateY(-3px)}.category-icon{display:none}.category-card-content{align-items:flex-start;flex:1 1;flex-direction:column;min-width:0}.category-card-name{color:#1d1d1f;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .7rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.category-card-count{align-items:baseline;display:flex;gap:.3rem}.count-value{color:var(--category-color);font-size:1.8rem;font-weight:700;line-height:1}.count-label{color:#86868b;color:var(--text-secondary);font-size:.9rem;font-weight:500}.category-bar-container,.category-bar-fill,.category-bar-header,.category-bar-item,.category-bar-label,.category-bar-value,.category-bars,.category-graph-container,.category-progress,.category-progress-bar,.category-total,.category-total-label,.category-total-value{display:none}@media (max-width:1200px){.category-card{flex-basis:calc(50% - 1rem);flex-grow:1;flex-shrink:1}}@media (max-width:768px){.category-card{flex:1 1 100%}}.category-chips{display:none}.dashboard-card.equipment-status{grid-column:1/-1}.equipment-overview{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;justify-content:space-between;padding:.5rem;width:100%}.donut-chart-container{background-color:#fff;border-radius:16px;box-shadow:0 3px 10px #0000000d;flex:0 0 280px;flex-direction:column;height:-webkit-fit-content;height:fit-content;padding:1.5rem}.donut-chart,.donut-chart-container{align-items:center;display:flex;margin:0 auto}.donut-chart{background-color:#f8f8fa;border:1px solid #00000008;border-radius:50%;box-shadow:0 0 20px #0000000d;height:200px;justify-content:center;position:relative;width:200px}.donut-gradient{border-radius:50%;box-shadow:inset 0 0 0 2px #fffc;height:100%;width:100%}.donut-chart-center{align-items:center;background-color:#fff;background:radial-gradient(circle at center,#fff 60%,#f8f8fa 100%);border:1px solid #0000000d;border-radius:50%;box-shadow:0 0 15px #0000001a;display:flex;flex-direction:column;height:120px;justify-content:center;position:absolute;width:120px;z-index:10}.donut-chart-number{color:#1d1d1f;color:var(--text-primary);font-size:2.2rem;font-weight:700;line-height:1}.donut-chart-label{color:#86868b;color:var(--text-secondary);font-size:.9rem;font-weight:600;letter-spacing:.05em;margin-top:.2rem;text-transform:uppercase}.donut-legend{border-top:1px solid #eaeaea;display:flex;flex-direction:column;gap:8px;margin-top:1.5rem;padding:1rem .5rem .5rem;width:100%}.legend-item{border-radius:4px;gap:10px;padding:4px 8px;transition:background-color .2s}.legend-item:hover{background-color:#f5f5f7}.legend-color{box-shadow:0 1px 3px #0000001a;display:block;height:14px;width:14px}.legend-text{color:#86868b;color:var(--text-secondary);display:flex;flex:1 1;font-weight:500;justify-content:space-between}.donut-segment,.donut-segment:before{display:none}.condition-cards{align-content:flex-start;display:flex;flex:1 1;flex-wrap:wrap;gap:1rem;justify-content:flex-start;min-width:300px}.condition-card{align-items:center;background-color:#fff;border-left:4px solid var(--card-color);border-radius:12px;box-shadow:0 2px 5px #0000000d;display:flex;flex:1 1 180px;gap:.75rem;max-width:250px;min-width:180px;padding:1rem;transition:all .3s ease}.condition-card:hover{box-shadow:0 5px 15px #00000014;transform:translateY(-3px)}.condition-icon{align-items:center;background-color:color-mix(in srgb,var(--card-color) 15%,#fff);border-radius:50%;color:var(--card-color);display:flex;height:40px;justify-content:center;width:40px}.condition-icon svg{font-size:1.4rem}.condition-info{flex:1 1}.condition-name{color:#1d1d1f;color:var(--text-primary);font-size:.85rem;font-weight:600;margin:0 0 .3rem}.condition-data{align-items:baseline;display:flex;gap:.5rem}.condition-count{color:var(--card-color);font-size:1.3rem;font-weight:700}.condition-percent{color:#86868b;color:var(--text-secondary);font-size:.85rem;font-weight:500}.condition-empty{background-color:#f8f8f8;border-left:4px solid #ccc;opacity:.6}.condition-empty .condition-icon{background-color:#f0f0f0;color:#999}.condition-empty .condition-count{color:#999}@media (max-width:1200px){.condition-cards{justify-content:center}}@media (max-width:992px){.equipment-overview{align-items:center;flex-direction:column;gap:2rem}.donut-chart-container{flex:0 0 auto;max-width:350px;width:100%}.condition-cards{justify-content:center;width:100%}}@media (max-width:480px){.donut-chart-container{padding:1rem}.donut-chart{height:180px;width:180px}.donut-chart-center{height:100px;width:100px}.donut-chart-number{font-size:1.8rem}.condition-card{flex:1 1 100%;max-width:100%}}.items-cards-grid{grid-gap:1.2rem;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:.5rem 0}.item-card{background-color:var(--card-background);border:1px solid #d2d2d7;border:1px solid var(--border-color);border-radius:var(--border-radius-medium);box-shadow:0 2px 4px #0000000a;box-shadow:var(--shadow-light);transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition-smooth)}.item-card:hover{box-shadow:0 8px 20px #00000014;box-shadow:var(--shadow-medium);transform:translateY(-3px)}.item-card-image{height:160px}.item-image-placeholder{color:#86868b;color:var(--text-secondary)}.item-image-placeholder svg{font-size:3rem;opacity:.6}.item-card-content{gap:.5rem}.item-name{color:#1d1d1f;color:var(--text-primary);font-size:1rem;height:2.8em;line-height:1.4}.item-details{align-items:center;gap:.5rem;justify-content:space-between;margin-top:.3rem}.item-category{background-color:#f5f5f7;border-radius:4px;max-width:40%;overflow:hidden;padding:.3rem .6rem;text-overflow:ellipsis;white-space:nowrap}.item-category,.item-location{color:#86868b;color:var(--text-secondary);font-size:.85rem}.item-location{align-items:center;border-top:1px solid #d2d2d7;border-top:1px solid var(--border-color);display:flex;gap:.3rem;margin-top:auto;padding-top:.5rem}.location-icon-small{color:#0071e3;color:var(--accent-color);font-size:1rem}@media (max-width:992px){.items-cards-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width:768px){.items-cards-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.item-card-image{height:140px}.item-name{font-size:.95rem}}@media (max-width:480px){.items-cards-grid{gap:.8rem;grid-template-columns:1fr 1fr}.item-card-image{height:120px}.item-card-content{padding:.8rem}.item-name{-webkit-line-clamp:1;font-size:.9rem;height:1.4em}.item-category{padding:.2rem .4rem}.item-category,.item-location{font-size:.75rem}}.dashboard-card.rental-calendar-section{animation:fadeIn .6s ease-out forwards;grid-column:1/-1;overflow:visible;position:relative}.rental-calendar-section .calendar-container{display:flex;justify-content:center;overflow:visible;padding:.5rem 0;position:relative;width:100%}.rental-calendar-section .rental-calendar-container{background:#0000;border-radius:0;box-shadow:none;margin:0;max-width:none;overflow:visible;padding:0;position:relative;width:100%}@media (max-width:768px){.rental-calendar-section .calendar-container{padding:0}.rental-calendar-section .rental-calendar-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:.5rem}}@media (max-width:480px){.rental-calendar-section .rental-calendar-container{padding:.25rem}}.summary-card.financings-card .summary-icon{background:linear-gradient(135deg,#007aff,#00c6ff)}.summary-subtext{color:#86868b;color:var(--text-secondary);font-size:.8rem;font-weight:400;margin-top:4px}.loading-spinner-container{align-items:center;background-color:#fffc;display:flex;flex-direction:column;height:100%;justify-content:center;min-height:300px;width:100%}.loading-spinner{animation:spin 1s ease-in-out infinite;border:5px solid #007bff33;border-top-color:#007bff;margin-bottom:20px}.loading-message{color:#666;margin-top:10px}.rental-calendar-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:0 auto 2rem;max-width:700px;overflow:hidden;padding:.75rem;width:100%}.rental-calendar-container .rental-calendar-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:.75rem}.rental-calendar-container .rental-calendar-navigation{align-items:center;display:flex;gap:1rem}.rental-calendar-container .rental-calendar-nav-button{align-items:center;background:#f8f9fa;border:none;border-radius:12px;color:#495057;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.rental-calendar-container .rental-calendar-nav-button:hover{background:#e9ecef;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.rental-calendar-container .rental-calendar-current-month{align-items:center;display:flex;gap:1rem}.rental-calendar-container .rental-calendar-current-month h2{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0}.rental-calendar-container .rental-calendar-today-button{background:#0000;border:1px solid #007bff;border-radius:8px;color:#007bff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.rental-calendar-container .rental-calendar-today-button:hover{background:#007bff;color:#fff;transform:translateY(-1px)}.rental-calendar-container .rental-calendar-legend{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.rental-calendar-container .rental-calendar-legend-item{align-items:center;color:#6c757d;display:flex;font-size:.875rem;gap:.5rem}.rental-calendar-container .rental-calendar-legend-bubble{border-radius:50%;flex-shrink:0;height:12px;width:12px}.rental-calendar-container .rental-calendar-legend-bubble.rental-calendar-safe{background:linear-gradient(135deg,#28a745,#20c997)}.rental-calendar-container .rental-calendar-legend-bubble.rental-calendar-warning{background:linear-gradient(135deg,#ffc107,#fd7e14)}.rental-calendar-container .rental-calendar-legend-bubble.rental-calendar-urgent{animation:rental-calendar-pulseUrgent 1.5s ease-in-out infinite;background:linear-gradient(135deg,#dc3545,#e74c3c)}.rental-calendar-container .rental-calendar-legend-bubble.rental-calendar-expired{background:linear-gradient(135deg,#6c757d,#495057)}.rental-calendar-container .rental-calendar-grid{border:1px solid #e9ecef;border-radius:12px;overflow:hidden}.rental-calendar-container .rental-calendar-empty-state{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;color:#6c757d;padding:3rem 2rem;text-align:center}.rental-calendar-container .rental-calendar-empty-state p{font-size:1.125rem;font-weight:500;margin:0 0 .5rem}.rental-calendar-container .rental-calendar-empty-state small{font-size:.875rem;opacity:.8}.rental-calendar-container .rental-calendar-days-header{background:#f8f9fa;display:grid;grid-template-columns:repeat(7,1fr)}.rental-calendar-container .rental-calendar-day-header{color:#495057;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.5rem .25rem;text-align:center;text-transform:uppercase}.rental-calendar-container .rental-calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}.rental-calendar-container .rental-calendar-day{background:#fff;border:1px solid #e9ecef;display:flex;flex-direction:column;min-height:70px;padding:.25rem;position:relative;transition:background-color .2s ease}.rental-calendar-container .rental-calendar-day:hover{background:#f8f9fa}.rental-calendar-container .rental-calendar-day.rental-calendar-other-month{background:#f8f9fa;color:#adb5bd}.rental-calendar-container .rental-calendar-day.rental-calendar-today{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#2196f3;position:relative}.rental-calendar-container .rental-calendar-day.rental-calendar-today:before{background:linear-gradient(90deg,#2196f3,#1976d2);content:"";height:3px;left:0;position:absolute;right:0;top:0}.rental-calendar-container .rental-calendar-day-number{color:#2c3e50;font-size:.875rem;font-weight:600;margin-bottom:.25rem;text-align:center}.rental-calendar-container .rental-calendar-day.rental-calendar-other-month .rental-calendar-day-number{color:#adb5bd}.rental-calendar-container .rental-calendar-bubbles{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:auto}.rental-calendar-container .rental-calendar-bubble{align-items:center;border:2px solid #ffffffe6;border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;height:24px;justify-content:center;position:relative;transition:all .3s ease;width:24px}.rental-calendar-container .rental-calendar-bubble:hover{box-shadow:0 4px 16px #00000040;transform:scale(1.3) translateY(-2px);z-index:10}.rental-calendar-container .rental-calendar-bubble.rental-calendar-safe{background:linear-gradient(135deg,#28a745,#20c997)}.rental-calendar-container .rental-calendar-bubble.rental-calendar-warning{animation:rental-calendar-pulseWarning 2s ease-in-out infinite;background:linear-gradient(135deg,#ffc107,#fd7e14)}.rental-calendar-container .rental-calendar-bubble.rental-calendar-urgent{animation:rental-calendar-pulseUrgent 1s ease-in-out infinite;background:linear-gradient(135deg,#dc3545,#e74c3c)}.rental-calendar-container .rental-calendar-bubble.rental-calendar-expired{background:linear-gradient(135deg,#6c757d,#495057);opacity:.7}.rental-calendar-container .rental-calendar-bubble-icon{align-items:center;color:#fff;display:flex;font-size:12px;justify-content:center}.rental-calendar-container .rental-calendar-bubble-more{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:50%;color:#6c757d;display:flex;font-size:.75rem;font-weight:600;height:24px;justify-content:center;width:24px}@keyframes rental-calendar-pulseWarning{0%,to{box-shadow:0 2px 8px #00000026,0 0 0 0 #ffc107b3}50%{box-shadow:0 2px 8px #00000026,0 0 0 8px #ffc10700}}@keyframes rental-calendar-pulseUrgent{0%,to{box-shadow:0 2px 8px #00000026,0 0 0 0 #dc3545b3}50%{box-shadow:0 2px 8px #00000026,0 0 0 10px #dc354500}}.rental-calendar-tooltip{animation:rental-calendar-tooltipFadeIn .2s ease-out;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 8px 32px #00000026;max-width:280px;pointer-events:none}.dashboard-card .rental-calendar-tooltip,.rental-calendar-tooltip{position:fixed;z-index:9999}@keyframes rental-calendar-tooltipFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rental-calendar-tooltip .rental-calendar-tooltip-content{padding:1rem}.rental-calendar-tooltip .rental-calendar-tooltip-image{border-radius:8px;height:120px;margin-bottom:.75rem;overflow:hidden;width:100%}.rental-calendar-tooltip .rental-calendar-tooltip-image img{height:100%;object-fit:cover;width:100%}.rental-calendar-tooltip .rental-calendar-tooltip-info h4{color:#2c3e50;font-size:1rem;font-weight:600;margin:0 0 .5rem}.rental-calendar-tooltip .rental-calendar-tooltip-date{color:#495057;font-size:.875rem;margin:0 0 .25rem}.rental-calendar-tooltip .rental-calendar-tooltip-days{color:#6c757d;font-size:.875rem;font-weight:500;margin:0 0 .75rem}.rental-calendar-tooltip .rental-calendar-tooltip-button{align-items:center;background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;justify-content:center;padding:.5rem .75rem;pointer-events:auto;transition:all .2s ease;width:100%}.rental-calendar-tooltip .rental-calendar-tooltip-button:hover{background:#0056b3;transform:translateY(-1px)}.rental-calendar-container .rental-calendar-day.rental-calendar-has-expired{border-left:3px solid #dc3545}.rental-calendar-container .rental-calendar-day.rental-calendar-has-urgent{border-left:3px solid #ffc107}.rental-calendar-container .rental-calendar-bubble:hover:before{animation:rental-calendar-hoverGlow .3s ease-out;background:inherit;border-radius:50%;bottom:-2px;content:"";left:-2px;opacity:.3;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes rental-calendar-hoverGlow{0%{opacity:.3;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@media (max-width:768px){.rental-calendar-container{margin-bottom:1.5rem;padding:1rem}.rental-calendar-container .rental-calendar-header{align-items:stretch;flex-direction:column;gap:1rem}.rental-calendar-container .rental-calendar-navigation{justify-content:center}.rental-calendar-container .rental-calendar-current-month{justify-content:center;text-align:center}.rental-calendar-container .rental-calendar-current-month h2{font-size:1.25rem}.rental-calendar-container .rental-calendar-legend{font-size:.8rem;justify-content:center}.rental-calendar-container .rental-calendar-legend-item{gap:.25rem}.rental-calendar-container .rental-calendar-day{min-height:80px;padding:.5rem}.rental-calendar-container .rental-calendar-day-number{font-size:.875rem}.rental-calendar-container .rental-calendar-bubble{height:20px;width:20px}.rental-calendar-container .rental-calendar-bubble-icon{font-size:10px}.rental-calendar-container .rental-calendar-bubble-more{font-size:.7rem;height:20px;width:20px}.rental-calendar-container .rental-calendar-day-header{font-size:.8rem;padding:.75rem .25rem}}@media (max-width:480px){.rental-calendar-container{padding:.75rem}.rental-calendar-container .rental-calendar-day{min-height:60px;padding:.25rem}.rental-calendar-container .rental-calendar-bubble{height:16px;width:16px}.rental-calendar-container .rental-calendar-bubble-icon{font-size:8px}.rental-calendar-container .rental-calendar-bubble-more{font-size:.6rem;height:16px;width:16px}.rental-calendar-container .rental-calendar-day-header{font-size:.75rem;padding:.5rem .125rem}.rental-calendar-tooltip .rental-calendar-tooltip-content{padding:.75rem}.rental-calendar-tooltip{max-width:240px}}.inventory-list-page{animation:fadeIn .5s ease-out;margin:0 auto;max-width:1300px;padding:20px}.inventory-list-page .card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:24px}.inventory-list-page .card-header{align-items:center;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.inventory-list-page .card-title{align-items:center;color:var(--primary-dark);display:flex;font-size:1.8rem;font-weight:600;margin:0}.inventory-list-page .header-buttons{display:flex;gap:12px}.inventory-list-page .btn-primary{align-items:center;background-color:var(--primary-color);border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.inventory-list-page .btn-primary:hover{background-color:var(--primary-dark);box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.inventory-list-page .search-section{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:1.5rem;padding:1rem}.inventory-list-page .search-container{align-items:center;display:flex;flex:1 1;min-width:250px;position:relative}.inventory-list-page .search-icon{color:#666;left:12px;position:absolute}.inventory-list-page .search-input{background:#fff;border:1px solid #e0e0e0;border-radius:8px;font-size:.9rem;padding:.5rem 1rem .5rem 2.5rem;transition:all .3s ease;width:100%}.inventory-list-page .search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3498db1a;outline:none}.inventory-list-page .filter-dropdown{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;height:40px;min-width:220px;width:auto}.inventory-list-page .filter-icon{color:#666;flex-shrink:0;font-size:1.2rem;margin-left:12px;margin-right:4px}.inventory-list-page .filter-select{background-color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;height:100%;padding:.5rem;transition:all .3s ease;width:100%}.inventory-list-page .filter-select:focus{outline:none}.inventory-list-page .btn-secondary{align-items:center;background-color:#e9ecef;border:none;border-radius:8px;color:#495057;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;height:40px;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.inventory-list-page .btn-secondary:hover{background-color:#dee2e6}.inventory-list-page .table-container{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-top:1rem;overflow-x:auto}.inventory-list-page table{border-collapse:initial;border-spacing:0;width:100%}.inventory-list-page th{background-color:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#444;font-size:.9rem;font-weight:600;padding:1.2rem 1rem;text-align:left;white-space:nowrap}.inventory-list-page td{border-bottom:1px solid #f0f0f0;color:#333;font-size:.9rem;padding:1.2rem 1rem}.inventory-list-page tr:hover{background-color:#3498db08}.inventory-list-page .sortable{cursor:pointer;padding-right:25px;position:relative;transition:color .3s;-webkit-user-select:none;user-select:none}.inventory-list-page .sortable:hover{color:var(--primary-color)}.inventory-list-page .sort-icon{color:var(--primary-color);font-size:1.2rem;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:transform .3s}.inventory-list-page .sort-icon.desc{transform:translateY(-50%) rotate(180deg)}.inventory-list-page .status-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:500;padding:.4rem .8rem}.inventory-list-page .status-badge.excelente{background-color:#e6f7e6;color:#2e7d32}.inventory-list-page .status-badge.bueno{background-color:#e3f2fd;color:#1976d2}.inventory-list-page .status-badge.regular{background-color:#fff3e0;color:#f57c00}.inventory-list-page .status-badge.necesita-reparacion{background-color:#ffebee;color:#d32f2f}.inventory-list-page .status-badge.fuera-de-servicio{background-color:#f5f5f5;color:#616161}.inventory-list-page .action-buttons{display:flex;gap:10px;justify-content:flex-start}.inventory-list-page .btn-action.maintain{background:linear-gradient(135deg,#f39c12,#d35400);color:#fff}.inventory-list-page .no-items{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#666;font-style:italic;margin-top:1rem;padding:3rem;text-align:center}.inventory-list-page .item-name{color:var(--primary-dark);font-size:.95rem;font-weight:500}.inventory-list-page .responsible-users{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.inventory-list-page .user-chip{align-items:center;background-color:var(--primary-color);border-radius:16px;box-shadow:0 2px 4px #0000001a;color:#fff;display:inline-flex;font-size:.875rem;gap:6px;max-width:200px;overflow:hidden;padding:4px 8px 4px 12px;text-overflow:ellipsis;white-space:nowrap}.inventory-list-page .user-chip .user-icon{color:#fff;font-size:1.1rem}.inventory-list-page .user-chip:hover{background-color:var(--primary-dark);box-shadow:0 3px 6px #00000026;transform:translateY(-1px)}.inventory-list-page .users-select-container{position:relative;width:100%;z-index:9999}.inventory-list-page .users-select-input{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;flex-wrap:wrap;gap:8px;min-height:40px;padding:8px 12px;position:relative;transition:all .3s ease;z-index:9999}.inventory-list-page .users-select-input:hover{border-color:var(--primary-color)}.inventory-list-page .selected-users{display:flex;flex:1 1;flex-wrap:wrap;gap:8px;min-height:24px}.inventory-list-page .placeholder{color:#666;font-size:.875rem}.inventory-list-page .dropdown-icon{color:#666;margin-left:auto}.inventory-list-page .users-dropdown{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10000}.inventory-list-page .user-option{align-items:center;cursor:pointer;display:flex;gap:8px;padding:10px 12px;transition:all .2s ease}.inventory-list-page .user-option:hover{background-color:#0000000d}.inventory-list-page .user-option.selected{background-color:var(--primary-color);color:#fff}.inventory-list-page .user-option.selected .user-icon{color:#fff}.inventory-list-page .user-icon{color:#666;font-size:1.25rem}.inventory-list-page .users-dropdown::-webkit-scrollbar{width:8px}.inventory-list-page .users-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.inventory-list-page .users-dropdown::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.inventory-list-page .users-dropdown::-webkit-scrollbar-thumb:hover{background:#666}@media (max-width:768px){.inventory-list-page .search-section{align-items:stretch;flex-direction:column}.inventory-list-page .filter-dropdown,.inventory-list-page .search-container{min-width:100%;width:100%}.inventory-list-page .btn-secondary{justify-content:center;width:100%}}@media (max-width:576px){.inventory-list-page .users-select-input{padding:6px 10px}.inventory-list-page .user-chip{max-width:150px}.inventory-list-page .users-dropdown{max-height:200px}.inventory-list-page .btn-action{height:38px;margin-right:6px;width:38px}.inventory-list-page .btn-action svg{font-size:1.3rem}}@media (max-width:480px){.inventory-list-page{padding:10px 8px}.inventory-list-page .card-header{margin-bottom:1rem;padding-bottom:.7rem}.inventory-list-page .card-title{font-size:1.3rem}.inventory-list-page .btn-primary{font-size:.85rem;padding:.6rem .8rem}.inventory-list-page .header-buttons{gap:8px}.inventory-list-page .filter-icon,.inventory-list-page .search-icon{font-size:1rem}.inventory-list-page .filter-select,.inventory-list-page .search-input{font-size:.85rem}.items-cards-grid{grid-template-columns:1fr}.item-card{flex-direction:row;height:auto}.item-card-image{border-radius:8px;height:80px;margin-right:10px;min-width:80px;width:80px}.item-card-content{flex:1 1;padding:0}.item-name{-webkit-line-clamp:1;font-size:.9rem;margin-bottom:.2rem}.item-details{gap:.2rem;margin-bottom:.2rem}.item-detail{align-items:center;flex-direction:row;gap:.3rem}.detail-label{font-size:.7rem}.detail-value{font-size:.8rem}.item-card-actions{background:none;border-top:none;padding:.4rem;position:absolute;right:0;top:0}.btn-action{height:34px;margin-right:4px;width:34px}.btn-action svg{font-size:1.2rem}.item-code{font-size:.7rem;margin-bottom:.1rem}}@media (max-width:320px){.inventory-list-page{padding:8px 5px}.inventory-list-page .card{padding:.8rem}.inventory-list-page .search-section{gap:8px;padding:.6rem}.inventory-list-page .card-title{font-size:1.2rem}.inventory-list-page .btn-primary{font-size:.8rem;padding:.5rem .7rem}.inventory-list-page .header-buttons{gap:6px}.item-card-image{height:70px;min-width:70px;width:70px}.item-name{font-size:.85rem}.detail-label{font-size:.65rem}.detail-value{font-size:.75rem}.btn-action{font-size:.9rem;height:24px;width:24px}.item-card-actions{padding:.3rem}}.items-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:1rem;width:100%}.item-card{background-color:#fff;border:1px solid #eaeaea;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:8px;height:100%;overflow:hidden;transition:all .3s ease}.item-card:hover{box-shadow:0 8px 16px #0000001f;transform:translateY(-5px)}.item-card-image{align-items:center;background-color:#f5f5f7;display:flex;height:180px;justify-content:center;overflow:hidden;position:relative}.item-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.item-card:hover .item-image{transform:scale(1.05)}.item-image-placeholder{align-items:center;background-color:#f0f0f5;color:#a0a0a0;display:flex;font-size:.9rem;font-style:italic;height:100%;justify-content:center;width:100%}.item-card-content{flex-grow:1;gap:.7rem;padding:1.2rem}.item-card-header{align-items:center;display:flex;justify-content:space-between}.item-code{background-color:#f5f5f7;border-radius:4px;color:#666;font-size:.85rem;font-weight:500;padding:.3rem .6rem}.item-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#333;display:-webkit-box;font-size:1.2rem;font-weight:600;margin:0;min-height:2.9rem;overflow:hidden;text-overflow:ellipsis}.item-details{flex-direction:column;gap:8px}.item-detail{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:.5rem 0}.item-detail:last-child{border-bottom:none}.detail-label{margin-bottom:2px}.detail-value{color:#333;font-size:.9rem;max-width:60%;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.item-card-actions{border-top:1px solid #eaeaea;display:flex;gap:.5rem;justify-content:flex-end;margin-top:auto;padding-top:.7rem}@media (max-width:1200px){.items-cards-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}}@media (max-width:768px){.items-cards-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));padding:.7rem}.item-card-content{padding:1rem}.item-name{font-size:1.1rem}}@media (max-width:480px){.items-cards-grid{grid-template-columns:1fr}.item-card-image{height:160px}}.standard-search-section{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:1.5rem;padding:1rem}.standard-search-container{align-items:center;display:flex;flex:1 1;min-width:250px;position:relative}.standard-search-icon{color:#666;left:12px;position:absolute;z-index:1}.standard-search-input{background:#fff;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:.95rem;height:40px;padding:0 1rem 0 3rem;transition:all .3s ease;width:100%}.standard-search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.standard-filter-dropdown{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;display:flex;height:40px;min-width:200px;position:relative}.standard-filter-dropdown.fuel-type-filter{min-width:230px}.standard-filter-icon{color:#666;left:12px;pointer-events:none;position:absolute;z-index:1}.standard-filter-select{-webkit-appearance:none;appearance:none;background-color:initial;border:none;border-radius:8px;box-sizing:border-box;cursor:pointer;font-size:.95rem;height:100%;outline:none;padding:0 1rem 0 3rem;transition:all .3s ease;width:100%}.standard-filter-select:focus,.standard-filter-select:hover{background-color:#f8f9fa}.standard-filter-dropdown:after{color:#666;content:"▼";font-size:.8rem;pointer-events:none;position:absolute;right:12px}.standard-btn-secondary{align-items:center;background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;box-sizing:border-box;color:#666;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;height:40px;padding:0 1.5rem;transition:all .3s ease;white-space:nowrap}.standard-btn-secondary:hover{background-color:#e9ecef;border-color:#ced4da}.filter-group .standard-filter-dropdown{margin-right:1rem}.filter-group .standard-filter-icon{left:12px;z-index:2}.filter-group .standard-filter-select{padding-left:3rem}@media (max-width:768px){.standard-search-section{flex-direction:column;gap:12px}.standard-filter-dropdown,.standard-search-container{min-width:100%;width:100%}.standard-btn-secondary{justify-content:center;width:100%}}@media (max-width:576px){.standard-search-section{padding:.75rem}.standard-filter-select,.standard-search-input{font-size:16px}}.modal-overlay{animation:fadeIn .2s ease-out;z-index:10000}.modal-content{animation:slideIn .3s ease-out;border-radius:var(--border-radius);position:relative}.delete-modal{overflow:hidden}.modal-header{border-bottom:1px solid #0000001a}.modal-header h2{color:var(--primary-dark)}.close-button{color:#666;padding:5px;transition:all .2s}.close-button:hover{background-color:#0000000d;color:#333}.modal-body{padding:2rem 1.5rem;text-align:center}.warning-icon{color:var(--accent-color);margin-bottom:1.5rem}.warning-icon,.warning-icon svg{font-size:3rem}.modal-body p{color:#333;font-size:1.1rem;margin:0 0 1rem}.warning-text{color:#666;font-size:.9rem!important;font-style:italic}.modal-footer{background-color:#f8f9fa;border-top:1px solid #0000001a;gap:1rem;padding:1.5rem}.modal-footer button{align-items:center;border:none;border-radius:var(--border-radius);cursor:pointer;display:flex;font-weight:500;padding:.6rem 1.2rem;transition:all .3s}.btn-secondary{color:#333}.btn-danger:hover{background-color:#c62828}@media (max-width:576px){.modal-content{margin:1rem}.modal-footer{flex-direction:column}.modal-footer button{justify-content:center;width:100%}}.inventory-form-page{margin:0 auto;max-width:1100px}.inventory-form .form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.inventory-form .form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}}.form-control.error{border-color:var(--danger-color)}.error-message{color:var(--danger-color)}.form-actions{gap:15px;margin-top:30px}.image-upload-group{grid-column:1/-1;margin-top:1rem}.image-upload{gap:.5rem;margin-bottom:1rem}.upload-button{border-radius:4px;display:inline-block;padding:.5rem 1rem;transition:background-color .3s ease;width:-webkit-fit-content;width:fit-content}.hidden-input{display:none}.file-name{margin-top:.25rem}.image-preview-container{border:1px solid #ddd;border-radius:4px;margin-top:1rem;max-width:300px;overflow:hidden}.image-preview{display:block;height:auto}.btn-sm{font-size:.9rem;padding:5px 10px}.btn svg{font-size:1.2rem;margin-right:8px;vertical-align:middle}.users-select-input.disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.8}.users-select-input.disabled .user-chip{background-color:#e0e0e0;cursor:not-allowed}.form-help{display:block;font-size:.875rem;font-style:italic;margin-top:.5rem}.projects-form .modal-backdrop{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.projects-form .modal-content{animation:modalFadeIn .3s ease;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.projects-form .modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #eee;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.projects-form .modal-header h2{color:#243447;font-size:1.5rem;margin:0}.projects-form .close-button{align-items:center;background-color:initial;border:none;border-radius:50%;color:#767676;cursor:pointer;display:flex;padding:.5rem;transition:all .3s ease}.projects-form .close-button:hover{background-color:#f5f5f5;color:#e74c3c}.projects-form form{padding:1.5rem}.projects-form .form-group{margin-bottom:1.5rem}.projects-form .form-row{display:flex;gap:1.5rem;margin-bottom:1.5rem}.projects-form .form-row .form-group{flex:1 1;margin-bottom:0}.projects-form label{color:#243447;display:block;font-weight:600;margin-bottom:.5rem}.projects-form input,.projects-form select,.projects-form textarea{border:1px solid #e0e0e0;border-radius:4px;font-size:1rem;padding:.8rem;transition:all .3s ease;width:100%}.projects-form input:focus,.projects-form select:focus,.projects-form textarea:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.projects-form textarea{min-height:120px;resize:vertical}.projects-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.projects-form .cancel-button{background-color:#f5f5f5;border:none;border-radius:4px;color:#243447;cursor:pointer;font-weight:600;padding:.8rem 1.5rem;transition:all .3s ease}.projects-form .cancel-button:hover{background-color:#e0e0e0}.projects-form .submit-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;padding:.8rem 1.5rem;transition:all .3s ease}.projects-form .submit-button:hover{background-color:#2980b9}.projects-form .map-search-container{margin-bottom:1rem}.projects-form .search-controls{align-items:center;display:flex;gap:12px;margin-bottom:1.2rem}.projects-form .search-input-container{flex:1 1;position:relative}.projects-form .search-icon{color:#6c757d;font-size:1.1rem;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s ease;z-index:1}.projects-form .location-search-input{background-color:#fff!important;border:2px solid #e9ecef!important;border-radius:8px!important;box-shadow:0 1px 3px #0000001a!important;color:#495057!important;font-size:1rem!important;font-weight:400!important;padding:12px 16px 12px 44px!important;transition:all .3s ease!important;width:100%}.projects-form .location-search-input:hover{border-color:#cbd5e0!important;box-shadow:0 2px 6px #0000001f!important}.projects-form .location-search-input:focus{background-color:#fff!important;border-color:#3498db!important;box-shadow:0 0 0 3px #3498db26,0 2px 8px #0000001a!important;outline:none!important}.projects-form .search-input-container:focus-within .search-icon,.projects-form .search-input-container:hover .search-icon{color:#3498db}.projects-form .location-search-input::placeholder{color:#adb5bd!important;font-weight:400!important}.projects-form .current-location-btn{align-items:center;background:linear-gradient(135deg,#2ecc71,#27ae60);border:none;border-radius:8px;box-shadow:0 2px 4px #2ecc714d;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;min-width:48px;overflow:hidden;padding:12px;position:relative;transition:all .3s ease}.projects-form .current-location-btn:hover{background:linear-gradient(135deg,#27ae60,#219a52);box-shadow:0 4px 12px #2ecc7166;transform:translateY(-1px)}.projects-form .current-location-btn:active{box-shadow:0 2px 4px #2ecc714d;transform:translateY(0)}.projects-form .current-location-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.projects-form .current-location-btn:hover:before{left:100%}.projects-form .map-container{border:2px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.projects-form .map-container:hover{border-color:#3498db;box-shadow:0 4px 16px #3498db26}.projects-form .map-instructions{background-color:#f8f9fa;border-top:1px solid #e0e0e0;color:#495057;font-size:.9rem;padding:1rem}.projects-form .map-instructions p{line-height:1.5;margin:0}.projects-form .map-instructions strong{color:#243447}@media (max-width:768px){.projects-form .form-row{flex-direction:column;gap:1.5rem}.projects-form .form-actions{flex-direction:column}.projects-form .form-actions button{width:100%}.projects-form .search-controls{flex-direction:column;gap:1rem}.projects-form .current-location-btn{justify-content:center;width:100%}.projects-form .map-instructions{font-size:.8rem;padding:.75rem}}.projects-container{animation:fadeIn .5s ease-out;margin:0 auto;max-width:1300px;padding:20px}.projects-container .card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:24px}.projects-header{align-items:center;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.projects-header h1{align-items:center;color:var(--primary-dark);display:flex;font-size:1.8rem;font-weight:600;margin:0}.add-project-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.add-project-button:hover{background-color:var(--primary-dark);box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.search-filters-section{background:#f8f9fa;border-radius:8px;gap:20px;margin-bottom:2rem;padding:1.5rem}.search-box{min-width:300px}.search-box .search-icon{color:#666;left:12px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-box input{background:#fff;border:1px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.9rem 1rem .9rem 2.5rem;transition:all .3s ease}.search-box input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3498db1a}.filters{flex-wrap:wrap}.filter,.filters{align-items:center}.filter{background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:8px;padding:.5rem}.filter .filter-icon{color:var(--primary-color)}.filter select,.sort select{background-color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1rem;min-width:180px;padding:.8rem 1rem;transition:all .3s ease}.filter select:focus,.sort select:focus{box-shadow:0 0 0 3px #3498db1a;outline:none}.projects-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:20px 0}.project-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px #0000000d;display:flex;flex-direction:column;height:auto;min-height:450px;overflow:hidden;position:relative;transition:all .3s ease}.project-card:hover{box-shadow:0 12px 20px #0000001a;transform:translateY(-4px)}.project-card-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;justify-content:space-between;padding:20px}.project-card-header .project-name{color:#1e293b;flex:1 1;font-size:1.25rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card-body{flex:1 1;padding:20px}.project-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.95rem;height:4.8em;margin-bottom:20px;overflow:hidden}.project-info{display:flex;flex-direction:column;gap:12px}.info-item{align-items:center;color:#64748b;font-size:.9rem;gap:12px}.info-item svg{color:var(--primary-color);font-size:1.25rem}.project-card-actions{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.status-badge{padding:6px 12px;text-align:center}.location-link{color:var(--primary-color);transition:color .2s ease}.location-link:hover{color:var(--primary-dark);text-decoration:underline}@media (max-width:768px){.search-filters-section{flex-direction:column}.filters,.search-box{width:100%}.filters{justify-content:space-between}.projects-grid{grid-template-columns:1fr;padding:16px}.project-card{margin-bottom:16px}}.projects-container .table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-top:1.5rem;overflow:hidden}.projects-container .table-container table{border-collapse:initial;border-spacing:0;width:100%}.projects-container .table-container thead{background-color:#f8fafc}.projects-container .table-container th{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1.25rem 1.5rem;text-align:left;text-transform:uppercase;white-space:nowrap}.projects-container .table-container td{background-color:#fff;border-bottom:1px solid #f1f5f9;color:#334155;font-size:.9375rem;padding:1.25rem 1.5rem}.projects-container .table-container td:first-child,.projects-container .table-container th:first-child{padding-left:2rem;width:18%}.projects-container .table-container td:nth-child(2),.projects-container .table-container th:nth-child(2){text-align:center;width:15%}.projects-container .table-container td:nth-child(3),.projects-container .table-container th:nth-child(3){text-align:center;width:22%}.projects-container .table-container td:nth-child(4),.projects-container .table-container td:nth-child(5),.projects-container .table-container th:nth-child(4),.projects-container .table-container th:nth-child(5){text-align:center;width:15%}.projects-container .table-container td:nth-child(6),.projects-container .table-container th:nth-child(6){padding-right:2rem;text-align:right;width:15%}.projects-container .table-container tr:last-child td{border-bottom:none}.projects-container .table-container tr:hover td{background-color:#f8fafc}.project-name{color:#1e293b;display:block;max-width:200px}.status-badge{border-radius:6px;font-size:.8125rem;justify-content:center;line-height:1;min-width:110px;padding:.5rem 1rem}.status-active{background-color:#dcfce7;color:#15803d}.status-completed{background-color:#dbeafe;color:#1d4ed8}.status-cancelled{background-color:#fee2e2;color:#b91c1c}.status-pending{background-color:#fef3c7;color:#b45309}.location-link{align-items:center;border-radius:6px;color:#3b82f6;display:inline-flex;font-weight:500;gap:.5rem;justify-content:center;min-width:130px;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.location-link:hover{background-color:#eff6ff}.location-link svg{font-size:1.125rem}.date-cell{color:#64748b;display:block;font-size:.875rem;min-width:100px;text-align:center}.action-buttons{gap:.75rem;justify-content:flex-end}.btn-action{background-color:initial;border-radius:6px;color:#64748b;display:flex;height:2.25rem;transition:all .2s;width:2.25rem}.btn-action:hover{background-color:#f1f5f9;color:#1e293b}.btn-action svg{font-size:1.25rem}@media (max-width:1024px){.projects-container .table-container{border:1px solid #e2e8f0;border-radius:0;box-shadow:none}.projects-container .table-container td,.projects-container .table-container th{padding:1rem}.projects-container .table-container td:first-child,.projects-container .table-container th:first-child{padding-left:1rem}.projects-container .table-container td:nth-child(6),.projects-container .table-container th:nth-child(6){padding-right:1rem}}.projects-container .table-container th .sort-icon{color:#94a3b8;margin-left:.5rem;vertical-align:middle}.map-preview{align-items:center;background-color:#f1f5f9;display:flex;height:200px;justify-content:center;margin:16px -20px;overflow:hidden;position:relative}.map-preview iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.map-preview.map-error{align-items:center;background-color:#f8fafc;color:#64748b;display:flex;flex-direction:column;gap:8px;padding:20px;text-align:center}.map-coordinates{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;color:#fff;display:flex;font-size:.875rem;gap:8px;left:0;padding:8px 16px;position:absolute;right:0;z-index:1}.modal-backdrop{background-color:#00000080;padding:1rem;z-index:2000}.modal-content{animation:modalFadeIn .3s ease;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:800px}.modal-header{background-color:#fff;border-bottom:1px solid #e2e8f0;border-radius:12px 12px 0 0;padding:1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-header h2{color:#1e293b;font-size:1.5rem;font-weight:600}.close-button{background-color:initial;border-radius:50%;color:#64748b;padding:.5rem;transition:all .3s ease}.close-button:hover{background-color:#f1f5f9;color:#ef4444;transform:scale(1.1)}.view-modal{max-width:900px}.project-view-content{padding:0 24px 24px}.project-view-header{border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding-bottom:24px}.project-title-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.project-title-section h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.project-dates{display:flex;gap:24px;margin-top:16px}.date-item{align-items:flex-start;background:#f8fafc;border-radius:8px;flex:1 1;gap:12px;padding:12px}.date-item svg{color:var(--primary-color);font-size:1.25rem;margin-top:2px}.date-item label{color:#64748b;font-size:.875rem;margin-bottom:4px}.date-item p{color:#1e293b;font-weight:500;margin:0}.project-view-section{margin-bottom:24px}.project-view-section h4{color:#1e293b;font-size:1.125rem;font-weight:600;margin-bottom:16px}.project-description{color:#475569;line-height:1.6;margin:0;white-space:pre-line}.location-section{background:#f8fafc;border-radius:12px;overflow:hidden}.location-details{background:#fff;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:16px;padding:16px}.view-in-maps-button{align-items:center;align-self:flex-start;background-color:var(--primary-color);border-radius:6px;color:#fff;display:inline-flex;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.view-in-maps-button:hover{background-color:var(--primary-dark);transform:translateY(-1px)}.coordinates{color:#64748b;font-size:.875rem;margin:0}.no-location{color:#64748b;font-style:italic;margin:0;padding:32px;text-align:center}.project-view-footer{border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;margin-top:32px;padding-top:24px}.project-view-footer .edit-button{align-items:center;background-color:#fef3c7;border:none;border-radius:6px;color:#d97706;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.project-view-footer .edit-button:hover{background-color:#fde68a;transform:translateY(-1px)}@media (max-width:640px){.location-details,.project-dates{flex-direction:column;gap:12px}.location-details{align-items:flex-start}.view-in-maps-button{justify-content:center;width:100%}}.reports-container{margin:0 auto;max-width:1200px;padding:20px}.card{box-shadow:0 2px 10px #0000001a;overflow:hidden}.card-header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;padding:20px}.card-title{color:#343a40;font-size:1.8rem;margin:0}.header-buttons{display:flex;gap:10px}.add-report-button{align-items:center;background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:background-color .2s}.add-report-button:hover{background-color:#0069d9}.search-filters-section{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:15px;padding:15px 20px}.search-box{flex:1 1;min-width:250px}.search-icon{top:50%;transform:translateY(-50%)}.search-box input{font-size:.9rem;padding:10px 10px 10px 40px}.search-box input:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:none}.filters{display:flex;gap:15px}.filter-group{align-items:center;gap:8px}.filter-group select{background-color:#fff;border:1px solid #ced4da;border-radius:4px;font-size:.9rem;padding:8px 12px}.filter-group svg{color:#6c757d}.reports-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:20px}.report-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:16px;position:relative;transition:transform .2s,box-shadow .2s}.report-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-3px)}.report-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.report-title{color:#212529;flex:1 1;font-size:1.1rem;margin:0 0 8px}.report-status{align-items:center;border-radius:4px;display:flex;font-size:.8rem;gap:4px;padding:4px 8px;white-space:nowrap}.status-pending{background-color:#fff8e1;border:1px solid #ffecb3;color:#ff9800}.status-in-progress{background-color:#e3f2fd;border:1px solid #bbdefb;color:#2196f3}.status-completed{background-color:#e0f2f1;border:1px solid #b2dfdb;color:#009688}.status-cancelled{background-color:#f8f9fa;border:1px solid #dee2e6;color:#6c757d}.report-body{flex:1 1;margin-bottom:12px}.report-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#495057;display:-webkit-box;font-size:.9rem;margin:0 0 12px;overflow:hidden;text-overflow:ellipsis}.related-item{align-items:center;color:#6c757d;display:flex;font-size:.85rem;gap:8px;margin-top:8px}.related-item-icon{color:#6c757d;font-size:1.1rem}.report-footer{border-top:1px solid #e9ecef;flex-wrap:wrap;gap:16px;margin-top:auto;padding-top:12px}.report-footer,.report-meta{align-items:center;display:flex}.report-meta{color:#6c757d;font-size:.8rem;gap:4px}.meta-icon{font-size:1rem}.report-priority{align-items:center;border-radius:12px;display:flex;font-size:.8rem;gap:4px;margin-left:auto;padding:2px 8px}.priority-low{background-color:#e8f5e9;color:#4caf50}.priority-medium{background-color:#fff8e1;color:#ff9800}.priority-high{background-color:#ffebee;color:#f44336}.priority-critical{background-color:#300;color:#fff}.report-date{color:#adb5bd;font-size:.7rem;position:absolute;right:8px;top:8px}.no-reports{color:#6c757d;grid-column:1/-1;padding:40px 20px;text-align:center}.no-reports-icon{color:#adb5bd;font-size:3rem;margin-bottom:16px}.create-report-button{align-items:center;background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:8px;margin-top:16px;padding:8px 16px;transition:background-color .2s}.create-report-button:hover{background-color:#0069d9}.modal-overlay{background-color:#00000080;padding:20px}.modal-content{animation:modalFadeIn .3s;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:600px;width:100%}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:16px 20px}.modal-header h3{font-size:1.25rem}.back-button,.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:4px;transition:background-color .2s,color .2s}.back-button:hover,.close-button:hover{background-color:#f8f9fa;color:#343a40}form{padding:20px}.form-group{margin-bottom:16px}.form-group label{color:#495057}.form-group input,.form-group select,.form-group textarea{border-radius:4px;font-size:.9rem;padding:10px 12px}.form-group textarea{min-height:100px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.form-buttons{gap:12px;margin-top:20px}.cancel-button{background-color:#f8f9fa;border:1px solid #dee2e6;color:#495057}.cancel-button,.submit-button{border-radius:4px;padding:8px 16px;transition:background-color .2s}.submit-button{background-color:#007bff}.cancel-button:hover{background-color:#e9ecef}.submit-button:hover{background-color:#0069d9}.detail-modal-overlay{align-items:flex-start;padding:40px 20px}.detail-modal{display:flex;flex-direction:column;height:80vh;max-width:800px}.detail-header{padding:12px 20px}.detail-header h3{flex:1 1;margin:0 12px;text-align:center}.report-actions{position:relative}.action-menu-button{align-items:center;background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background-color .2s,color .2s}.action-menu-button:hover{background-color:#f8f9fa;color:#343a40}.action-menu{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden;position:absolute;right:0;top:100%;width:200px;z-index:10}.action-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:10px 12px;text-align:left;transition:background-color .2s;width:100%}.action-item:hover{background-color:#f8f9fa}.complete-action{color:#4caf50}.progress-action{color:#2196f3}.cancel-action{color:#ff9800}.delete-action{color:#f44336}.report-detail-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.report-info-section{border-bottom:1px solid #e9ecef;padding:20px}.report-info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.report-info-meta{display:flex;flex-direction:column;gap:4px}.report-info-creator{align-items:center;display:flex;font-weight:500;gap:6px}.report-info-date{color:#6c757d;font-size:.8rem}.report-detail-status{align-items:center;border-radius:4px;display:flex;font-weight:500;gap:6px;padding:6px 12px}.report-detail-description{line-height:1.5;margin-bottom:20px}.report-related-item{margin-bottom:20px}.report-related-item h4{color:#495057;font-size:1rem;margin:0 0 8px}.related-item-detail{align-items:center;background-color:#f8f9fa;border-radius:4px;display:flex;gap:8px;padding:8px 12px}.report-detail-priority-section h4{color:#495057;font-size:1rem;margin:0 0 8px}.report-detail-priority{align-items:center;border-radius:16px;display:inline-flex;font-weight:500;gap:6px;padding:4px 12px}.report-comments-section{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0 20px}.comments-heading{align-items:center;color:#343a40;display:flex;font-size:1.1rem;gap:8px;margin:16px 0}.comments-list{flex:1 1;overflow-y:auto;padding-right:8px}.comment-item{animation:commentFadeIn .3s;background-color:#f8f9fa;border-radius:8px;margin-bottom:16px;padding:12px}@keyframes commentFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.comment-user-info{align-items:center;display:flex;gap:8px}.comment-username{font-weight:500}.comment-role{background-color:#e9ecef;border-radius:4px;padding:2px 6px}.comment-date,.comment-role{color:#6c757d;font-size:.8rem}.comment-content{font-size:.95rem;line-height:1.5}.no-comments{color:#6c757d;padding:20px;text-align:center}.comment-form{background-color:#fff;display:flex;gap:8px;margin-top:auto;padding:16px 0}.comment-input-container{flex:1 1}.comment-input{border:1px solid #ced4da;border-radius:8px;height:80px;padding:12px;resize:none;transition:border-color .2s;width:100%}.comment-input:focus{border-color:#80bdff;outline:none}.send-comment-button{align-items:center;align-self:flex-end;background-color:#007bff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:background-color .2s;width:44px}.send-comment-button:hover{background-color:#0069d9}@media (max-width:768px){.reports-list{grid-template-columns:1fr}.report-detail-content,.search-filters-section{flex-direction:column}.detail-header h3{font-size:1.1rem}.action-menu{right:-10px;width:180px}}.vehicle-list-container{animation:fadeIn .5s ease-out;margin:0 auto;max-width:1300px;padding:20px}.vehicle-list-container .card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:24px}.vehicle-list-header{align-items:center;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.vehicle-list-header h1{align-items:center;color:var(--primary-dark);display:flex;font-size:1.8rem;font-weight:600;margin:0}.add-vehicle-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.add-vehicle-button:hover{background-color:var(--primary-dark);box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.search-section{background:#f8f9fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:1.5rem;padding:1rem}.search-container{align-items:center;display:flex;flex:1 1;min-width:300px;position:relative}.search-icon{color:#666;left:12px}.search-input{background:#fff;border:1px solid #e0e0e0;border-radius:8px;font-size:.9rem;height:36px;padding:.5rem 1rem .5rem 2.5rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3498db1a;outline:none}.filter-dropdown{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:8px}.filter-icon{color:#666;font-size:1.2rem;margin-left:8px}.filter-select{background-color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;height:100%;min-width:180px;padding:.5rem;transition:all .3s ease}.filter-select:focus{outline:none}.table-container{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:center;margin-top:1rem;overflow-x:auto;width:100%}.vehicle-list-container .table-container table{border-collapse:initial!important;border-spacing:20px!important;margin-bottom:0!important;width:100%!important}.vehicle-list-container .table-container tbody{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))!important;padding:20px!important;width:100%!important}.vehicle-list-container .table-container .vehicle-card-row{border-bottom:none!important;width:100%!important}.vehicle-list-container .table-container .vehicle-card-row:hover{background-color:initial!important}.vehicle-list-container .table-container .vehicle-card-cell{border-bottom:none!important;padding:0!important;text-align:left!important}.vehicle-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;height:100%;margin:0;overflow:hidden;transition:all .3s ease;width:100%}.vehicle-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.vehicle-image-container{background-color:#f5f5f5;height:150px;overflow:hidden;position:relative;width:100%}.vehicle-image{height:100%;object-fit:cover;transition:transform .3s ease}.vehicle-info{padding:1rem}.vehicle-primary-info{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.8rem}.vehicle-primary-info h3{color:var(--primary-dark);font-size:1.1rem;font-weight:600;margin:0}.vehicle-status{border-radius:50px;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.3rem .8rem;text-transform:uppercase}.vehicle-details{display:flex;flex-direction:column;gap:.6rem}.detail-row{gap:.8rem}.detail-row p{background-color:#00000005;border-radius:6px;flex:1 1;font-size:.85rem;margin:0;padding:.4rem}.detail-label{color:var(--primary-dark);font-weight:600;margin-right:.5rem}.insurance-info{background-color:#00000005;border-radius:6px;font-size:.85rem;margin:0;padding:.4rem}.insurance-valid{background-color:#e8f5e9;color:#2e7d32}.insurance-warning{background-color:#fff3e0;color:#f57c00}.insurance-expired{background-color:#ffebee;color:#c62828}.technicians-info{background-color:#00000005;border-radius:6px;font-size:.85rem;margin:0;padding:.4rem}.technicians-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.technician-chip{align-items:center;background-color:var(--primary-color);border-radius:16px;box-shadow:0 2px 4px #0000001a;color:#fff;display:inline-flex;font-size:.875rem;gap:6px;max-width:200px;overflow:hidden;padding:4px 8px 4px 12px;text-overflow:ellipsis;white-space:nowrap}.technician-chip .technician-icon{color:#fff;font-size:1.1rem}.technician-chip:hover{background-color:var(--primary-dark);box-shadow:0 3px 6px #00000026;transform:translateY(-1px)}.vehicle-actions{background-color:#00000005;border-top:1px solid #0000000d;display:flex;gap:.4rem;justify-content:flex-end;padding:.8rem}.vehicle-action-button{border-radius:50%;color:#fff;display:flex;height:32px;transition:all .2s ease;width:32px}.vehicle-view-button{background-color:#1976d2}.vehicle-edit-button{background-color:#f57c00}.vehicle-delete-button{background-color:#c62828}.vehicle-action-button:hover{filter:brightness(1.1);transform:translateY(-2px)}.no-vehicles-message{background:#fff;border-radius:8px;color:#666;margin-top:1rem;padding:2rem;text-align:center}@media (max-width:768px){.search-section{flex-direction:column}.filter-dropdown,.search-container{width:100%}.vehicle-card{margin:0}.detail-row{flex-direction:column}.vehicle-actions{flex-wrap:wrap}.vehicle-action-button{flex:1 1}.vehicle-list-container .table-container tbody{gap:15px!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;padding:10px!important}}@media (max-width:576px){.vehicle-list-container .table-container tbody{grid-template-columns:1fr!important;padding:10px!important}}.vehicle-form-page{animation:fadeIn .5s ease-out;margin:0 auto;max-width:1200px;padding:20px}.vehicle-form{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow);padding:30px;position:relative;z-index:1}.form-header{border-bottom:1px solid #0000000d;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.form-header,.form-title{align-items:center;display:flex}.form-title{color:var(--primary-dark);font-size:1.8rem;margin:0}.form-grid{display:flex;flex-direction:column;gap:2rem}.vehicle-image{margin-bottom:2rem;width:100%}.image-container{align-items:center;background:linear-gradient(45deg,#1a1a2e,#16213e,#0f3460);border:1px solid #ddd;border-radius:var(--border-radius);box-shadow:0 4px 15px #0000001a;display:flex;height:400px;justify-content:center;overflow:hidden;position:relative;width:100%}.image-container:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#ffffff26 0,#0000 70%);content:"";height:200%;position:absolute;width:200%;z-index:0}.image-container img{max-height:100%;max-width:100%;object-fit:contain;position:relative;z-index:1}.no-image{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;z-index:1}.no-image svg{color:#ffffffb3;font-size:5rem;margin-bottom:1rem}.image-upload{background-color:#f8f9fa;border-radius:var(--border-radius);display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding:1rem}.upload-button{background-color:var(--primary-color);border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:500;padding:.8rem 1.5rem;text-align:center;transition:all .3s}.upload-button:hover{background-color:var(--primary-dark);transform:translateY(-2px)}.file-name{color:#666;font-size:.9rem;text-align:center}.vehicle-info{width:100%}.form-row{display:flex;position:relative;z-index:1}.form-row:has(.users-select-container){z-index:9999}@media (max-width:576px){.form-row{flex-direction:column}}.form-group{flex:1 1;margin-bottom:5px;position:relative;z-index:1}.form-group:has(label[for=responsibleUsers]){position:relative;z-index:10}.form-group.full-width{position:relative;z-index:1}.form-group label{color:var(--primary-dark)}.form-control{border:1px solid #ddd;border-radius:var(--border-radius);font-size:1rem;padding:12px;transition:all .3s}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3498db33;outline:none}.form-control.error{border-color:var(--accent-color)}.form-control:read-only{background-color:#f9f9f9;cursor:not-allowed}select.form-control:disabled{background-color:#f9f9f9;cursor:not-allowed}.error-message{margin-top:5px}.form-buttons{display:flex;gap:15px;justify-content:flex-end;margin-top:40px}.form-buttons button{align-items:center;border:none;border-radius:var(--border-radius);cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 25px;transition:all .3s}.form-buttons .btn-primary{background-color:var(--primary-color);box-shadow:0 2px 5px #0000001a;color:#fff}.form-buttons .btn-primary:hover{background-color:var(--primary-dark);box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.form-buttons .btn-secondary{background-color:#f8f9fa;border:1px solid #ddd;box-shadow:0 2px 5px #0000000d;color:#666}.form-buttons .btn-secondary:hover{background-color:#e9ecef;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.form-buttons .btn-danger{background-color:var(--accent-color);box-shadow:0 2px 5px #0000001a;color:#fff}.form-buttons .btn-danger:hover{background-color:#c62828;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}@media (max-width:576px){.form-buttons{flex-direction:column}.form-buttons button{justify-content:center;width:100%}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.vehicle-form-page{padding:15px 10px}.vehicle-form{padding:20px 15px}.form-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.form-title{font-size:1.5rem}.image-container{height:250px}.no-image svg{font-size:3.5rem}.form-row{flex-direction:column;gap:1rem}.form-group{margin-bottom:1rem}.form-control{font-size:.95rem;padding:10px}.form-buttons{flex-direction:column;gap:.8rem}.form-buttons button{justify-content:center;padding:.8rem;width:100%}.upload-button{padding:.7rem 1.2rem;width:100%}.users-select-input{padding:.6rem}.user-chip{font-size:.8rem;margin:2px;max-width:100px;padding:3px 5px}.users-dropdown{max-height:180px}.user-option{padding:8px 10px}.user-icon{font-size:.9rem}}@media (max-width:480px){.vehicle-form-page{padding:10px 5px}.vehicle-form{padding:15px 10px}.form-title{font-size:1.3rem}.image-container{height:200px}.no-image svg{font-size:2.5rem}.no-image span{font-size:.9rem}.image-upload{margin-top:.8rem;padding:.8rem}.upload-button{font-size:.9rem;padding:.6rem 1rem}.file-name{font-size:.8rem}.form-group label{font-size:.9rem;margin-bottom:5px}.form-control{font-size:.9rem;padding:8px}.error-message{font-size:.8rem}.form-buttons{gap:.6rem}.form-buttons button{font-size:.9rem;padding:.7rem}.users-select-input{min-height:42px;padding:.5rem}.user-chip{font-size:.75rem;margin:1px;max-width:90px;padding:2px 4px}.dropdown-icon{font-size:1.2rem}.users-dropdown{max-height:150px}.user-option{font-size:.85rem;padding:6px 8px}.remove-user{font-size:.7rem;height:16px;width:16px}}@media (max-width:320px){.vehicle-form-page{padding:8px 4px}.vehicle-form{padding:12px 8px}.form-title{font-size:1.2rem}.image-container{height:170px}.no-image svg{font-size:2rem;margin-bottom:.5rem}.no-image span{font-size:.8rem}.form-control,.form-group label{font-size:.85rem}.form-control{padding:7px}.form-buttons button{font-size:.85rem;padding:.6rem}.upload-button{font-size:.85rem;padding:.5rem .8rem}.file-name{font-size:.75rem}.user-chip{font-size:.7rem;max-width:80px}}.select-wrapper{align-items:center;display:flex;position:relative}.select-icon{color:#666;font-size:1.2rem;left:12px;margin-right:8px}.form-control[type=select],.form-control[type=select]:focus{padding-left:48px}.form-control[type=select] option{padding:8px}.form-control[type=select]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.vehicle-form-input[multiple]{height:auto;min-height:100px;padding:8px}.vehicle-form-input[multiple] option{border-radius:4px;cursor:pointer;margin:2px 0;padding:8px}.vehicle-form-input[multiple] option:hover{background-color:#f0f0f0}.vehicle-form-input[multiple] option:checked{background-color:#e3f2fd;color:#1976d2}.vehicle-form-help{color:#666;display:block;font-size:.8rem;margin-top:4px}.users-select-container{z-index:9999}.users-select-input{border-radius:var(--border-radius);flex-wrap:wrap;gap:8px;min-height:40px;padding:8px 12px;position:relative;z-index:9999}.users-select-input:hover{border-color:var(--primary-color)}.selected-users{gap:8px;min-height:24px}.user-chip{font-size:.875rem;gap:6px;max-width:200px;overflow:hidden;padding:4px 8px 4px 12px;text-overflow:ellipsis;white-space:nowrap}.remove-user{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:2px;transition:all .2s ease}.remove-user:hover{background-color:#fff3}.placeholder{font-size:.875rem}.dropdown-icon{margin-left:auto}.users-dropdown{border-radius:var(--border-radius);margin-top:4px;z-index:10000}.user-option{gap:8px;padding:10px 12px}.user-option:hover{background-color:#0000000d}.users-dropdown::-webkit-scrollbar{width:8px}.users-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.users-dropdown::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.users-dropdown::-webkit-scrollbar-thumb:hover{background:#666}@media (max-width:576px){.users-select-input{padding:6px 10px}.user-chip{max-width:150px}.users-dropdown{max-height:200px}}textarea.form-control{position:relative;width:100%;z-index:1}.housing-list-page{animation:fadeIn .5s ease-out;margin:0 auto;max-width:1300px;padding:20px}.housing-list-page .card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:2rem;padding:24px}.housing-list-page .card-header{align-items:center;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.housing-list-page .card-title{align-items:center;color:var(--primary-dark);display:flex;font-size:1.8rem;font-weight:600;gap:.5rem;margin:0}.housing-list-page .search-section{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:1.5rem;padding:1rem}.housing-list-page .search-container{align-items:center;display:flex;flex:1 1;min-width:250px;position:relative}.housing-list-page .search-icon{color:#666;left:12px;position:absolute}.housing-list-page .search-input{border:1px solid #ddd;border-radius:8px;font-size:.95rem;padding:.8rem 1rem .8rem 2.5rem;transition:all .3s ease;width:100%}.housing-list-page .search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff1a;outline:none}.housing-list-page .filter-dropdown{min-width:200px;position:relative}.housing-list-page .filter-icon{color:#666;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.housing-list-page .filter-select{-webkit-appearance:none;appearance:none;background-color:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:.95rem;padding:.8rem 1rem .8rem 2.5rem;transition:all .3s ease;width:100%}.housing-list-page .filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff1a;outline:none}.housing-list-page .btn-secondary{align-items:center;background-color:#f8f9fa;border:1px solid #ddd;border-radius:8px;color:#666;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:.8rem 1.5rem;transition:all .3s ease}.housing-list-page .btn-secondary:hover{background-color:#e9ecef;border-color:#ced4da}.housing-card{background:#fff;border:1px solid #eaeaea;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease}.housing-card:hover{box-shadow:0 8px 16px #0000001f;transform:translateY(-5px)}.housing-header{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.housing-address{align-items:center;color:var(--primary-dark);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0}.housing-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.housing-detail{align-items:center;color:#666;display:flex;font-size:.9rem;gap:.5rem}.housing-detail.price{color:var(--primary-color);font-size:1rem;font-weight:600;grid-column:span 2}.status-badge{font-size:.85rem;gap:.4rem;padding:.4rem .8rem}.status-badge.disponible{background-color:#e6f7e6;color:#2e7d32}.status-badge.no-disponible{background-color:#ffebee;color:#d32f2f}.no-items{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#666;font-style:italic;margin-top:1rem;padding:3rem;text-align:center}@media (max-width:768px){.housing-list-page .search-section{align-items:stretch;flex-direction:column}.housing-list-page .filter-dropdown,.housing-list-page .search-container{min-width:100%;width:100%}.housing-list-page .btn-secondary{justify-content:center;width:100%}.housing-details{grid-template-columns:1fr}.housing-detail.price{grid-column:span 1}}@media (max-width:576px){.housing-list-page{padding:10px}.housing-list-page .card{padding:1rem}.housing-list-page .card-title{font-size:1.4rem}.housing-header{flex-direction:column;gap:.5rem}.housing-address{font-size:1rem}}.housing-image{height:200px;overflow:hidden;position:relative;width:100%}.housing-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.housing-card:hover .housing-image img{transform:scale(1.05)}.item-card-content{display:flex;flex:1 1;flex-direction:column;padding:1rem}.housing-form-page{animation:fadeIn .5s ease-out;margin:0 auto;max-width:1000px;padding:20px}.housing-form-page .card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:24px}.housing-form-page .card-header{align-items:center;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.housing-form-page .card-title{align-items:center;color:var(--primary-dark);display:flex;font-size:1.8rem;font-weight:600;gap:.5rem;margin:0}.housing-form{display:flex;flex-direction:column;gap:2rem}.form-grid{grid-template-columns:repeat(2,1fr)}.form-group{gap:.5rem}.form-group.full-width{grid-column:span 2}.form-group label{color:var(--text-primary)}.form-group input[type=number],.form-group input[type=text]{border:1px solid #ddd;border-radius:8px;font-size:.95rem;padding:.8rem 1rem;transition:all .3s ease}.form-group input[type=number]:focus,.form-group input[type=text]:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff1a;outline:none}.form-group input[type=number].error,.form-group input[type=text].error{border-color:#dc3545}.form-group input[type=number]:disabled,.form-group input[type=text]:disabled{background-color:#f8f9fa;cursor:not-allowed}.checkbox-label{gap:.5rem}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.error-message,.form-help{font-size:.85rem}.form-help{color:#666;margin-top:.25rem}.form-actions{border-top:1px solid #eee;margin-top:1rem;padding-top:1rem}.btn-primary{align-items:center;border-radius:8px;display:flex;font-weight:500;gap:.5rem;padding:.8rem 1.5rem;transition:all .3s ease}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark);transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.7}.btn-secondary{align-items:center;background-color:#f8f9fa;border:1px solid #ddd;color:#666;display:flex;font-weight:500;gap:.5rem;padding:.8rem 1.5rem}.btn-secondary:hover{background-color:#e9ecef;border-color:#ced4da}.users-select-container{position:relative;width:100%}.users-select-input{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.8rem 1rem;transition:all .3s ease}.users-select-input:hover:not(:disabled){border-color:var(--primary-color)}.users-select-input:disabled{background-color:#f8f9fa;cursor:not-allowed}.selected-users{display:flex;flex:1 1;flex-wrap:wrap;gap:.5rem}.user-chip{align-items:center;background-color:var(--primary-color);border-radius:16px;color:#fff;display:inline-flex;font-size:.85rem;gap:.5rem;padding:.4rem .8rem}.user-chip .remove-user{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:16px;justify-content:center;padding:0;transition:all .2s ease;width:16px}.user-chip .remove-user:hover{background-color:#fff3}.placeholder{color:#666;font-style:italic}.dropdown-icon{color:#666;transition:transform .3s ease}.users-dropdown{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:.5rem;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.user-option{align-items:center;cursor:pointer;display:flex;gap:.5rem;padding:.8rem 1rem;transition:all .2s ease}.user-option:hover{background-color:#f8f9fa}.user-option.selected{background-color:var(--primary-color);color:#fff}.user-option.selected .user-icon{color:#fff}.user-icon{color:#666;font-size:1.25rem}.no-permission{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:500px;padding:3rem;text-align:center}.no-permission h2{color:#dc3545;margin-bottom:1.5rem}@media (max-width:768px){.housing-form-page{padding:15px}.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}}@media (max-width:576px){.housing-form-page .card{padding:1rem}.housing-form-page .card-title{font-size:1.4rem}.housing-form-page .card-header{align-items:flex-start;flex-direction:column;gap:1rem}.users-select-input{padding:.6rem .8rem}.user-chip{font-size:.8rem;padding:.3rem .6rem}}.image-upload-container{background-color:#f8f9fa;border:2px dashed #ccc;border-radius:8px;min-height:200px;overflow:hidden;position:relative}.image-upload-container,.image-upload-placeholder{align-items:center;display:flex;justify-content:center;width:100%}.image-upload-placeholder{color:#666;cursor:pointer;flex-direction:column;height:200px;transition:all .3s ease}.image-upload-placeholder:hover{background-color:#f0f0f0;color:#333}.image-upload-placeholder svg{font-size:48px;margin-bottom:8px}.image-preview{height:300px;position:relative;width:100%}.image-preview img{border-radius:8px;height:100%;object-fit:cover;width:100%}.image-actions{background-color:#00000080;border-radius:4px;display:flex;gap:8px;padding:4px;position:absolute;right:10px;top:10px}.btn-icon{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .3s ease}.btn-icon:hover{background-color:#fff3}.btn-icon svg{font-size:20px}.not-found-page{align-items:center;display:flex;justify-content:center;min-height:80vh;text-align:center}.not-found-content{background-color:#fff;border-radius:8px;box-shadow:var(--shadow);max-width:500px;padding:40px}.error-icon{color:var(--primary-color);display:flex;font-size:3rem;justify-content:center;margin-bottom:20px}.error-icon svg{font-size:4rem}.not-found-content h1{color:var(--primary-color);font-size:4rem;margin:0 0 10px}.not-found-content h2{color:var(--dark-color);font-size:1.5rem;margin:0 0 20px}.not-found-content p{color:#666;margin-bottom:25px}.not-found-content .btn{align-items:center;display:inline-flex;gap:8px}.access-denied-container{align-items:center;background:linear-gradient(135deg,#f5f7fa,#e4e9f2);display:flex;height:100vh;justify-content:center;padding:0 20px}.access-denied-content{animation:slideUp .7s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #00000014;max-width:600px;overflow:hidden;padding:3rem;position:relative;text-align:center;transform:translateY(0);transition:transform .5s;width:100%}.access-denied-content:hover{transform:translateY(-5px)}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.access-denied-content:before{background:linear-gradient(90deg,#e74c3c,#c0392b);content:"";height:5px;left:0;position:absolute;right:0;top:0}.access-denied-content h1{color:#e74c3c;display:inline-block;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;position:relative}.access-denied-content h1:after{background:linear-gradient(90deg,#e74c3c,#c0392b);bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.panda-sad{animation:wobble 2s ease-in-out infinite;display:inline-block;font-size:8rem;margin:1.5rem 0;position:relative}.panda-sad:before{background:#0000001a;border-radius:50%;bottom:-15px;content:"";filter:blur(5px);height:10px;left:50%;position:absolute;transform:translateX(-50%);width:80px}@keyframes wobble{0%,to{transform:translateX(0) rotate(0)}20%{transform:translateX(-10px) rotate(-2deg)}40%{transform:translateX(5px) rotate(1deg)}60%{transform:translateX(-5px) rotate(-1deg)}80%{transform:translateX(10px) rotate(2deg)}}.access-denied-content p{color:#555;font-size:1.2rem;line-height:1.6;margin:.7rem 0}.access-denied-message{background-color:#f8f9fa;border-left:4px solid #e74c3c;border-radius:4px;color:#333;font-weight:500;margin:1.5rem 0;padding:1rem;text-align:left}.home-button{background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50px;box-shadow:0 5px 15px #3498db4d;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;margin-top:2rem;overflow:hidden;padding:1rem 2rem;position:relative;text-decoration:none;transition:all .3s}.home-button:before{background:linear-gradient(90deg,#fff0,#fff3 50%,#fff0);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .6s;width:100%}.home-button:hover{background:linear-gradient(135deg,#2980b9,#3498db);box-shadow:0 8px 20px #3498db66;transform:translateY(-2px)}.home-button:hover:before{transform:translateX(100%)}.home-button:active{box-shadow:0 3px 10px #3498db4d;transform:translateY(0)}@media (max-width:768px){.access-denied-content{padding:2rem}.access-denied-content h1{font-size:2rem}.panda-sad{font-size:6rem}.access-denied-content p{font-size:1.1rem}}.profile-container{animation:fadeIn .6s ease-out;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:60vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e3f2fd;border-radius:50%;border-top-color:#2196f3;height:50px;width:50px}.loading-container p{color:#666;font-size:1.1rem;font-weight:500}.profile-header{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;justify-content:space-between;margin-bottom:2.5rem;padding:2rem}.profile-container .header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;font-size:2.5rem;font-weight:700;margin:0 0 .5rem}.profile-container .header-subtitle{color:#6c757d;font-size:1.1rem;font-weight:400;margin:0}.edit-actions,.profile-container .header-actions{display:flex;gap:1rem}.btn-outline,.btn-primary,.btn-secondary,.btn-success{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;min-width:140px;padding:.875rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-success{background:linear-gradient(135deg,#48bb78,#38a169);box-shadow:0 4px 15px #48bb784d;color:#fff}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#38a169,#2f855a);box-shadow:0 8px 25px #48bb7866;transform:translateY(-2px)}.btn-outline{background:#0000;border:2px solid #667eea;color:#667eea}.btn-outline:hover:not(:disabled){background:#667eea;color:#fff;transform:translateY(-1px)}.btn-outline:disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-success:disabled{cursor:not-allowed;opacity:.6;transform:none}.profile-content{display:flex;flex-direction:column;gap:2rem}.profile-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;overflow:hidden;transition:all .3s ease}.profile-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.card-header{align-items:flex-start;background:linear-gradient(135deg,#f8f9fa,#e9ecef);flex-wrap:wrap;gap:1rem;padding:2rem}.card-header h2{align-items:center;color:#2c3e50;display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0 0 .5rem}.section-icon{color:#667eea;font-size:1.75rem!important}.card-header p{color:#6c757d;font-size:1rem;margin:0}.profile-layout{display:flex;gap:2rem;padding:2rem}.profile-photo-section{align-items:center;display:flex;flex-direction:column;gap:1rem;min-width:200px}.profile-photo-container{background:#f8f9fa;border:4px solid #fff;border-radius:50%;box-shadow:0 8px 24px #00000026;height:150px;overflow:hidden;position:relative;width:150px}.default-avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.default-icon{font-size:5rem!important}.photo-overlay{align-items:center;background:#000000b3;border-radius:50%;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.profile-photo-container:hover .photo-overlay{opacity:1}.photo-upload-btn{align-items:center;color:#fff;cursor:pointer;display:flex;flex-direction:column;gap:.5rem}.profile-name{text-align:center}.profile-name h3{color:#2c3e50;font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.profile-email{color:#6c757d;font-size:.9rem;margin:0}.profile-fields{flex:1 1}.field-group{display:flex;flex-direction:column;gap:1.5rem}.field-item{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:1rem;margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.field-item:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.field-icon{align-items:center;background:#f3f4f6;border-radius:10px;color:#6b7280;display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.field-icon svg{font-size:1.25rem!important}.field-content{flex:1 1;min-width:0}.field-content label{color:#374151;display:block;font-size:.85rem;font-weight:600;letter-spacing:.025em;margin-bottom:.5rem;text-transform:uppercase}.field-value{align-items:center;color:#111827;display:flex;font-size:1rem;font-weight:500;gap:.75rem}.field-badge{background:#48bb78;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.form-input{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:.875rem;transition:all .3s ease;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.security-content{padding:2rem}.security-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:1.25rem;padding:1.5rem;transition:all .3s ease}.security-item:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.security-icon{align-items:center;background:#6366f11a;border-radius:10px;color:#6366f1;display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.security-icon svg{font-size:1.25rem!important}.security-info{flex:1 1}.security-info h4{color:#111827;font-size:1.1rem;font-weight:600;margin:0 0 .25rem}.security-info p{color:#6b7280;font-size:.9rem;margin:0}.password-form{background:#f8f9fa;border-radius:12px;padding:2rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:2rem}.vacation-section{margin-top:2rem}.vacation-section .card-header{background:linear-gradient(135deg,#e8f5e8,#d4edda)}.vacation-section .card-header h2{color:#155724}.vacation-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #0000000d;padding:2rem}.days-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:2rem}.profile-container .stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.profile-container .stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.profile-container .stat-card.available{border-left:4px solid #10b981}.profile-container .stat-card.used{border-left:4px solid #f59e0b}.profile-container .stat-card.extra{border-left:4px solid #8b5cf6}.profile-container .stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;justify-content:center;padding:1rem}.profile-container .stat-card.available .stat-icon{background:#10b9811a;color:#10b981}.profile-container .stat-card.used .stat-icon{background:#f59e0b1a;color:#f59e0b}.profile-container .stat-card.extra .stat-icon{background:#8b5cf61a;color:#8b5cf6}.profile-container .stat-icon svg{font-size:1.5rem!important}.profile-container .stat-content{display:flex;flex-direction:column}.profile-container .stat-value{color:#111827;font-size:2rem;font-weight:700;line-height:1}.profile-container .stat-label{color:#6b7280;font-size:.9rem;font-weight:500;margin-top:.25rem}.vacation-requests{padding:2rem}.vacation-requests h3{color:#2c3e50;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}.empty-state,.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.empty-icon{color:#d1d5db;font-size:4rem!important;margin-bottom:1.5rem}.empty-state p{margin:.5rem 0 1.5rem}.requests-list{gap:1rem}.request-item{border:1px solid #e5e7eb;border-left:4px solid #f39c12;box-shadow:0 2px 4px #0000000d;margin-bottom:1rem}.request-item:hover{border-color:#d1d5db;box-shadow:0 6px 16px #0000001a}.request-date{align-items:center;color:#374151;display:flex;font-size:1rem;font-weight:500;gap:.75rem;margin-bottom:1rem}.request-date svg{color:#6b7280;flex-shrink:0;font-size:1.25rem!important}.request-type{align-items:center;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;margin-bottom:1rem}.type-icon{flex-shrink:0;font-size:1.3rem!important}.type-icon.rest{color:#10b981!important}.type-icon.work{color:#8b5cf6!important}.request-status{align-items:center;display:flex;font-size:.9rem;gap:.75rem;margin-bottom:1.25rem}.request-status svg{flex-shrink:0;font-size:1.25rem!important}.request-description{background:#f9fafb;border:1px solid #e5e7eb;border-left:3px solid #d1d5db;border-radius:8px;color:#6b7280;font-size:.9rem;font-style:italic;line-height:1.5;margin-top:1rem;padding:1rem}.show-more{color:#6c757d;font-size:.9rem;padding:1rem;text-align:center}.personal-calendar{border-top:1px solid #e9ecef;padding:2rem}.personal-calendar h3{color:#2c3e50;font-size:1.25rem;font-weight:600;margin:0 0 1.5rem}@media (max-width:768px){.profile-container{padding:1rem}.profile-header{align-items:stretch;flex-direction:column;gap:1.5rem;padding:1.5rem}.profile-container .header-content h1{font-size:2rem}.profile-container .header-actions{justify-content:center}.edit-actions,.profile-layout{flex-direction:column}.profile-layout{align-items:center;padding:1.5rem;text-align:center}.profile-photo-section{min-width:auto}.card-header{align-items:stretch;padding:1.5rem;text-align:center}.card-header,.form-actions{flex-direction:column}.days-stats-grid{gap:1rem;grid-template-columns:1fr}.request-item{align-items:stretch;flex-direction:column;gap:.75rem;padding:1.25rem;text-align:left}.request-status{justify-self:center}.profile-container .stat-card{padding:1.25rem}.profile-container .stat-icon{padding:.75rem}.profile-container .stat-icon svg{font-size:1.25rem!important}.profile-container .stat-value{font-size:1.75rem}.field-item{align-items:center;flex-direction:column;gap:1rem;text-align:center}.field-icon{margin-bottom:.5rem}.security-item{align-items:center;gap:1rem}.security-item,.vacation-info-banner{flex-direction:column;text-align:center}.vacation-info-banner{gap:.75rem}.approval-step{align-items:flex-start;flex-direction:column;gap:.5rem}.approval-date{margin-left:0;padding-left:0}.rejection-info{flex-direction:column;gap:.75rem;text-align:center}.rejection-icon{align-self:center}}@media (max-width:480px){.profile-container{padding:.5rem}.profile-card,.profile-header{border-radius:12px}.profile-container .header-content h1{font-size:1.75rem}.card-header{padding:1.5rem}.profile-layout{padding:1rem}.profile-photo-container{height:120px;width:120px}.default-icon{font-size:4rem!important}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.field-item{animation:slideIn .5s ease-out}.field-item:first-child{animation-delay:.1s}.field-item:nth-child(2){animation-delay:.2s}.field-item:nth-child(3){animation-delay:.3s}.btn-outline:focus,.btn-primary:focus,.btn-secondary:focus,.btn-success:focus{box-shadow:0 0 0 4px #667eea33;outline:none}.form-input:invalid{border-color:#ef4444}.form-input:valid{border-color:#10b981}.vacation-info-banner{align-items:center;background:#3498db1a;border:1px solid #3498db4d;border-radius:12px;color:#3498db;display:flex;gap:1rem;margin:1.5rem 0;padding:1.25rem}.vacation-info-banner .info-icon{flex-shrink:0;font-size:1.5rem!important}.vacation-info-banner span{font-size:.95rem;font-weight:500;line-height:1.4}.approval-info{background:#3498db0d;border-left:4px solid #3498db;border-radius:10px;margin-top:1.25rem;padding:1.25rem}.approval-step{font-size:.9rem;gap:.875rem;margin-bottom:.75rem}.approval-icon{color:#27ae60;flex-shrink:0;font-size:1.1rem!important}.approval-date{color:#666;font-weight:400;padding-left:1rem}.rejection-info{align-items:flex-start;background:#e74c3c0d;border-left:4px solid #e74c3c;border-radius:10px;display:flex;gap:1rem;margin-top:1.25rem;padding:1.25rem}.rejection-icon{color:#e74c3c;flex-shrink:0;font-size:1.25rem!important;margin-top:.1rem}.rejection-details{flex:1 1}.rejection-details span{color:#e74c3c;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.rejection-reason{color:#666;font-size:.85rem;font-style:italic;line-height:1.4;margin:0}.request-item{animation:slideInUp .4s ease-out;border-left:5px solid #f39c12;transition:all .3s cubic-bezier(.4,0,.2,1)}.request-item:has(.status-text.first-approved){border-left-color:#3498db}.request-item:has(.status-text.approved){border-left-color:#27ae60}.request-item:has(.status-text.rejected){border-left-color:#e74c3c}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.request-item:first-child{animation-delay:.05s}.request-item:nth-child(2){animation-delay:.1s}.request-item:nth-child(3){animation-delay:.15s}.request-item:nth-child(4){animation-delay:.2s}.request-item:nth-child(5){animation-delay:.25s}.status-text{background:#ffffffe6;border:1px solid;border-radius:8px;font-size:.85rem;font-weight:600;letter-spacing:.3px;padding:.25rem .75rem}.status-text.pending{background:#f973161a;border-color:#ea580c;color:#ea580c}.status-text.first-approved{background:#3b82f61a;border-color:#2563eb;color:#2563eb}.status-text.approved{background:#22c55e1a;border-color:#16a34a;color:#16a34a}.status-text.rejected{background:#ef44441a;border-color:#dc2626;color:#dc2626}@media (max-width:768px){.vacation-info-banner{flex-direction:column;gap:.5rem;text-align:center}.approval-step{align-items:flex-start;flex-direction:column;gap:.25rem}.approval-date{margin-left:0}.rejection-info{flex-direction:column;gap:.5rem}}.vacation-request-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.vacation-request-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000026;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.vacation-request-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff;display:flex;gap:1rem;padding:2rem}.header-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50%;display:flex;height:60px;justify-content:center;width:60px}.header-icon svg{font-size:2rem}.header-content h2{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.header-content p{font-size:.95rem;margin:0;opacity:.9}.available-days-info{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #0000000d;padding:1.5rem 2rem}.days-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.days-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;padding:1rem;text-align:center}.days-label{color:#6c757d;font-size:.8rem;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.days-value{color:#2c3e50;font-size:1.5rem;font-weight:600}.days-value.negative{color:#dc3545}.days-value.low{color:#ffc107}.days-value.normal{color:#28a745}.current-request-info{background:#fff;border:2px solid #e3f2fd;border-radius:12px;margin-top:1rem;padding:1rem;transition:all .3s ease}.current-request-info.exceeding{background:#ffebee;border-color:#ffcdd2}.request-calculation{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:.5rem}.request-calculation .holiday-info{background:linear-gradient(135deg,#fff9e6,#fff3cc);border:2px solid #ffc107;grid-column:1/-1}.request-calculation .half-day-info{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #2196f3;grid-column:1/-1}.calculation-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;padding:.5rem}.current-request-info.exceeding .calculation-item{background:#ffebee}.calculation-label{color:#6c757d;font-size:.85rem;font-weight:500}.calculation-value{font-size:.95rem;font-weight:600}.calculation-value.negative{color:#dc3545}.calculation-value.low{color:#f57c00}.calculation-value.normal{color:#2e7d32}.calculation-value.holiday{color:#f57c00;font-weight:700}.calculation-value.half-day{color:#1976d2;font-weight:700}.limit-exceeded-warning{align-items:center;background:#ffcdd2;border-radius:8px;color:#c62828;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-top:.5rem;padding:.75rem}.limit-exceeded-warning svg{color:#d32f2f;font-size:1.1rem}.vacation-request-form{padding:2rem}.form-group label{font-size:.95rem}.form-group label svg{color:#667eea;font-size:1.2rem}.form-group input,.form-group select,.form-group textarea{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:.875rem 1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea26}.form-group textarea{min-height:80px}.range-toggle-card:before{background:linear-gradient(135deg,#667eea0d,#667eea05)}.range-toggle-card:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea26}.range-toggle-input:checked+.range-toggle-card{border-color:#667eea;box-shadow:0 8px 25px #667eea33}.toggle-indicator{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}.range-toggle-input:checked+.range-toggle-card .toggle-content h4{color:#667eea}.range-toggle-input:checked+.range-toggle-card .toggle-switch{background:#667eea;box-shadow:inset 0 2px 4px #667eea4d}.range-toggle-input:checked+.range-toggle-card .switch-slider{box-shadow:0 2px 6px #667eea4d}.type-selector-container{margin:24px 0}.type-option-card:before{background:linear-gradient(135deg,#667eea0d,#667eea05)}.type-option-card:hover{border-color:#667eea;box-shadow:0 8px 25px #667eea26}.type-radio-input:checked+.type-option-card{border-color:#667eea;box-shadow:0 8px 25px #667eea33}.type-indicator.type-work{background:linear-gradient(135deg,#667eea,#764ba2)}.type-radio-input:checked+.type-option-card .type-content h4{color:#667eea}.date-range-info{align-items:center;background:#667eea1a;border-left:3px solid #667eea;border-radius:8px;color:#667eea;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-top:.75rem;padding:.75rem}.date-range-info svg{font-size:1.1rem}.conflicts-warning{border-radius:12px}.conflicts-warning h4{font-size:.95rem}.conflicts-warning p{color:#856404;font-size:.9rem;margin:0 0 .5rem}.conflicts-warning li{font-size:.9rem}.conflicts-header{align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.conflicts-title h4{color:#856404;font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.conflicts-title p{color:#856404;font-size:.95rem;line-height:1.4;margin:0}.conflict-dates{display:flex;flex-direction:column;gap:.5rem}.conflict-date-item{background:#ffc1070d;border:1px solid #ffc10726;border-radius:6px;display:flex;flex-direction:column;gap:.25rem;padding:.5rem}.conflict-date{color:#856404;font-size:.9rem;font-weight:600}.conflicts-summary{background:#ffc1071a;border-left:4px solid #ffc107;border-radius:8px;margin-top:.75rem;padding:.75rem}.conflict-period{color:#6c757d;font-size:.8rem;font-style:italic;margin-left:1.5rem}.conflicts-footer{background:#fffc;border:1px solid #ffc10733;border-radius:8px;margin-top:1rem;padding:1rem}.conflicts-footer p{color:#856404;font-size:.9rem;line-height:1.4;margin:0;text-align:center}.modal-actions{margin-top:2rem;padding-top:2rem}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;min-width:140px;padding:.875rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea4d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#f8f9fa;border:2px solid #e9ecef}.btn-secondary:hover:not(:disabled){background:#e9ecef;border-color:#dee2e6}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.vacation-request-modal-overlay{padding:.5rem}.vacation-request-modal{border-radius:16px;max-width:100%}.vacation-request-header{border-radius:16px 16px 0 0;padding:1.5rem}.header-icon{height:50px;width:50px}.header-icon svg{font-size:1.5rem}.header-content h2{font-size:1.3rem}.available-days-info{padding:1rem}.days-summary,.request-calculation{gap:.75rem;grid-template-columns:1fr}.calculation-item{padding:.75rem}.vacation-request-form{padding:1.5rem}.type-options{gap:10px}.type-option-card{padding:16px}.type-indicator{height:35px;margin-right:12px;width:35px}.type-indicator svg{font-size:.9rem}.type-content h4{font-size:1rem}.type-content p{font-size:.8rem}.modal-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.conflict-user-header,.conflicts-header{flex-direction:column;gap:.5rem}.conflict-user-header{align-items:flex-start}.conflict-date-item{padding:.75rem}.conflict-description,.conflict-type{margin-left:0}}@media (max-width:480px){.vacation-request-header{flex-direction:column;gap:1rem;padding:1rem;text-align:center}.vacation-request-form{padding:1rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem}.range-toggle-card,.type-option-card{padding:12px}.toggle-indicator{height:40px;margin-right:12px;width:40px}.toggle-indicator svg{font-size:1.2rem}}.vacation-calendar-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:0 auto 2rem;max-width:900px;overflow:hidden;padding:1.5rem;width:100%}.vacation-calendar-container .vacation-calendar-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.vacation-calendar-container .vacation-calendar-navigation{align-items:center;display:flex;gap:1rem}.vacation-calendar-container .vacation-calendar-nav-button{align-items:center;background:#f8f9fa;border:none;border-radius:12px;color:#495057;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.vacation-calendar-container .vacation-calendar-nav-button:hover{background:#e9ecef;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.vacation-calendar-container .vacation-calendar-current-month{align-items:center;display:flex;gap:1rem}.vacation-calendar-container .vacation-calendar-current-month h2{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0}.vacation-calendar-container .vacation-calendar-today-button{background:#0000;border:1px solid #007bff;border-radius:8px;color:#007bff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.vacation-calendar-container .vacation-calendar-today-button:hover{background:#007bff;color:#fff;transform:translateY(-1px)}.vacation-calendar-container .vacation-calendar-legend{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.vacation-calendar-container .vacation-calendar-legend-item{align-items:center;color:#6c757d;display:flex;font-size:.875rem;gap:.5rem}.vacation-calendar-container .vacation-calendar-legend-bubble{border-radius:50%;flex-shrink:0;height:12px;width:12px}.vacation-calendar-container .vacation-calendar-legend-bubble.vacation-calendar-rest-day{background:linear-gradient(135deg,#28a745,#20c997)}.vacation-calendar-container .vacation-calendar-legend-bubble.vacation-calendar-extra-work{background:linear-gradient(135deg,#007bff,#0056b3)}.vacation-calendar-container .vacation-calendar-legend-bubble.vacation-calendar-holiday{background:linear-gradient(135deg,#ffc107,#ff9800)}.vacation-calendar-container .vacation-calendar-grid{border:1px solid #e9ecef;border-radius:12px;overflow:hidden}.vacation-calendar-container .vacation-calendar-days-header{background:#f8f9fa;display:grid;grid-template-columns:repeat(7,1fr)}.vacation-calendar-container .vacation-calendar-day-header{color:#495057;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:.75rem .5rem;text-align:center;text-transform:uppercase}.vacation-calendar-container .vacation-calendar-days{display:grid;grid-template-columns:repeat(7,1fr)}.vacation-calendar-container .vacation-calendar-day{background:#fff;border:1px solid #e9ecef;display:flex;flex-direction:column;min-height:80px;padding:.5rem;position:relative;transition:background-color .2s ease}.vacation-calendar-container .vacation-calendar-day:hover{background:#f8f9fa}.vacation-calendar-container .vacation-calendar-day.vacation-calendar-clickable{cursor:pointer}.vacation-calendar-container .vacation-calendar-day.vacation-calendar-clickable:hover{background:#e3f2fd}.vacation-calendar-container .vacation-calendar-day.vacation-calendar-other-month{background:#f8f9fa;color:#adb5bd}.vacation-calendar-container .vacation-calendar-day.vacation-calendar-today{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#2196f3;position:relative}.vacation-calendar-container .vacation-calendar-day.vacation-calendar-today:before{background:linear-gradient(90deg,#2196f3,#1976d2);content:"";height:3px;left:0;position:absolute;right:0;top:0}.vacation-calendar-container .vacation-calendar-day-number{color:#2c3e50;font-size:.875rem;font-weight:600;margin-bottom:.5rem;text-align:center}.vacation-calendar-container .vacation-calendar-day.vacation-calendar-other-month .vacation-calendar-day-number{color:#adb5bd}.vacation-calendar-container .vacation-calendar-bubbles{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;margin-top:auto}.vacation-calendar-container .vacation-calendar-bubble{align-items:center;border:2px solid #ffffffe6;border-radius:50%;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;height:28px;justify-content:center;position:relative;transition:all .3s ease;width:28px}.vacation-calendar-container .vacation-calendar-bubble:hover{box-shadow:0 4px 16px #00000040;cursor:pointer;transform:scale(1.2) translateY(-2px);z-index:10}.vacation-calendar-container .vacation-calendar-bubble:active{transform:scale(1.1) translateY(-1px)}.vacation-calendar-container .vacation-calendar-bubble.vacation-calendar-rest-day{background:linear-gradient(135deg,#28a745,#20c997)}.vacation-calendar-container .vacation-calendar-bubble.vacation-calendar-extra-work{background:linear-gradient(135deg,#007bff,#0056b3)}.vacation-calendar-container .vacation-calendar-bubble-icon{align-items:center;color:#fff;display:flex;font-size:14px;justify-content:center}.vacation-calendar-container .vacation-calendar-bubble-more{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:50%;color:#6c757d;display:flex;font-size:.75rem;font-weight:600;height:28px;justify-content:center;width:28px}.vacation-calendar-tooltip{animation:vacation-calendar-tooltipFadeIn .2s ease-out;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 8px 32px #00000026;max-width:280px;pointer-events:none;position:fixed;z-index:9999}@keyframes vacation-calendar-tooltipFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vacation-calendar-tooltip .vacation-calendar-tooltip-content{padding:1rem}.vacation-calendar-tooltip .vacation-calendar-tooltip-image{border:2px solid #e9ecef;border-radius:50%;height:60px;margin:0 auto .75rem;overflow:hidden;width:60px}.vacation-calendar-tooltip .vacation-calendar-tooltip-image img{height:100%;object-fit:cover;width:100%}.vacation-calendar-tooltip .vacation-calendar-tooltip-info h4{align-items:center;color:#2c3e50;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 .5rem}.vacation-calendar-tooltip .vacation-calendar-tooltip-info h4 svg{color:#6c757d;font-size:18px}.vacation-calendar-tooltip .vacation-calendar-tooltip-date{color:#495057;font-size:.875rem;margin:0 0 .25rem}.vacation-calendar-tooltip .vacation-calendar-tooltip-type{color:#007bff;font-size:.875rem;font-weight:500;margin:0 0 .5rem}.vacation-calendar-tooltip .vacation-calendar-tooltip-description{color:#6c757d;font-size:.875rem;font-style:italic;margin:0}.vacation-calendar-tooltip .vacation-calendar-tooltip-action{border-top:1px solid #e9ecef;margin-top:.75rem;padding-top:.75rem;text-align:center}.vacation-calendar-tooltip .vacation-calendar-tooltip-action small{color:#007bff;font-size:.75rem;font-weight:500}.vacation-calendar-container .vacation-calendar-bubble:hover:before{animation:vacation-calendar-hoverGlow .3s ease-out;background:inherit;border-radius:50%;bottom:-2px;content:"";left:-2px;opacity:.3;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes vacation-calendar-hoverGlow{0%{opacity:.3;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@media (max-width:768px){.vacation-calendar-container{margin-bottom:1.5rem;padding:1rem}.vacation-calendar-container .vacation-calendar-header{align-items:stretch;flex-direction:column;gap:1rem}.vacation-calendar-container .vacation-calendar-navigation{justify-content:center}.vacation-calendar-container .vacation-calendar-current-month{justify-content:center;text-align:center}.vacation-calendar-container .vacation-calendar-current-month h2{font-size:1.25rem}.vacation-calendar-container .vacation-calendar-legend{font-size:.8rem;justify-content:center}.vacation-calendar-container .vacation-calendar-legend-item{gap:.25rem}.vacation-calendar-container .vacation-calendar-day{min-height:70px;padding:.25rem}.vacation-calendar-container .vacation-calendar-day-number{font-size:.8rem}.vacation-calendar-container .vacation-calendar-bubble{height:24px;width:24px}.vacation-calendar-container .vacation-calendar-bubble-icon{font-size:12px}.vacation-calendar-container .vacation-calendar-bubble-more{font-size:.7rem;height:24px;width:24px}.vacation-calendar-container .vacation-calendar-day-header{font-size:.8rem;padding:.5rem .25rem}}@media (max-width:480px){.vacation-calendar-container{padding:.75rem}.vacation-calendar-container .vacation-calendar-day{min-height:60px;padding:.25rem}.vacation-calendar-container .vacation-calendar-bubble{height:20px;width:20px}.vacation-calendar-container .vacation-calendar-bubble-icon{font-size:10px}.vacation-calendar-container .vacation-calendar-bubble-more{font-size:.6rem;height:20px;width:20px}.vacation-calendar-container .vacation-calendar-day-header{font-size:.75rem;padding:.5rem .125rem}.vacation-calendar-tooltip .vacation-calendar-tooltip-content{padding:.75rem}.vacation-calendar-tooltip{max-width:240px}}.vacation-calendar-container .vacation-calendar-day-holiday{background:linear-gradient(135deg,#fff9e6,#fff3cc)}.vacation-calendar-container .vacation-calendar-day-holiday:hover{background:linear-gradient(135deg,#fff3cc,#ffe699)}.vacation-calendar-container .vacation-calendar-holiday-indicator{align-items:center;color:#ff9800;display:inline-flex;justify-content:center;margin-left:4px}.vacation-calendar-container .vacation-calendar-holiday-indicator svg{font-size:14px}.vacation-calendar-container .vacation-calendar-day-number{align-items:center;display:flex;justify-content:flex-start}.vacation-calendar-container .vacation-calendar-day-half{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.vacation-calendar-container .vacation-calendar-day-half:hover{background:linear-gradient(135deg,#bbdefb,#90caf9)}.vacation-calendar-container .vacation-calendar-half-day-badge{align-items:center;background:#2196f3;border-radius:3px;color:#fff;display:inline-flex;font-size:10px;font-weight:700;justify-content:center;margin-left:4px;min-width:16px;padding:2px 4px}:root{--system-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",system-ui,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--background-color:#f5f5f7;--card-background:#fff;--text-primary:#1d1d1f;--text-secondary:#86868b;--accent-color:#0071e3;--accent-color-light:#e8f4ff;--border-color:#d2d2d7;--shadow-light:0 2px 4px #0000000a;--shadow-medium:0 8px 20px #00000014;--border-radius-medium:12px;--border-radius-large:16px;--transition-smooth:all 0.3s cubic-bezier(0.25,0.8,0.25,1)}.categories-page{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:2rem;width:100%}.categories-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.header-left{display:flex;flex-direction:column;gap:.5rem}.back-link{align-items:center;color:#0071e3;color:var(--accent-color);display:flex;font-size:.95rem;gap:.5rem;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition-smooth)}.back-link:hover{opacity:.8}.back-link svg{font-size:1.1rem}.header-left h1{align-items:center;color:#1d1d1f;color:var(--text-primary);display:flex;font-size:2.2rem;font-weight:600;gap:.75rem;letter-spacing:-.5px;margin:0}.header-left h1 svg{color:#86868b;color:var(--text-secondary);font-size:2rem}.add-category-btn,.header-right{align-items:center;display:flex}.add-category-btn{background:#0071e3;background:var(--accent-color);border-radius:12px;border-radius:var(--border-radius-medium);box-shadow:0 4px 10px #0071e34d;color:#fff;font-weight:600;gap:.5rem;padding:.8rem 1.4rem;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition-smooth)}.add-category-btn:hover{background-color:#005ec3;box-shadow:0 6px 14px #0071e366;transform:translateY(-2px)}.categories-summary{margin-bottom:2rem}.categories-summary .summary-card{align-items:center;background-color:#fff;background-color:var(--card-background);border-radius:16px;border-radius:var(--border-radius-large);box-shadow:0 8px 20px #00000014;box-shadow:var(--shadow-medium);display:flex;gap:1rem;max-width:300px;padding:1.5rem}.summary-icon{align-items:center;background:linear-gradient(135deg,#5856d6,#4641c3);border-radius:50%;color:#fff;display:flex;font-size:1.8rem;height:50px;justify-content:center;width:50px}.summary-content h3{color:#86868b;color:var(--text-secondary);font-size:1rem;font-weight:500;margin:0}.summary-content .summary-value{color:#1d1d1f;color:var(--text-primary);font-size:2rem;font-weight:600;letter-spacing:-.5px}.empty-state{align-items:center;background-color:#fff;background-color:var(--card-background);border-radius:16px;border-radius:var(--border-radius-large);box-shadow:0 2px 4px #0000000a;box-shadow:var(--shadow-light);display:flex;flex-direction:column;justify-content:center;margin-top:1rem;padding:3rem;text-align:center}.empty-state .empty-icon{color:#86868b;color:var(--text-secondary);font-size:3.5rem;margin-bottom:1.5rem;opacity:.7}.empty-state h3{color:#1d1d1f;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.empty-state p{color:#86868b;color:var(--text-secondary);font-size:1rem;margin:0 0 2rem;max-width:500px}.empty-state .add-button{align-items:center;background:#0071e3;background:var(--accent-color);border-radius:12px;border-radius:var(--border-radius-medium);color:#fff;display:inline-flex;font-weight:600;gap:.6rem;padding:.8rem 1.6rem;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition-smooth)}.empty-state .add-button:hover{background-color:#005ec3;transform:translateY(-2px)}.categories-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:1rem}.category-card{background-color:#fff;background-color:var(--card-background);border-radius:16px;border-radius:var(--border-radius-large);border-top:4px solid var(--category-color);box-shadow:0 2px 4px #0000000a;box-shadow:var(--shadow-light);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition-smooth)}.category-card:hover{box-shadow:0 8px 20px #00000014;box-shadow:var(--shadow-medium);transform:translateY(-5px)}.category-card-header{align-items:center;border-bottom:1px solid #d2d2d7;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.2rem}.category-card-header h3{color:#1d1d1f;color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0}.category-actions{display:flex;gap:.5rem}.category-action-btn{align-items:center;background:none;border:none;border-radius:50%;color:#86868b;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition-smooth);width:32px}.category-action-btn:hover{background-color:#f5f5f7}.category-action-btn.edit:hover{color:#0071e3}.category-action-btn.delete:hover{color:#ff3b30}.category-card-content{align-items:center;border-bottom:1px solid #d2d2d7;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.2rem}.category-stat{display:flex;flex-direction:column;gap:.3rem}.stat-label{color:#86868b}.stat-value{color:#1d1d1f;color:var(--text-primary);font-size:1.5rem}.view-items-link{align-items:center;background-color:#e8f4ff;background-color:var(--accent-color-light);border-radius:8px;color:#0071e3;color:var(--accent-color);display:flex;font-size:.9rem;font-weight:500;gap:.4rem;padding:.5rem .8rem;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition-smooth)}.view-items-link:hover{background-color:color-mix(in srgb,#e8f4ff 80%,#0071e3);background-color:color-mix(in srgb,var(--accent-color-light) 80%,var(--accent-color))}.view-items-link svg{font-size:1rem}.category-items-preview{flex-grow:1;padding:1.2rem}.category-items-preview h4{color:#86868b;color:var(--text-secondary);font-size:.95rem;font-weight:500;margin:0 0 .75rem}.category-items-preview ul{list-style:none;margin:0;padding:0}.category-items-preview li{border-bottom:1px solid #f1f1f3;padding:.5rem 0}.category-items-preview li:last-child{border-bottom:none}.category-items-preview a{color:#1d1d1f;color:var(--text-primary);display:block;overflow:hidden;text-decoration:none;text-overflow:ellipsis;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition-smooth);white-space:nowrap}.category-items-preview a:hover{color:#0071e3;color:var(--accent-color)}.more-items{color:#86868b;color:var(--text-secondary);font-size:.85rem;margin-top:.5rem;text-align:center}.error-container{background-color:#fff3f2;border-radius:16px;border-radius:var(--border-radius-large);color:#ff3b30;margin-top:2rem;padding:2rem;text-align:center}.error-container button{background-color:#ff3b30;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.6rem 1.2rem;transition:all .3s cubic-bezier(.25,.8,.25,1);transition:var(--transition-smooth)}.error-container button:hover{background-color:#e01d46}@media (max-width:768px){.categories-page{padding:1.5rem 1rem}.categories-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-left h1{font-size:1.8rem}.categories-grid{grid-template-columns:1fr}.category-card-content,.category-card-header,.category-items-preview{padding:1rem}.empty-state{padding:2rem 1rem}}@media (max-width:480px){.header-right{width:100%}.add-category-btn{justify-content:center;width:100%}}.page-loading-spinner{display:none}.users-page{margin:0 auto;max-width:1400px;padding:2rem}.header-title svg{color:#2f80ed}.add-user-btn{align-items:center;background:#2f80ed;border:none;border-radius:10px;box-shadow:0 4px 12px #2f80ed33;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.add-user-btn:hover{background:#2b73d3;box-shadow:0 6px 16px #2f80ed4d;transform:translateY(-1px)}.add-user-btn svg{font-size:20px}.search-bar{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000f;display:flex;gap:12px;margin:24px;padding:12px 20px}.search-bar input{border:none;color:#2c3e50;flex:1 1;font-size:1rem}.search-bar input:focus{outline:none}.search-bar svg{color:#8c9bab}.users-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:24px}.user-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 24px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s ease}.user-card:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-4px)}.user-card-header{align-items:flex-start;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #0000000d;display:flex;justify-content:center;padding:20px 20px 70px;position:relative}.user-role-badge{align-items:center;background:#2f80ed26;border-radius:20px;box-shadow:0 2px 4px #0000000d;color:#2f80ed;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 16px}.admin-user .user-role-badge{background:#eb575726;color:#eb5757}.user-card-avatar{align-items:center;background:#fff;border:4px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;display:flex;height:120px;justify-content:center;margin:-60px auto 20px;overflow:hidden;position:relative;width:120px;z-index:2}.user-card-avatar img{height:100%;object-fit:cover;width:100%}.default-avatar{font-size:3rem}.user-card-content{display:flex;flex-direction:column;flex-grow:1;padding:5px 20px 20px}.user-card-content h3{color:#2c3e50;font-size:1.25rem;font-weight:600;margin:0 0 16px;text-align:center}.user-info{flex-direction:column;flex-grow:1;gap:12px}.user-info p{align-items:center;color:#5c6c7c;display:flex;font-size:.95rem;gap:8px}.user-info svg{color:#8c9bab;font-size:18px}.last-login{border-top:1px solid #0000000d;color:#8c9bab;font-size:.85rem;margin-top:16px;padding-top:16px;text-align:center}.user-card-actions{background:#00000005;border-top:1px solid #0000000d;display:flex;gap:8px;justify-content:flex-end;margin-top:auto;padding:16px}.user-card-actions button{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease}.edit-btn{background:#2f80ed1a;color:#2f80ed}.edit-btn:hover{background:#2f80ed33}.delete-btn{background:#eb57571a;color:#eb5757}.delete-btn:hover{background:#eb575733}.modal-content{padding:24px}.modal-content h2{margin:0 0 24px}.profile-image-section{margin-bottom:2rem}.form-group label{color:#5c6c7c;gap:8px}.form-group label svg{color:#8c9bab}.form-group input,.form-group select{background:#f8f9fa;border:1px solid #0000001a;border-radius:8px;font-size:1rem;padding:12px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#2f80ed;box-shadow:0 0 0 3px #2f80ed33;outline:none}.modal-actions button{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-primary{background:#2f80ed}.btn-primary:hover{background:#2b73d3}.btn-secondary{background:#f1f3f5;border:1px solid #0000001a;color:#5c6c7c}.btn-secondary:hover{background:#e9ecef}.profile-image-container{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.profile-image-wrapper{align-items:center;background-color:#e6f2f5;border:3px solid #f5f5f5;border-radius:50%;box-shadow:0 2px 10px #0000001a;display:flex;height:150px;justify-content:center;overflow:hidden;width:150px}.profile-image{height:100%;object-fit:cover;width:100%}.default-avatar{color:#bdbdbd;font-size:5rem!important}.profile-image-actions{display:flex;gap:1rem}.delete-button,.upload-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.6rem 1.2rem;transition:all .3s ease}.upload-button{background-color:#3498db;color:#fff}.upload-button:hover{background-color:#2980b9}.delete-button{background-color:#e74c3c;color:#fff}.delete-button:hover{background-color:#c0392b}.delete-button:disabled,.upload-button:disabled{cursor:not-allowed;opacity:.7}.btn-action{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;display:inline-flex;justify-content:center;padding:8px;transition:all .3s ease}.btn-action:hover{background-color:#0000000d;transform:scale(1.05)}.btn-action.edit{color:#2196f3}.btn-action.edit:hover{background-color:#2196f31a}.btn-action.delete{color:#f44336}.btn-action.delete:hover{background-color:#f443361a}.btn-action.view-button{color:#4caf50}.btn-action.view-button:hover{background-color:#4caf501a}.btn-action.view{color:#4caf50}.btn-action.view:hover{background-color:#4caf501a}.vehicle-action-button{align-items:center;background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;display:inline-flex;justify-content:center;margin:0 4px;padding:8px;transition:all .3s ease}.vehicle-action-button:hover{background-color:#0000000d;transform:scale(1.05)}.vehicle-action-button.vehicle-edit-button{color:#2196f3}.vehicle-action-button.vehicle-edit-button:hover{background-color:#2196f31a}.vehicle-action-button.vehicle-delete-button{color:#f44336}.vehicle-action-button.vehicle-delete-button:hover{background-color:#f443361a}.vehicle-action-button.vehicle-view-button{color:#4caf50}.vehicle-action-button.vehicle-view-button:hover{background-color:#4caf501a}.statistics-page{background-color:#f5f8fa;padding:24px}.statistics-header{margin-bottom:24px}.action-button.active{background-color:#007bff;border-color:#007bff;color:#fff}.action-button.refresh svg{animation:spin 2s linear infinite}.kpi-dashboard{margin-bottom:20px}@media (max-width:768px){.statistics-header{align-items:flex-start;flex-direction:column}.header-actions{margin-top:15px;width:100%}.chart-container{padding:15px}.chart-header{align-items:flex-start;flex-direction:column}.chart-actions{justify-content:space-between;margin-top:10px;width:100%}}:root{--success-color:#34c759;--warning-color:#ff9500;--danger-color:#ff3b30;--primary-color:#007bff;--secondary-color:#5856d6;--neutral-color:#8e8e93;--light-bg:#f5f5f7;--card-bg:#fff;--border-color:#e5e5e5;--text-primary:#333;--text-secondary:#666;--shadow:0 2px 10px #0000000d}.statistics-page{background-color:#f5f5f7;background-color:var(--light-bg);min-height:calc(100vh - 60px);padding:20px}.statistics-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.header-title-section{display:flex;flex-direction:column}.statistics-title{align-items:center;color:#333;color:var(--text-primary);display:flex;font-size:1.8rem;margin:0 0 8px}.title-icon{color:#007bff;color:var(--primary-color);margin-right:10px}.header-subtitle{align-items:center;color:#666;color:var(--text-secondary);display:flex;font-size:.95rem}.header-subtitle svg{color:#5856d6;color:var(--secondary-color);font-size:1rem;margin-right:5px}.header-actions{display:flex;flex-wrap:wrap;gap:10px}.filters-panel{grid-gap:20px;background-color:#fff;background-color:var(--card-bg);border-radius:8px;box-shadow:0 2px 10px #0000000d;box-shadow:var(--shadow);display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:20px;padding:15px 20px}.filter-group label{color:#666;color:var(--text-secondary);font-size:.9rem;font-weight:500;margin-bottom:8px}.filter-group input[type=text],.filter-group select{background-color:#fff;border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;padding:8px 10px}.checkbox-group{display:flex;flex-direction:column;gap:8px;max-height:150px;overflow-y:auto}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:.85rem}.checkbox-label input{margin-right:6px}.kpi-panel{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:20px}.kpi-card{background-color:#fff;background-color:var(--card-bg);border-radius:10px;box-shadow:0 2px 10px #0000000d;box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;padding:16px;position:relative}.kpi-header{align-items:center;display:flex;margin-bottom:12px}.kpi-header h3{color:#666;color:var(--text-secondary);font-size:.95rem;font-weight:500;margin:0}.kpi-icon{color:#007bff;color:var(--primary-color);font-size:1.3rem;margin-right:8px}.kpi-content{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:10px}.kpi-value{color:#333;color:var(--text-primary);font-size:1.8rem;font-weight:600}.kpi-change{align-items:center;background-color:#f5f5f7;border-radius:100px;display:flex;font-size:.85rem;font-weight:500;padding:3px 8px}.kpi-change.positive{background-color:#34c7591a;color:#34c759;color:var(--success-color)}.kpi-change.negative{background-color:#ff3b301a;color:#ff3b30;color:var(--danger-color)}.kpi-change.neutral{background-color:#8e8e931a;color:#8e8e93;color:var(--neutral-color)}.trend-icon{margin-right:4px}.kpi-trend{align-items:flex-end;display:flex;gap:2px;height:30px;margin-top:auto}.trend-bar{background-color:#007bff;background-color:var(--primary-color);border-radius:2px;flex:1 1;transition:height .3s ease}.chart-container{background-color:#fff;background-color:var(--card-bg);border-radius:10px;box-shadow:0 2px 10px #0000000d;box-shadow:var(--shadow);margin-bottom:20px;padding:20px}.chart-header{justify-content:space-between;margin-bottom:15px}.chart-header,.chart-title{align-items:center;display:flex}.chart-title{color:#333;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.chart-title svg{color:#007bff;color:var(--primary-color);margin-right:8px}.chart-actions{align-items:center;display:flex;gap:10px}.chart-period-selector,.view-toggle-button{background-color:#fff;border:1px solid #e5e5e5;border:1px solid var(--border-color);border-radius:4px;font-size:.85rem;padding:6px 10px}.view-toggle-button{align-items:center;color:#666;color:var(--text-secondary);cursor:pointer;display:flex}.view-toggle-button svg{margin-right:4px}.view-toggle-button.active{background-color:#007bff;background-color:var(--primary-color);border-color:#007bff;border-color:var(--primary-color);color:#fff}.asset-distribution-chart-container,.condition-analysis-container,.location-heatmap-container,.projects-gantt-container,.time-series-chart-container{height:400px}.two-column-section{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}@media (max-width:920px){.two-column-section{grid-template-columns:1fr}}.distribution-chart,.location-chart{height:100%}.chart-loading{background-color:#f5f5f5b3;border-radius:8px;font-style:italic;height:300px}.chart-loading,.predictive-indicator{align-items:center;color:#666;color:var(--text-secondary);display:flex;justify-content:center}.predictive-indicator{background-color:#5856d61a;border-radius:100px;font-size:.85rem;margin-top:10px;padding:4px 12px;width:-webkit-fit-content;width:fit-content}.predictive-dot{background-color:#5856d6;background-color:var(--secondary-color);border-radius:50%;display:inline-block;height:10px;margin-right:6px;width:10px}.projects-gantt-container{position:relative}.gantt-wrapper{height:350px;overflow-x:auto}.gantt-chart{height:100%}.gantt-legend{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;padding:12px 0}.legend-item{color:#666;color:var(--text-secondary);font-size:.85rem}.legend-color{height:16px;margin-right:6px;width:16px}.legend-label{font-size:.85rem}.legend-divider{background-color:#e5e5e5;background-color:var(--border-color);height:16px;width:1px}.legend-title{color:#333;color:var(--text-primary);font-size:.85rem;font-weight:600;margin-right:6px}.legend-size{margin-left:auto}.size-title{color:#666;color:var(--text-secondary);font-size:.8rem;font-style:italic}.location-heatmap-container,.map-container{border-radius:6px;height:400px;overflow:hidden;width:100%}.location-marker{border:2px solid #fff;box-shadow:0 2px 6px #0000004d;cursor:pointer}.location-marker:hover{transform:scale(1.1)}.mapboxgl-popup-content{border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:300px;padding:15px}.popup-content{font-family:inherit}.popup-content h3{color:#333;color:var(--text-primary);font-size:1rem;margin:0 0 10px}.popup-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.popup-stat{align-items:center;display:flex;justify-content:space-between}.stat-label{color:#666;color:var(--text-secondary);font-size:.85rem}.condition-bars{border-radius:3px;display:flex;height:6px;margin-left:8px;overflow:hidden;width:100%}.condition-bar{height:100%}.condition-bar.excellent{background-color:#34c759;background-color:var(--success-color)}.condition-bar.good{background-color:#007bff;background-color:var(--primary-color)}.condition-bar.fair{background-color:#ff9500;background-color:var(--warning-color)}.condition-bar.needs-repair{background-color:#ff3b30;background-color:var(--danger-color)}.popup-details-btn{background-color:#007bff;background-color:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 12px;width:100%}.map-legend{border-radius:4px;bottom:10px;box-shadow:0 2px 6px #0003;font-size:.8rem;max-width:200px;padding:10px}.location-details-panel,.map-legend{background-color:#fff;position:absolute;right:10px}.location-details-panel{border-radius:8px;box-shadow:0 2px 10px #0003;max-height:380px;overflow-y:auto;padding:15px;top:10px;width:280px;z-index:10}.close-details-btn{background:none;border:none;color:#666;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;position:absolute;right:10px;top:10px}.location-details-content{margin-top:10px}.detail-stat{margin-bottom:15px}.detail-label{color:#333;color:var(--text-primary);font-size:.9rem;margin-bottom:5px}.condition-distribution{display:flex;flex-direction:column;gap:5px;margin-top:5px}.condition-item{align-items:center;display:flex;font-size:.85rem}.condition-dot{border-radius:50%;height:12px;margin-right:6px;width:12px}.condition-name{flex:1 1}.condition-dot.excelente{background-color:#34c759;background-color:var(--success-color)}.condition-dot.bueno{background-color:#007bff;background-color:var(--primary-color)}.condition-dot.regular{background-color:#ff9500;background-color:var(--warning-color)}.condition-dot.necesitaReparacion{background-color:#ff3b30;background-color:var(--danger-color)}.categories-chart{margin-top:10px}.category-bar-container{margin-bottom:8px}.category-label{font-size:.85rem;margin-bottom:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-bar-wrapper{align-items:center;background-color:#f0f0f0;border-radius:5px;display:flex;height:10px;overflow:hidden}.category-bar{background-color:#5856d6;background-color:var(--secondary-color);border-radius:5px;height:100%}.category-count{color:#666;color:var(--text-secondary);font-size:.8rem;margin-left:5px;min-width:25px;text-align:right}.condition-analysis-container{position:relative}.asset-details-panel{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0003;max-height:350px;overflow-y:auto;padding:15px;position:absolute;right:10px;top:10px;width:300px;z-index:10}.asset-details-content{margin-top:10px}.detail-row{font-size:.9rem;margin-bottom:8px}.detail-section{border-bottom:1px solid #e5e5e5;border-bottom:1px solid var(--border-color);margin-bottom:15px;padding-bottom:15px}.detail-section h4{color:#333;color:var(--text-primary);font-size:1rem;margin:0 0 10px}.condition-badge{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:500;padding:3px 8px;text-align:center}.condition-badge.excelente{background-color:#34c7591a;color:#34c759;color:var(--success-color)}.condition-badge.bueno{background-color:#007bff1a;color:#007bff;color:var(--primary-color)}.condition-badge.regular{background-color:#ff95001a;color:#ff9500;color:var(--warning-color)}.condition-badge.necesita-reparación{background-color:#ff3b301a;color:#ff3b30;color:var(--danger-color)}.condition-badge.fuera-de-servicio{background-color:#8e8e931a;color:#8e8e93;color:var(--neutral-color)}.maintenance-section{background-color:#ff3b300d;border-radius:8px;margin-top:10px;padding:12px}.maintenance-section h4{color:#ff3b30;color:var(--danger-color)}.probability-bar{background-color:#f0f0f0;border-radius:4px;height:8px;margin:8px 0;overflow:hidden;position:relative}.probability-fill{background-color:#ff3b30;background-color:var(--danger-color);border-radius:4px;height:100%}.probability-bar span{color:#ff3b30;color:var(--danger-color);font-size:.8rem;font-weight:500;position:absolute;right:0;top:-18px}.recommendations-section{margin-top:15px}.recommendations-list{margin:10px 0 0;padding-left:20px}.recommendations-list li{font-size:.85rem;margin-bottom:5px}.chart-legend{border-top:1px solid #e5e5e5;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;font-size:.85rem;gap:15px;margin-top:10px;padding:10px 0}.legend-dot{border-radius:50%;display:inline-block;height:12px;margin-right:6px;vertical-align:middle;width:12px}.legend-dot.triangle{border-bottom:12px solid red;border-left:6px solid #0000;border-radius:0;border-right:6px solid #0000;height:0;width:0}.gantt-popup{font-family:inherit;font-size:.9rem;max-width:300px}.gantt-popup h5{color:#333;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 8px}.gantt-popup.projected h5{color:#5856d6;color:var(--secondary-color)}.gantt-popup.activity h5{color:#007bff;color:var(--primary-color)}.popup-details{display:flex;flex-direction:column;gap:5px}.popup-details div{display:flex;font-size:.85rem;justify-content:space-between}@media (max-width:768px){.statistics-header{align-items:flex-start;flex-direction:column}.header-actions{margin-top:15px;width:100%}.kpi-panel{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.asset-details-panel,.location-details-panel{border-radius:0;left:0;max-width:none;position:fixed;right:0;top:60px;width:100%;z-index:1000}}.gantt-chart-custom{background-color:#fff;border-radius:8px;box-shadow:0 1px 4px #0000001a;margin-top:15px;min-height:350px;overflow:hidden}.gantt-header{background-color:#f5f5f7;border-bottom:1px solid #e5e5e5;height:30px;padding:10px 15px;position:relative}.gantt-header-timeline{height:100%;position:relative}.gantt-timeline-marker{align-items:center;color:#666;display:flex;font-size:11px;height:100%;position:absolute;top:0}.gantt-timeline-marker.today{border-left:2px dashed #007bff;color:#007bff;font-weight:500;padding-left:5px}.gantt-content{max-height:350px;overflow-y:auto;padding:5px 0}.gantt-row{border-bottom:1px solid #f0f0f0;display:flex;min-height:50px;padding:6px 0}.gantt-row:hover{background-color:#f8f9fa}.gantt-row-label{display:flex;flex-direction:column;justify-content:center;min-width:200px;padding:0 15px;width:25%}.project-name{font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-dates{color:#666;font-size:12px}.gantt-row-bars{flex:1 1;padding:10px 0;position:relative}.gantt-bar{background-color:#007bff;border:1px solid #0000001a;border-radius:4px;box-shadow:0 1px 3px #0000001a;cursor:pointer;height:24px;overflow:hidden;position:absolute;transition:box-shadow .3s ease}.gantt-bar:hover{box-shadow:0 2px 6px #0003}.gantt-bar.projected{background-color:#fc0;border-style:dashed;opacity:.8}.gantt-progress{background-color:#ffffff4d;border-right:1px solid #0000001a;height:100%}.gantt-bar-label{align-items:center;color:#fff;display:flex;font-size:11px;font-weight:500;height:100%;position:absolute;right:8px;text-shadow:0 1px 1px #0003;top:0}@media (max-width:768px){.gantt-row-label{min-width:150px;width:40%}.project-name{font-size:12px}.project-dates{font-size:10px}}.custom-chart-container{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.chart-back-button{background-color:#fffc;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:12px;left:20px;padding:6px 12px;position:absolute;top:10px;transition:all .2s;z-index:10}.chart-back-button:hover{background-color:#f0f0f0}.pie-chart{border-radius:50%;height:400px;margin:0 auto;overflow:visible;perspective:600px;position:relative;width:400px}.pie-3d{transform:rotateX(45deg)}.pie-slice{left:50%;top:0;width:50%}.pie-slice,.pie-slice:before{border-radius:0 100% 100% 0/0 50% 50% 0;height:100%;position:absolute;transform-origin:left center}.pie-slice:before{background-color:inherit;content:"";transform:rotate(var(--end-angle));width:100%}.pie-3d-slice{transform-style:preserve-3d}.pie-3d-slice:after{background-color:var(--pie-bg);content:"";filter:brightness(.8);height:var(--pie-depth);left:0;position:absolute;top:100%;transform:rotateX(90deg);transform-origin:top;width:100%}.pie-label{align-items:center;background-color:#ffffffb3;border-radius:4px;display:flex;flex-direction:column;font-size:12px;padding:4px;pointer-events:none;position:absolute;text-shadow:0 1px 2px #fffc;transform:translate(-50%,-50%)}.pie-label-value{font-weight:700}.pie-center{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 0 10px #0000001a;display:flex;height:120px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120px;z-index:10}.pie-center-content{text-align:center}.pie-center-value{color:#333;font-size:24px;font-weight:700}.pie-center-label{color:#666;font-size:12px;margin-top:4px}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:768px){.pie-chart{height:300px;width:300px}.pie-center{height:80px;width:80px}.pie-center-value{font-size:18px}.pie-center-label{font-size:10px}}.mapboxgl-map{-webkit-tap-highlight-color:rgb(0 0 0/0);font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative}.mapboxgl-canvas{left:0;position:absolute;top:0}.mapboxgl-map:-webkit-full-screen{height:100%;width:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:grab;-webkit-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}.mapboxgl-ctrl-bottom,.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-left,.mapboxgl-ctrl-right,.mapboxgl-ctrl-top,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.mapboxgl-ctrl-top-left{left:0;top:0}.mapboxgl-ctrl-top{left:50%;top:0;transform:translateX(-50%)}.mapboxgl-ctrl-top-right{right:0;top:0}.mapboxgl-ctrl-right{right:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl-bottom-right{bottom:0;right:0}.mapboxgl-ctrl-bottom{bottom:0;left:50%;transform:translateX(-50%)}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-left{left:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{float:left;margin:10px 0 0 10px}.mapboxgl-ctrl-top .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float:right;margin:10px 10px 0 0}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,.mapboxgl-ctrl-right .mapboxgl-ctrl{float:right;margin:0 10px 10px 0}.mapboxgl-ctrl-bottom .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,.mapboxgl-ctrl-left .mapboxgl-ctrl{float:left;margin:0 0 10px 10px}.mapboxgl-ctrl-group{background:#fff;border-radius:4px}.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px #0000001a}@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button{background-color:initial;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;overflow:hidden;padding:0;width:29px}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:initial}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl-group button:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:only-child{border-radius:inherit}.mapboxgl-ctrl button:not(:disabled):hover{background-color:#0000000d}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8h-8z'/%3E%3Cpath d='m10.5 16 4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8h-8z'/%3E%3Cpath d='m10.5 16 4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='m10.5 14 4-8 4 8h-8z'/%3E%3Cpath d='m10.5 16 4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='m14 5 1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{animation:mapboxgl-spin 2s linear infinite}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='m14 5 1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='m14 5 1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E")}}@keyframes mapboxgl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 0 1 3.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 0 0-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 0 0 4.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 0 1-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 0 1 .3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 0 1-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg opacity='.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cg opacity='.9' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 0 1 3.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 0 0-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 0 0 4.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 0 1-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 0 1 .3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 0 1-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 0 1 3.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 0 0-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 0 0 4.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 0 1-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 0 1 .3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 0 1-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/svg%3E")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{background-color:#ffffff80;margin:0;padding:0 5px}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{background-color:#fff;border-radius:12px;box-sizing:initial;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{background-color:#ffffff80;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:#0000000d}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E")}}.mapboxgl-ctrl-attrib a{color:#000000bf;text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty{display:none}.mapboxgl-ctrl-scale{background-color:#ffffffbf;border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.mapboxgl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{flex-direction:column-reverse}.mapboxgl-popup-anchor-left{flex-direction:row}.mapboxgl-popup-anchor-right{flex-direction:row-reverse}.mapboxgl-popup-tip{border:10px solid #0000;height:0;width:0;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}.mapboxgl-popup-close-button{background-color:initial;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.mapboxgl-popup-close-button:hover{background-color:#0000000d}.mapboxgl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px #0000001a;padding:10px 10px 15px;pointer-events:auto;position:relative}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{left:0;opacity:1;position:absolute;top:0;transition:opacity .2s;will-change:transform}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.mapboxgl-user-location-dot:before{animation:mapboxgl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.mapboxgl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px #00000059;box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading{height:0;width:0}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-bottom:7.5px solid #4aa1eb;content:"";position:absolute}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-left:7.5px solid #0000;transform:translateY(-28px) skewY(-20deg)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid #0000;transform:translate(7.5px,-28px) skewY(20deg)}@keyframes mapboxgl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}@media print{.mapbox-improve-map{display:none}}.mapboxgl-scroll-zoom-blocker,.mapboxgl-touch-pan-blocker{align-items:center;background:#000000b3;color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity .75s ease-in-out;transition-delay:1s;width:100%}.mapboxgl-scroll-zoom-blocker-show,.mapboxgl-touch-pan-blocker-show{opacity:1;transition:opacity .1s ease-in-out}.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button{background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;font-size:12px;height:auto;line-height:1.5;margin:2px;padding:5px 10px;width:auto}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:hover{background-color:#f0f0f0}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected{background-color:#4264fb;border-color:#4264fb;color:#fff}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected:hover{background-color:#3151d9}.vacations-page{margin:0 auto;max-width:1400px;padding:2rem}.page-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #0000000d;border-radius:16px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:24px}.header-title{gap:12px}.header-title h1{color:#2c3e50;font-size:1.75rem}.header-title svg{color:#28a745;font-size:28px}.header-info{align-items:center;display:flex;gap:1rem}.header-info span{background:#28a7451a;border-radius:20px;color:#28a745;font-weight:500;padding:.5rem 1rem}.tabs-navigation{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;margin-bottom:2rem;overflow:hidden}.tab-button{color:#6c757d;flex:1 1;font-size:1rem;gap:.75rem;justify-content:center;padding:1rem 2rem;position:relative;transition:all .3s ease}.tab-button:hover{background:#f8f9fa;color:#495057}.tab-button.active{background:linear-gradient(135deg,#007bff,#0056b3);font-weight:600}.tab-button.active:after{background:linear-gradient(90deg,#0056b3,#007bff);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.calendar-section{margin-bottom:3rem}.calendar-section h2{align-items:center;color:#2c3e50;display:flex;font-size:1.5rem;font-weight:600;gap:12px;margin:0 0 1rem}.calendar-section h2 svg{color:#007bff;font-size:24px}.calendar-description{color:#6c757d;font-size:1rem;margin-bottom:1.5rem}.users-days-section{margin-bottom:2rem}.users-days-section h2{align-items:center;color:#2c3e50;display:flex;font-size:1.5rem;font-weight:600;gap:12px;margin:0 0 1.5rem}.users-days-section h2 svg{color:#6f42c1;font-size:24px}.users-days-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.user-days-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 24px #00000014;overflow:hidden;transition:all .3s ease}.user-days-card:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-4px)}.user-days-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #0000000d;gap:1rem;padding:1.5rem}.user-avatar,.user-days-header{align-items:center;display:flex}.user-avatar{background:#fff;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;height:60px;justify-content:center;overflow:hidden;width:60px}.user-avatar img{height:100%;object-fit:cover;width:100%}.default-avatar{align-items:center;background-color:#f0f2f5;color:#8c9bab;display:flex;font-size:1.5rem;font-weight:500;height:100%;justify-content:center;width:100%}.user-info h3{color:#2c3e50;font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.user-info p{color:#6c757d;font-size:.875rem;margin:0}.user-days-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;padding:1.5rem}.days-stat{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;flex-direction:column;overflow:visible;padding:1rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.days-stat:hover{background:#e9ecef;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.stat-label{color:#6c757d;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.stat-value{color:#2c3e50;font-size:1.25rem;font-weight:600}.available-days{background:#e8f5e8;border:2px solid #28a745;grid-column:1/-1}.available-days.vacation-days-high{background:#e8f5e8;border-color:#28a745}.available-days.vacation-days-high .stat-value{color:#28a745}.available-days.vacation-days-medium{background:#fff3cd;border-color:#ffc107}.available-days.vacation-days-medium .stat-value{color:#856404}.available-days.vacation-days-low{background:#f8d7da;border-color:#dc3545}.available-days.vacation-days-low .stat-value{color:#dc3545}.available-days.vacation-days-negative{background:#f5c6cb;border-color:#721c24}.available-days.vacation-days-negative .stat-value{color:#721c24}.user-days-actions{background:#00000005;border-top:1px solid #0000000d;display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem 1.5rem}.btn-cancel-vacations,.btn-rest-day,.btn-work-day{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;min-width:140px;padding:.75rem 1rem;transition:all .2s ease}.btn-cancel-vacations{flex-basis:100%;margin-top:.5rem}.btn-rest-day{background:#28a7451a;border:1px solid #28a74533;color:#28a745}.btn-rest-day:hover{background:#28a74533;transform:translateY(-1px)}.btn-work-day{background:#007bff1a;border:1px solid #007bff33;color:#007bff}.btn-work-day:hover{background:#007bff33;transform:translateY(-1px)}.btn-cancel-vacations{background:#dc35451a;border:1px solid #dc354533;color:#dc3545}.btn-cancel-vacations:hover{background:#dc354533;transform:translateY(-1px)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.modal-content h2{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.selected-date-info{align-items:center;background:#e3f2fd;color:#1976d2;font-weight:500;gap:.5rem}.conflicts-warning,.selected-date-info{border-radius:8px;display:flex;margin-bottom:1rem;padding:1rem}.conflicts-warning{background:#fff3cd;border-left:4px solid #ffc107;gap:.75rem}.conflicts-warning svg{color:#856404;flex-shrink:0;margin-top:.125rem}.conflicts-warning h4{color:#856404;font-size:.875rem;font-weight:600;margin:0 0 .5rem}.conflicts-warning ul{color:#856404;margin:0;padding-left:1rem}.conflicts-warning li{margin-bottom:.25rem}.vacations-page .form-group{margin-bottom:1.5rem}.vacations-page .form-group label{align-items:center;color:#5c6c7c;display:flex;font-weight:500;gap:.5rem;margin-bottom:.5rem}.vacations-page .form-group label svg{color:#fff;font-size:18px}.vacations-page .form-group input,.vacations-page .form-group select,.vacations-page .form-group textarea{background:#f8f9fa;border:1px solid #0000001a;border-radius:8px;font-size:1rem;padding:.75rem;transition:all .2s ease;width:100%}.vacations-page .form-group input:focus,.vacations-page .form-group select:focus,.vacations-page .form-group textarea:focus{background:#fff;border-color:#007bff;box-shadow:0 0 0 3px #007bff33;outline:none}.vacations-page .radio-group{display:flex;flex-direction:column;gap:.75rem}.vacations-page .radio-option{align-items:center;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s ease}.vacations-page .radio-option:hover{background:#f8f9fa;border-color:#007bff}.vacations-page .radio-option input[type=radio]{margin:0;width:auto}.vacations-page .radio-option svg{color:#6c757d;font-size:18px}.vacations-page .checkbox-label{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:.75rem;padding:.75rem;transition:all .2s ease}.vacations-page .checkbox-label:hover{background:#e9ecef;border-color:#007bff}.vacations-page .checkbox-label input[type=checkbox]{margin:0;transform:scale(1.2);width:auto}.range-toggle-container{margin:16px 0}.range-toggle-input{display:none}.range-toggle-card{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:16px;box-shadow:0 2px 8px #0000000f;cursor:pointer;display:flex;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.range-toggle-card:before{background:linear-gradient(135deg,#007bff0d,#007bff05);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.range-toggle-card:hover{border-color:#007bff;box-shadow:0 8px 25px #007bff26;transform:translateY(-2px)}.range-toggle-card:hover:before{opacity:1}.range-toggle-input:checked+.range-toggle-card{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-color:#007bff;box-shadow:0 8px 25px #007bff33}.range-toggle-input:checked+.range-toggle-card:before{opacity:1}.toggle-indicator{align-items:center;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:12px;box-shadow:0 4px 12px #007bff4d;display:flex;height:50px;justify-content:center;margin-right:16px;transition:all .3s ease;width:50px}.range-toggle-input:checked+.range-toggle-card .toggle-indicator{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 12px #28a74566;transform:scale(1.1)}.toggle-indicator svg{color:#fff;font-size:1.5rem}.toggle-content{flex:1 1;margin-right:16px}.toggle-content h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 4px;transition:color .3s ease}.range-toggle-input:checked+.range-toggle-card .toggle-content h4{color:#007bff}.toggle-content p{color:#6c757d;font-size:.875rem;line-height:1.4;margin:0;transition:color .3s ease}.range-toggle-input:checked+.range-toggle-card .toggle-content p{color:#495057}.toggle-switch{background:#dee2e6;border-radius:15px;box-shadow:inset 0 2px 4px #0000001a;height:30px;position:relative;transition:all .3s ease;width:60px}.range-toggle-input:checked+.range-toggle-card .toggle-switch{background:#007bff;box-shadow:inset 0 2px 4px #007bff4d}.switch-slider{background:#fff;border-radius:50%;box-shadow:0 2px 6px #0003;height:26px;left:2px;position:absolute;top:2px;transition:all .3s cubic-bezier(.4,0,.2,1);width:26px}.range-toggle-input:checked+.range-toggle-card .switch-slider{box-shadow:0 2px 6px #007bff4d;transform:translateX(30px)}.type-selector-container{margin:16px 0}.type-selector-title{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 20px;text-align:center}.type-options{display:flex;flex-direction:column;gap:12px}.type-radio-input{display:none}.type-option-card{align-items:center;background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #e9ecef;border-radius:16px;box-shadow:0 2px 8px #0000000f;cursor:pointer;display:flex;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.type-option-card:before{background:linear-gradient(135deg,#007bff0d,#007bff05);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.type-option-card:hover{border-color:#007bff;box-shadow:0 8px 25px #007bff26;transform:translateY(-2px)}.type-option-card:hover:before{opacity:1}.type-radio-input:checked+.type-option-card{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-color:#007bff;box-shadow:0 8px 25px #007bff33}.type-radio-input:checked+.type-option-card:before{opacity:1}.type-indicator{align-items:center;border-radius:10px;box-shadow:0 3px 10px #00000026;display:flex;height:40px;justify-content:center;margin-right:16px;transition:all .3s ease;width:40px}.type-indicator.type-rest{background:linear-gradient(135deg,#28a745,#20c997)}.type-indicator.type-work{background:linear-gradient(135deg,#007bff,#6610f2)}.type-radio-input:checked+.type-option-card .type-indicator{box-shadow:0 6px 20px #00000040;transform:scale(1.1)}.type-indicator svg{color:#fff;font-size:1rem}.type-content{flex:1 1;margin-right:16px}.type-content h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 4px;transition:color .3s ease}.type-radio-input:checked+.type-option-card .type-content h4{color:#007bff}.type-content p{color:#6c757d;font-size:.875rem;line-height:1.4;margin:0;transition:color .3s ease}.type-radio-input:checked+.type-option-card .type-content p{color:#495057}.type-check{align-items:center;background:#e9ecef;border-radius:50%;display:flex;height:30px;justify-content:center;transition:all .3s ease;width:30px}.type-radio-input:checked+.type-option-card .type-check{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 12px #28a74566;transform:scale(1.1)}.type-check svg{color:#adb5bd;font-size:1rem;transition:color .3s ease}.type-radio-input:checked+.type-option-card .type-check svg{color:#fff}@media (max-width:768px){.type-options{gap:10px}.type-option-card{padding:16px}.type-indicator{height:35px;margin-right:12px;width:35px}.type-indicator svg{font-size:.9rem}.type-content h4{font-size:1rem}.type-content p{font-size:.8rem}}.vacations-page .date-range-info{background:#e3f2fd;border-left:3px solid #007bff;border-radius:6px;color:#007bff;display:block;font-size:.875rem;font-weight:500;margin-top:.5rem;padding:.5rem}.vacations-page .modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.vacations-page .modal-actions button{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.vacations-page .btn-primary{background:#007bff;border:none;color:#fff}.vacations-page .btn-primary:hover{background:#0056b3;transform:translateY(-1px)}.vacations-page .btn-secondary{background:#f1f3f5;border:1px solid #0000001a;color:#5c6c7c}.vacations-page .btn-secondary:hover{background:#e9ecef}@media (max-width:768px){.vacations-page{padding:1rem}.page-header{align-items:stretch;flex-direction:column;gap:1rem;padding:1.5rem}.header-title h1{font-size:1.5rem}.users-days-grid{gap:1rem;grid-template-columns:1fr}.user-days-stats{gap:.75rem;grid-template-columns:1fr}.available-days{grid-column:1}.user-days-actions{flex-direction:column;gap:.75rem}.modal-content{margin:1rem;padding:1.5rem}.modal-actions{flex-direction:column;gap:.75rem}.radio-group{gap:.5rem}}@media (max-width:480px){.vacations-page{padding:.75rem}.page-header{padding:1rem}.header-title h1{font-size:1.25rem}.user-days-header{padding:1rem}.user-avatar{height:50px;width:50px}.user-days-stats{padding:1rem}.modal-content{margin:.5rem;padding:1rem}}.stat-value-container,.stat-value-with-controls{align-items:center;display:flex;gap:12px;width:100%}.stat-value-with-controls{justify-content:space-between}.days-controls{align-items:center;display:flex;gap:8px;opacity:0;transform:translateX(10px);transition:all .3s ease}.days-stat:hover .days-controls{opacity:1;transform:translateX(0)}.btn-adjust-days{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.btn-adjust-days:before{background:linear-gradient(45deg,#fff3,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.btn-adjust-days:hover{box-shadow:0 8px 25px #0003;transform:translateY(-2px) scale(1.05)}.btn-adjust-days:hover:before{opacity:1}.btn-adjust-days:active{transform:translateY(0) scale(.98);transition:all .1s ease}.btn-adjust-days.increase{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 2px 8px #28a74540;color:#fff}.btn-adjust-days.increase:hover{background:linear-gradient(135deg,#218838,#1e7e5a);box-shadow:0 8px 25px #28a74559}.btn-adjust-days.decrease{background:linear-gradient(135deg,#dc3545,#c82333);box-shadow:0 2px 8px #dc354540;color:#fff}.btn-adjust-days.decrease:hover{background:linear-gradient(135deg,#c82333,#bd2130);box-shadow:0 8px 25px #dc354559}.btn-adjust-days.edit{background:linear-gradient(135deg,#007bff,#0056b3);box-shadow:0 2px 8px #007bff40;color:#fff}.btn-adjust-days.edit:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 8px 25px #007bff59}.edit-days-container{align-items:center;display:flex;gap:8px;width:100%}.edit-days-input{background:#fff;border:2px solid #007bff;border-radius:8px;box-shadow:0 2px 8px #007bff1a;color:#2c3e50;font-size:14px;font-weight:600;outline:none;padding:8px 12px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px}.edit-days-input:focus{border-color:#0056b3;box-shadow:0 0 0 3px #007bff40,0 4px 12px #007bff33;transform:translateY(-1px)}.edit-days-input:hover{border-color:#0056b3;box-shadow:0 4px 12px #007bff26}.edit-days-buttons{align-items:center;display:flex;gap:8px}.btn-cancel-days,.btn-save-days{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;overflow:hidden;padding:0;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px}.btn-cancel-days:before,.btn-save-days:before{background:linear-gradient(45deg,#fff3,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.btn-cancel-days:hover:before,.btn-save-days:hover:before{opacity:1}.btn-cancel-days:active,.btn-save-days:active{transform:translateY(0) scale(.98);transition:all .1s ease}.btn-save-days{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 2px 8px #28a74540;color:#fff}.btn-save-days:hover{background:linear-gradient(135deg,#218838,#1e7e5a);box-shadow:0 8px 25px #28a74559;transform:translateY(-2px) scale(1.05)}.btn-cancel-days{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 2px 8px #6c757d40;color:#fff}.btn-cancel-days:hover{background:linear-gradient(135deg,#495057,#343a40);box-shadow:0 8px 25px #6c757d59;transform:translateY(-2px) scale(1.05)}.days-stat{position:relative}.days-stat:before{background:linear-gradient(135deg,#007bff0d,#0056b30d);border-radius:8px;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.days-stat:hover:before{opacity:1}@media (max-width:768px){.stat-value-with-controls{align-items:stretch;flex-direction:column;gap:8px}.days-controls{gap:12px;justify-content:center;opacity:1;transform:translateX(0)}.edit-days-input{font-size:14px;padding:8px 12px;width:60px}.btn-adjust-days,.btn-cancel-days,.btn-save-days{border-radius:10px;font-size:18px;height:36px;width:36px}.edit-days-buttons{gap:12px;justify-content:center}}.bulk-delete-confirmation-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;max-width:450px;overflow:hidden;width:90%}.bulk-delete-confirmation-modal .modal-header{align-items:center;background:#fff5f5;border-bottom:1px solid #e0e6ed;display:flex;gap:12px;padding:20px;position:relative}.bulk-delete-confirmation-modal .warning-icon{align-items:center;background:#fee2e2;border-radius:50%;display:flex;justify-content:center;padding:8px}.bulk-delete-confirmation-modal .warning-icon svg{color:#dc2626;font-size:1.5rem}.bulk-delete-confirmation-modal .modal-header h2{color:#dc2626;flex:1 1;font-size:1.25rem;font-weight:600;margin:0}.bulk-delete-confirmation-modal .close-button{background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;padding:5px;position:absolute;right:15px;top:15px;transition:all .2s}.bulk-delete-confirmation-modal .close-button:hover:not(:disabled){background:#f1f3f4;color:#495057}.bulk-delete-confirmation-modal .close-button:disabled{cursor:not-allowed;opacity:.5}.bulk-delete-confirmation-modal .modal-body{padding:25px}.bulk-delete-confirmation-modal .confirmation-message{margin-bottom:20px;text-align:center}.bulk-delete-confirmation-modal .confirmation-message p{color:#374151;font-size:1rem;line-height:1.5;margin:0}.bulk-delete-confirmation-modal .confirmation-message strong{color:#dc2626;font-weight:600}.bulk-delete-confirmation-modal .warning-details{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;padding:16px}.bulk-delete-confirmation-modal .warning-item{align-items:center;color:#92400e;display:flex;font-size:.9rem;gap:10px;margin-bottom:8px}.bulk-delete-confirmation-modal .warning-item:last-child{margin-bottom:0}.bulk-delete-confirmation-modal .warning-item svg{color:#d97706;font-size:1rem}.bulk-delete-confirmation-modal .modal-actions{background:#f8f9fa;border-top:1px solid #e0e6ed;display:flex;gap:12px;justify-content:flex-end;padding:20px}.bulk-delete-confirmation-modal .btn-cancel{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s}.bulk-delete-confirmation-modal .btn-cancel:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.bulk-delete-confirmation-modal .btn-cancel:disabled{background:#adb5bd;cursor:not-allowed;transform:none}.bulk-delete-confirmation-modal .btn-delete{align-items:center;background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.bulk-delete-confirmation-modal .btn-delete:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.bulk-delete-confirmation-modal .btn-delete:disabled{background:#6c757d;cursor:not-allowed;transform:none}@media (max-width:768px){.bulk-delete-confirmation-modal{max-width:95%}.bulk-delete-confirmation-modal .modal-actions,.bulk-delete-confirmation-modal .modal-body,.bulk-delete-confirmation-modal .modal-header{padding:15px}.bulk-delete-confirmation-modal .modal-actions{flex-direction:column}.bulk-delete-confirmation-modal .btn-cancel,.bulk-delete-confirmation-modal .btn-delete{justify-content:center;width:100%}}.cancel-vacations-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;width:90%}.cancel-vacations-modal .modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e6ed;display:flex;justify-content:space-between;padding:20px}.cancel-vacations-modal .modal-header h2{align-items:center;color:#2c3e50;display:flex;font-size:1.3rem;gap:8px;margin:0}.cancel-vacations-modal .modal-header h2 svg{color:#e74c3c}.cancel-vacations-modal .close-button{background:none;border:none;border-radius:50%;color:#6c757d;cursor:pointer;padding:5px;transition:all .2s}.cancel-vacations-modal .close-button:hover{background:#f1f3f4;color:#495057}.cancel-vacations-modal .modal-body{flex:1 1;overflow-y:auto;padding:20px}.cancel-vacations-modal .loading-message,.cancel-vacations-modal .no-vacations-message{color:#6c757d;padding:40px;text-align:center}.cancel-vacations-modal .no-vacations-message svg{color:#dee2e6;font-size:3rem;margin-bottom:16px}.cancel-vacations-modal .vacations-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.cancel-vacations-modal .vacations-header p{color:#495057;font-weight:500;margin:0}.cancel-vacations-modal .select-all-button{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:8px 16px;transition:all .2s}.cancel-vacations-modal .select-all-button:hover{background:#e9ecef;border-color:#adb5bd}.cancel-vacations-modal .vacations-list{margin-bottom:20px;max-height:400px;overflow-y:auto}.cancel-vacations-modal .vacation-item{align-items:flex-start;background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;gap:12px;margin-bottom:10px;padding:16px;transition:all .2s}.cancel-vacations-modal .vacation-item:hover{background:#f8f9fa;border-color:#dee2e6}.cancel-vacations-modal .vacation-item.selected{background:#fff5f5;border-color:#e74c3c}.cancel-vacations-modal .vacation-checkbox{margin-top:2px}.cancel-vacations-modal .vacation-checkbox svg{color:#6c757d;transition:color .2s}.cancel-vacations-modal .vacation-checkbox svg.checked{color:#e74c3c}.cancel-vacations-modal .vacation-info{flex:1 1}.cancel-vacations-modal .vacation-date{align-items:center;color:#2c3e50;display:flex;font-weight:600;gap:8px;margin-bottom:8px}.cancel-vacations-modal .vacation-date svg{color:#6c757d;font-size:1.1rem}.cancel-vacations-modal .vacation-type{align-items:center;color:#495057;display:flex;font-size:.9rem;gap:8px;margin-bottom:8px}.cancel-vacations-modal .vacation-type svg{font-size:1rem}.cancel-vacations-modal .vacation-description{background:#f8f9fa;border-left:3px solid #dee2e6;border-radius:6px;color:#6c757d;font-size:.85rem;padding:8px 12px}.cancel-vacations-modal .selection-summary{background:#f8f9fa;border-left:4px solid #17a2b8;border-radius:8px;margin-bottom:20px;padding:15px}.cancel-vacations-modal .selection-summary p{color:#495057;font-weight:500;margin:0}.cancel-vacations-modal .modal-actions{background:#f8f9fa;border-top:1px solid #e0e6ed;display:flex;gap:12px;justify-content:flex-end;padding:20px}.cancel-vacations-modal .btn-delete{align-items:center;background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s}.cancel-vacations-modal .btn-delete:hover:not(:disabled){background:#c0392b;transform:translateY(-1px)}.cancel-vacations-modal .btn-delete:disabled{background:#6c757d;cursor:not-allowed;transform:none}.cancel-vacations-modal .btn-secondary{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s}.cancel-vacations-modal .btn-secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.cancel-vacations-modal .btn-secondary:disabled{background:#adb5bd;cursor:not-allowed;transform:none}.cancel-vacations-modal .vacations-list::-webkit-scrollbar{width:6px}.cancel-vacations-modal .vacations-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.cancel-vacations-modal .vacations-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.cancel-vacations-modal .vacations-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.cancel-vacations-modal{max-height:90vh;max-width:95%}.cancel-vacations-modal .modal-actions,.cancel-vacations-modal .modal-body,.cancel-vacations-modal .modal-header{padding:15px}.cancel-vacations-modal .vacations-header{align-items:stretch;flex-direction:column;gap:15px}.cancel-vacations-modal .vacation-item{padding:12px}.cancel-vacations-modal .modal-actions{flex-direction:column}}.vacation-pending-calendar{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:450px;padding:1rem}.calendar-empty{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.calendar-empty svg{font-size:3rem!important;margin-bottom:1rem;opacity:.5}.calendar-header{align-items:flex-start;gap:1rem;margin-bottom:1rem}.calendar-title{gap:.5rem}.calendar-title h3{font-size:1.1rem}.calendar-icon{font-size:1.25rem!important}.vacation-summary{display:flex;flex-direction:column;gap:.5rem}.vacation-period{background:linear-gradient(135deg,#007aff,#5856d6);border-radius:8px;box-shadow:0 2px 8px #007aff4d;color:#fff;display:flex;padding:.75rem}.period-info,.vacation-period{align-items:flex-end;flex-direction:column}.period-info{margin-bottom:.5rem}.period-text{font-size:.8rem}.period-duration{font-size:.9rem}.vacation-type{align-items:center;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;opacity:.9}.vacation-type svg{font-size:1rem!important}.conflict-warning{align-items:center;background:#ff9500;border-radius:6px;box-shadow:0 1px 4px #ff95004d;color:#fff;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;padding:.5rem .75rem}.conflict-warning svg{font-size:1rem!important}.calendar-navigation{margin-bottom:1rem}.vacation-pending-calendar .nav-button{align-items:center;background:#f6f6f6;border:none;border-radius:50%;color:#6e6e73;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.vacation-pending-calendar .nav-button:hover{background:#007aff;box-shadow:0 2px 8px #007aff4d;color:#fff;transform:scale(1.1)}.vacation-pending-calendar .nav-button svg{font-size:1.1rem!important}.month-year{font-size:1rem}.calendar-grid{margin-bottom:1rem}.day-names{grid-gap:1px;gap:1px;margin-bottom:4px}.day-name{font-size:.7rem;letter-spacing:.3px;padding:.5rem 0}.calendar-days{grid-gap:1px;gap:1px}.calendar-day{border-radius:6px;flex-direction:column;justify-content:flex-start;min-height:50px;padding:.25rem}.calendar-day.today{border:2px solid #007aff}.day-number{font-size:.8rem;margin-bottom:.25rem}.calendar-day.start{box-shadow:0 2px 8px #34c75966}.calendar-day.vacation{background:linear-gradient(135deg,#007aff,#5856d6);box-shadow:0 1px 4px #007aff4d;color:#fff}.calendar-day.vacation .day-number{color:#fff;font-weight:600}.calendar-day.end{box-shadow:0 2px 8px #ff3b3066}.vacation-indicator{align-items:center;display:flex;justify-content:center;margin-top:auto}.vacation-indicator svg{font-size:.9rem!important;opacity:.8}.calendar-day.has-conflicts{position:relative}.conflict-indicators{display:flex;flex-wrap:wrap;gap:1px;margin-top:.25rem}.conflict-bubble{align-items:center;border:1px solid #ffffff80;border-radius:50%;display:flex;font-size:.6rem;height:12px;justify-content:center;width:12px}.conflict-bubble.rest_day{background:#ff9500;color:#fff}.conflict-bubble.extra_work_day{background:#6f42c1;color:#fff}.conflict-bubble svg{font-size:.5rem!important}.conflict-more{align-items:center;background:#ff3b30;border-radius:50%;color:#fff;display:flex;font-size:.5rem;font-weight:600;height:12px;justify-content:center;width:12px}.calendar-legend{border-top:1px solid #e9ecef;padding-top:.5rem}.legend-item{font-size:.75rem;gap:.4rem}.legend-color{border-radius:3px;flex-shrink:0;height:12px;width:12px}.legend-color.start-color{background:linear-gradient(135deg,#34c759,#30d158)}.legend-color.vacation-color{background:linear-gradient(135deg,#007aff,#5856d6)}.legend-color.end-color{background:linear-gradient(135def,#ff3b30,#ff6b6b)}.legend-color.conflict-color{background:#ff9500}@media (max-width:768px){.vacation-pending-calendar{max-width:100%;padding:.75rem}.calendar-header{flex-direction:column;gap:.75rem}.calendar-header,.vacation-summary{align-items:stretch}.vacation-period{align-items:center;flex-direction:row;justify-content:space-between}.period-info{align-items:flex-start;margin-bottom:0}.calendar-day{min-height:45px}.day-number{font-size:.75rem}.vacation-indicator svg{font-size:.8rem!important}.conflict-bubble,.conflict-more{height:10px;width:10px}.conflict-more{font-size:.45rem}}.pending-vacations-manager{--text-primary:#fff!important;--text-secondary:#fff!important;--surface-color:#0000!important;--background-color:#0000!important;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;isolation:isolate;overflow:hidden}.pending-vacations-manager .pending-header,.pending-vacations-manager .pending-header :not(.requests-section):not(.calendar-section):not(.requests-section *):not(.calendar-section *){--text-primary:#fff!important;--text-secondary:#fff!important;--text-muted:#fff!important;color:#fff!important}.pending-vacations-manager .pending-header{align-items:flex-start!important;background:linear-gradient(135deg,#2c3e50,#34495e)!important;color:#fff!important;display:flex!important;flex-wrap:wrap!important;gap:1.5rem!important;justify-content:space-between!important;padding:2rem}.pending-header,.pending-header *,.pending-header .header-content,.pending-header .header-content h2,.pending-header .header-content p,.pending-header h1,.pending-header h2,.pending-header h3,.pending-header p,.pending-header span{color:#fff!important}.pending-vacations-manager .pending-header-content{color:#fff!important;display:block!important}.pending-vacations-manager .pending-header{--text-primary:#fff!important;--text-secondary:#fff!important;--text-muted:#fff!important}.pending-vacations-manager .pending-header *{border-color:#ffffff4d!important;color:#fff!important}.pending-vacations-manager .pending-header-content h2{align-items:center;color:#fff!important;display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;margin:0 0 .5rem}.pending-vacations-manager .pending-header-icon{color:#fff!important;font-size:2rem!important}.pending-vacations-manager .pending-header-content p{color:#fff!important;font-size:1rem;line-height:1.4;margin:0 0 1rem;opacity:.9}.pending-vacations-manager .pending-approval-info-banner{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40!important;border:1px solid #fff6!important;border-radius:12px;color:#fff!important;display:flex;gap:1rem;margin:1.5rem 0;padding:1.25rem}.pending-vacations-manager .pending-info-icon{color:#fff!important;flex-shrink:0;font-size:1.5rem}.pending-vacations-manager .pending-approval-info-banner span{color:#fff!important;font-size:.95rem;font-weight:500;line-height:1.4}.pending-vacations-manager .pending-approval-info-banner *{color:#fff!important}.pending-vacations-manager .pending-approval-info-banner{--text-primary:#fff!important;--text-secondary:#fff!important;--text-muted:#fff!important}.pending-vacations-manager .pending-permissions-info-banner{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40!important;border:1px solid #fff6!important;border-radius:12px;color:#fff!important;display:flex;gap:1rem;margin:1rem 0 0;padding:1.25rem}.pending-vacations-manager .pending-permissions-icon{color:#fff!important;flex-shrink:0;font-size:1.5rem}.pending-vacations-manager .pending-permissions-content span{color:#fff!important;font-size:.95rem;font-weight:500;line-height:1.4}.pending-vacations-manager .pending-permissions-content strong{color:#f8f9fa!important;font-weight:600}.pending-vacations-manager .pending-permissions-info-banner *{color:#fff!important}.pending-vacations-manager .pending-permissions-info-banner{--text-primary:#fff!important;--text-secondary:#fff!important;--text-muted:#fff!important}.pending-vacations-manager .pending-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.pending-vacations-manager .btn-refresh{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.pending-vacations-manager .btn-refresh:hover{background:#ffffff4d;transform:translateY(-2px)}.pending-vacations-manager .content-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 450px;min-height:600px;padding:2rem}.pending-vacations-manager .requests-section{min-width:0}.requests-section h3{align-items:center;color:#2c3e50;display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0 0 1.5rem}.requests-list{display:flex;flex-direction:column;gap:1.25rem}.request-item{align-items:flex-start;background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000d;cursor:pointer;display:flex;gap:1.25rem;padding:1.5rem;transition:all .3s ease}.request-item:hover{box-shadow:0 6px 24px #0000001a;transform:translateY(-2px)}.request-item.selected{background:linear-gradient(135deg,#007aff0d,#5856d60d);border-color:#007aff;box-shadow:0 8px 32px #007aff26}.item-info{flex:1 1;min-width:0}.item-header{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.item-header,.user-info{align-items:center;display:flex}.user-info{gap:.75rem}.user-icon{color:#6c757d;font-size:1.25rem!important}.user-name{color:#2c3e50;font-size:1.1rem;font-weight:600}.status-info{align-items:center;background:#f8f9facc;border-radius:20px;display:flex;gap:.75rem;padding:.5rem 1rem}.status-icon{font-size:1.1rem!important}.status-text{font-size:.9rem;font-weight:500}.item-details{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:1rem}.detail-item{align-items:center;color:#6c757d;display:flex;font-size:.9rem;gap:.75rem}.detail-icon{font-size:1.1rem!important}.detail-icon.vacation{color:#17a2b8}.detail-icon.work{color:#6f42c1}.item-description{align-items:flex-start;background:#f8f9fa;border-left:3px solid #6c757d;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem}.description-icon{color:#6c757d;flex-shrink:0;font-size:1rem!important;margin-top:.1rem}.approval-info{background:#28a7451a;border:1px solid #28a74533;border-radius:8px;margin-bottom:1rem;padding:1rem}.approval-step{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.approval-step:last-child{margin-bottom:0}.approval-step.completed{color:#28a745}.approval-step.pending{color:#ffc107}.approval-icon{font-size:1rem!important}.approval-date{font-size:.8rem;margin-left:auto;opacity:.8}.item-actions{align-items:stretch;display:flex;flex-direction:column;gap:.75rem;min-width:140px}.btn-approve{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease}.btn-approve:hover:not(:disabled){box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.btn-approve:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-reject{align-items:center;background:linear-gradient(135deg,#dc3545,#e74c3c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease}.btn-reject:hover:not(:disabled){box-shadow:0 4px 12px #dc35454d;transform:translateY(-2px)}.btn-reject:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-blocked{align-items:center;background:#6c757d;border-radius:8px;color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;opacity:.7;padding:.75rem 1rem}.calendar-section{border-left:1px solid #e9ecef;padding-left:2rem}.calendar-section h3{align-items:center;color:#2c3e50;display:flex;font-size:1.5rem;font-weight:600;gap:.75rem;margin:0 0 1.5rem}.conflicts-summary{background:#ff95001a;border:1px solid #ff95004d;border-radius:12px;margin-top:1.5rem;padding:1.25rem}.conflicts-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.conflicts-icon{color:#ff9500;font-size:1.25rem!important}.conflicts-header h4{color:#ff9500;font-size:1.1rem;font-weight:600;margin:0}.conflicts-summary p{color:#8b5a00;line-height:1.4;margin:0}.conflicts-people-list{background:#ffc1071a;border-left:4px solid #ffc107;border-radius:8px;margin:1rem 0;padding:.75rem}.conflicts-people{color:#f57c00;font-size:.9rem;font-weight:600}.conflicts-details{background:#fff9;border:1px solid #ffc10733;border-radius:12px;margin:1rem 0;padding:1rem}.conflict-user-group{background:#fff;border-left:4px solid #ffc107;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:1rem;padding:.75rem}.conflict-user-group:last-child{margin-bottom:0}.conflict-user-header{align-items:center;border-bottom:1px solid #ffc10733;display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem}.conflict-user-name{color:#856404;font-size:.95rem;font-weight:600}.conflict-count{background:#ffc10733;border-radius:20px;color:#856404;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.conflict-items{gap:.5rem}.conflict-item,.conflict-items{display:flex;flex-direction:column}.conflict-item{background:#ffc1070d;border:1px solid #ffc10726;border-radius:6px;gap:.25rem;padding:.5rem}.conflict-period{color:#856404;font-size:.9rem;font-weight:600}.conflict-description{color:#6c6c6c;font-size:.85rem;font-style:italic;margin-left:1.5rem}.conflict-type{color:#999;font-size:.8rem;margin-left:1.5rem}.conflicts-recommendation{background:#fffc;border:1px solid #ffc10733;border-radius:8px;margin-top:1rem;padding:1rem}.conflicts-recommendation p{color:#856404;font-size:.9rem;line-height:1.4;margin:0;text-align:center}.pending-vacations-manager .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.pending-vacations-manager .loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#007aff;height:40px;margin-bottom:1rem;width:40px}.pending-vacations-manager .loading-spinner.small{border-width:2px;height:16px;margin:0;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pending-vacations-manager .empty-state{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.pending-vacations-manager .empty-icon{font-size:4rem!important;margin-bottom:1rem;opacity:.5}.pending-vacations-manager .empty-state h3{color:#495057;font-size:1.5rem;margin:0 0 .5rem}.pending-vacations-manager .empty-state p{font-size:1rem;line-height:1.4;margin:0}.modal-overlay{padding:1rem}.reject-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #e9ecef;padding:2rem}.modal-header h3{color:#2c3e50;font-size:1.5rem;margin:0 0 1rem}.modal-header p{color:#6c757d;line-height:1.4;margin:0 0 1rem}.period-info{align-items:center;background:#f8f9fa;border-radius:8px;color:#495057;display:flex;font-weight:500;gap:.75rem;padding:1rem}.modal-body{padding:2rem}.form-group label{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.form-group textarea{border:2px solid #e9ecef;border-radius:8px;font-family:inherit;font-size:.9rem;padding:.75rem;resize:vertical;transition:border-color .3s ease;width:100%}.form-group textarea:focus{border-color:#007aff;outline:none}.modal-actions{border-top:1px solid #e9ecef;gap:1rem;padding:2rem}.btn-secondary{background:#6c757d;border:none;border-radius:8px;padding:.75rem 1.5rem;transition:all .3s ease}.btn-secondary:hover:not(:disabled){background:#5a6268;transform:translateY(-1px)}.btn-secondary:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-danger{align-items:center;background:linear-gradient(135deg,#dc3545,#e74c3c);border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-danger:hover:not(:disabled){box-shadow:0 4px 12px #dc35454d;transform:translateY(-1px)}.btn-danger:disabled{cursor:not-allowed;opacity:.7;transform:none}@media (max-width:1200px){.pending-vacations-manager .content-layout{gap:2rem;grid-template-columns:1fr}.pending-vacations-manager .calendar-section{border-left:none;border-top:1px solid #e9ecef;padding-left:0;padding-top:2rem}}@media (max-width:768px){.pending-vacations-manager .pending-header{align-items:stretch;flex-direction:column;gap:1rem}.pending-vacations-manager .content-layout{gap:1.5rem;padding:1rem}.pending-vacations-manager .item-header{align-items:stretch;flex-direction:column;gap:.75rem}.pending-vacations-manager .item-details{gap:1rem}.pending-vacations-manager .item-actions{flex-direction:row;min-width:auto}.pending-vacations-manager .request-item{flex-direction:column;gap:1rem}.pending-vacations-manager .modal-overlay{padding:.5rem}.pending-vacations-manager .modal-actions,.pending-vacations-manager .modal-body,.pending-vacations-manager .modal-header{padding:1.5rem}.pending-vacations-manager .modal-actions{flex-direction:column}}.holiday-manager{background:#f8f9fa;border-radius:10px;margin-top:20px;padding:20px}.holiday-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.holiday-header .header-title{align-items:center;display:flex;gap:10px}.holiday-header .header-title svg{color:#ff6b6b;font-size:28px}.holiday-header h2{color:#2c3e50;font-size:24px;margin:0}.user-selector-section{align-items:flex-end;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:20px;margin-bottom:30px;padding:20px}.user-selector-section .form-group{flex:1 1;margin:0}.user-selector-section .form-group label{align-items:center;color:#2c3e50;display:flex;font-weight:600;gap:8px;margin-bottom:8px}.user-selector-section .form-group label svg{color:#3498db;font-size:20px}.user-selector-section select{border:2px solid #e0e0e0;border-radius:6px;font-size:14px;padding:12px;transition:all .3s ease;width:100%}.user-selector-section select:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.add-holiday-btn{align-items:center;background:#ff6b6b;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.add-holiday-btn:hover{background:#ee5a52;box-shadow:0 4px 8px #ff6b6b4d;transform:translateY(-2px)}.add-holiday-btn svg{font-size:20px}.holidays-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.holidays-section .section-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.holidays-section h3{color:#2c3e50;font-size:20px;margin:0}.holiday-count{background:#ff6b6b;border-radius:20px;color:#fff;font-size:14px;font-weight:600;padding:6px 14px}.loading-message{font-size:16px;padding:40px}.loading-message,.no-holidays{color:#7f8c8d;text-align:center}.no-holidays{padding:60px 20px}.no-holidays svg{color:#bdc3c7;font-size:64px;margin-bottom:20px}.no-holidays p{font-size:16px;margin:10px 0}.no-holidays .hint{color:#95a5a6;font-size:14px;font-style:italic}.holidays-list{grid-gap:15px;display:grid;gap:15px}.holiday-card{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.holiday-card:hover{border-color:#ff6b6b;box-shadow:0 4px 8px #ff6b6b1a}.holiday-info{flex:1 1}.holiday-date{align-items:center;color:#3498db;display:flex;font-weight:600;gap:8px;margin-bottom:10px}.holiday-date svg{font-size:18px}.holiday-card h4{color:#2c3e50;font-size:18px;margin:0 0 10px}.holiday-description{align-items:flex-start;color:#7f8c8d;display:flex;font-size:14px;gap:8px;margin:10px 0 0}.holiday-description svg{flex-shrink:0;font-size:16px;margin-top:2px}.delete-holiday-btn{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.delete-holiday-btn:hover{background:#c0392b;transform:scale(1.1)}.delete-holiday-btn svg{font-size:20px}.holiday-modal{max-width:500px}.holiday-modal .modal-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.holiday-modal .modal-header h2{align-items:center;color:#2c3e50;display:flex;gap:10px;margin:0}.holiday-modal .modal-header svg{color:#ff6b6b}.holiday-modal .close-btn{align-items:center;background:none;border:none;color:#7f8c8d;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:all .3s ease}.holiday-modal .close-btn:hover{color:#2c3e50;transform:rotate(90deg)}.holiday-modal .form-group{margin-bottom:20px}.holiday-modal .form-group label{align-items:center;color:#2c3e50;display:flex;font-weight:600;gap:8px;margin-bottom:8px}.holiday-modal .form-group label svg{color:#3498db;font-size:18px}.holiday-modal .form-group input,.holiday-modal .form-group textarea{border:2px solid #e0e0e0;border-radius:6px;font-family:inherit;font-size:14px;padding:12px;transition:all .3s ease;width:100%}.holiday-modal .form-group input:focus,.holiday-modal .form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.holiday-modal .form-group .disabled-input{background:#f8f9fa;color:#7f8c8d;cursor:not-allowed}.holiday-modal .form-group textarea{min-height:80px;resize:vertical}.holiday-modal .modal-actions{display:flex;gap:10px;margin-top:25px}.holiday-modal .btn-primary,.holiday-modal .btn-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease}.holiday-modal .btn-primary{background:#ff6b6b;color:#fff}.holiday-modal .btn-primary:hover{background:#ee5a52;box-shadow:0 4px 8px #ff6b6b4d;transform:translateY(-2px)}.holiday-modal .btn-secondary{background:#95a5a6;color:#fff}.holiday-modal .btn-secondary:hover{background:#7f8c8d}.all-users-info{color:#2c3e50;padding:60px 20px;text-align:center}.all-users-info h3{color:#2196f3;font-size:24px;margin:20px 0}.all-users-info p{font-size:16px;line-height:1.6;margin:15px auto;max-width:600px}.all-users-info .info-note{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;margin-top:20px;padding:15px}@media (max-width:768px){.holiday-manager{padding:15px}.user-selector-section{align-items:stretch;flex-direction:column}.add-holiday-btn{justify-content:center;width:100%}.holiday-card{flex-direction:column;gap:15px}.delete-holiday-btn{align-self:flex-end}.holiday-modal{max-width:90%}.all-users-info h3{font-size:20px}.all-users-info p{font-size:14px}}.rental-list-page{background-color:#f6f8fa;min-height:calc(100vh - 64px);padding:1.5rem}.rental-list-page .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.rental-list-page .page-header h1{color:#333;font-size:1.8rem;font-weight:600;margin:0}.rental-list-page .btn-add{align-items:center;background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;gap:.5rem;padding:.625rem 1.25rem;transition:background-color .2s}.rental-list-page .btn-add:hover{background-color:#0069d9}.filters-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.filters-section,.search-box{align-items:center;display:flex}.search-box{max-width:500px;position:relative;width:100%}.search-icon{color:#6c757d;left:10px;position:absolute}.search-box input{border:1px solid #ced4da;border-radius:4px;font-size:.9375rem;padding:.625rem .625rem .625rem 2.5rem;width:100%}.btn-filter{align-items:center;background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;gap:.5rem;padding:.625rem 1rem;transition:background-color .2s}.btn-filter:hover{background-color:#5a6268}.advanced-filters{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.date-filters{display:flex;gap:1.5rem;margin-bottom:1rem}.date-filters .form-group{flex:1 1}.date-filters label{color:#343a40;display:block;font-weight:500;margin-bottom:.5rem}.date-filters input{border:1px solid #ced4da;border-radius:4px;font-size:.9375rem;padding:.625rem;width:100%}.filter-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-clear{background-color:#f8f9fa;border:1px solid #ced4da;border-radius:4px;color:#343a40;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s}.btn-clear:hover{background-color:#e2e6ea}.btn-apply{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1.5rem;transition:background-color .2s}.btn-apply:hover{background-color:#0069d9}.no-rentals{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:3rem;text-align:center}.no-rentals p{color:#6c757d;font-size:1.125rem;margin:0}.rental-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:1rem}.rental-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.rental-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-4px)}.rental-header{padding:0}.rental-image{background:#f5f5f5;height:200px;overflow:hidden;position:relative;width:100%}.rental-item-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.rental-item-image:hover{transform:scale(1.05)}.rental-image-placeholder{align-items:center;background:#f0f0f0;display:flex;height:100%;justify-content:center;width:100%}.rental-image-placeholder svg{color:#999;height:48px;width:48px}.rental-title{align-items:center;background:#fffffff2;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1rem}.rental-id{color:#333;font-size:1.1rem;font-weight:600}.rental-body{display:flex;flex-direction:column;flex-grow:1;gap:1rem;padding:1rem}.rental-footer{background:#f8f9fa;border-top:1px solid #eee;padding:1rem}.rental-actions{display:flex;gap:.75rem;justify-content:flex-end}.rental-actions button{border-radius:6px;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.rental-actions button:hover{transform:translateY(-2px)}.rental-cost,.rental-dates,.rental-item,.rental-people{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:1rem;padding:.5rem}.cost-details,.date-details,.item-details{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.item-name{color:#2c3e50;font-weight:500}.item-category{color:#666;font-size:.9rem}.date-range{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.date-separator{color:#999}.duration,.rental-people span{color:#666;font-size:.9rem}.total-cost{color:#2c3e50;font-weight:600}.rental-cost svg,.rental-dates svg,.rental-item svg,.rental-people svg{color:#666;font-size:1.5rem}@media (max-width:768px){.rental-cards{grid-template-columns:1fr}.rental-image{height:180px}}.dropdown,.header-actions{position:relative}.dropdown{display:inline-block}.dropdown-toggle{align-items:center;display:flex;gap:.5rem}.dropdown-menu{background-color:#fff;border:1px solid #00000026;border-radius:.25rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.175);display:none;margin:.125rem 0 0;min-width:200px;padding:.5rem 0;position:absolute;right:0;top:100%;z-index:1000}.dropdown:hover .dropdown-menu{display:block}.dropdown-item{align-items:center;background-color:initial;border:0;clear:both;color:#212529;cursor:pointer;display:flex;font-weight:400;padding:.5rem 1rem;text-align:inherit;white-space:nowrap}.dropdown-item:hover{background-color:#f8f9fa;color:#16181b;text-decoration:none}.dropdown-item svg{font-size:1.25rem;margin:0}.rental-form-page{background-color:#f6f8fa;min-height:calc(100vh - 64px);padding:2rem}.rental-form-page .page-header{align-items:center;display:flex;gap:2rem;margin-bottom:2rem}.rental-form-page .page-header h1{color:#2c3e50;font-size:2rem;margin:0}.rental-form{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem}.form-section{border-bottom:1px solid #eee;margin-bottom:2rem;padding-bottom:2rem}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h2{align-items:center;color:#2c3e50;display:flex;font-size:1.25rem;gap:.5rem;margin-bottom:1.5rem}.form-section h2 svg{color:#666}.form-row{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.form-group label{color:#2c3e50}.form-group input,.form-group select,.form-group textarea{border:1px solid #ced4da;font-size:.9375rem;padding:.625rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007bff}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#dc3545}.amenities-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:1rem}.amenity-item{align-items:center;display:flex;gap:.5rem}.amenity-item input[type=checkbox]{width:auto}.form-actions{gap:1rem;margin-top:2rem}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9375rem;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.btn-primary{background-color:#007bff}.btn-primary:hover{background-color:#0056b3;transform:translateY(-1px)}.btn-secondary{background-color:#6c757d}.btn-secondary:hover{background-color:#5a6268;transform:translateY(-1px)}@media (max-width:768px){.rental-form,.rental-form-page{padding:1rem}.form-row{grid-template-columns:1fr}.amenities-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.calendar-container{background-color:#f8f9fa;border-radius:8px;margin-top:2rem;padding:1.5rem}.calendar-container h3{color:#343a40;font-size:1.25rem;margin-bottom:1rem;margin-top:0}.calendar-legend{gap:1.5rem;margin-bottom:1rem}.legend-item{gap:.5rem}.legend-color{border-radius:4px;height:20px;width:20px}.legend-color.selected{background-color:#007bff}.rental-calendar{border:none!important;border-radius:8px;overflow:hidden;width:100%}.rental-calendar .react-calendar__tile{padding:.75rem .5rem}.rental-calendar .react-calendar__navigation{margin-bottom:.5rem}.rental-calendar .react-calendar__navigation button{background:none;min-width:44px}.rental-calendar .react-calendar__navigation button:disabled{background-color:#f0f0f0}.rental-calendar .react-calendar__navigation button:enabled:focus,.rental-calendar .react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.rental-calendar .react-calendar__tile--active{background:#0078d7;color:#fff}.rental-calendar .selected-date{background-color:#007bff33;position:relative}.rental-calendar .selected-date:after{background-color:#007bff;border-radius:50%;content:"";height:8px;pointer-events:none;position:absolute;right:2px;top:2px;width:8px}.days-info{margin-top:.75rem}.days-count{background-color:#e8f4fd;border:1px solid #b3d7ff;border-radius:20px;color:#0056b3;font-size:.9rem;font-weight:500}@media (max-width:768px){.rental-form .form-grid{grid-template-columns:1fr}.rental-form-page .card-header{align-items:flex-start;flex-direction:column;gap:1rem}.rental-form .form-actions{flex-direction:column}.rental-form button{width:100%}}.input-with-currency{align-items:center;display:flex;position:relative}.input-with-currency input{padding-right:2rem}.currency-symbol{color:#666;pointer-events:none;position:absolute;right:.75rem}.rental-calendar{background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:350px;padding:.5rem}.calendar-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:.5rem}.calendar-title{align-items:center;display:flex;gap:.4rem}.calendar-title h3{color:#1d1d1f;font-size:.95rem;font-weight:600;letter-spacing:-.02em;margin:0}.calendar-icon{color:#007aff;font-size:1.1rem!important}.rental-summary{align-items:center;display:flex;gap:.5rem}.rental-period{align-items:flex-end;background:linear-gradient(135deg,#007aff,#5856d6);border-radius:6px;box-shadow:0 1px 4px #007aff4d;color:#fff;display:flex;flex-direction:column;padding:.4rem .6rem}.period-text{font-size:.7rem;font-weight:500;opacity:.9}.period-duration{font-size:.8rem;font-weight:700}.calendar-navigation{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:0}.rental-calendar .nav-button{align-items:center;background:#f6f6f6;border:none;border-radius:50%;color:#6e6e73;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .3s ease;width:28px}.rental-calendar .nav-button:hover{background:#007aff;box-shadow:0 1px 4px #007aff4d;color:#fff;transform:scale(1.1)}.rental-calendar .nav-button svg{font-size:1rem!important}.month-year{color:#1d1d1f;font-size:.95rem;font-weight:600;letter-spacing:-.02em;margin:0}.calendar-grid{margin-bottom:.5rem}.day-names{grid-gap:.5px;display:grid;gap:.5px;grid-template-columns:repeat(7,1fr);margin-bottom:2px}.day-name{color:#6e6e73;font-size:.6rem;font-weight:600;letter-spacing:.2px;padding:.2rem 0;text-align:center;text-transform:uppercase}.calendar-days{grid-gap:.5px;display:grid;gap:.5px;grid-template-columns:repeat(7,1fr)}.calendar-day{align-items:center;aspect-ratio:1;background:#f9f9f9;border:1px solid #0000;border-radius:4px;cursor:pointer;display:flex;justify-content:center;min-height:18px;position:relative;transition:all .3s ease}.calendar-day.other-month{opacity:.3}.calendar-day.today{border:1px solid #007aff;font-weight:700}.day-number{color:#1d1d1f;font-size:.7rem;font-weight:500;position:relative;z-index:2}.calendar-day.start{background:linear-gradient(135deg,#34c759,#30d158);box-shadow:0 1px 4px #34c75966;color:#fff;transform:scale(1.02)}.calendar-day.start .day-number{color:#fff;font-weight:700}.calendar-day.rental{background:linear-gradient(135deg,#007aff,#5856d6);box-shadow:0 1px 2px #007aff4d;color:#fff}.calendar-day.rental .day-number{color:#fff;font-weight:600}.calendar-day.end{background:linear-gradient(135deg,#ff3b30,#ff6b6b);box-shadow:0 1px 4px #ff3b3066;color:#fff;transform:scale(1.02)}.calendar-day.end .day-number{color:#fff;font-weight:700}.day-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff4d;border-radius:50%;display:flex;height:10px;justify-content:center;position:absolute;right:1px;top:1px;width:10px}.day-indicator svg{color:#fff;font-size:6px!important}.end-indicator,.start-indicator{background:#fff6}.calendar-legend{border-top:1px solid #f2f2f7;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding-top:.4rem}.legend-item{align-items:center;color:#6e6e73;display:flex;font-size:.7rem;font-weight:500;gap:.3rem}.legend-color{border-radius:2px;box-shadow:0 1px 2px #0000001a;height:10px;width:10px}.start-color{background:linear-gradient(135deg,#34c759,#30d158)}.rental-color{background:linear-gradient(135deg,#007aff,#5856d6)}.end-color{background:linear-gradient(135deg,#ff3b30,#ff6b6b)}@keyframes pulseGlow{0%,to{box-shadow:0 0 0 0 #007aff33}50%{box-shadow:0 0 0 2px #007aff00}}.calendar-day.end,.calendar-day.start{animation:pulseGlow 4s infinite}@media (max-width:768px){.rental-calendar{padding:.5rem}.calendar-header{align-items:stretch;flex-direction:column;gap:.4rem;margin-bottom:.5rem;text-align:center}.rental-period{align-items:center}.calendar-grid,.calendar-navigation{margin-bottom:.5rem}.calendar-legend{gap:.75rem;padding-top:.4rem}.legend-item{font-size:.65rem}.day-name{font-size:.55rem;padding:.15rem 0}.calendar-day{border-radius:3px;min-height:16px}.day-number{font-size:.65rem}.rental-calendar .nav-button{height:24px;width:24px}.rental-calendar .nav-button svg{font-size:.9rem!important}}.error-message{color:#dc3545;font-size:.75rem;margin-top:.5rem}.form-group{margin-bottom:1rem}.days-info{margin-top:1rem;text-align:center}.days-count{background:linear-gradient(135deg,#f2f2f7,#e5e5ea);border:1px solid #d1d1d6;border-radius:8px;color:#1d1d1f;display:inline-block;font-size:.8rem;font-weight:600;padding:.5rem 1rem}.rental-view-page{background-color:#f2f2f7;min-height:calc(100vh - 64px);padding:1.5rem}.rental-view-page .page-header{align-items:center;background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.header-title{align-items:center;display:flex;flex-direction:column;gap:.5rem}.header-title h1{color:#1d1d1f;font-size:1.8rem;font-weight:600;letter-spacing:-.02em;margin:0}.rental-type-badge{align-items:center;color:#6e6e73;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem}.btn-back,.rental-type-badge{background:#f6f6f6;border-radius:12px;font-weight:500}.btn-back{color:#1d1d1f;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.btn-back:hover{background:#e5e5e7}.btn-edit{align-items:center;background:#007aff;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:background-color .2s}.btn-edit:hover{background:#0056d6}.rental-view-content{display:flex;flex-direction:column;gap:1.5rem;width:100%}.info-section{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 1px 3px #0000001a;padding:1.5rem;width:100%}.info-section h2{align-items:center;border-bottom:1px solid #f2f2f7;color:#1d1d1f;display:flex;font-size:1.3rem;font-weight:600;gap:.5rem;letter-spacing:-.02em;margin:0 0 1.5rem;padding-bottom:.75rem}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));max-width:100%}@media (min-width:1200px){.info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.info-grid{grid-template-columns:1fr}}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-item.full-width{grid-column:1/-1}.info-label{align-items:center;color:#6e6e73;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;letter-spacing:0;text-transform:none}.info-value{background:#f9f9f9;border:1px solid #e5e5e7;border-radius:12px;color:#1d1d1f;font-size:1.1rem;font-weight:400;line-height:1.4;padding:1rem}.info-value.main-title{background:#f9f9f9;border:1px solid #d1d1d6;color:#1d1d1f;font-size:1.4rem;font-weight:600;text-align:center}.info-value.total-amount{background:#f9f9f9;border:1px solid #e5e5e7;color:#34c759;font-size:1.3rem;font-weight:600}.rental-image-container{display:flex;grid-column:1/-1;justify-content:center;margin-top:1rem}.rental-main-image{border-radius:16px;box-shadow:0 4px 12px #0000001a;max-height:400px;max-width:100%;object-fit:cover}.comments-content{background:#f9f9f9;border:1px solid #e5e5e7;border-radius:12px;color:#1d1d1f;font-size:1rem;line-height:1.6;padding:1.5rem}.not-found{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 1px 3px #0000001a;margin-top:2rem;padding:3rem;text-align:center}.not-found p{color:#6e6e73;font-size:1.2rem;margin:0}.main-info .info-value{border-left-color:#6f42c1}.dates-section .info-value{border-left-color:#fd7e14}.cost-section .info-value{border-left-color:#28a745}.housing-details .info-value{border-left-color:#e83e8c}.vehicle-details .info-value{border-left-color:#20c997}.item-details .info-value{border-left-color:#6610f2}.dealer-info .info-value{border-left-color:#ffc107}.dates-section .info-grid{align-items:stretch;display:flex;flex-wrap:wrap;gap:1rem}.dates-section .info-item{flex:1 1;min-width:200px}@media (max-width:768px){.rental-view-page{padding:1rem}.rental-view-page .page-header{align-items:stretch;flex-direction:column;gap:1rem}.header-title{order:1}.btn-back{align-self:flex-start;order:0}.btn-edit{align-self:flex-end;order:2}.info-section{padding:1rem}.dates-section .info-grid{flex-direction:column}.dates-section .info-item{min-width:auto}}.dealer-info .info-grid,.housing-details .info-grid,.item-details .info-grid,.vehicle-details .info-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (min-width:1200px){.dealer-info .info-grid,.housing-details .info-grid,.item-details .info-grid,.vehicle-details .info-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:900px) and (max-width:1199px){.dealer-info .info-grid,.housing-details .info-grid,.item-details .info-grid,.vehicle-details .info-grid{grid-template-columns:repeat(2,1fr)}}.dealer-info .info-item,.housing-details .info-item,.item-details .info-item,.vehicle-details .info-item{gap:.3rem}.dealer-info .info-value,.housing-details .info-value,.item-details .info-value,.vehicle-details .info-value{font-size:1rem;padding:.75rem}.dealer-info .info-label,.housing-details .info-label,.item-details .info-label,.vehicle-details .info-label{font-size:.85rem}.main-info .info-grid{align-items:center;display:flex;flex-direction:column;gap:1.5rem}.main-info .info-item{max-width:none;width:100%}.main-info .rental-image-container{margin-top:0}.comments-section,.dealer-info,.housing-details,.item-details,.vehicle-details{display:block;width:100%}.rental-type-selection{background-color:#f6f8fa;min-height:calc(100vh - 64px);padding:2rem}.rental-type-selection .page-header{align-items:center;display:flex;gap:2rem;margin-bottom:3rem}.rental-type-selection .page-header h1{color:#2c3e50;font-size:2rem;margin:0}.btn-back{align-items:center;background:#fff;border:none;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#666;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.btn-back:hover{background:#f8f9fa;box-shadow:0 4px 6px #0000001a;transform:translateY(-1px)}.rental-types-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:1rem}.rental-type-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;cursor:pointer;display:flex;flex-direction:column;gap:1rem;padding:2rem;text-align:center;transition:all .3s ease}.rental-type-card:hover{box-shadow:0 8px 15px #0000001a;transform:translateY(-5px)}.rental-type-icon{align-items:center;background:#f8f9fa;border-radius:50%;display:flex;height:80px;justify-content:center;margin-bottom:1rem;width:80px}.rental-type-icon svg{color:#2c3e50;font-size:2.5rem}.rental-type-card h2{color:#2c3e50;font-size:1.5rem;margin:0}.rental-type-card p{color:#666;font-size:1rem;line-height:1.5;margin:0}@media (max-width:768px){.rental-type-selection{padding:1rem}.rental-types-grid{grid-template-columns:1fr}.rental-type-card{padding:1.5rem}}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}:root{--primary-color:#2563eb;--primary-dark:#1d4ed8;--primary-light:#3b82f6;--secondary-color:#64748b;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--surface-color:#fff;--background-color:#f8fafc;--border-color:#e2e8f0;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem}.financings-page{background:#f8fafc;background:var(--background-color);min-height:100vh;padding:2rem}.financings-page-header{background:#fff;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);margin-bottom:2rem;padding:2rem}.financings-header-content{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between}.financings-header-left{flex:1 1}.financings-page-title{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.financings-page-title h1{color:#0f172a;color:var(--text-primary);font-size:2.25rem;font-weight:700;letter-spacing:-.025em;margin:0}.financings-page-title-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;display:flex;height:3rem;justify-content:center;width:3rem}.financings-page-title-icon svg{font-size:1.5rem}.financings-page-subtitle{color:#475569;color:var(--text-secondary);font-size:1.125rem;font-weight:400;margin:0}.financings-header-actions{align-items:center;display:flex;gap:1rem}.filter-toggle-button{align-items:center;background:#fff;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#475569;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.filter-toggle-button:hover{background:#eff6ff;border-color:#2563eb;border-color:var(--primary-color);color:#2563eb;color:var(--primary-color)}.filter-toggle-button.active{background:#2563eb;background:var(--primary-color);border-color:#2563eb;border-color:var(--primary-color);color:#fff}.add-financing-button{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.875rem 1.75rem;text-decoration:none;transition:all .2s ease}.add-financing-button:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);background:linear-gradient(135deg,var(--primary-dark),#1e40af);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);color:#fff;text-decoration:none;transform:translateY(-1px)}.dashboard-stats{margin-bottom:2rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.financings-page .stat-card{background:#fff;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;padding:1.75rem;position:relative;transition:all .2s ease}.financings-page .stat-card:before{background:var(--gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.financings-page .stat-card.primary:before{background:linear-gradient(90deg,#2563eb,#3b82f6);background:linear-gradient(90deg,var(--primary-color),var(--primary-light))}.financings-page .stat-card.success:before{background:linear-gradient(90deg,#10b981,#34d399);background:linear-gradient(90deg,var(--success-color),#34d399)}.financings-page .stat-card.warning:before{background:linear-gradient(90deg,#f59e0b,#fbbf24);background:linear-gradient(90deg,var(--warning-color),#fbbf24)}.financings-page .stat-card.danger:before{background:linear-gradient(90deg,#ef4444,#f87171);background:linear-gradient(90deg,var(--danger-color),#f87171)}.financings-page .stat-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.financings-page .stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.financings-page .stat-title{color:#475569;color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0;text-transform:uppercase}.financings-page .stat-icon{align-items:center;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;height:2.5rem;justify-content:center;opacity:.8;width:2.5rem}.financings-page .stat-icon.primary{background:linear-gradient(135deg,#2563eb,#3b82f6);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff}.financings-page .stat-icon.success{background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--success-color),#34d399);color:#fff}.financings-page .stat-icon.warning{background:linear-gradient(135deg,#f59e0b,#fbbf24);background:linear-gradient(135deg,var(--warning-color),#fbbf24);color:#fff}.financings-page .stat-icon.danger{background:linear-gradient(135deg,#ef4444,#f87171);background:linear-gradient(135deg,var(--danger-color),#f87171);color:#fff}.financings-page .stat-value{color:#0f172a;color:var(--text-primary);font-size:2rem;font-weight:800;line-height:1;margin-bottom:.25rem}.financings-page .stat-description{color:#94a3b8;color:var(--text-muted);font-size:.875rem;margin:0}.financings-filters-section{background:#fff;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:2rem;padding:2rem}.financings-filters-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.financings-filters-title{color:#0f172a;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.filters-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-label{color:#0f172a;color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:.25rem}.filter-input{background:#fff;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.filter-input:focus{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.search-input-wrapper{position:relative}.search-input-wrapper .search-icon{color:#94a3b8;color:var(--text-muted);font-size:1.25rem;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.search-input{padding-left:2.75rem}.filters-actions{display:flex;gap:1rem;justify-content:flex-end}.clear-filters-button{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#475569;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.clear-filters-button:hover{background:#f8fafc;background:var(--background-color);border-color:#475569;border-color:var(--text-secondary)}.financings-content{background:#fff;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow:hidden}.financings-content-header{background:#f8fafc;background:var(--background-color);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);padding:1.5rem 2rem}.financings-content-title{color:#0f172a;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.financings-content-subtitle{color:#475569;color:var(--text-secondary);font-size:.875rem;margin:.25rem 0 0}.financings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));padding:2rem}.financing-card{background:#fff;background:var(--surface-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);overflow:hidden;position:relative;transition:all .2s ease}.financing-card:before{background:linear-gradient(90deg,#2563eb,#3b82f6);background:linear-gradient(90deg,var(--primary-color),var(--primary-light));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.financing-card:hover{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.financing-card:hover:before{opacity:1}.card-header{background:#f8fafc;background:var(--background-color);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);padding:1.5rem}.asset-info{gap:1rem;margin-bottom:1rem}.asset-icon,.asset-info{align-items:center;display:flex}.asset-icon{background:linear-gradient(135deg,#2563eb,#3b82f6);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;height:3rem;justify-content:center;width:3rem}.asset-details h3{color:#0f172a;color:var(--text-primary);font-size:1.125rem;font-weight:600;line-height:1.3;margin:0 0 .25rem}.asset-details p{color:#475569;color:var(--text-secondary);font-size:.875rem;margin:0}.status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;gap:.375rem;letter-spacing:.05em;padding:.375rem .75rem;text-transform:uppercase}.status-badge.active{background:#dbeafe;color:#1d4ed8}.status-badge.completed{background:#d1fae5;color:#065f46}.status-badge.cancelled{background:#f1f5f9;color:#475569}.status-badge.defaulted{background:#fee2e2;color:#dc2626}.card-body{padding:1.5rem}.financing-metrics{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.metric{background:#f8fafc;background:var(--background-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);padding:1rem;text-align:center}.metric-label{color:#475569;color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.metric-value{color:#0f172a;color:var(--text-primary);font-size:1.125rem;font-weight:700}.financing-details{space-y:.75rem}.detail-row{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.75rem 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#475569;color:var(--text-secondary);font-size:.875rem;font-weight:500}.detail-value{color:#0f172a;color:var(--text-primary);font-size:.875rem;font-weight:600}.next-payment-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:.5rem;border-radius:var(--radius-md);margin-top:1.5rem;padding:1rem;text-align:center}.next-payment-section.overdue{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444;border-color:var(--danger-color)}.payment-label{color:#0369a1;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.next-payment-section.overdue .payment-label{color:#ef4444;color:var(--danger-color)}.payment-amount{color:#0f172a;color:var(--text-primary);font-size:1.25rem;font-weight:800;margin-bottom:.25rem}.payment-date{color:#475569;color:var(--text-secondary);font-size:.875rem}.card-actions{background:#f8fafc;background:var(--background-color);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:flex;gap:.75rem;padding:1rem 1.5rem}.action-button{align-items:center;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;font-size:.75rem;font-weight:600;gap:.375rem;justify-content:center;letter-spacing:.05em;padding:.625rem 1rem;text-transform:uppercase;transition:all .2s ease}.action-button.primary{background:#2563eb;background:var(--primary-color);border-color:#2563eb;border-color:var(--primary-color);color:#fff}.action-button.primary:hover{background:#1d4ed8;background:var(--primary-dark);border-color:#1d4ed8;border-color:var(--primary-dark)}.action-button.secondary{background:#fff;background:var(--surface-color);border-color:#e2e8f0;border-color:var(--border-color);color:#475569;color:var(--text-secondary)}.action-button.secondary:hover{background:#f8fafc;background:var(--background-color);border-color:#475569;border-color:var(--text-secondary);color:#0f172a;color:var(--text-primary)}.action-button.danger{background:#fff;background:var(--surface-color);border-color:#ef4444;border-color:var(--danger-color);color:#ef4444;color:var(--danger-color)}.action-button.danger:hover{background:#ef4444;background:var(--danger-color);color:#fff}.financings-empty-state{padding:4rem 2rem;text-align:center}.financings-empty-icon{color:#94a3b8;color:var(--text-muted);height:4rem;margin:0 auto 1.5rem;opacity:.5;width:4rem}.financings-empty-title{color:#0f172a;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.financings-empty-description{color:#475569;color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0 auto 2rem;max-width:400px}@media (max-width:1024px){.financings-page{padding:1.5rem}.stats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.financings-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));padding:1.5rem}}@media (max-width:768px){.financings-page{padding:1rem}.financings-header-content{flex-direction:column;gap:1.5rem}.financings-header-actions{justify-content:space-between;width:100%}.financings-page-title h1{font-size:1.875rem}.filters-grid,.financings-grid,.stats-grid{grid-template-columns:1fr}.financings-grid{padding:1rem}.financing-metrics{grid-template-columns:1fr}.card-actions{flex-direction:column}}@media (max-width:480px){.financings-page-header{padding:1.5rem}.financings-page-title h1{font-size:1.5rem}.financings-page .stat-card{padding:1.25rem}.financing-card .card-actions,.financing-card .card-body,.financing-card .card-header{padding:1rem}}.financing-detail-page{background:#f8f9fa;min-height:100vh;padding:24px}.financing-detail-header{margin-bottom:32px}.financing-header-navigation{margin-bottom:16px}.financing-back-button{align-items:center;background:#fff;border:2px solid #e5e5e7;border-radius:8px;color:#007aff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.financing-back-button:hover{background:#f0f8ff;border-color:#007aff}.financing-header-content{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 16px #0000001a;display:flex;justify-content:space-between;padding:24px}.financing-detail-info{align-items:center;display:flex;gap:20px}.financing-detail-asset-icon{align-items:center;background:linear-gradient(135deg,#007aff,#00c6ff);border-radius:16px;color:#fff;display:flex;height:64px;justify-content:center;width:64px}.financing-detail-asset-icon svg{font-size:32px}.financing-detail-title h1{color:#1d1d1f;font-size:1.8rem;font-weight:600;margin:0 0 8px}.financing-detail-asset-reference{color:#8e8e93;font-size:1rem;margin:0 0 8px}.financing-detail-status{font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.financing-header-actions{display:flex;gap:12px}.financing-action-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:12px 20px;transition:all .2s ease}.financing-action-button.edit{background:#ff9500;color:#fff}.financing-action-button.edit:hover{background:#e6830e}.financing-action-button.delete{background:#ff3b30;color:#fff}.financing-action-button.delete:hover{background:#d70015}.financing-summary-section{background:#fff;border-radius:16px;box-shadow:0 2px 16px #0000001a;margin-bottom:32px;padding:24px}.financing-summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px}.financing-summary-card{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;gap:16px;padding:20px;transition:transform .2s ease}.financing-summary-card:hover{transform:translateY(-2px)}.financing-summary-card.overdue{background:linear-gradient(135deg,#fff0f0,#ffe6e6);border:1px solid #ff3b30}.financing-summary-icon{align-items:center;background:linear-gradient(135deg,#007aff,#00c6ff);border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.financing-summary-content h3{color:#8e8e93;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.financing-summary-value{color:#1d1d1f;font-size:1.4rem;font-weight:700;margin-bottom:4px}.financing-summary-subtext{color:#8e8e93;font-size:.8rem}.financing-progress-section{border-top:1px solid #e5e5e7;padding-top:24px}.financing-progress-header{align-items:center;color:#1d1d1f;display:flex;font-weight:600;justify-content:space-between;margin-bottom:12px}.financing-progress-bar{background:#e5e5e7;border-radius:6px;height:12px;margin-bottom:12px;overflow:hidden;width:100%}.financing-progress-fill{background:linear-gradient(90deg,#007aff,#00c6ff);border-radius:6px;height:100%;transition:width .5s ease}.financing-progress-details{align-items:center;color:#8e8e93;display:flex;font-size:.9rem;justify-content:space-between}.financing-detail-tabs{background:#fff;border-radius:12px 12px 0 0;box-shadow:0 2px 16px #0000001a;display:flex;overflow:hidden}.financing-tab{align-items:center;background:#fff;border:none;border-bottom:3px solid #0000;color:#8e8e93;cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:8px;justify-content:center;padding:16px 20px;transition:all .2s ease}.financing-tab:hover{background:#f8f9fa;color:#007aff}.financing-tab.active{background:#f0f8ff;border-bottom-color:#007aff;color:#007aff}.financing-tab svg{font-size:20px}.financing-tab-content{background:#fff;border-radius:0 0 16px 16px;box-shadow:0 2px 16px #0000001a;min-height:400px;padding:32px}.financing-overview-content{max-width:100%}.financing-info-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.financing-info-section{background:#f8f9fa;border-radius:12px;padding:20px}.financing-info-section h3{align-items:center;color:#1d1d1f;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0 0 20px}.financing-info-section h3 svg{color:#007aff}.financing-info-item{align-items:center;border-bottom:1px solid #e5e5e7;display:flex;justify-content:space-between;padding:12px 0}.financing-info-item:last-child{border-bottom:none}.financing-info-item .financing-label{color:#8e8e93;font-weight:500}.financing-info-item .financing-value{color:#1d1d1f;font-weight:600}.financing-notes-section{grid-column:1/-1}.financing-notes-content{background:#fff;border:1px solid #e5e5e7;border-radius:8px;color:#1d1d1f;line-height:1.5;padding:16px}.financing-payments-content{max-width:100%}.financing-payments-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.financing-payments-header h3{color:#1d1d1f;font-size:1.3rem;font-weight:600;margin:0}.financing-payments-actions{display:flex;gap:12px}.financing-action-button.primary{background:#007aff;color:#fff}.financing-action-button.primary:hover{background:#0056b3}.financing-detail-page .payments-table-container{border:1px solid #e5e5e7;border-radius:12px;overflow-x:auto}.financing-detail-page .payments-table{background:#fff;border-collapse:collapse;width:100%}.financing-detail-page .payments-table th{background:#f8f9fa!important;border-bottom:2px solid #e5e5e7!important;color:#1d1d1f!important;font-weight:600!important;padding:16px 12px!important;text-align:left!important;white-space:nowrap!important}.financing-detail-page .payments-table td{border-bottom:1px solid #f0f0f0!important;color:#1d1d1f!important;padding:16px 12px!important}.financing-detail-page .payment-row:hover{background:#f8f9fa!important}.financing-detail-page .payment-row.paid{background:#f0fff4!important}.financing-detail-page .payment-row.overdue{background:#fff5f5!important}.status-badge{border-radius:16px;font-size:.8rem;font-weight:500;padding:4px 8px;white-space:nowrap}.status-badge.paid{background:#e8f5e8;color:#2d5a2d}.status-badge.pending{background:#e8f4ff;color:#1f5582}.status-badge.overdue{background:#ffe8e8;color:#8b1a1a}.record-payment-btn{background:#007aff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:background .2s ease}.record-payment-btn:hover{background:#0056b3}.financing-amortization-content{max-width:100%}.financing-amortization-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.financing-amortization-header h3{color:#1d1d1f;font-size:1.3rem;font-weight:600;margin:0}.financing-amortization-summary{color:#007aff;font-weight:600}.financing-detail-page .financing-amortization-table-container{border:1px solid #e5e5e7;border-radius:12px;max-height:600px;overflow-x:auto;overflow-y:auto}.financing-detail-page .financing-amortization-table{background:#fff;border-collapse:collapse;width:100%}.financing-detail-page .financing-amortization-table th{background:#f8f9fa!important;border-bottom:2px solid #e5e5e7!important;color:#1d1d1f!important;font-weight:600!important;padding:12px!important;position:-webkit-sticky;position:sticky;text-align:left!important;top:0;z-index:1}.financing-detail-page .financing-amortization-table td{border-bottom:1px solid #f0f0f0!important;color:#1d1d1f!important;padding:12px!important;text-align:right!important}.financing-detail-page .financing-amortization-table tr.paid{background:#f0fff4!important}.financing-detail-page .financing-amortization-table tr:hover{background:#f8f9fa!important}.financing-analytics-content{max-width:100%}.financing-analytics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.financing-analytics-card{background:#f8f9fa;border-radius:12px;padding:24px}.financing-analytics-card h3{color:#1d1d1f;font-size:1.2rem;font-weight:600;margin:0 0 20px}.financing-analytics-stats{display:flex;flex-direction:column;gap:16px}.financing-stat-item{align-items:center;border-bottom:1px solid #e5e5e7;display:flex;justify-content:space-between;padding:12px 0}.financing-stat-item:last-child{border-bottom:none}.financing-stat-label{color:#8e8e93;font-weight:500}.financing-stat-value{color:#1d1d1f;font-weight:600}.financing-progress-chart{background:#e5e5e7;border-radius:20px;display:flex;height:40px;overflow:hidden}.financing-progress-segment{align-items:center;color:#fff;display:flex;font-size:.9rem;font-weight:600;justify-content:center;transition:all .3s ease}.financing-progress-segment.paid{background:linear-gradient(90deg,#007aff,#00c6ff)}.financing-progress-segment.remaining{background:#8e8e93}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.payment-modal{background:#fff;border-radius:16px;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid #e5e5e7;margin-bottom:24px;padding:24px 24px 0}.modal-header h3{color:#1d1d1f;font-size:1.3rem;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;color:#8e8e93;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;width:32px}.close-button:hover{color:#1d1d1f}.payment-form{padding:0 24px 24px}.form-group{margin-bottom:20px}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;padding:12px;width:100%}.form-group small{color:#8e8e93;display:block;font-size:.8rem;margin-top:4px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.submit-button{background:#007aff;transition:background .2s ease}.submit-button:hover{background:#0056b3}.financing-detail-error{padding:60px 20px;text-align:center}.financing-detail-error h2{color:#1d1d1f;margin-bottom:16px}.financing-detail-error a{color:#007aff;font-weight:500;text-decoration:none}.financing-detail-error a:hover{text-decoration:underline}@media (max-width:768px){.financing-detail-page{padding:16px}.financing-header-content{align-items:flex-start;flex-direction:column;gap:20px}.financing-detail-info{width:100%}.financing-header-actions{justify-content:flex-end;width:100%}.financing-summary-cards{gap:16px;grid-template-columns:1fr}.financing-detail-tabs{flex-direction:column}.financing-tab{border-bottom:1px solid #e5e5e7;border-radius:0}.financing-tab.active{border-bottom-color:#007aff}.financing-analytics-grid,.financing-info-grid{gap:16px;grid-template-columns:1fr}.financing-detail-page .financing-amortization-table-container,.financing-detail-page .payments-table-container{font-size:.9rem}.financing-detail-page .financing-amortization-table td,.financing-detail-page .financing-amortization-table th,.financing-detail-page .payments-table td,.financing-detail-page .payments-table th{padding:8px 6px!important}.payment-modal{margin:20px;width:95%}}.add-financing-page{background:#f8f9fa;min-height:100vh;padding:24px}.page-header{margin-bottom:32px}.back-button{align-items:center;background:#fff;border:2px solid #e5e5e7;border-radius:8px;color:#007aff;cursor:pointer;display:flex;font-weight:500;gap:8px;margin-bottom:16px;padding:8px 16px;transition:all .2s ease}.back-button:hover{background:#f0f8ff;border-color:#007aff}.page-title{align-items:center;color:#1d1d1f;display:flex;gap:12px}.page-title svg{color:#007aff;font-size:2rem}.page-title h1{font-size:1.8rem;font-weight:600;margin:0}.add-financing-container{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 400px;margin:0 auto;max-width:1400px}.financing-form-section{background:#fff;border-radius:16px;box-shadow:0 2px 16px #0000001a;overflow:hidden}.financing-form{padding:32px}.form-step{border-bottom:1px solid #e5e5e7;margin-bottom:40px;padding-bottom:32px}.form-step:last-of-type{border-bottom:none;margin-bottom:32px}.step-header{gap:16px;margin-bottom:24px}.step-header,.step-number{align-items:center;display:flex}.step-number{background:linear-gradient(135deg,#007aff,#00c6ff);border-radius:50%;color:#fff;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.step-header h3{color:#1d1d1f;font-size:1.3rem;font-weight:600;margin:0}.form-row{grid-template-columns:1fr 1fr;margin-bottom:20px}.form-group.full-width{grid-column:1/-1;margin-bottom:20px}.form-group label{color:#1d1d1f;font-size:.9rem;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e5e5e7;border-radius:8px;padding:12px 16px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#007aff}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ff3b30}.form-group input:disabled,.form-group select:disabled{background:#f5f5f7;color:#8e8e93}.error-message{color:#ff3b30;font-weight:500}.error-message,.info-message{font-size:.8rem;margin-top:4px}.info-message{color:#007aff;font-style:italic}.selected-asset-preview{align-items:center;background:#f0f8ff;border:2px solid #007aff;border-radius:12px;display:flex;gap:16px;margin-top:16px;padding:20px}.selected-asset-preview .asset-icon{align-items:center;background:linear-gradient(135deg,#007aff,#00c6ff);border-radius:12px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.selected-asset-preview .asset-icon svg{font-size:24px}.selected-asset-preview .asset-info h4{color:#1d1d1f;font-size:1.1rem;font-weight:600;margin:0 0 4px}.selected-asset-preview .asset-info p{color:#8e8e93;font-size:.9rem;margin:0 0 8px}.selected-asset-preview .asset-type{background:#007aff;border-radius:12px;color:#fff;font-size:.8rem;font-weight:500;padding:4px 8px}.form-actions{border-top:1px solid #e5e5e7;display:flex;gap:16px;justify-content:flex-end;padding-top:24px}.cancel-button{background:#0000;border:2px solid #e5e5e7;border-radius:8px;color:#8e8e93;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s ease}.cancel-button:hover{background:#f5f5f7;border-color:#d1d1d6}.submit-button{align-items:center;background:linear-gradient(135deg,#007aff,#00c6ff);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#0095cc);transform:translateY(-1px)}.submit-button:disabled{background:#8e8e93;cursor:not-allowed;transform:none}.calculation-section{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:24px}.calculation-card{background:#fff;border-radius:16px;box-shadow:0 2px 16px #0000001a;overflow:hidden}.calculation-header{align-items:center;background:linear-gradient(135deg,#007aff,#00c6ff);color:#fff;display:flex;gap:12px;padding:20px}.calculation-header svg{font-size:1.5rem}.calculation-header h3{font-size:1.2rem;font-weight:600;margin:0}.calculating{align-items:center;display:flex;flex-direction:column;gap:12px}.calculating,.no-calculation{color:#8e8e93;padding:40px 20px;text-align:center}.no-calculation{line-height:1.5}.calculation-results{padding:24px}.calculation-summary{margin-bottom:24px}.summary-item{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px 0}.summary-item:last-child{border-bottom:none}.summary-item.highlight{background:#f0f8ff;border-bottom:none;border-radius:8px;margin-bottom:12px;padding:16px}.summary-item .label{color:#8e8e93;font-size:.9rem;font-weight:500}.summary-item .value{color:#1d1d1f;font-size:1rem;font-weight:700}.summary-item.highlight .value{color:#007aff;font-size:1.3rem}.payment-breakdown{background:#f8f9fa;border-radius:12px;margin-bottom:24px;padding:20px}.payment-breakdown h4{color:#1d1d1f;font-size:1rem;font-weight:600;margin:0 0 16px}.breakdown-details{display:flex;flex-direction:column;gap:8px}.breakdown-item{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.breakdown-item span:first-child{color:#8e8e93}.breakdown-item span:last-child{color:#1d1d1f;font-weight:600}.important-dates{background:#f8f9fa;border-radius:12px;padding:20px}.important-dates h4{color:#1d1d1f;font-size:1rem;font-weight:600;margin:0 0 16px}.dates-list{display:flex;flex-direction:column;gap:8px}.date-item{align-items:center;display:flex;font-size:.9rem;justify-content:space-between}.date-item span:first-child{color:#8e8e93}.date-item span:last-child{color:#1d1d1f;font-weight:600}.access-denied{align-items:center;display:flex;flex-direction:column;height:60vh;justify-content:center;text-align:center}.access-denied h2{color:#ff3b30;margin-bottom:16px}.access-denied p{color:#8e8e93;font-size:1.1rem}@media (max-width:1200px){.add-financing-container{gap:24px;grid-template-columns:1fr}.calculation-section{position:static}}@media (max-width:768px){.add-financing-page{padding:16px}.financing-form{padding:20px}.form-row{gap:16px;grid-template-columns:1fr}.step-header{align-items:flex-start;flex-direction:column;gap:12px}.step-number{align-self:flex-start}.selected-asset-preview{align-items:flex-start;flex-direction:column;text-align:left}.form-actions{flex-direction:column;gap:12px}.cancel-button,.submit-button{justify-content:center;width:100%}.calculation-header,.calculation-results{padding:16px}}:root{--fiber-primary:#3498db;--fiber-primary-dark:#2980b9;--fiber-secondary:#2ecc71;--fiber-secondary-dark:#27ae60;--fiber-accent:#e74c3c;--fiber-accent-dark:#c0392b}.modal-backdrop{align-items:center;animation:fiberModalFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fiberModalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content.fiber-form-modal{animation:fiberModalSlideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:95vh;max-width:1600px;overflow:hidden;width:98vw}@keyframes fiberModalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);background:linear-gradient(135deg,var(--fiber-primary) 0,var(--fiber-primary-dark) 100%);color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:28px 32px;position:relative}.modal-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.4;position:absolute;right:0;top:0}.modal-header h2{font-size:1.875rem;font-weight:700;gap:12px;letter-spacing:-.025em;margin:0}.modal-header .close-button,.modal-header h2{align-items:center;display:flex;position:relative;z-index:1}.modal-header .close-button{background:#ffffff26;border:2px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;height:44px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.modal-header .close-button:hover{background:#ffffff40;border-color:#fff6;transform:rotate(90deg) scale(1.05)}.fiber-form-modal form{display:flex;flex-direction:column;height:100%;overflow:hidden}.fiber-form-grid{grid-gap:32px;background:linear-gradient(180deg,#f8fafc 0,#fff);display:grid;flex:1 1;gap:32px;grid-template-columns:1fr 380px;overflow-y:auto;padding:32px}.fiber-form-grid::-webkit-scrollbar{width:10px}.fiber-form-grid::-webkit-scrollbar-track{background:#f1f5f9}.fiber-form-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px}.fiber-form-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.fiber-form-main{display:flex;flex-direction:column;gap:24px}.form-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000d;padding:28px;transition:all .3s ease}.form-section:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.form-section h3{align-items:center;color:#1e293b;display:flex;font-size:1.25rem;font-weight:700;gap:12px;letter-spacing:-.025em;margin:0 0 24px}.form-section h3 svg{color:#3498db;color:var(--fiber-primary);font-size:1.5rem}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{color:#475569;font-size:.925rem;font-weight:600;letter-spacing:.01em}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;font-family:inherit;font-size:1rem;padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;border-color:var(--fiber-primary);box-shadow:0 0 0 4px #3498db1a;outline:none;transform:translateY(-1px)}.form-group input:disabled,.form-group select:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.6}.fiber-activity-list{display:flex;flex-direction:column;gap:16px}.fiber-activity-row{grid-gap:16px;align-items:start;background:linear-gradient(135deg,#f8fafc,#fff);border:2px solid #e2e8f0;border-radius:12px;display:grid;gap:16px;grid-template-columns:2fr 1.2fr auto;padding:18px;transition:all .3s ease}.fiber-activity-row:hover{border-color:#3498db;border-color:var(--fiber-primary);box-shadow:0 4px 12px #3498db26;transform:translateX(4px)}.fiber-activity-row input,.fiber-activity-row select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:.95rem;padding:12px 16px;transition:all .2s}.fiber-activity-row input:focus,.fiber-activity-row select:focus{border-color:#3498db;border-color:var(--fiber-primary);box-shadow:0 0 0 3px #3498db1a;outline:none}.fiber-btn-add{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);background:linear-gradient(135deg,var(--fiber-primary) 0,var(--fiber-primary-dark) 100%);border:none;border-radius:10px;box-shadow:0 4px 6px #3498db40;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.fiber-btn-add:hover{box-shadow:0 8px 16px #3498db59;transform:translateY(-2px)}.fiber-btn-add:active{transform:translateY(0)}.fiber-btn-remove{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #fca5a5;border-radius:10px;color:#991b1b;cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:40px}.fiber-btn-remove:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;color:#fff;transform:scale(1.1) rotate(90deg)}.fiber-executor-buttons{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.fiber-executor-btn{align-items:center;background:#fff;border:3px solid #e2e8f0;border-radius:14px;color:#64748b;cursor:pointer;display:flex;font-size:1.05rem;font-weight:600;gap:12px;justify-content:center;overflow:hidden;padding:20px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.fiber-executor-btn:before{background:linear-gradient(90deg,#0000,#3498db1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.fiber-executor-btn:hover:before{left:100%}.fiber-executor-btn:hover{background:linear-gradient(135deg,#f8fafc,#f0f9ff);border-color:#3498db;border-color:var(--fiber-primary);box-shadow:0 8px 16px #3498db26;transform:translateY(-2px)}.fiber-executor-btn.active{background:linear-gradient(135deg,#3498db,#2980b9);background:linear-gradient(135deg,var(--fiber-primary) 0,var(--fiber-primary-dark) 100%);border-color:#2980b9;border-color:var(--fiber-primary-dark);box-shadow:0 8px 20px #3498db66;color:#fff}.fiber-executor-btn svg{font-size:1.75rem}.fiber-daily-logs-container{display:flex;flex-direction:column;gap:20px}.fiber-daily-log-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px #0000000d;padding:28px;position:relative;transition:all .3s ease}.fiber-daily-log-card:hover{border-color:#cbd5e1;box-shadow:0 8px 20px #0000001a}.fiber-daily-log-header{align-items:center;border-bottom:3px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.fiber-daily-log-header input[type=date]{background:linear-gradient(135deg,#f8fafc,#fff);border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;font-size:1rem;font-weight:600;padding:12px 18px;transition:all .2s}.fiber-daily-log-header input[type=date]:focus{border-color:#3498db;border-color:var(--fiber-primary);box-shadow:0 0 0 4px #3498db1a;outline:none}.fiber-log-section{background:linear-gradient(135deg,#fafbfc,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;margin-bottom:28px;padding:20px}.fiber-log-section:last-child{margin-bottom:0}.fiber-log-section-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.fiber-log-section-title{align-items:center;color:#334155;display:flex;font-size:1.05rem;font-weight:700;gap:10px}.fiber-log-section-title svg{color:#3498db;color:var(--fiber-primary);font-size:1.35rem}.fiber-btn-add-entry{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 4px #10b98140;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:700;gap:6px;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.fiber-btn-add-entry:hover{box-shadow:0 6px 12px #10b98159;transform:translateY(-2px)}.fiber-log-entry{grid-gap:16px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;display:grid;gap:16px;grid-template-columns:1fr;margin-bottom:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.fiber-log-entry:hover{border-color:#3498db;border-color:var(--fiber-primary);box-shadow:0 6px 16px #3498db26;transform:translateX(4px)}.fiber-log-entry-select-wrapper{display:flex;flex-direction:column;gap:8px}.fiber-log-entry-select-wrapper label{color:#475569;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.fiber-log-entry-select-wrapper select{background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:.95rem;padding:14px 16px;transition:all .2s;width:100%}.fiber-log-entry-select-wrapper select:focus{border-color:#3498db;border-color:var(--fiber-primary);box-shadow:0 0 0 4px #3498db1a;outline:none}.fiber-log-entry-select-wrapper select:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.6}.fiber-log-entry-info{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:8px;color:#1e40af;display:flex;font-size:.875rem;font-weight:600;gap:8px;padding:10px 14px}.fiber-log-entry-fields{grid-gap:16px;align-items:end;display:grid;gap:16px;grid-template-columns:1fr auto}.fiber-log-entry-input-wrapper{display:flex;flex-direction:column;gap:8px}.fiber-log-entry-input-wrapper label{align-items:center;color:#475569;display:flex;font-size:.875rem;font-weight:600;gap:6px}.fiber-log-entry-input-wrapper input{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#1e293b;font-size:1.05rem;font-weight:600;padding:14px 16px;text-align:center;transition:all .2s}.fiber-log-entry-input-wrapper input:focus{border-color:#3498db;border-color:var(--fiber-primary);box-shadow:0 0 0 4px #3498db1a;outline:none}.fiber-btn-remove-entry{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #fca5a5;border-radius:10px;color:#991b1b;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:42px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:42px}.fiber-btn-remove-entry:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;box-shadow:0 4px 12px #ef444466;color:#fff;transform:scale(1.15) rotate(90deg)}.fiber-empty-state{background:linear-gradient(135deg,#fafbfc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:12px;color:#64748b;margin-bottom:16px;padding:32px 24px;text-align:center}.fiber-empty-state svg{font-size:3rem;margin-bottom:12px;opacity:.3}.fiber-empty-state p{font-size:.95rem;font-weight:500;line-height:1.6;margin:0}.fiber-warning-message{align-items:center;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #fbbf24;border-radius:10px;box-shadow:0 2px 8px #fbbf2433;color:#92400e;display:flex;font-size:.95rem;font-weight:600;gap:10px;margin-bottom:16px;padding:16px 20px}.fiber-form-sidebar{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:0}.fiber-financial-summary{background:linear-gradient(135deg,#3498db,#2980b9);background:linear-gradient(135deg,var(--fiber-primary) 0,var(--fiber-primary-dark) 100%);border-radius:20px;box-shadow:0 20px 40px #3498db66;color:#fff;overflow:hidden;padding:32px;position:relative}.fiber-financial-summary:before{animation:fiberPulse 15s infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}@keyframes fiberPulse{0%,to{transform:translate(0)}50%{transform:translate(-20px,-20px)}}.fiber-financial-summary h3{align-items:center;display:flex;font-size:1.5rem;font-weight:800;gap:12px;letter-spacing:-.025em;margin:0 0 28px;position:relative;z-index:1}.fiber-summary-section{margin-bottom:16px;position:relative;z-index:1}.fiber-summary-section h4{font-size:1.125rem;font-weight:700;letter-spacing:.05em;margin:0 0 16px;opacity:.95;text-transform:uppercase}.fiber-summary-item{align-items:center;border-bottom:1px solid #fff3;display:flex;justify-content:space-between;padding:16px 0}.fiber-summary-item:last-child{border-bottom:none}.fiber-summary-item span{font-size:.95rem;font-weight:500;opacity:.95}.fiber-summary-item strong{font-size:1.375rem;font-weight:800;letter-spacing:-.025em}.fiber-summary-item.large{margin-top:12px;padding:20px 0}.fiber-summary-item.large span{font-size:1.125rem;font-weight:700}.fiber-summary-item.large strong{font-size:1.75rem}.fiber-summary-total{border-top:2px solid #ffffff4d!important;margin-top:12px!important;padding-top:16px!important}.fiber-financial-summary hr{background:#ffffff40;border:none;height:2px;margin:20px 0}.text-blue{color:#bfdbfe}.text-red{color:#fca5a5}.text-green{color:#86efac}.modal-footer{background:#fff;border-top:2px solid #e5e7eb;gap:16px;padding:24px 32px}.btn-secondary{background:#fff;border:2px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#3498db,#2980b9);background:linear-gradient(135deg,var(--fiber-primary) 0,var(--fiber-primary-dark) 100%);border:none;border-radius:10px;box-shadow:0 4px 12px #3498db66;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{box-shadow:0 8px 20px #3498db80;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}@media (max-width:1200px){.fiber-form-grid{gap:24px;grid-template-columns:1fr}.fiber-form-sidebar{position:relative;top:0}}@media (max-width:768px){.modal-content.fiber-form-modal{border-radius:0;max-height:100vh;width:100vw}.modal-header{border-radius:0;padding:20px 16px}.modal-header h2{font-size:1.5rem}.fiber-form-grid{gap:20px;padding:20px 16px}.form-section{padding:20px}.form-row{gap:16px;grid-template-columns:1fr}.fiber-activity-row{gap:12px}.fiber-activity-row,.fiber-executor-buttons{grid-template-columns:1fr}.fiber-daily-log-card{padding:20px}.fiber-log-entry{padding:16px}.fiber-log-entry-fields{gap:12px;grid-template-columns:1fr}.modal-footer{flex-direction:column;padding:16px}.btn-primary,.btn-secondary{justify-content:center;width:100%}}@keyframes fiberShimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.fiber-loading{animation:fiberShimmer 2s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:1000px 100%}.fiber-control-settings{margin:0 auto;max-width:1400px;padding:20px}.settings-header{margin-bottom:24px}.settings-header h2{align-items:center;color:#1e293b;display:flex;font-size:1.75rem;font-weight:600;gap:12px;margin:0}.settings-tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:8px;margin-bottom:24px;overflow-x:auto;padding-bottom:0}.tab-button{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;display:flex;font-weight:500;gap:8px;margin-bottom:-2px;padding:12px 20px;transition:all .2s;white-space:nowrap}.tab-button:hover{background-color:#f8fafc;color:#1e293b}.tab-button.active{background-color:#fff3;border-bottom-color:#fff;color:#fff}.tab-button svg{font-size:1.25rem}.settings-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;min-height:400px;padding:24px}.settings-section h3{align-items:center;color:#1e293b;display:flex;font-size:1.375rem;font-weight:600;gap:12px;margin:0 0 24px}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.section-header h3{margin:0}.readonly-note{color:#64748b;font-size:.875rem;font-style:italic;margin:0}.btn-add{align-items:center;background-color:var(--primary-color);border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn-add:hover{background-color:var(--primary-dark);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.settings-form{display:flex;flex-direction:column;gap:24px;max-width:600px}.settings-form .form-group{display:flex;flex-direction:column;gap:8px}.settings-form .form-group label{color:#1e293b;font-size:.95rem;font-weight:500}.settings-form .form-group small{color:#64748b;font-size:.875rem;margin-top:4px}.settings-form input{border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;padding:10px 14px;transition:all .2s}.settings-form input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3498db1a;outline:none}.settings-form .form-actions{display:flex;justify-content:flex-start;margin-top:8px}.settings-form .btn-save{align-items:center;background-color:var(--primary-color);border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.settings-form .btn-save:hover{background-color:var(--primary-dark);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.settings-table{border:1px solid #e2e8f0;border-collapse:initial;border-radius:8px;border-spacing:0;overflow:hidden;width:100%}.settings-table thead{background-color:#f8fafc}.settings-table th{border-bottom:2px solid #e2e8f0;color:#64748b;font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:14px 16px;text-align:left;text-transform:uppercase}.settings-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:.9375rem;padding:14px 16px}.settings-table tbody tr:last-child td{border-bottom:none}.settings-table tbody tr:hover{background-color:#f8fafc}.settings-table .no-data{color:#94a3b8;font-style:italic;padding:32px;text-align:center}.action-buttons{display:flex;gap:8px;justify-content:flex-start}.btn-delete,.btn-edit{align-items:center;background-color:initial;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.btn-edit{color:#3b82f6}.btn-edit:hover{background-color:#dbeafe}.btn-delete{color:#ef4444}.btn-delete:hover{background-color:#fee2e2}.btn-delete svg,.btn-edit svg{font-size:1.125rem}.settings-modal{max-width:500px;width:90vw}.settings-modal .modal-body{padding:24px}.settings-modal .form-group{margin-bottom:20px}.settings-modal .form-group label{color:#1e293b;display:block;font-weight:500;margin-bottom:8px}.settings-modal .form-group input,.settings-modal .form-group select{border:1px solid #e2e8f0;border-radius:6px;font-size:1rem;padding:10px 14px;transition:all .2s;width:100%}.settings-modal .form-group input:focus,.settings-modal .form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3498db1a;outline:none}.modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.modal-footer .cancel-button{background-color:#e2e8f0;border:none;border-radius:6px;color:#475569;cursor:pointer;font-weight:500;padding:10px 20px;transition:background-color .2s}.modal-footer .cancel-button:hover{background-color:#cbd5e1}.modal-footer .submit-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:background-color .2s}.modal-footer .submit-button:hover{background-color:var(--primary-dark)}@media (max-width:768px){.fiber-control-settings{padding:16px}.settings-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab-button{font-size:.875rem;padding:10px 16px}.tab-button svg{font-size:1.125rem}.settings-content{padding:16px}.section-header{align-items:flex-start;flex-direction:column}.section-header .btn-add{justify-content:center;width:100%}.settings-table{font-size:.875rem}.settings-table td,.settings-table th{padding:10px 12px}.settings-table th{font-size:.75rem}.action-buttons{flex-wrap:wrap}}@media (max-width:480px){.settings-header h2{font-size:1.5rem}.tab-button span{display:none}.tab-button{padding:12px}.settings-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.settings-table thead{display:none}.settings-table tbody,.settings-table td,.settings-table tr{display:block}.settings-table tr{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;overflow:hidden}.settings-table td{border-bottom:1px solid #f1f5f9;padding:12px 16px 12px 50%;position:relative}.settings-table td:last-child{border-bottom:none}.settings-table td:before{color:#64748b;content:attr(data-label);font-size:.75rem;font-weight:600;left:16px;position:absolute;text-transform:uppercase}.action-buttons{justify-content:flex-end;padding-left:0}}.fiber-control-container{background-color:#f5f7fa;min-height:100vh}.fiber-control-container .fiber-control-header{background:linear-gradient(135deg,#3498db,#2980b9 50%,#1f4e79);box-shadow:0 4px 6px #0000001a;color:#fff;overflow:hidden;padding:2rem;position:relative}.fiber-control-container .fiber-control-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='2' fill='rgba(255,255,255,0.1)'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0}.fiber-control-container .header-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1400px}.fiber-control-container .header-content h1{font-size:2rem;font-weight:600;margin:0}.fiber-control-container .header-actions{display:flex;gap:1rem}.fiber-control-container .nav-button{align-items:center;background-color:#ffffff1a;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.fiber-control-container .nav-button:hover{background-color:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.fiber-control-container .nav-button.active{background-color:#fff;border-color:#fff;color:#3498db}.fiber-control-container .nav-button svg{font-size:1.25rem}.fiber-control-container .fiber-control-content{animation:fadeIn .5s ease-in-out;margin:0 auto;max-width:1400px;padding:2rem}.fiber-control-container .kpi-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.fiber-control-container .kpi-grid .kpi-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.fiber-control-container .kpi-grid .kpi-card:hover{animation:pulse .3s ease-in-out;box-shadow:0 8px 16px #0000001f;transform:translateY(-4px)}@keyframes pulse{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(-4px)}}.fiber-control-container .kpi-grid .kpi-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.fiber-control-container .kpi-grid .kpi-icon svg{color:#fff;font-size:2rem}.fiber-control-container .kpi-grid .kpi-blue .kpi-icon{background:linear-gradient(135deg,#3498db,#2980b9)}.fiber-control-container .kpi-grid .kpi-green .kpi-icon{background:linear-gradient(135deg,#2ecc71,#27ae60)}.fiber-control-container .kpi-grid .kpi-yellow .kpi-icon{background:linear-gradient(135deg,#f39c12,#e67e22)}.fiber-control-container .kpi-grid .kpi-orange .kpi-icon{background:linear-gradient(135deg,#e74c3c,#c0392b)}.fiber-control-container .kpi-grid .kpi-content{flex:1 1}.fiber-control-container .kpi-grid .kpi-content h3{color:#6b7280;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.fiber-control-container .kpi-grid .kpi-value{color:#1f2937;font-size:2rem;font-weight:700;margin:0}.fiber-control-container .card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.fiber-control-container .card .card-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.fiber-control-container .card .card-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.fiber-control-container .table-container{overflow-x:auto}.fiber-control-container .fiber-table{border-collapse:collapse;width:100%}.fiber-control-container .fiber-table thead{background-color:#f9fafb}.fiber-control-container .fiber-table th{border-bottom:2px solid #e5e7eb;color:#6b7280;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.fiber-control-container .fiber-table td{border-bottom:1px solid #e5e7eb;color:#374151;padding:1rem}.fiber-control-container .fiber-table tbody tr{transition:background-color .2s ease}.fiber-control-container .fiber-table tbody tr:hover{background-color:#f9fafb}.fiber-control-container .status-badge{border-radius:9999px;display:inline-block;font-size:.875rem;font-weight:500;padding:.375rem .75rem;text-align:center}.fiber-control-container .status-pending{background-color:#fef3c7;color:#92400e}.fiber-control-container .status-progress{background-color:#dbeafe;color:#1e40af}.fiber-control-container .status-completed{background-color:#d1fae5;color:#065f46}.fiber-control-container .status-cancelled{background-color:#fee2e2;color:#991b1b}.fiber-control-container .positive-margin{color:#059669;font-weight:600}.fiber-control-container .negative-margin{color:#dc2626;font-weight:600}.fiber-control-container .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.fiber-control-container .btn-primary{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.fiber-control-container .btn-primary:hover{box-shadow:0 4px 12px #3498db66;transform:translateY(-2px)}.fiber-control-container .btn svg{font-size:1.25rem}.fiber-control-container .action-buttons{display:flex;gap:.5rem}.fiber-control-container .btn-icon{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.fiber-control-container .btn-icon svg{font-size:1.125rem}.fiber-control-container .btn-edit{background-color:#dbeafe;color:#1e40af}.fiber-control-container .btn-edit:hover{background-color:#3498db;color:#fff;transform:scale(1.1)}.fiber-control-container .btn-delete{background-color:#fee2e2;color:#991b1b}.fiber-control-container .btn-delete:hover{background-color:#e74c3c;color:#fff;transform:scale(1.1)}.fiber-control-container .empty-state{color:#6b7280;padding:4rem 2rem;text-align:center}.fiber-control-container .empty-state p{font-size:1.125rem;margin-bottom:1.5rem}@media (max-width:768px){.fiber-control-container .fiber-control-header{padding:1.5rem}.fiber-control-container .header-content{align-items:flex-start;flex-direction:column}.fiber-control-container .header-content h1{font-size:1.5rem}.fiber-control-container .header-actions{flex-direction:column;width:100%}.fiber-control-container .nav-button{justify-content:center;width:100%}.fiber-control-container .fiber-control-content{padding:1rem}.fiber-control-container .kpi-grid{gap:1rem;grid-template-columns:1fr}.fiber-control-container .kpi-value{font-size:1.5rem}.fiber-control-container .card .card-header{align-items:flex-start;flex-direction:column;gap:1rem}.fiber-control-container .card .card-header .btn{justify-content:center;width:100%}.fiber-control-container .fiber-table{font-size:.875rem}.fiber-control-container .fiber-table td,.fiber-control-container .fiber-table th{padding:.75rem .5rem}.fiber-control-container .table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.fiber-control-container .fiber-table{min-width:1000px}}@media (max-width:480px){.fiber-control-container .header-content h1{font-size:1.25rem}.fiber-control-container .kpi-grid .kpi-card{padding:1rem}.fiber-control-container .kpi-grid .kpi-icon{height:48px;width:48px}.fiber-control-container .kpi-grid .kpi-icon svg{font-size:1.5rem}.fiber-control-container .kpi-grid .kpi-value{font-size:1.25rem}}:root{--primary-color:#3498db;--primary-dark:#2980b9;--secondary-color:#2ecc71;--secondary-dark:#27ae60;--accent-color:#e74c3c;--accent-dark:#c0392b;--text-color:#333;--text-light:#7f8c8d;--background-color:#f5f7fa;--card-color:#fff;--shadow:0 4px 6px #0000001a;--border-radius:8px;--transition-speed:0.3s;--font-family:"Roboto","Segoe UI",Tahoma,Geneva,Verdana,sans-serif;--font-size-small:0.875rem;--font-size-base:1rem;--font-size-medium:1.125rem;--font-size-large:1.25rem;--font-size-xlarge:1.5rem;--font-size-xxlarge:1.75rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background-color:#f5f7fa;background-color:var(--background-color);color:#333;color:var(--text-color);font-family:Roboto,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:var(--font-family);line-height:1.6;overflow-x:hidden}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%}.main-content{animation:fadeIn .5s ease-out;flex:1 1;margin-left:auto;margin-right:auto;margin-top:60px;max-width:1400px;padding:2rem;padding:var(--spacing-xl);width:100%}a{color:#3498db;color:var(--primary-color);text-decoration:none;transition:color .3s;transition:color var(--transition-speed)}.card{background-color:#fff;background-color:var(--card-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-lg);transition:transform .3s,box-shadow .3s;transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.card:hover{box-shadow:0 8px 15px #0000001a;transform:translateY(-5px)}.card-header{border-bottom:1px solid #0000000d;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding-bottom:1rem;padding-bottom:var(--spacing-md)}.card-header,.card-title{align-items:center;display:flex}.card-title{color:#2980b9;color:var(--primary-dark);font-size:1.5rem;font-size:var(--font-size-xlarge)}button{border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;font-family:inherit;font-size:1rem;font-size:var(--font-size-base);min-height:44px;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .3s,transform .3s;transition:background-color var(--transition-speed),transform var(--transition-speed)}button:hover{transform:translateY(-2px)}button:active{transform:translateY(0)}.btn-primary{background-color:#3498db;background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#2980b9;background-color:var(--primary-dark)}.btn-secondary{background-color:#2ecc71;background-color:var(--secondary-color);color:#fff}.btn-secondary:hover{background-color:#27ae60;background-color:var(--secondary-dark)}.btn-danger{background-color:#e74c3c;background-color:var(--accent-color);color:#fff}.btn-danger:hover{background-color:#c0392b;background-color:var(--accent-dark)}.form-group{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.form-group label{color:#333;color:var(--text-color);display:block;font-weight:500;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}input,select,textarea{border:1px solid #ddd;border-radius:8px;border-radius:var(--border-radius);font-size:1rem;font-size:var(--font-size-base);padding:.8rem 1rem;transition:border-color .3s,box-shadow .3s;transition:border-color var(--transition-speed),box-shadow var(--transition-speed);width:100%}input:focus,select:focus,textarea:focus{border-color:#3498db;border-color:var(--primary-color);box-shadow:0 0 0 2px #3498db33;outline:none}.error-message{color:#e74c3c;color:var(--accent-color);font-size:.875rem;font-size:var(--font-size-small);margin-top:.25rem;margin-top:var(--spacing-xs)}.main-content .card table:not(.financing-detail-page table):not(.payments-table):not(.amortization-table):not(.vehicle-list-container table){border-collapse:collapse;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);width:100%}.main-content .card table:not(.financing-detail-page table):not(.payments-table):not(.amortization-table):not(.vehicle-list-container table) td,.main-content .card table:not(.financing-detail-page table):not(.payments-table):not(.amortization-table):not(.vehicle-list-container table) th{border-bottom:1px solid #0000000d;padding:.75rem 1rem;text-align:left}.main-content .card table:not(.financing-detail-page table):not(.payments-table):not(.amortization-table):not(.vehicle-list-container table) th{background-color:#00000005;font-weight:600}.main-content .card table:not(.financing-detail-page table):not(.payments-table):not(.amortization-table):not(.vehicle-list-container table) tr:hover{background-color:#3498db0d}.pagination{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin-top:20px}.pagination-item{margin:0 5px 5px}.pagination-link{align-items:center;border:1px solid var(--border-color);border-radius:4px;color:var(--dark-color);cursor:pointer;display:flex;justify-content:center;min-height:44px;min-width:44px;padding:8px 12px}.pagination-link.active{background-color:#3498db;background-color:var(--primary-color);border-color:#3498db;border-color:var(--primary-color);color:#fff}.panda-logo{align-items:center;color:#3498db;color:var(--primary-color);display:flex;font-size:24px;font-weight:700}.panda-logo span{margin-left:8px}.status-badge{border-radius:20px;display:inline-block;font-size:.875rem;font-size:var(--font-size-small);font-weight:600;padding:5px 10px}.status-badge.excelente{background-color:#e8f5e9;color:#2e7d32}.status-badge.bueno{background-color:#e3f2fd;color:#1565c0}.status-badge.regular{background-color:#fff3e0;color:#e65100}.status-badge.necesita-reparacion{background-color:#ffebee;color:#c62828}.status-badge.fuera-de-servicio{background-color:#eceff1;color:#455a64}.alert{border-radius:8px;border-radius:var(--border-radius);font-weight:500;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.alert-success{background-color:#e8f5e9;border-left:4px solid #2e7d32;color:#2e7d32}.alert-danger{background-color:#ffebee;border-left:4px solid #c62828;color:#c62828}.alert-warning{background-color:#fff3e0;border-left:4px solid #e65100;color:#e65100}.alert-info{background-color:#e3f2fd;border-left:4px solid #1565c0;color:#1565c0}@media (max-width:992px){html{font-size:15px}.main-content{padding:1.5rem;padding:var(--spacing-lg)}.card{padding:1rem;padding:var(--spacing-md)}.card-header{align-items:flex-start;flex-direction:column;gap:1rem;gap:var(--spacing-md)}button{padding:.7rem 1rem}}@media (max-width:768px){html{font-size:14px}:root{--spacing-lg:1.2rem;--spacing-xl:1.5rem}.main-content{margin-top:0;padding:calc(60px + 1rem) 1rem 1rem;padding:calc(60px + var(--spacing-md)) var(--spacing-md) var(--spacing-md)}.card{margin-bottom:1rem;margin-bottom:var(--spacing-md);padding:1rem;padding:var(--spacing-md)}.card:hover{transform:none}.card-header{align-items:flex-start;flex-direction:column;gap:.5rem;gap:var(--spacing-sm);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.card-title{font-size:1.25rem;font-size:var(--font-size-large);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}button{font-size:1rem;font-size:var(--font-size-base);padding:.6rem .8rem;width:100%}.main-content .card table:not(.financing-detail-page table):not(.payments-table):not(.amortization-table):not(.vehicle-list-container table){font-size:.875rem;font-size:var(--font-size-small)}.main-content .card table:not(.financing-detail-page table):not(.payments-table):not(.amortization-table):not(.vehicle-list-container table) td,.main-content .card table:not(.financing-detail-page table):not(.payments-table):not(.amortization-table):not(.vehicle-list-container table) th{padding:.6rem .8rem}input,select,textarea{padding:.7rem .9rem}.form-group{margin-bottom:1rem;margin-bottom:var(--spacing-md)}}@media (max-width:480px){html{font-size:13px}.main-content{padding:calc(60px + .8rem) .8rem .8rem}.card{border-radius:6px;padding:1rem}.status-badge{font-size:.75rem;padding:4px 8px}.pagination-link{font-size:.8rem;padding:6px 10px}input,select,textarea{font-size:.9rem;padding:.6rem .8rem}.panda-logo{font-size:20px}}@media (max-width:320px){html{font-size:12px}.main-content{padding:calc(60px + .6rem) .6rem .6rem}.card{padding:.8rem}button{padding:.5rem .7rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.card{animation:slideInFromTop .5s ease-out;animation-fill-mode:both}.card-title{animation:slideInFromLeft .5s ease-out;animation-fill-mode:both}.form-group{animation:slideInFromRight .5s ease-out;animation-fill-mode:both}.form-group:first-child{animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.form-group:nth-child(3){animation-delay:.3s}.form-group:nth-child(4){animation-delay:.4s}.form-group:nth-child(5){animation-delay:.5s}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}
/*# sourceMappingURL=main.09e287f2.css.map*/