*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}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)}}.App{animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-size:400% 400%;display:flex;flex-direction:column;min-height:100vh;position:relative}.App:before{background-image:radial-gradient(circle at 20% 50%,#ffffff14 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff14 0,#0000 50%),radial-gradient(circle at 40% 20%,#667eea1a 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.App>*{position:relative;z-index:1}.app-header{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,#2c3e50f2,#34495ef2);border-bottom:3px solid #667eea99;box-shadow:0 4px 20px #0003;color:#fff;flex-wrap:nowrap;gap:.75rem;height:60px;justify-content:space-between;max-height:60px;overflow:visible;padding:.75rem 1.25rem;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:100}.app-header,.header-logo{align-items:center;display:flex}.header-logo{flex-direction:column;flex-shrink:0;gap:.2rem;margin-right:0}.header-powered-by{color:#ffffffb3;font-size:.65rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.user-info{background:#00000026;border-radius:10px;flex-shrink:0;gap:.5rem;padding:.5rem .75rem;position:relative;z-index:50}.user-name{color:#fff;font-size:.85rem}.user-role{border-radius:12px;box-shadow:0 2px 4px #0003;padding:.3rem .65rem;text-transform:capitalize}.user-role.role-admin{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.user-role.role-user{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.user-role.role-superadmin{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.user-role.role-bme_manager{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff}.user-role.role-department_manager{background:linear-gradient(135deg,#1e88e5,#1565c0);color:#fff}.user-role.role-department_custodian{background:linear-gradient(135deg,#26a69a,#00897b);color:#fff}.user-role.role-bme_engineer{background:linear-gradient(135deg,#5e35b1,#4527a0);color:#fff}.org-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 2px 4px #0003;color:#fff;font-size:.75rem;font-weight:600;padding:.3rem .65rem}.nav-menu{-ms-overflow-style:none;background:#00000026;border-radius:10px;display:flex;flex:1 1;flex-wrap:nowrap;gap:.35rem;justify-content:flex-start;min-width:0;overflow:auto;padding:.4rem;scrollbar-width:none}.nav-menu::-webkit-scrollbar{display:none}.nav-menu button{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffd9;cursor:pointer;display:flex;flex-shrink:1;font-size:.9rem;font-weight:500;gap:.5rem;min-width:0;padding:.6rem .9rem;position:relative;transition:all .3s ease;white-space:nowrap}.nav-menu button:hover{background:#ffffff1f;color:#fff;transform:translateY(-1px)}.nav-menu button.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea66;color:#fff;font-weight:600}.nav-icon{align-items:center;display:inline-flex;flex-shrink:0;font-size:1.1rem;justify-content:center;line-height:1}.nav-menu .btn-create-org{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 2px 8px #28a74566;color:#fff;display:flex;font-weight:600;gap:.5rem}.nav-menu .btn-create-org:hover{background:linear-gradient(135deg,#218838,#1aa179);box-shadow:0 4px 12px #28a74580;transform:translateY(-1px)}.btn-icon{font-size:1rem;line-height:1}.nav-btn-with-badge{position:relative}.nav-badge{animation:pulse 2s infinite;background:#e74c3c;border-radius:999px;box-shadow:0 2px 6px #e74c3c80;color:#fff;font-size:.75rem;font-weight:700;min-width:22px;padding:.2rem .5rem;position:absolute;right:-6px;text-align:center;top:-6px}.app-main{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff08;flex:1 1;margin:0 auto;max-width:1400px;padding:2rem;width:100%}.dashboard-view{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #00000026,0 0 0 1px #ffffff80;padding:2rem}.page-title{color:#1a202c;font-weight:800;margin:0;text-align:left}.page-title,.title-with-button .page-title{font-size:1.8rem!important}.dashboard-header-actions{align-items:center;display:flex;gap:.75rem}.icon-btn-with-tooltip{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 4px #00000014;color:#667eea;cursor:pointer;display:flex;height:50px;justify-content:center;position:relative;transition:all .3s ease;width:50px}.icon-btn-with-tooltip:hover{background:#eff6ff!important;border-color:#667eea!important;box-shadow:0 4px 12px #667eea33;color:#667eea!important;transform:translateY(-2px)}.btn-icon-large{font-size:1.6rem;line-height:1}.btn-tooltip{background:#2c3e50;border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;font-size:.85rem;font-weight:600;opacity:0;padding:.65rem 1rem;pointer-events:none;position:absolute;right:0;top:calc(100% + 8px);transition:all .3s ease;visibility:hidden;white-space:nowrap;z-index:1000}.btn-tooltip:before{border:6px solid;border-color:#0000 #0000 #2c3e50;bottom:100%;content:"";position:absolute;right:12px}.icon-btn-with-tooltip:hover .btn-tooltip{opacity:1;transform:translateY(2px);visibility:visible}.header-right{flex-shrink:0}.stat-card-mini{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;padding:1rem;text-align:center;transition:all .3s ease}.stat-card-mini:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.stat-icon{font-size:1.5rem}.stat-content-mini{display:flex;flex-direction:column;gap:.25rem}.stat-number-mini{color:#2c3e50;font-size:1.5rem;font-weight:700}.stat-label-mini{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.export-buttons{display:flex;gap:.5rem}.action-palette{margin:0;padding:0}.action-btn{box-shadow:0 2px 4px #00000014}.action-btn:hover{box-shadow:0 4px 12px #0000001f}.action-btn.action-primary{background:#667eea;border:2px solid #667eea}.action-btn.action-primary:hover{background:#5568d3;border-color:#5568d3}.action-btn.action-secondary{background:#0000;border:2px solid #667eea;color:#667eea}.action-btn.action-secondary:hover{background:#0000;border-color:#764ba2;color:#667eea;transform:translateY(-2px)}.action-btn-compact{background:#fff;border:2px solid #e9ecef;box-shadow:0 1px 3px #00000014;font-size:.85rem;font-weight:600;gap:.35rem;padding:.5rem .75rem}.action-btn-compact:hover{box-shadow:0 3px 8px #0000001f;transform:translateY(-1px)}.action-btn-compact.action-clear{background:#fff;border:2px solid #e9ecef;color:#667eea}.action-btn-compact.action-clear:hover{background:#eff6ff!important;border-color:#667eea!important;color:#667eea!important}.action-icon-sm{font-size:1rem}.quick-filters{border-radius:10px;box-shadow:0 2px 8px #0000000a,0 1px 3px #667eea0d;padding:1.5rem}.quick-filters-title{font-size:.75rem}.preset-btn{box-shadow:0 1px 2px #0000000a}.preset-btn:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);box-shadow:0 4px 12px #667eea1f;transform:translateY(-1px)}.preset-btn.active{box-shadow:0 6px 16px #667eea33;font-weight:600}.active-filters{box-shadow:0 2px 8px #0000000a,0 1px 3px #667eea0d;padding:1.25rem 1.5rem;row-gap:.75rem}.filter-pill{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea40;flex-shrink:0;padding:.45rem .9rem}.filter-pill:hover{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea66;box-shadow:0 2px 6px #667eea1a}.filter-pill-remove{transition:color .2s ease}.clear-all-btn{background:#fff;border:1.5px solid #ef4444;box-shadow:0 1px 2px #0000000a;color:#ef4444;font-size:.8rem;padding:.45rem 1rem;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.clear-all-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#0000;box-shadow:0 4px 12px #ef444433;color:#fff}.advanced-filters-btn{align-self:flex-start;background:#fff;border:1.5px solid #e5e7eb;box-shadow:0 2px 6px #0000000a;color:#2c3e50;display:inline-flex;font-size:.9rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.advanced-filters-btn:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea;box-shadow:0 6px 16px #667eea26;color:#667eea}.advanced-filters-btn:active{transform:translateY(-1px)}.advanced-arrow{font-size:1rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.sidebar-drawer{animation:slideIn .3s ease;background:#fff;box-shadow:-2px 0 8px #00000026;box-sizing:border-box;display:flex;flex-direction:column;font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,sans-serif;height:100vh;overflow:hidden;padding:0;width:750px}.drawer-title{flex-shrink:0;margin:0;padding:1.5rem 1.5rem .75rem}.drawer-filter-content{flex:1 1;min-width:0;overflow-y:auto;padding:1rem 1.5rem}.drawer-buttons{background:#fff;flex-shrink:0;margin:0;z-index:10}.apply-btn,.reset-btn{border:none}.apply-btn,.cancel-btn,.reset-btn{border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:.75rem;transition:all .2s ease}.cancel-btn{background:#f0f0f0;border:1px solid #e0e0e0;color:#666}.cancel-btn:hover{background:#e0e0e0;color:#333}.legend-indicator{border:2px solid #0000;height:20px;position:relative;width:32px}.legend-indicator.has-complaints{background:linear-gradient(135deg,#fff3cd,#fff8e1);border-left:4px solid #f57c00}.legend-indicator.has-complaints:before{background:linear-gradient(180deg,#f57c00,#ff9800);bottom:-2px;box-shadow:0 0 6px #f57c0066;content:"";left:-4px;position:absolute;top:-2px;width:4px}.legend-text{color:#e74c3c;font-weight:700}.btn{border-radius:4px;font-weight:500;transition:all .3s}.btn-primary{background-color:#3498db}.btn-primary:hover{background-color:#2980b9}.btn-secondary{background-color:#95a5a6;color:#fff}.btn-secondary:hover{background-color:#7f8c8d}.btn-success{background-color:#27ae60}.btn-success:hover{background-color:#229954}.btn-danger{background-color:#e74c3c;color:#fff}.btn-danger:hover{background-color:#c0392b}.btn-edit{background-color:#f39c12;color:#fff}.btn-edit:hover{background-color:#e67e22}.btn-small{border-radius:8px;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}.btn-small:hover{box-shadow:0 3px 8px #0003;transform:translateY(-1px)}@media (max-width:1200px){.nav-menu button{font-size:.85rem;padding:.5rem .7rem}.user-name{font-size:.8rem}.org-badge,.user-role{font-size:.7rem;padding:.25rem .5rem}}@media (max-width:992px){.app-header{gap:.75rem;padding:.75rem 1rem}.nav-menu{gap:.25rem;padding:.3rem}.nav-menu button{font-size:.8rem;padding:.5rem .65rem}.btn-icon{font-size:.9rem}.nav-badge{font-size:.65rem;padding:.15rem .4rem}.user-info{gap:.35rem;padding:.4rem .6rem}.user-name{font-size:.75rem}.org-badge,.user-role{font-size:.65rem;padding:.2rem .4rem}}@media (max-width:1200px){.filter-item{flex-basis:calc(33.33% - 0.94rem);flex-grow:1;flex-shrink:1;min-width:140px}}@media (max-width:1024px){.filter-item{flex-basis:calc(50% - 0.75rem);flex-grow:1;flex-shrink:1;min-width:140px}.filters-row{flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.collapsible-filter-section{margin-bottom:0;width:100%}}@media (max-width:768px){.filters-row{gap:1.5rem;grid-template-columns:1fr;margin-bottom:1.5rem}.filter-checkboxes{flex-direction:column;gap:1rem;width:100%}.department-multiselect{max-width:none;width:100%}.filter-section-toggle{font-size:.95rem;padding:1rem 1.25rem}.toggle-title{font-size:.9rem}.filter-summary{font-size:.9rem;padding:.75rem 0 1rem}.app-header{gap:.4rem;padding:.6rem}.header-logo{margin-right:.2rem}.btn-icon{font-size:.85rem}.nav-badge{font-size:.6rem;padding:.15rem .35rem;right:-6px;top:-6px}.user-info{gap:.3rem;padding:.35rem .5rem}.user-name{display:none}}@media (max-width:640px){.app-header{flex-wrap:wrap;gap:.3rem;justify-content:space-between;padding:.5rem}.header-logo{flex-shrink:0;min-width:auto;order:1}.nav-menu{gap:.15rem;margin-top:.4rem;max-height:0;opacity:0;order:3;overflow:hidden;transition:max-height .3s ease;visibility:hidden;width:100%}.nav-menu.mobile-open{max-height:500px;opacity:1;visibility:visible}.nav-menu button{flex-basis:calc(50% - 0.075rem);flex-grow:1;flex-shrink:1;font-size:.65rem;padding:.35rem .45rem}.btn-icon{font-size:.8rem}.dashboard-header-section{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem}.dashboard-header-actions{justify-content:flex-end;width:100%}.icon-btn-with-tooltip{height:45px;width:45px}.btn-icon-large{font-size:1.5rem}}@media (max-width:480px){.app-header{gap:.25rem;padding:.4rem}.nav-menu button{font-size:.6rem;padding:.3rem .35rem}.header-logo{margin-right:.1rem}.dashboard-header-section{padding:.75rem 1rem}.icon-btn-with-tooltip{height:42px;width:42px}.btn-icon-large{font-size:1.4rem}.btn-tooltip{font-size:.75rem;padding:.5rem .75rem}}.hamburger-menu-btn{align-items:center;background:#ffffff1f;border:2px solid #ffffff4d;border-radius:8px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:none!important;flex-shrink:0;font-size:1.4rem;font-weight:700;justify-content:center;line-height:1;min-width:42px;padding:.45rem .65rem;position:relative;transition:all .3s ease}.hamburger-menu-btn:hover{background:#ffffff38;border-color:#ffffff80;box-shadow:0 4px 12px #00000040;transform:translateY(-2px)}.hamburger-menu-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 4px 12px #667eea66;color:#fff}@media (max-width:1200px) and (min-width:901px){.nav-menu button{font-size:0;gap:0;padding:.5rem .35rem}.nav-menu button .nav-icon{font-size:1.1rem}.nav-menu button:after{background:#2c3e50;border-radius:6px;bottom:100%;color:#fff;content:attr(data-label);font-size:.75rem;font-weight:600;margin-bottom:8px;padding:.5rem .75rem;pointer-events:none;white-space:nowrap}.nav-menu button:after,.nav-menu button:before{left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:all .3s ease;visibility:hidden;z-index:1000}.nav-menu button:before{border:6px solid #0000;border-top-color:#2c3e50;bottom:calc(100% - 8px);content:""}.nav-menu button:hover:after,.nav-menu button:hover:before{opacity:1;visibility:visible}.nav-badge{right:-8px;top:-8px}}@media (max-width:1500px) and (min-width:901px){[data-role=admin] .nav-menu button{font-size:0;gap:0;padding:.5rem .35rem}[data-role=admin] .nav-menu button .nav-icon{font-size:1.1rem}[data-role=admin] .nav-menu button:after{background:#2c3e50;border-radius:6px;bottom:100%;color:#fff;content:attr(data-label);font-size:.75rem;font-weight:600;margin-bottom:8px;padding:.5rem .75rem;pointer-events:none;white-space:nowrap}[data-role=admin] .nav-menu button:after,[data-role=admin] .nav-menu button:before{left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:all .3s ease;visibility:hidden;z-index:1000}[data-role=admin] .nav-menu button:before{border:6px solid #0000;border-top-color:#2c3e50;bottom:calc(100% - 8px);content:""}[data-role=admin] .nav-menu button:hover:after,[data-role=admin] .nav-menu button:hover:before{opacity:1;visibility:visible}[data-role=admin] .nav-badge{right:-8px;top:-8px}}@media (max-width:900px){.hamburger-menu-btn{display:flex!important;margin-left:auto!important}.nav-menu{display:none!important;flex:0 0!important}.nav-menu.mobile-open{background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex!important;flex-direction:column;left:auto;max-width:90vw;min-width:200px;overflow:visible;padding:0;position:absolute;right:.5rem;top:calc(100% + .5rem);width:-webkit-max-content;width:max-content;z-index:999}.nav-menu.mobile-open button{background:#0000;border-bottom:1px solid #e9ecef;border-radius:0;color:#495057;font-size:1rem;gap:.75rem;justify-content:flex-start;padding:.75rem 1rem;white-space:normal;width:100%}.nav-menu.mobile-open button:last-child{border-bottom:none}.nav-menu.mobile-open button .nav-icon{color:#495057;font-size:1.1rem}.nav-menu.mobile-open button:hover{background:#f8f9fa;color:#667eea}.nav-menu.mobile-open button:hover .nav-icon{color:#667eea}.nav-menu.mobile-open button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.nav-menu.mobile-open button.active .nav-icon{color:#fff}.nav-menu.mobile-open .nav-btn-with-badge{position:relative}.nav-menu.mobile-open .nav-badge{font-size:.85rem;margin-left:.5rem;min-width:22px;padding:.2rem .5rem;position:static;right:auto;top:auto;transform:none}}@media (max-width:500px){.app-header{align-items:flex-start;flex-wrap:wrap;gap:.25rem;height:auto;max-height:none;padding:.35rem}.header-logo{align-items:center;justify-content:flex-start;width:100%}.hamburger-menu-btn{font-size:1.2rem;min-height:40px;min-width:40px;padding:.4rem .5rem}.user-role{font-size:.6rem;padding:.15rem .3rem}}@media (max-width:380px){.app-header{gap:.2rem;padding:.3rem}.hamburger-menu-btn{font-size:1.1rem;min-height:38px;min-width:38px;padding:.35rem .45rem}}.alerts-description-section,.analytics-description-section,.assigned-devices-description-section,.complaints-description-section,.dashboard-description-section,.devices-description-section,.my-work-logs-description-section,.technician-analytics-description-section{border-bottom:1px solid #e5e7eb99;margin-bottom:1.5rem;padding-bottom:1rem}.alerts-description-section h1,.analytics-description-section h1,.assigned-devices-description-section h1,.complaints-description-section h1,.dashboard-description-section h1,.devices-description-section h1,.my-work-logs-description-section h1,.technician-analytics-description-section h1{color:#2c3e50;font-size:1.8rem;font-weight:800;letter-spacing:-.5px;margin:0}.alerts-description-section p,.analytics-description-section p,.assigned-devices-description-section p,.complaints-description-section p,.dashboard-description-section p,.devices-description-section p,.my-work-logs-description-section p,.technician-analytics-description-section p{color:#6b7280;font-size:.9rem;font-weight:500;margin:.5rem 0 0}.work-logs-subtitle{text-align:left}.login-container{background:#fff}.login-container,.login-left-side{display:flex;min-height:100vh;overflow:hidden;position:relative}.login-left-side{animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-size:400% 400%;flex:1 1;padding:40px 20px}.login-left-side,.login-right-side{align-items:center;justify-content:center}.login-right-side{background:#fff;display:flex;flex:0 0 40%;overflow-y:auto;padding:40px}.login-box{animation:slideInRight .8s ease-out;max-width:400px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-header h3{color:#2d3748;font-size:28px;font-weight:700;margin:0 0 8px}.login-header p{color:#718096;font-size:14px;font-weight:500;margin:0}.login-form{margin-bottom:20px}.form-group input:disabled{background-color:#f7fafc}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:45px;width:100%}.password-toggle-btn{align-items:center;background:none;border:none;color:#718096;cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:12px;transition:color .2s ease}.password-toggle-btn:hover{color:#667eea}.password-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.btn-login{margin-top:10px}.forgot-password-section{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px;text-align:center}.forgot-password-link{border-radius:6px;color:#667eea;display:inline-block;font-size:14px;font-weight:500;padding:6px 12px;text-decoration:none;transition:all .2s ease}.forgot-password-link:hover{background-color:#667eea14;color:#764ba2;text-decoration:none}.forgot-password-link:active{transform:scale(.98)}.login-footer-bottom-left{bottom:20px;left:20px;position:absolute;z-index:20}.login-footer-bottom-left p{color:#fffc;font-size:12px;font-weight:400;margin:0}.login-footer-bottom-left strong{color:#fffffff2;font-weight:600}.login-footer-attribution{bottom:12px;position:absolute;right:20px;z-index:20}.login-footer-attribution p{color:#00000080;font-size:.7rem;font-weight:500;letter-spacing:.3px;margin:0;white-space:nowrap}@media (max-width:1024px){.login-left-side,.login-right-side{flex:0 0 50%}.left-side-text h1{font-size:36px}.left-side-text h2{font-size:16px}.left-side-text p{font-size:14px}}@media (max-width:768px){.login-container{flex-direction:column}.login-left-side{flex:0 0 auto;min-height:300px;padding:30px 20px}.login-right-side{flex:1 1;padding:30px 20px}.left-side-text h1{font-size:28px}.left-side-text h2{font-size:14px}.left-side-text p{font-size:13px}.left-side-text h1 .org-icon{font-size:36px}.medical-float-1,.medical-float-2,.medical-float-3,.medical-float-4,.medical-float-5,.medical-float-6{display:none}}@media (max-width:480px){.login-left-side{min-height:250px;padding:20px}.login-right-side{padding:20px}.login-box{max-width:100%}.left-side-text h1{font-size:24px}.left-side-text h2,.left-side-text p{font-size:12px}.left-side-text h1 .org-icon{font-size:28px}.login-header h3{font-size:24px}.login-header p{font-size:13px}}.device-view-header h2{margin:0 0 1rem}.alert-banner.success{align-items:flex-start;background:linear-gradient(135deg,#dcfce7,#f0fdf4);border-left-color:#16a34a;display:flex}.alert-banner.success .alert-title{color:#166534}.info-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.info-card .info-grid:nth-of-type(2){grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important}.compliance-type-badge{color:#fff}.device-form{display:flex;flex-direction:column;gap:1.5rem}.form-section-title{border-bottom:2px solid #e9ecef;color:#667eea;font-size:1.1rem;font-weight:600;margin:1.5rem 0 1rem;padding-bottom:.5rem}.form-row{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-group input,.form-group select,.form-group textarea{border:1px solid #ced4da;border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:1rem;line-height:1.5;padding:.75rem;transition:border-color .3s;width:100%}.form-group select{height:auto;min-height:2.5rem;padding:.625rem .75rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#e9ecef;border-color:#ced4da;color:#6c757d;cursor:not-allowed;font-family:inherit;font-size:inherit;opacity:.65}.form-group input.read-only-field,.form-group input.readonly-field,.form-group select.read-only-field{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;color:#495057;cursor:not-allowed;font-family:Open Sans!important;font-weight:500;letter-spacing:.5px;pointer-events:none}.form-group input[readOnly].read-only-field,.form-group select[disabled].read-only-field{opacity:.7}.field-hint{font-size:.85rem;margin-top:-.25rem}.field-error{align-items:center;color:#d32f2f;display:flex;font-size:.85rem;gap:.4rem;margin-bottom:.5rem}.field-error-state{background-color:#fff5f5;border-color:#d32f2f!important}.field-error-state:focus{border-color:#d32f2f!important;box-shadow:0 0 0 3px #d32f2f1a}.loading-indicator{animation:spin 1s linear infinite;display:inline-block;font-size:.9rem;margin-left:.5rem}.form-actions{justify-content:center}.user-form-modal-overlay{background:#00000080}.user-form-modal{border-radius:10px;box-shadow:0 10px 40px #0003;max-width:500px}.modal-close{min-width:32px}.modal-form{gap:1.5rem;padding:2rem}.modal-actions{border-top:1px solid #e9ecef;gap:.75rem;margin-top:1rem}.error-message-modal{background:#fff5f5;border-left:4px solid #d32f2f;border-radius:4px;color:#d32f2f;font-size:.9rem;margin:1rem 2rem 0;padding:.75rem 1.25rem}.complaint-count-badge{font-size:.8rem;height:28px;min-width:28px}.metrics-section .section-header{margin-bottom:.8rem}.metrics-section .section-header h4{align-items:center;color:#2c3e50;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin:0 0 .3rem}.metrics-section .section-header h4:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";height:15px;width:2px}.metrics-section .section-description{color:#6c757d;font-size:.75rem;font-weight:500;margin:0}@media (max-width:768px){.device-view-container{padding:1rem}.device-view-header{flex-direction:column}.header-actions{width:100%}.action-palette-inline{flex-direction:column}.action-btn,.action-palette-inline{justify-content:center;width:100%}.info-card{padding:1rem}.info-grid{grid-template-columns:1fr}.info-card .info-grid{grid-template-columns:1fr!important}.form-row{gap:.75rem;grid-template-columns:1fr}.form-group{gap:.35rem}.form-group label{font-size:.9rem}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:.625rem}.info-card{margin-bottom:1rem;padding:.75rem}.device-view-header h2{font-size:1.5rem}.alert-banner{flex-direction:column;gap:.75rem;padding:1rem}.alert-icon{font-size:1.5rem}.alert-title{font-size:.9rem}.alert-list li{font-size:.85rem}.user-form-modal{max-width:95%}.modal-form,.modal-header{padding:1rem}.collapsible-header{flex-wrap:wrap;gap:.5rem}.header-title-wrapper{width:100%}.complaint-count-badge{align-self:flex-end}}@media (max-width:380px){.device-view-container{padding:.75rem}.form-row{gap:.5rem}.form-group{gap:.25rem}.form-group label{font-size:.85rem}.form-group input,.form-group select,.form-group textarea{font-size:16px;padding:.5rem}.info-card{margin-bottom:.75rem;padding:.5rem}.info-card h3{font-size:1rem;margin-bottom:.75rem}.field-hint{font-size:.75rem}.form-section-title{font-size:1rem;margin:1rem 0 .75rem}}.device-id-value{display:inline-block}.document-manager-container{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 8px #00000014;margin-top:1.5rem;padding:1.5rem}.document-section-title{align-items:center;color:#2c3e50;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin:0 0 1.25rem}.document-section-title:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";height:20px;width:4px}.confirmation-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirmation-modal{animation:slideUp .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:400px;width:90%}.confirmation-modal .modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px}.confirmation-modal .modal-header h2{color:#d32f2f;font-size:1.25rem;font-weight:600;margin:0}.confirmation-modal .modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:background-color .2s ease;width:32px}.confirmation-modal .modal-close:hover{background-color:#f5f5f5}.confirmation-modal .modal-body{padding:30px 20px;text-align:center}.confirmation-icon{font-size:3rem;margin-bottom:16px}.confirmation-message{color:#333;font-size:1rem;font-weight:500;line-height:1.5;margin:0 0 12px}.confirmation-message strong{color:#d32f2f;font-weight:600}.confirmation-warning{color:#666;font-size:.9rem;line-height:1.4;margin:0}.confirmation-modal .modal-actions{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:20px}.confirmation-modal .action-btn{border:none;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:500;min-width:100px;padding:10px 20px;transition:all .2s ease}.confirmation-modal .action-btn:disabled{cursor:not-allowed;opacity:.6}.confirmation-modal .action-secondary{background-color:#f5f5f5;border:1px solid #ddd;color:#333}.confirmation-modal .action-secondary:hover:not(:disabled){background-color:#e8e8e8}.confirmation-modal .action-danger{background-color:#d32f2f;color:#fff}.confirmation-modal .action-danger:hover:not(:disabled){background-color:#b71c1c;box-shadow:0 2px 8px #d32f2f4d}.confirmation-modal .action-warning{background-color:#f57c00;color:#fff}.confirmation-modal .action-warning:hover:not(:disabled){background-color:#e65100;box-shadow:0 2px 8px #f57c004d}.confirmation-modal .action-primary{background-color:#667eea;color:#fff}.confirmation-modal .action-primary:hover:not(:disabled){background-color:#5568d3;box-shadow:0 2px 8px #667eea4d}.document-manager{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:1rem;padding:.75rem 1rem}.upload-form{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 4px #0000000d;margin-bottom:2.5rem;padding:1.5rem}.upload-row{grid-gap:1rem;align-items:flex-start;display:grid;gap:1rem;grid-template-columns:1fr 1.5fr auto}@media (max-width:992px){.upload-row{grid-template-columns:1fr}}.form-group label{font-size:.8rem;letter-spacing:.5px;line-height:1.4;margin-bottom:.25rem;text-transform:uppercase}.doc-type-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23667eea'%3E%3Cpath d='m7 10 5 5 5-5z'/%3E%3C/svg%3E") no-repeat right .8rem center;background-size:1.5em 1.5em;border:2px solid #e9ecef;border-radius:6px;color:#2c3e50;cursor:pointer;font-size:.9rem;font-weight:500;height:44px;line-height:1.3;padding:.65rem 2.8rem .65rem .8rem;transition:all .2s ease;width:100%}.doc-type-select:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.doc-type-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.file-input-group{display:flex;flex-direction:column;min-height:80px}.file-input{background:#f9fafb;border:2px dashed #d1d5db;border-radius:6px;box-sizing:border-box;color:#6b7280;cursor:pointer;display:block;font-size:.9rem;font-weight:500;height:44px;line-height:1.3;padding:.65rem 1rem;transition:all .2s ease;width:100%}.file-input:focus,.file-input:hover{background:#f0f3ff;border-color:#667eea;color:#667eea}.file-input:focus{outline:none}.selected-file-container{align-items:center;display:flex;gap:.5rem;margin-top:.4rem}.selected-file{color:#667eea;flex:1 1;font-size:.8rem;font-weight:600;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-clear-file{align-items:center;background:#ff6b6b;border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:20px;justify-content:center;padding:0;transition:all .2s ease;width:20px}.btn-clear-file:hover{background:#ee5a52;transform:scale(1.1)}.btn-clear-file:active{transform:scale(.95)}.btn-upload{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;box-shadow:0 2px 4px #667eea33;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;height:44px;justify-content:center;line-height:1.3;padding:.65rem 1.5rem;transition:all .2s ease;white-space:nowrap}.btn-upload:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.btn-upload:active:not(:disabled){transform:translateY(0)}.btn-upload:disabled{cursor:not-allowed;opacity:.6}.documents-list{margin-top:1.5rem}.empty-state-container{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:2rem 1rem;text-align:center}.empty-state-text{color:#6c757d;font-size:.95rem;font-style:italic;margin:0}.documents-table-wrapper{background:#fff;border:1px solid #dee2e6;border-radius:8px;overflow:hidden}.documents-table-header{grid-gap:1rem;background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;display:grid;font-size:.85rem;font-weight:600;gap:1rem;grid-template-columns:2fr 1fr .8fr 1.2fr .8fr;letter-spacing:.5px;padding:1rem;text-transform:uppercase}.table-header-cell{align-items:center;display:flex;padding:.5rem 0}.documents-table-body{display:flex;flex-direction:column}.table-row{grid-gap:1rem;align-items:center;border-bottom:1px solid #f0f0f0;display:grid;gap:1rem;grid-template-columns:2fr 1fr .8fr 1.2fr .8fr;padding:1rem;transition:background-color .2s ease}.table-row:hover{background-color:#f8f9fa}.table-row:last-child{border-bottom:none}.table-cell{align-items:center;display:flex;min-width:0}.cell-name{gap:.75rem;min-width:0}.file-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.5rem;justify-content:center;width:2rem}.file-name-text{color:#2c3e50;font-size:.95rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-type{justify-content:flex-start}.type-badge{background:#e7f3ff;color:#0366d6;font-size:.75rem;white-space:nowrap}.cell-size{color:#6c757d;font-size:.9rem}.cell-date{flex-direction:column;gap:.2rem}.date-main{color:#2c3e50;font-size:.9rem;font-weight:500}.date-user{color:#6c757d;font-size:.8rem}.cell-actions{gap:.5rem;justify-content:flex-start}.doc-action-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;flex-shrink:0;font-size:.95rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.preview-btn{background:#f0f9ff;color:#0369a1}.preview-btn:hover{background:#0369a1;color:#fff;transform:scale(1.1)}.download-btn{background:#e7f3ff;color:#0366d6}.download-btn:hover{background:#0366d6;color:#fff;transform:scale(1.1)}.delete-btn{background:#ffe7e7;color:#dc3545}.delete-btn:hover{background:#dc3545;color:#fff;transform:scale(1.1)}.error-message,.success-message{border-radius:4px;font-size:.8rem;margin-bottom:.75rem;padding:.5rem .75rem}.modal-overlay-positioned{align-items:flex-start!important;justify-content:flex-start!important}.modal-resize-handle{background:linear-gradient(135deg,#0000 50%,#667eea 0);bottom:0;cursor:se-resize;height:20px;opacity:.3;position:absolute;right:0;transition:opacity .2s ease;width:20px;z-index:10}.modal-resize-handle:hover{opacity:.6}@media (max-width:768px){.upload-row{align-items:flex-start;grid-template-columns:1fr}.btn-upload{width:100%}.documents-table-header,.table-row{gap:0;grid-template-columns:1fr}.table-header-cell{display:none}.table-cell{border-bottom:1px solid #e9ecef;padding:.5rem 0}.table-cell:before{color:#495057;content:attr(data-label);flex-shrink:0;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-right:.5rem;text-transform:uppercase;width:80px}.cell-name:before{content:"Name"}.cell-type:before{content:"Type"}.cell-size:before{content:"Size"}.cell-date:before{content:"Date"}.cell-actions:before{content:"Actions"}.cell-actions{flex-direction:row;justify-content:flex-start}}.device-edit-header{margin-bottom:1.5rem}.edit-banner{border-left:4px solid #0000;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;padding:1.5rem}.edit-banner.pending{background:linear-gradient(135deg,#fff8f0,#fff3e0);border-left-color:#ff9800}.edit-banner.rejected{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-left-color:#f44336}.edit-banner.draft{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left-color:#4caf50}.banner-icon{align-items:flex-start;display:flex;flex-shrink:0;font-size:2rem;min-width:2.5rem;padding-top:.25rem;text-align:center}.banner-content{flex:1 1;min-width:0}.banner-content strong{color:#333;display:block;font-size:1.05rem;font-weight:700;margin-bottom:.5rem}.banner-content p{color:#666;font-size:.95rem;line-height:1.5;margin:.5rem 0}.banner-content p:last-of-type{margin-bottom:0}.rejection-reason-box{background:#f4433614;border:2px solid #f44336;border-radius:6px;margin:1rem 0 0;padding:1rem}.rejection-reason-box strong{color:#c62828;display:block;font-size:.95rem;font-weight:700;margin-bottom:.5rem}.rejection-reason-box p{color:#333;font-size:.9rem;line-height:1.6;margin:0}.resubmission-info{border-top:1px solid #f4433633;margin-top:.75rem;padding-top:.75rem}.resubmission-info small{color:#666;display:block;font-size:.8rem;font-style:italic}@media (prefers-color-scheme:dark){.edit-banner{box-shadow:0 2px 8px #0000004d}.edit-banner.pending{background:linear-gradient(135deg,#3d2817,#4a3728)}.edit-banner.rejected{background:linear-gradient(135deg,#4a2c2c,#5a3535)}.edit-banner.draft{background:linear-gradient(135deg,#2d4a2f,#3d5a3f)}.banner-content strong{color:#e0e0e0}.banner-content p{color:#b0b0b0}.rejection-reason-box{background:#f4433626;border-color:#ef5350}.rejection-reason-box strong{color:#ef5350}.rejection-reason-box p{color:#e0e0e0}.resubmission-info small{color:#a0a0a0}}@media (max-width:768px){.edit-banner{flex-direction:column;gap:.75rem}.banner-icon{font-size:1.75rem;min-width:auto}.banner-content strong{font-size:.95rem}.banner-content p{font-size:.85rem}.rejection-reason-box{padding:.75rem}.rejection-reason-box strong{font-size:.85rem;margin-bottom:.35rem}.rejection-reason-box p{font-size:.8rem}}.employee-id-badge{align-items:center;background:linear-gradient(135deg,#e8f4f8,#d4e9f7)!important;border:1px solid #3498db4d!important;border-radius:6px!important;box-shadow:0 2px 6px #3498db1a!important;color:#1a5e96!important;display:inline-flex!important;font-family:Open Sans,monospace!important;font-size:.8rem!important;font-weight:600!important;gap:.3rem;letter-spacing:.3px!important;padding:.35rem .75rem!important;transition:all .2s ease!important;white-space:nowrap!important}.employee-id-badge:hover{background:linear-gradient(135deg,#d4e9f7,#b8ddf0)!important;box-shadow:0 3px 10px #3498db33!important;transform:translateY(-1px)!important}.employee-id-badge.clickable{cursor:pointer!important}.employee-id-badge.clickable:hover{background:linear-gradient(135deg,#d4e9f7,#b8ddf0)!important;box-shadow:0 3px 10px #3498db33!important;transform:translateY(-1px)!important}.employee-id-badge-small{font-size:.75rem!important;padding:.3rem .65rem!important}.employee-id-badge-large{font-size:.9rem!important;padding:.4rem .9rem!important}.device-id-badge{align-items:center;background:linear-gradient(135deg,#d1d5db,#c4cfd8)!important;border:1px solid #d1d5db66!important;border-radius:6px!important;box-shadow:0 2px 6px #d1d5db26!important;color:#374151!important;display:inline-flex!important;font-family:Open Sans!important;font-size:.8rem!important;font-weight:400!important;gap:.3rem;padding:.35rem .75rem!important;transition:all .2s ease!important;white-space:nowrap!important}.device-id-badge:hover{background:linear-gradient(135deg,#c4cfd8,#b5bcc4)!important;box-shadow:0 3px 10px #d1d5db40!important;transform:translateY(-1px)!important}.device-id-badge.clickable{cursor:pointer!important}.device-id-badge.clickable:hover{background:linear-gradient(135deg,#c4cfd8,#b5bcc4)!important;box-shadow:0 3px 10px #d1d5db40!important;transform:translateY(-1px)!important}.device-id-badge-small{font-size:.75rem!important;padding:.35rem .65rem!important}.device-id-badge-large{font-size:.95rem!important;padding:.5rem 1rem!important}.device-id-value{align-items:center;background:linear-gradient(135deg,#d1d5db,#c4cfd8)!important;border:1px solid #d1d5db66!important;border-radius:6px!important;box-shadow:0 2px 6px #d1d5db26!important;color:#374151!important;display:inline-flex!important;font-size:.8rem!important;font-weight:400!important;gap:.3rem;padding:.35rem .75rem!important;transition:all .2s ease!important;white-space:nowrap!important}.device-id-value:hover{background:linear-gradient(135deg,#c4cfd8,#b5bcc4)!important;box-shadow:0 3px 10px #d1d5db40!important;transform:translateY(-1px)!important}.device-context-value-code{align-items:center;background:linear-gradient(135deg,#d1d5db,#c4cfd8)!important;border:1px solid #d1d5db66!important;border-radius:4px!important;box-shadow:0 2px 6px #d1d5db26!important;color:#374151!important;display:inline-flex!important;font-size:.75rem!important;font-weight:700!important;gap:.3rem;padding:.25rem .5rem!important;transition:all .2s ease!important;white-space:nowrap!important}.device-context-value-code:hover{background:linear-gradient(135deg,#c4cfd8,#b5bcc4)!important;box-shadow:0 3px 10px #d1d5db40!important;transform:translateY(-1px)!important}.complaint-id-badge{background:linear-gradient(135deg,#fee2e2,#fecaca)!important;border:1px solid #e53e3e40!important;border-radius:6px!important;box-shadow:0 2px 6px #e53e3e1a!important;color:#991b1b!important;display:inline-flex!important;font-family:Open Sans!important;font-size:.8rem!important;font-weight:400!important;gap:.3rem;padding:.35rem .75rem!important;transition:all .2s ease!important;white-space:nowrap!important}.complaint-id-badge:hover{background:linear-gradient(135deg,#fecaca,#fca5a5)!important;box-shadow:0 3px 10px #e53e3e26!important;transform:translateY(-1px)!important}.complaint-id-badge.clickable{cursor:pointer!important}.complaint-id-badge.clickable:hover{background:linear-gradient(135deg,#fca5a5,#f87171)!important;box-shadow:0 3px 10px #fca5a540!important;transform:translateY(-1px)!important}.complaint-id-badge-small{font-size:.75rem!important;padding:.35rem .65rem!important}.complaint-id-badge-large{font-size:.8rem!important;padding:.5rem 1rem!important}.complaint-id-value{align-items:center;background:linear-gradient(135deg,#fecaca,#fca5a5)!important;border:1px solid #fca5a566!important;border-radius:6px!important;box-shadow:0 2px 6px #fca5a526!important;color:#7f1d1d!important;display:inline-flex!important;font-size:.8rem!important;font-weight:400!important;gap:.3rem;padding:.35rem .75rem!important;transition:all .2s ease!important;white-space:nowrap!important}.complaint-id-value:hover{background:linear-gradient(135deg,#fca5a5,#f87171)!important;box-shadow:0 3px 10px #fca5a540!important;transform:translateY(-1px)!important}.device-count-badge{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:20px;color:#1976d2;justify-content:center;min-width:50px;padding:.4rem .8rem;transition:all .2s ease}.device-count-badge-small{font-size:.75rem;min-width:40px;padding:.3rem .6rem}.device-count-badge-large{font-size:.95rem;min-width:60px;padding:.5rem 1rem}.device-count-badge:hover{background:linear-gradient(135deg,#bbdefb,#90caf9);box-shadow:0 2px 8px #1976d233}.complaint-count-badge{background:linear-gradient(135deg,#fce4ec,#f8bbd0);border-radius:20px;color:#c2185b;font-size:.85rem;font-weight:600;min-width:50px;padding:.4rem .8rem;transition:all .2s ease}.complaint-count-badge-small{font-size:.75rem;min-width:40px;padding:.3rem .6rem}.complaint-count-badge-large{font-size:.95rem;min-width:60px;padding:.5rem 1rem}.complaint-count-badge-critical{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#d32f2f}.complaint-count-badge-success{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#388e3c}.complaint-count-badge:hover{box-shadow:0 2px 8px #c1215b33}.status-badge{transition:all .2s ease}.status-badge-small{font-size:.75rem;padding:.3rem .6rem}.status-badge-large{font-size:.95rem}.status-badge.status-available{background:linear-gradient(135deg,#d4edda,#c3e6cb)}.status-badge.status-in-use,.status-badge.status-in_use{background:linear-gradient(135deg,#d1ecf1,#bee5eb);color:#0c5460}.status-badge.status-maintenance{background:linear-gradient(135deg,#fff3cd,#ffeaa7)}.status-badge.status-retired{background:linear-gradient(135deg,#f8d7da,#f5c6cb)}.status-badge.status-open{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#e65100}.status-badge.status-in_progress{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0}.status-badge.status-closed{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724}.status-badge.status-default{background:linear-gradient(135deg,#f5f5f5,#eee);color:#616161}.location-count-badge{align-items:center;background:linear-gradient(135deg,#e0f2f1,#b2dfdb);border-radius:20px;color:#00695c;display:inline-flex;font-size:.85rem;font-weight:600;justify-content:center;min-width:50px;padding:.4rem .8rem;transition:all .2s ease}.location-count-badge-small{font-size:.75rem;min-width:40px;padding:.3rem .6rem}.location-count-badge-large{font-size:.95rem;min-width:60px;padding:.5rem 1rem}.location-count-badge:hover{background:linear-gradient(135deg,#b2dfdb,#80cbc4);box-shadow:0 2px 8px #00695c33}.department-badge{background:linear-gradient(135deg,#f3e5f5,#ede7f6);border:1px solid #e1bee7;border-radius:4px;color:#6a1b9a;font-weight:600;padding:.4rem .75rem;transition:all .2s ease}.department-badge-small{font-size:.75rem;padding:.3rem .6rem}.department-badge-large{font-size:.95rem}.department-badge:hover{background:linear-gradient(135deg,#e1bee7,#ce93d8);box-shadow:0 2px 8px #6a1b9a26}.assignment-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:700;gap:.5rem;letter-spacing:.4px;padding:.45rem .85rem;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.assignment-badge-small{font-size:.7rem;padding:.4rem .75rem}.assignment-badge-medium{font-size:.75rem;height:2.15rem;padding:.45rem .85rem}.assignment-badge-large{font-size:.85rem;padding:.55rem 1rem}.assignment-icon{align-items:center;background:#ffffffe6;border-radius:50%;color:#1f2937;display:inline-flex;flex-shrink:0;font-size:1rem;font-weight:800;height:1.4rem;justify-content:center;line-height:1;padding:.2rem;text-shadow:0 1px 2px #0000001a;width:1.4rem}.assignment-badge-small .assignment-icon{font-size:.85rem;height:1.2rem;width:1.2rem}.assignment-badge-large .assignment-icon{font-size:1.1rem;height:1.6rem;width:1.6rem}.assignment-label{font-weight:700;line-height:1}.assignment-badge.assignment-primary{background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 2px 8px #10b9814d;color:#fff}.assignment-badge.assignment-primary:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.assignment-badge.assignment-secondary{background:linear-gradient(135deg,#f97316,#ea580c);border:none;box-shadow:0 2px 8px #f973164d;color:#fff}.assignment-badge.assignment-secondary:hover{box-shadow:0 4px 12px #f9731666;transform:translateY(-2px)}@media (max-width:768px){.employee-id-badge-wrapper{flex-wrap:wrap}.employee-id-badge{width:100%}.complaint-count-badge,.complaint-id-badge,.department-badge,.device-count-badge,.device-id-badge,.location-count-badge,.status-badge{font-size:.8rem;padding:.35rem .65rem}.assignment-badge{font-size:.7rem;padding:.4rem .7rem}.assignment-icon{font-size:.85rem}}.scanner-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:550px;overflow:hidden;width:90%}.scanner-content{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;overflow-y:auto;padding:2rem}#qr-reader{margin:0 auto;max-height:400px!important;max-width:500px;overflow:hidden!important;position:relative;width:100%}#qr-reader>div{position:relative!important}#qr-reader video{border-radius:12px;display:block;max-width:100%!important;width:100%!important}#qr-reader canvas{display:none!important}#qr-reader__dashboard,#qr-reader__dashboard_section,#qr-reader__dashboard_section_csr,#qr-reader__dashboard_section_swaplink,#qr-reader__header_message{display:none!important;height:0!important;overflow:hidden!important}#qr-reader>div:nth-child(n+2),#qr-reader>div>div:nth-child(n+2){display:none!important;height:0!important;visibility:hidden!important}#qr-reader__scan_region{max-height:400px!important;overflow:hidden!important;position:relative!important}#qr-reader button:not(.scanner-close),#qr-reader img:not(video),#qr-reader select,#qr-reader span,#qr-reader video~*{display:none!important;height:0!important}#qr-reader video~*{visibility:hidden!important}.scanner-instructions{text-align:center}.scanner-instructions p{color:#495057;font-size:.95rem;margin:.5rem 0}.scanner-hint{color:#6c757d;font-size:.85rem;font-style:italic}.qr-reader-wrapper{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;justify-content:center;min-height:340px;width:100%}.qr-reader{border:3px solid #667eea!important;border-radius:12px!important;max-width:100%!important;overflow:hidden!important}.scanner-stopped{align-items:center;color:#6c757d;display:flex;flex-direction:column;gap:.5rem;justify-content:center}.scanner-stopped p{font-size:1rem;margin:0}.scanner-stopped .scanner-hint{color:#999;font-size:.85rem}.scanner-error{background:#fee;border-radius:8px;color:#c33;font-size:.9rem;padding:1rem;text-align:center}.scanner-footer{align-items:center;background:#fff;border-top:1px solid #e9ecef;display:flex;flex-shrink:0;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1.5rem 2rem}.action-btn.action-secondary:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}@media (max-width:576px){.scanner-modal{width:95%}.modal-header{padding:1rem 1.5rem}.scanner-content{padding:1.5rem}.modal-header h3{font-size:1.1rem}}.complaint-timeline-wrapper{border-top:2px solid #e9ecef;margin-top:1.5rem;padding-top:1.5rem}.timeline-title-row{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.timeline-title{color:#2c3e50;flex:1 1;font-weight:700;gap:.5rem;letter-spacing:.5px;margin:0;padding:.5rem 0;text-transform:uppercase}.timeline-title,.timeline-toggle-all-btn{align-items:center;display:flex;font-size:1rem}.timeline-toggle-all-btn{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:1px solid #667eea33;border-radius:6px;color:#667eea;cursor:pointer;flex-shrink:0;font-weight:600;justify-content:center;line-height:1;padding:.5rem .75rem;transition:all .2s ease}.timeline-toggle-all-btn:hover{background:linear-gradient(135deg,#667eea26,#764ba226);border-color:#667eea66;box-shadow:0 2px 6px #667eea33;transform:scale(1.05)}.timeline-toggle-all-btn:active{transform:scale(.98)}.timeline-title-icon{font-size:1.2rem}.timeline-container{padding:0 0 0 2rem;position:relative}.timeline-container:before{background:linear-gradient(180deg,#667eea,#764ba2);bottom:0;content:"";left:0;position:absolute;top:0;width:2px}.timeline-event{background:#fff;border:1.5px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:1rem;overflow:hidden;padding:0;position:relative;transition:all .3s ease}.timeline-event:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.timeline-event.terminal-status{background:linear-gradient(135deg,#f5f5f5,#eee);border-color:#999;border-width:2px;position:relative}.timeline-event.terminal-status.closed{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:#66bb6a;border-width:2px}.timeline-event.terminal-status.closed:hover{border-color:#27ae60;box-shadow:0 6px 16px #27ae6040}.timeline-event.terminal-status.cancelled{background:linear-gradient(135deg,#fafafa,#f5f5f5);border-color:#bdbdbd;border-width:2px}.timeline-event.terminal-status.cancelled:hover{border-color:#757575;box-shadow:0 6px 16px #6b728040}.terminal-status-indicator{align-items:center;border-radius:6px;display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:700;gap:.3rem;letter-spacing:.3px;margin-left:.5rem;padding:.3rem .6rem;text-transform:uppercase}.terminal-status-indicator.closed{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b98166;color:#fff}.terminal-status-indicator.cancelled{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 2px 4px #6b728066;color:#fff}.timeline-event.collapsed{padding:.75rem 1rem}.timeline-event.expanded{padding:1rem}.timeline-event:before{background:#667eea;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #667eea;content:"";height:12px;left:-1.85rem;position:absolute;top:1.75rem;transition:all .2s ease;width:12px}.timeline-event:hover:before{box-shadow:0 0 0 2px #667eea,0 0 8px #667eea99;height:16px;left:-1.95rem;width:16px}.timeline-connector-wrapper{align-items:center;display:flex;height:2.5rem;margin:.5rem 0;padding:0 0 0 2rem;position:relative}.timeline-connector-line{background:linear-gradient(180deg,#667eea4d,#667eea1a);border-left:1px dashed #667eea66;bottom:0;left:.75px;position:absolute;top:0;width:1px}.timeline-connector-label{background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #667eea4d;border-radius:14px;box-shadow:0 2px 6px #667eea4d;color:#fff;display:flex;letter-spacing:.3px;position:relative;white-space:nowrap;z-index:1}.event-type-badge,.timeline-connector-label{align-items:center;font-size:.75rem;font-weight:700;padding:.4rem .85rem}.event-type-badge{border-radius:8px;box-shadow:0 2px 4px #00000014;display:inline-flex;letter-spacing:.4px;margin-bottom:.75rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.event-type-badge.creation{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #81c784;color:#1b5e20}.event-type-badge.status-change{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #64b5f6;color:#0d47a1}.event-type-badge.assignment{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border:1px solid #ce93d8;color:#4a148c}.event-type-badge.reassignment{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:1px solid #ffb74d;color:#e65100}.timeline-event-header-compact{align-items:center;background:#fff;cursor:pointer;display:flex;flex-wrap:nowrap;gap:.6rem;margin:0;padding:.75rem 1rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.timeline-event-header-compact:hover{background:linear-gradient(135deg,#f8f9ff,#f0f4ff)}.event-expand-toggle{align-items:center;color:#667eea;display:inline-flex;flex-shrink:0;font-size:.8rem;font-weight:700;justify-content:center;min-width:1rem;text-align:center;transition:transform .3s ease,color .2s ease}.event-icon{flex-shrink:0;font-size:1.2rem;line-height:1}.event-title{color:#2c3e50;flex:1 1;font-size:.9rem;font-weight:600;min-width:0;white-space:nowrap}.event-timestamp{color:#7f8c8d;flex-shrink:0;font-size:.7rem;font-weight:500;white-space:nowrap}.event-elapsed-time{color:#27ae60;flex-shrink:0;font-size:.65rem;font-weight:600;white-space:nowrap}.event-details-expanded{animation:slideDown .2s ease;border-top:1px solid #f0f0f0;margin-top:.75rem;padding-top:.75rem}.event-details,.event-details-expanded{display:flex;flex-direction:column;gap:.6rem}.event-details{margin:.75rem 0}.event-detail-row{align-items:center;display:flex;font-size:.85rem;gap:.75rem}.event-detail-label{color:#7f8c8d;font-size:.7rem;font-weight:600;letter-spacing:.3px;min-width:70px;text-transform:uppercase}.event-detail-value{color:#2c3e50;font-weight:500}.status-badge{box-shadow:0 1px 3px #0000001a;font-size:.8rem;gap:.3rem;letter-spacing:.4px}.status-badge.old{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:1px solid #ef5350;color:#b71c1c}.status-badge.new{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #66bb6a;color:#1b5e20}.transition-user-info{align-items:center;background:linear-gradient(135deg,#f8f0ff,#f0f8ff);border-left:3px solid #667eea;border-radius:4px;display:flex;font-size:.8rem;gap:.4rem;margin-top:.5rem;padding:.5rem .75rem}.transition-user-badge{color:#2c3e50;flex:1 1;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transition-user-id{color:#7f8c8d;flex-shrink:0;font-weight:500;white-space:nowrap}.assignment-transition{align-items:center;background:linear-gradient(135deg,#f0f4ff,#f8f9ff);border:1.5px solid #e0e7ff;border-radius:8px;box-shadow:0 1px 3px #667eea14;display:flex;flex-wrap:wrap;gap:.6rem;padding:.75rem 1rem}.assignment-from-text{color:#7f8c8d;font-size:.8rem;font-weight:600}.assignment-transition-arrow{color:#667eea;flex-shrink:0;font-size:.9rem;font-weight:600}.assignment-employee-info,.assignment-employee-info-from{align-items:center;display:inline-flex;font-size:.8rem;gap:.4rem}.assignment-employee-info{color:#2c3e50;font-weight:600}.assignment-employee-info-from{color:#7f8c8d;font-weight:500}.employee-role-badge{background:#e3f2fd;border-radius:3px;color:#1565c0;display:inline-block;flex-shrink:0;font-size:.65rem;font-weight:600;letter-spacing:.2px;padding:.15rem .4rem;text-transform:none;white-space:nowrap}.employee-id-inline{color:#95a5a6;font-size:.7rem;font-weight:500}.assignment-type-indicator{align-items:center;color:#7f8c8d;display:inline-flex;flex-shrink:0;font-size:.65rem;font-weight:700;gap:.3rem;white-space:nowrap}.assignment-type-label{border-left:1px solid #e0e0e0;color:#7f8c8d;font-size:.7rem;font-weight:600;letter-spacing:.2px;margin-left:.5rem;padding-left:.5rem;text-transform:uppercase}.changed-by-info{align-items:center;background:linear-gradient(135deg,#f0f4ff,#f8f9ff);border:1.5px solid #e0e7ff;border-left:4px solid #667eea;border-radius:8px;box-shadow:0 2px 4px #667eea14;display:flex;gap:.6rem;margin-top:1rem;padding:.75rem 1rem}.changed-by-icon{flex-shrink:0;font-size:1rem}.changed-by-details{display:flex;flex:1 1;flex-direction:column;gap:.2rem;min-width:0}.changed-by-name{color:#2c3e50;font-size:.85rem;font-weight:600}.changed-by-meta{align-items:center;color:#7f8c8d;display:flex;font-size:.7rem;gap:.4rem}.changed-by-role{background:#e3f2fd;border-radius:3px;color:#1565c0;display:inline-block;font-size:.65rem;font-weight:600;padding:.15rem .4rem;text-transform:none}.changed-by-badge-user{color:#2c3e50;font-weight:600}.changed-by-badge-guest{color:#8b5cf6;font-style:italic;font-weight:600}.guest-indicator{align-items:center;background:#8b5cf61f;border:1px solid #8b5cf640;border-radius:4px;color:red;display:inline-flex;font-size:.65rem;font-style:italic;font-weight:700;gap:.2rem;letter-spacing:.2px;padding:.2rem .35rem;white-space:nowrap}.cancellation-reason{background:linear-gradient(135deg,#fffbea,#fff9e6);border:1.5px solid #ffeaa7;border-left:4px solid #f39c12;border-radius:8px;box-shadow:0 2px 6px #f39c1226;margin-top:1rem;padding:1rem}.cancellation-reason-label{color:#856404;font-size:.7rem;font-weight:600;letter-spacing:.3px;margin-bottom:.3rem;text-transform:uppercase}.cancellation-reason-text{color:#856404;font-size:.85rem;font-weight:500;line-height:1.4;white-space:pre-wrap;word-break:break-word}.timeline-empty{background:linear-gradient(135deg,#f8f9fa,#f0f2f5);border:2px dashed #d0d0d0;border-radius:10px;color:#7f8c8d;font-size:.95rem;padding:2.5rem;text-align:center;transition:all .3s ease}.timeline-empty-icon{display:block;font-size:2.5rem;margin-bottom:.75rem;opacity:.8}.timeline-loading{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border:2px dashed #e0e7ff;border-radius:10px;color:#667eea;font-size:.95rem;padding:2.5rem;text-align:center}.timeline-loading-spinner{animation:spin 1s linear infinite;border-right:3px solid #e0e7ff;border-top:3px solid #e0e7ff;border-color:#667eea #764ba2 #e0e7ff #e0e7ff;border-radius:50%;border-style:solid;border-width:3px;display:inline-block;height:32px;margin-bottom:.75rem;width:32px}@media (max-width:768px){.timeline-title-row{gap:.5rem}.timeline-container{padding:0 0 0 1.5rem}.timeline-container:before{left:-.5px;width:1px}.timeline-connector-wrapper{height:2rem;padding:0 0 0 1.5rem}.timeline-connector-label{font-size:.65rem;padding:.3rem .6rem}.timeline-event:before,.timeline-event:hover:before{height:10px;left:-1.5rem;width:10px}.timeline-event-header-compact{flex-wrap:wrap}.event-title{flex-basis:100%;font-size:.85rem}.event-timestamp{width:100%}.assignment-transition{align-items:flex-start;flex-direction:column;gap:.3rem}.timeline-title{font-size:.85rem}.timeline-event.collapsed{padding:.5rem .75rem}.timeline-event{margin-bottom:.6rem}}.complaint-view-modal{animation:slideUp .3s ease forwards;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:1100px;overflow:visible;padding:1.5rem;transform:translateZ(0);width:90%;will-change:transform}.complaint-layout{display:flex;flex:1 1;gap:1.5rem;min-height:0;overflow-x:visible;overflow-y:auto}.complaint-main{flex:1 1;min-width:0;overflow:visible;padding-right:.5rem;position:relative}.complaint-main::-webkit-scrollbar{width:6px}.complaint-main::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.complaint-main::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.complaint-main::-webkit-scrollbar-thumb:hover{background:#555}.complaint-sidebar{background:linear-gradient(135deg,#f8f9fa,#f0f2f5);border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;flex-shrink:0;gap:1rem;max-height:100%;overflow:visible;padding:1rem;width:280px}.complaint-sidebar::-webkit-scrollbar{width:6px}.complaint-sidebar::-webkit-scrollbar-track{background:#0000}.complaint-sidebar::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.complaint-sidebar::-webkit-scrollbar-thumb:hover{background:#999}.sidebar-section{background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;flex-direction:column;gap:.5rem;overflow:visible;padding:.75rem;position:relative;z-index:10}.sidebar-label{color:#667eea;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.sidebar-display{align-items:center;display:flex;gap:.5rem;min-height:32px}.severity-badge-sidebar{border-radius:6px;display:inline-block;flex:1 1;font-size:.85rem;font-weight:600;padding:.35rem .75rem;text-align:center}.severity-badge-sidebar.severity-critical{background:#ffebee;color:#c62828}.severity-badge-sidebar.severity-major{background:#fff3e0;color:#e65100}.severity-badge-sidebar.severity-minor{background:#eceff1;color:#455a64}.status-badge-sidebar{border-radius:6px;display:inline-block;flex:1 1;font-size:.8rem;font-weight:600;letter-spacing:.3px;padding:.35rem .75rem;text-align:center;text-transform:uppercase}.status-badge-sidebar.status-open{background:#fadbd8;color:#c0392b}.status-badge-sidebar.status-in_progress{background:#d6eaf8;color:#1a5e96}.status-badge-sidebar.status-closed{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #047857;box-shadow:0 2px 6px #10b9814d;color:#fff;font-weight:700;letter-spacing:.5px}.status-badge-sidebar.status-cancelled{background:linear-gradient(135deg,#6b7280,#4b5563);border:1px solid #374151;box-shadow:0 2px 6px #6b72804d;color:#fff;font-weight:700;letter-spacing:.5px}.assigned-name-sidebar{color:#2c3e50;flex:1 1;font-size:.85rem;font-weight:500}.sidebar-edit-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:.9rem;opacity:.7;padding:.2rem;transition:opacity .2s}.sidebar-edit-btn:hover{opacity:1}.sidebar-edit-group{display:flex;flex-direction:column;gap:.4rem}.sidebar-input,.sidebar-select{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#2c3e50;font-family:inherit;font-size:.8rem;padding:.5rem;position:relative;transition:all .2s;z-index:11}.sidebar-input:focus,.sidebar-select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.assignment-dropdown{-webkit-appearance:none;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 .5rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2rem;width:100%}.assignment-dropdown option{background:#fff;color:#2c3e50;padding:.5rem}.assignment-dropdown option:checked{background:linear-gradient(#667eea,#667eea);background-color:#667eea;color:#fff;font-weight:600}.assignment-dropdown:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.sidebar-button-group{display:flex;gap:.3rem;width:100%}.sidebar-btn{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:.4rem .6rem;text-transform:uppercase;transition:all .2s}.sidebar-btn-save{background:#667eea;color:#fff}.sidebar-btn-save:hover{background:#764ba2}.sidebar-btn-cancel{background:#e0e0e0;color:#495057}.sidebar-btn-cancel:hover{background:#d0d0d0}.sidebar-action-buttons{display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem}.status-info-message{align-items:flex-start;background:#e3f2fd;border:1px solid #90caf9;border-radius:4px;display:flex;font-size:.75rem;gap:.5rem;margin-top:.5rem;padding:.6rem .75rem}.info-icon{font-size:.9rem;margin-top:.1rem}.info-text{color:#1565c0;font-weight:500;line-height:1.3;word-break:break-word}.sidebar-btn-primary{background:#667eea;color:#fff;padding:.5rem .6rem;width:100%}.sidebar-btn-primary:hover:not(:disabled){background:#764ba2}.sidebar-btn-primary:disabled{background:#ccc;color:#999;cursor:not-allowed;opacity:.6}.sidebar-btn-success{background:#28a745;color:#fff;font-size:.75rem;padding:.5rem .6rem;width:100%}.sidebar-btn-success:hover{background:#20c997}.sidebar-btn-danger{background:#dc3545;color:#fff;font-size:.75rem;padding:.5rem .6rem;width:100%}.sidebar-btn-danger:hover{background:#c82333}.complaint-main-title{color:#2c3e50;font-size:1.5rem;font-weight:700;letter-spacing:-.3px;line-height:1.5;margin:0}.complaint-header-card{background:#0000;border:none;border-left:4px solid #667eea;border-radius:0;box-shadow:none;margin-bottom:1.5rem;padding:0 0 0 1.25rem}.complaint-header-content{align-items:flex-start;display:flex;gap:1.5rem;justify-content:space-between}.complaint-header-left{flex:1 1;min-width:0}.complaint-id-display{align-items:center;display:flex;flex-shrink:0;gap:.5rem;margin-bottom:.5rem}.complaint-id-label{color:#7f8c8d;display:none;font-size:.7rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}.complaint-problem-card{background:linear-gradient(135deg,#f0f4ff,#f8f9ff);border:1px solid #e0e7ff;border-radius:8px;box-shadow:0 2px 4px #667eea14;margin-bottom:1rem;padding:1.25rem}.problem-section-title{color:#667eea;font-size:.85rem;font-weight:600;letter-spacing:.3px;margin:0 0 .75rem;text-transform:uppercase}.problem-text-prominent{background:#fff;border-left:4px solid #667eea;border-radius:6px;color:#2c3e50;font-size:.95rem;font-weight:500;line-height:1.6;margin:0;padding:1rem;white-space:pre-wrap}.complaint-reporter-card{background:linear-gradient(135deg,#f0f9ff,#f8fbff);border:1px solid #d1e7f7;border-radius:8px;box-shadow:0 1px 3px #3b82f614;margin-bottom:1.25rem;padding:1.25rem}.reporter-section-title{color:#3b82f6;font-size:.85rem;font-weight:600;letter-spacing:.3px;margin:0 0 .75rem;text-transform:uppercase}.reporter-info-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.reporter-item{background:#fff;border:1px solid #e0ecf8;border-radius:6px;display:flex;flex-direction:column;gap:.3rem;padding:.6rem}.reporter-label{color:#5a7a8a;font-size:.7rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.reporter-value{color:#1e40af;font-size:.9rem;font-weight:500;word-break:break-word}.reporter-value.reporter-link{color:#3b82f6}.reporter-badge{align-items:center;background:#d1fae5;border-radius:6px;color:#065f46;display:inline-flex;font-size:.8rem;font-weight:600;gap:.3rem;padding:.35rem .65rem;width:-webkit-fit-content;width:fit-content}.complaint-timeline-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:1.5rem;padding:1.25rem}.timeline-toggle-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:.75rem;margin-bottom:1rem;padding:0;transition:all .2s ease;width:100%}.timeline-toggle-btn:hover{opacity:.8}.timeline-section-title{color:#667eea;flex:1 1;font-size:.85rem;font-weight:600;letter-spacing:.3px;margin:0;text-align:left;text-transform:uppercase}.timeline-toggle-btn .toggle-icon{color:#667eea;display:inline-block;font-size:.75rem;font-weight:600;line-height:1;min-width:1rem;text-align:center;transition:transform .3s ease}.timeline-grid-2col{grid-gap:1rem!important;display:grid!important;gap:1rem!important;grid-template-columns:repeat(2,1fr)!important}.timeline-grid-3col .context-card{max-width:100%}.context-card{align-items:flex-start;background:linear-gradient(135deg,#f8f9fa,#f0f2f5);border:1px solid #e9ecef;border-radius:8px;display:flex;gap:.75rem;padding:1rem;transition:all .2s ease}.context-card:hover{background:linear-gradient(135deg,#f0f2f5,#e8eaef);box-shadow:0 2px 8px #00000014}.context-card-icon{flex-shrink:0;font-size:1.5rem;line-height:1;margin-top:.1rem}.context-card-content{display:flex;flex:1 1;flex-direction:column;gap:.35rem;min-width:0}.context-card-label{color:#667eea;font-size:.7rem;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.context-card-stat{align-items:baseline;display:flex;flex-wrap:wrap;gap:.4rem}.context-card-number{color:#2c3e50;font-size:1.2rem;font-weight:700;line-height:1}.context-card-text{color:#667eea;font-size:.75rem;font-weight:600;line-height:1}.context-card-details{display:flex;flex-direction:column;gap:.2rem;margin-top:.15rem}.context-detail-item{color:#7f8c8d;font-size:.7rem;font-weight:500;line-height:1.2}.context-detail-item.active{color:#e74c3c;font-weight:600}.context-detail-item.warning-text{color:#f39c12;font-weight:600}.context-card-status{color:#2c3e50;font-size:.95rem;font-weight:700;line-height:1}.context-card-description{color:#7f8c8d;font-size:.7rem;font-weight:500;line-height:1.2}.timeline-grid-3col{grid-gap:1rem!important;display:grid!important;gap:1rem!important;grid-template-columns:repeat(3,1fr)!important}.complaint-info-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:1.5rem;padding:1.25rem}.card-section{display:flex;flex-direction:column;gap:.75rem}.card-section-title{color:#667eea;font-size:.85rem;font-weight:600;letter-spacing:.3px;margin:0;text-transform:uppercase}.card-divider{background:#e9ecef;height:1px;margin:.75rem 0}.timeline-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.timeline-item{align-items:flex-start;background:linear-gradient(135deg,#f8f9fa,#f0f2f5);border:1px solid #e9ecef;border-radius:8px;display:flex;gap:.75rem;padding:1rem;transition:all .2s ease}.timeline-item:hover{background:linear-gradient(135deg,#f0f2f5,#e8eaef);box-shadow:0 2px 8px #00000014}.timeline-icon{flex-shrink:0;font-size:1.5rem;line-height:1;margin-top:.1rem}.timeline-content{display:flex;flex:1 1;flex-direction:column;gap:.35rem}.timeline-label{color:#7f8c8d;font-size:.7rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.timeline-value{color:#2c3e50;font-size:.9rem;font-weight:600}.timeline-subtext{align-items:center;background:#667eea14;border-radius:4px;color:#667eea;display:flex;font-size:.8rem;font-weight:600;gap:.4rem;margin-top:.4rem;padding:.3rem .5rem;width:-webkit-fit-content;width:fit-content}.contact-icon{font-size:.8rem}.timeline-badge{background:#27ae601a;border-radius:4px;color:#27ae60;display:inline-block;font-size:.65rem;font-weight:600;margin-top:.35rem;padding:.25rem .5rem;width:-webkit-fit-content;width:fit-content}.problem-text{background:#f8f9fa;border-left:3px solid #667eea;border-radius:6px;color:#2c3e50;font-size:.85rem;line-height:1.5;margin:0;padding:.75rem;white-space:pre-wrap}.device-section{border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:1rem;overflow:hidden}.device-section-toggle{align-items:center;background:linear-gradient(135deg,#f8f9fa,#f0f2f5);border:none;border-bottom:1px solid #e9ecef;color:#2c3e50;cursor:pointer;display:flex;font-weight:600;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.device-section-toggle:hover{background:linear-gradient(135deg,#f0f2f5,#e8eaef)}.toggle-icon{color:#667eea;display:inline-block;font-size:.75rem;min-width:1rem;text-align:center}.device-section-label{color:#667eea;font-size:.95rem;font-weight:600;margin:0}.device-brief{color:#7f8c8d;font-size:.75rem;font-weight:400;margin-left:auto;margin-right:.5rem}.view-full-device-link-compact{background:none;border:none;border-radius:4px;color:#667eea;cursor:pointer;font-size:.7rem;font-weight:600;margin-left:auto;padding:.25rem .5rem;transition:all .2s ease;white-space:nowrap}.view-full-device-link-compact:hover{background:#667eea1a;color:#764ba2}.device-section-content{background:#fff;border-top:1px solid #e9ecef;padding:1rem}.info-grid{grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:.75rem}.info-card{border-radius:6px;display:flex;flex-direction:column;gap:.35rem;padding:.75rem}.info-value-code{background:#fff;border-radius:4px;color:#667eea;font-family:Courier New,monospace;font-size:.95rem;font-weight:600;padding:.5rem}.device-status-section{border-top:1px solid #667eea26;margin-top:.75rem;padding-top:.75rem}.status-subsection-title{color:#667eea;font-size:.75rem;font-weight:600;letter-spacing:.4px;margin:0 0 .6rem;text-transform:uppercase}.status-grid{grid-gap:.6rem;display:grid;gap:.6rem;grid-template-columns:repeat(3,1fr)}.status-card{background:#fff;border:1px solid #e9ecef;border-radius:6px;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;gap:.35rem;padding:.6rem}.status-label{font-weight:600;letter-spacing:.4px}.status-value{font-size:.95rem}.resolution-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:1.5rem;padding:1.25rem}.resolution-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;margin-bottom:1rem;padding-bottom:.75rem}.resolution-title{color:#28a745;font-size:.85rem;font-weight:600;letter-spacing:.3px;margin:0;text-transform:uppercase}.resolution-content{display:flex;flex-direction:column;gap:1rem}.resolution-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.resolution-item{background:linear-gradient(135deg,#f8f9fa,#f0f2f5);border:1px solid #e9ecef;border-radius:6px;display:flex;flex-direction:column;gap:.35rem;padding:.75rem}.resolution-label{color:#7f8c8d;font-size:.7rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.resolution-value{color:#2c3e50;font-size:.9rem;font-weight:600}.resolution-badge{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.2px;padding:.35rem .75rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.resolution-badge.badge-yes{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#f57c00}.resolution-badge.badge-no{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#388e3c}.resolution-remarks{background:linear-gradient(135deg,#e8f5e9,#f0f9ff);border-left:4px solid #28a745;border-radius:6px;display:flex;flex-direction:column;gap:.4rem;padding:1rem}.resolution-text{color:#2c3e50;font-size:.85rem;font-weight:500;line-height:1.5;margin:0;white-space:pre-wrap}.cancellation-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:1.5rem;padding:1.25rem}.cancellation-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;margin-bottom:1rem;padding-bottom:.75rem}.cancellation-title{color:#6b7280;font-size:.85rem;font-weight:600;letter-spacing:.3px;margin:0;text-transform:uppercase}.cancellation-content{display:flex;flex-direction:column;gap:1rem}.cancellation-date{background:linear-gradient(135deg,#f8f9fa,#f0f2f5);border:1px solid #e9ecef;border-radius:6px;display:flex;flex-direction:column;gap:.35rem;padding:.75rem}.cancellation-label{color:#7f8c8d;font-size:.7rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.cancellation-value{color:#2c3e50;font-size:.9rem;font-weight:600}.cancellation-reason-section{background:linear-gradient(135deg,#fef3c7,#fef0e8);border-left:4px solid #dc2626;border-radius:6px;display:flex;flex-direction:column;gap:.4rem;padding:1rem}.cancellation-text{color:#7c2d12;font-size:.85rem;font-weight:500;line-height:1.5;margin:0;white-space:pre-wrap}.notes-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:1.5rem;overflow:visible;padding:1rem;position:relative}.notes-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.notes-section h4{color:#667eea;font-size:.95rem;font-weight:600;margin:0}.notes-toggle-btn{align-items:center;background:none;border:none;color:#667eea;cursor:pointer;display:flex;font-size:.7rem;font-weight:600;gap:.3rem;padding:.25rem .5rem;transition:all .2s ease;white-space:nowrap}.notes-toggle-btn:hover{opacity:.8}.notes-toggle-icon{display:inline-block;font-size:.6rem;min-width:.6rem;text-align:center;transition:transform .3s ease}.notes-toggle-text{font-size:.7rem}.add-note-form{background:#f8f9fa;border-radius:6px;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.75rem}.add-note-form textarea{background:#fff;border:1px solid #e0e0e0;border-radius:5px;font-family:inherit;font-size:.85rem;min-height:60px;padding:.6rem;resize:vertical}.add-note-form textarea:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea14;outline:none}.add-note-form button{align-self:flex-end;font-size:.8rem;padding:.4rem .8rem}.notes-list{gap:.6rem;max-height:250px;overflow-x:visible;overflow-y:auto;padding:0;position:relative;z-index:1}.note-item{border-radius:6px;overflow:visible;padding:.75rem;position:relative;transition:all .2s;z-index:2}.note-item:hover{box-shadow:0 2px 8px #0000001a}.note-item-latest{background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border:1.5px solid #667eea;box-shadow:0 2px 8px #667eea26}.note-badge{align-items:center;background:#667eea;border-radius:12px;color:#fff;display:inline-flex;flex-shrink:0;font-size:.65rem;font-weight:600;letter-spacing:.3px;margin-left:auto;padding:.25rem .6rem;text-transform:uppercase}.notes-history{border-top:1px solid #e9ecef;display:flex;flex-direction:column;gap:.6rem;margin-top:.75rem;padding-top:.75rem}.note-header{flex-wrap:wrap;gap:.75rem;justify-content:flex-start;margin-bottom:.35rem;overflow:visible;padding-bottom:.35rem;position:relative;z-index:10}.note-author-info{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.note-author-icon{flex-shrink:0;font-size:.9rem}.note-author-name{color:#2c3e50;font-size:.8rem;font-weight:600;line-height:1}.employee-id-icon{flex-shrink:0;font-size:.85rem;line-height:1}.employee-id-value{font-family:Courier New,monospace;font-size:.75rem;font-weight:600;letter-spacing:.3px;line-height:1}.note-author{color:#667eea;font-size:.75rem}.note-time{color:#6c757d;font-size:.7rem}.note-content{color:#2c3e50;font-size:.85rem;line-height:1.4;white-space:pre-wrap}.empty-notes{color:#6c757d;font-size:.85rem;font-style:italic;padding:1rem;text-align:center}.form-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.form-modal{animation:slideUp .3s ease;background:#fff;border-radius:8px;box-shadow:0 10px 40px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;padding:1.5rem;width:90%}.form-modal h4{color:#667eea;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.form-warning{background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px;color:#856404;font-size:.9rem;margin:0 0 1rem;padding:.75rem}.form-group{margin-bottom:1rem}.form-group label{margin-bottom:.35rem;text-transform:none!important}.form-group textarea{border:1px solid #e0e0e0;border-radius:5px;font-family:inherit;font-size:.85rem;min-height:70px;padding:.6rem;transition:all .3s;width:100%}.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea14;outline:none}.checkbox-container{align-items:center;background:#fff;border:1px solid #d0d0d0;border-radius:6px;cursor:pointer;display:flex;gap:.6rem;padding:.65rem;transition:all .3s ease}.checkbox-container:hover{background:#f9f9fc;border-color:#667eea;box-shadow:0 2px 4px #667eea1a}.checkbox-container input[type=checkbox]{cursor:pointer;flex-shrink:0;height:1.1rem;margin:0;width:1.1rem}.checkbox-container span{color:#2c3e50;flex:1 1;font-size:.9rem;font-weight:500}.spare-parts-field{display:flex;flex-direction:column;gap:.6rem}.spare-parts-field .checkbox-container{background:#fff;border:1px solid #d0d0d0;border-radius:6px;cursor:pointer;margin-bottom:.4rem;padding:.65rem;transition:all .3s ease}.spare-parts-field .checkbox-container:hover{background:#f9f9fc;border-color:#667eea;box-shadow:0 2px 4px #667eea1a}.spare-parts-field .checkbox-container input[type=checkbox]{cursor:pointer;flex-shrink:0;height:1.1rem;margin-right:.6rem;width:1.1rem}.spare-parts-field .checkbox-container span{color:#2c3e50;font-size:.9rem;font-weight:500}.spare-parts-info{color:#7f8c8d;font-size:.8rem;font-weight:400;line-height:1.4;margin-top:.2rem;padding:0 .5rem}.form-actions{margin-top:1.5rem}.form-btn{align-items:center;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .3s ease}.form-btn:hover:not(:disabled){box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.form-btn:disabled{cursor:not-allowed;opacity:.6}.form-btn-success{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.form-btn-danger{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff}.form-btn-secondary{background:#fff;border:2px solid #dee2e6;color:#495057}.form-btn-secondary:hover{background:#f8f9fa;border-color:#adb5bd}.unassigned-text{color:#6c757d}.sidebar-toggle-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;gap:.5rem;padding:0;text-align:left;transition:all .2s ease;width:100%}.sidebar-toggle-btn:hover{opacity:.8}.sidebar-toggle-icon{color:#667eea;display:inline-block;flex-shrink:0;font-size:.6rem;font-weight:600;line-height:1;min-width:.8rem;text-align:center;transition:transform .3s ease}.device-context{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.device-context-item{display:flex;flex-direction:column;gap:.2rem}.device-context-label{color:#7f8c8d;font-size:.65rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.device-context-value{color:#2c3e50;font-size:.8rem;font-weight:500;word-break:break-word}.department-badge-wrapper{align-items:center;display:flex;gap:.5rem}.department-icon-sidebar{flex-shrink:0;font-size:1.1rem;line-height:1}.department-badge-sidebar{background:linear-gradient(135deg,#7c8ff0,#8b5fb8);border-radius:20px;box-shadow:0 2px 4px #667eea66;color:#fff;display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1rem}.device-context-value-code{background:#667eea0d;border-radius:3px;color:#667eea;font-family:Courier New,monospace;font-size:.75rem;font-weight:600;padding:.3rem;word-break:break-all}.device-context-status{color:#2c3e50;font-size:.75rem;font-weight:600}.device-context-status.success{color:#27ae60}.device-context-status.warning{color:#f39c12}.device-context-status.critical{color:#e74c3c}.device-context-status.info{color:#3498db}.device-context-divider{background:#e0e0e0;height:1px;margin:.25rem 0}.view-full-device-link-sidebar{background:none;border:none;color:#667eea;cursor:pointer;font-size:.7rem;font-weight:600;margin-top:.25rem;padding:.4rem 0;text-align:left;transition:all .2s ease;width:100%}.view-full-device-link-sidebar:hover{color:#764ba2;text-decoration:underline}@media (max-width:992px){.complaint-layout{flex-direction:column;gap:1rem}.complaint-sidebar{flex-direction:row;flex-wrap:wrap;max-height:none;width:100%}.sidebar-section{flex:0 1 auto;max-width:100%;min-width:150px}.meta-info,.status-grid{grid-template-columns:repeat(2,1fr)}}.action-banner{align-items:center;animation:slideDown .3s ease;border-radius:6px;display:flex;gap:.75rem;margin:0 0 1rem;padding:.75rem 1rem}.action-banner-success{background-color:#d4edda;border:1px solid #c3e6cb}.action-banner-error{background-color:#fee2e2;border:1px solid #f5c2c7}.action-banner-icon{flex-shrink:0;font-size:1.2rem;font-weight:700}.action-banner-title{flex-shrink:0;font-size:.85rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.action-banner-success .action-banner-icon,.action-banner-success .action-banner-message,.action-banner-success .action-banner-title{color:#155724}.action-banner-error .action-banner-icon,.action-banner-error .action-banner-title{color:#dc2626}.action-banner-error .action-banner-message{color:#991b1b}.action-banner-message{flex:1 1;font-size:.8rem;font-weight:500}.action-banner-close{background:none;border:none;cursor:pointer;flex-shrink:0;font-size:1rem;opacity:.7;padding:0;transition:opacity .2s ease}.action-banner-error .action-banner-close{color:#dc2626}.action-banner-success .action-banner-close{color:#155724}.action-banner-close:hover{opacity:1}.error-banner{align-items:center;animation:slideDown .3s ease;background-color:#fee2e2;border-radius:6px;display:flex;gap:.75rem;margin:0 0 1rem;padding:.75rem 1rem}.error-banner-icon{flex-shrink:0;font-size:1.2rem}.error-banner-title{color:#dc2626;font-size:.85rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.error-banner-message{color:#991b1b;flex:1 1;font-size:.8rem;font-weight:500}.error-banner-close{background:none;border:none;color:#dc2626;cursor:pointer;flex-shrink:0;font-size:1rem;opacity:.7;padding:0;transition:opacity .2s ease}.error-banner-close:hover{opacity:1}.form-modal-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.form-modal-title{align-items:center;color:#2c3e50;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin:0}.form-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#7f8c8d;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;justify-content:center;line-height:1;padding:.25rem .5rem;transition:all .2s}.form-modal-close:hover{background:#f0f0f0;color:#2c3e50}.cancel-reason-info{background:#fffbea;border:1px solid #ffeaa7;border-left:4px solid #f39c12;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.form-warning-enhanced{color:#7d6608;font-size:.9rem;font-weight:500;line-height:1.5;margin:0 0 1rem}.cancel-reason-examples{background:#fff;border:1px solid #ffeaa7;border-radius:6px;padding:.75rem}.examples-label{color:#f39c12;font-size:.85rem;font-weight:600;letter-spacing:.3px;margin:0 0 .5rem;text-transform:uppercase}.examples-list{color:#5a6c7d;font-size:.85rem;line-height:1.6;margin:0;padding-left:1.5rem}.examples-list li{font-weight:500;margin-bottom:.4rem}.cancel-reason-textarea{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#2c3e50;font-family:inherit;font-size:.9rem;min-height:100px;padding:.75rem;resize:vertical;transition:all .3s;width:100%}.cancel-reason-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.cancel-reason-textarea::placeholder{color:#adb5bd}.textarea-char-count{color:#7f8c8d;display:flex;font-size:.75rem;font-style:italic;font-weight:500;justify-content:flex-end;margin-top:.4rem}.form-actions-cancel{border-top:1px solid #e9ecef;display:flex;gap:.75rem;margin-top:1.75rem;padding-top:1rem}.form-actions-cancel .form-btn{flex:1 1}.form-actions-cancel .form-btn-secondary{order:1}.form-actions-cancel .form-btn-danger{order:2}.close-reason-info{background:#e3f2fd;border:1px solid #90caf9;border-left:4px solid #1976d2;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.close-remarks-textarea{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#2c3e50;font-family:inherit;font-size:.9rem;min-height:100px;padding:.75rem;resize:vertical;transition:all .3s;width:100%}.close-remarks-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.close-remarks-textarea::placeholder{color:#adb5bd}.form-actions-close{border-top:1px solid #e9ecef;display:flex;gap:.75rem;margin-top:1.75rem;padding-top:1rem}.form-actions-close .form-btn{flex:1 1}.form-actions-close .form-btn-secondary{order:1}.form-actions-close .form-btn-success{order:2}.form-btn-secondary .action-icon{color:#667eea}.form-modal-content{display:flex;flex:1 1;flex-direction:column;gap:0}.Toastify__toast,.Toastify__toast--error,.Toastify__toast--info,.Toastify__toast--success,.Toastify__toast--warning,.Toastify__toast-container{z-index:99999!important}.complaint-view-fullpage{background:#f8f9fa;display:flex;flex-direction:column;height:100%;padding:0;width:100%}.complaint-view-fullpage-content{background:#fff;border-radius:0;box-shadow:none;display:flex;flex:1 1;flex-direction:column;height:100%;max-height:none;max-width:none;overflow:hidden;padding:1.5rem;width:100%}.complaint-view-fullpage-content .modal-header{border-bottom:2px solid #f0f0f0;margin-bottom:1.5rem;padding-bottom:1rem}@media (max-width:768px){.complaint-view-modal{display:flex;flex-direction:column;max-height:90vh;max-width:95%;padding:1rem}.complaint-layout{flex:1 1;flex-direction:column;gap:.75rem;min-height:0;overflow-x:visible;overflow-y:auto}.complaint-main{flex:none;min-height:auto;overflow:visible}.complaint-header-content{align-items:flex-start;flex-direction:column;gap:.75rem}.complaint-id-display{width:100%}.reporter-info-grid{grid-template-columns:1fr}.resolution-grid,.timeline-grid,.timeline-grid-2col,.timeline-grid-3col{grid-template-columns:1fr!important}.complaint-sidebar{flex-direction:column;flex-wrap:wrap;gap:.5rem;max-height:none;padding:.75rem;width:100%}.sidebar-section{padding:.5rem;width:100%}.sidebar-label{font-size:.7rem}.sidebar-btn{font-size:.65rem;padding:.35rem .4rem}.sidebar-action-buttons{flex-direction:row;width:100%}.sidebar-btn-danger,.sidebar-btn-primary,.sidebar-btn-success{flex:1 1}.modal-header{margin-bottom:1rem}.modal-header h3{font-size:1.2rem}.complaint-view-fullpage-content .modal-header{flex-wrap:wrap;gap:.5rem}.complaint-view-fullpage-content .modal-header .action-btn{flex:0 1 auto;max-width:60%;padding:.5rem .75rem}.complaint-view-fullpage-content .modal-header .action-btn .action-text{line-height:1.2;overflow-wrap:anywhere;white-space:normal;word-break:break-word}.complaint-main-title{font-size:1.1rem;margin-bottom:.75rem}.meta-info{gap:.5rem}.meta-info,.status-grid{grid-template-columns:1fr}.status-grid{gap:.4rem}.section-block{margin-bottom:.75rem;padding:.5rem}.notes-section{margin-top:.75rem;padding:.75rem}.info-grid{gap:.5rem;grid-template-columns:1fr}.device-brief{font-size:.65rem;margin-right:.25rem}.resolution-card{margin-bottom:1rem;padding:1rem}.resolution-grid{gap:.5rem;grid-template-columns:1fr}.resolution-item{padding:.6rem}.form-modal{padding:1rem;width:95%}.form-actions{flex-direction:column;gap:.5rem}.form-btn{font-size:.85rem;padding:.6rem 1rem}}@media (max-width:480px){.complaint-sidebar{flex-direction:column;flex-wrap:nowrap;width:100%}.sidebar-section{width:100%}.sidebar-label{font-size:.65rem}.complaint-view-modal{padding:.75rem}.modal-header h3{font-size:1.1rem}.complaint-view-fullpage-content .modal-header .action-btn{max-width:100%}}.qr-code-modal{align-items:center;animation:modalFadeIn .2s ease;display:flex;justify-content:center;position:fixed;z-index:9998}.qr-code-modal,.qr-overlay{bottom:0;left:0;right:0;top:0}.qr-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;position:absolute}.qr-container{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:90%}.qr-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.qr-header h3{font-size:1.3rem;font-weight:600;margin:0}.qr-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.3rem;height:32px;justify-content:center;transition:all .2s;width:32px}.qr-close:hover{background:#ffffff4d;transform:rotate(90deg)}.qr-body{flex:1 1;overflow-y:auto;padding:1rem 1.5rem;text-align:center}.qr-device-info{margin-bottom:.5rem}.qr-device-info h4{color:#2c3e50;font-size:1.15rem;margin:0 0 .3rem}.qr-serial{color:#495057;font-size:.9rem;margin:.2rem 0}.qr-serial strong{color:#667eea;font-weight:600}.qr-serial-secondary{color:#6c757d;font-size:.8rem;margin:.15rem 0}.qr-model{color:#495057;font-size:.85rem;font-weight:500;margin:.15rem 0}.qr-code-display{align-items:center;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;justify-content:center;margin:.5rem 0;padding:.5rem}.qr-code-svg{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;height:220px!important;padding:.75rem;width:220px!important}.qr-device-id{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;font-size:1.1rem;letter-spacing:1px;margin-top:1rem;padding:.5rem 1.5rem}.qr-device-id strong{font-weight:700}.qr-device-id-badge{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center;margin-top:0}.qr-copy-url-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:24px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:0;margin-top:.75rem;padding:.6rem 1.4rem;transition:all .3s ease;white-space:nowrap}.qr-copy-url-btn:hover{background:linear-gradient(135deg,#5568d3,#663a8e);box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.qr-copy-url-btn:active{transform:translateY(0)}.qr-copy-url-btn.copied{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.qr-copy-url-btn.copied:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166}.qr-copy-url-btn .copy-icon{font-size:1rem;line-height:1}.qr-copy-url-btn .copy-text{line-height:1}@keyframes copyPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.qr-instructions{align-items:center;background:#e7f3ff;border-left:4px solid #667eea;border-radius:8px;color:#6c757d;display:flex;font-size:.8rem;gap:.5rem;justify-content:center;line-height:1.3;margin:.3rem 0;padding:.3rem .6rem}.qr-info-icon{font-size:1.2rem}.qr-actions{flex-shrink:0;margin-top:.3rem}.action-palette-inline{gap:.6rem;padding:.5rem .8rem}.action-btn{gap:.4rem;padding:.5rem .9rem}.qr-screen-layout{display:block}.qr-batch-print-layout,.qr-print-layout{display:none}.qr-batch-print-grid{grid-gap:.25rem;background:#fff;display:grid;gap:.25rem;grid-template-columns:repeat(4,1fr);padding:.5rem;width:100%}@media print{body{background:#fff!important;margin:0!important;padding:0!important}body>:not(.qr-code-modal){display:none!important}.qr-code-modal{background:#fff!important;display:block!important;height:auto!important;position:static!important;width:100%!important;z-index:auto!important}.qr-overlay{display:none!important}.qr-container{background:#fff!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin:0!important;max-height:none!important;max-width:100%!important;overflow:visible!important;padding:0!important;position:static!important;width:100%!important}.qr-header{display:none!important}.qr-body{align-items:flex-start!important;background:#fff!important;display:flex!important;flex:none!important;flex-direction:column!important;justify-content:flex-start!important;margin:0!important;overflow:visible!important;padding:.3rem!important}.qr-screen-layout{display:none!important}.qr-print-layout{align-items:flex-start!important;border:1px solid #ddd!important;display:flex!important;flex-direction:column!important;gap:0!important;justify-content:flex-start!important;padding:.3rem!important;width:auto!important}.qr-print-device-id{color:#2c3e50!important;font-family:Courier New,monospace!important;font-size:.7rem!important;font-weight:700!important;letter-spacing:1px!important;line-height:1!important;margin-bottom:0!important;text-align:center!important;width:100%!important}.qr-print-layout .qr-code-svg{background:#fff!important;border-radius:0!important;box-shadow:none!important;height:30mm!important;margin:0 auto!important;padding:0!important;width:30mm!important}.qr-print-info{display:flex!important;flex-direction:column!important;font-size:.6rem!important;gap:.08rem!important;text-align:center!important;width:100%!important}.qr-print-item{display:block!important;font-size:.6rem!important;line-height:1.2!important}.qr-print-label{color:#2c3e50!important;display:inline!important;font-weight:600!important}.qr-print-value{color:#495057!important;display:inline!important}.qr-batch-print-layout{display:block!important;width:100%!important}.qr-batch-print-grid{grid-gap:.2rem!important;display:grid!important;gap:.2rem!important;grid-template-columns:repeat(4,1fr)!important;padding:.3rem!important;width:100%!important}.qr-batch-cell{align-items:center!important;border:1px solid #e0e0e0!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:.3rem!important;page-break-inside:avoid!important}.qr-batch-cell-id{color:#2c3e50!important;font-family:Courier New,monospace!important;font-size:.7rem!important;font-weight:700!important;letter-spacing:1px!important;margin-bottom:.15rem!important;text-align:center!important}.qr-batch-cell .qr-code-svg{background:#fff!important;border-radius:0!important;box-shadow:none!important;height:30mm!important;margin:0 auto .1rem!important;padding:0!important;width:30mm!important}.qr-batch-cell-info{display:flex!important;flex-direction:column!important;font-size:.6rem!important;gap:.08rem!important;text-align:center!important;width:100%!important}.qr-batch-cell-label{color:#2c3e50!important;font-weight:600!important}.qr-batch-cell-value{color:#495057!important;font-weight:500!important}.qr-actions,.qr-code-display,.qr-copy-url-btn,.qr-device-id-badge,.qr-device-info,.qr-instructions,.qr-url-display{display:none!important}@page{size:A4;margin:.2in}}@media (max-width:576px){.qr-container{max-height:95vh;width:95%}.qr-header{padding:.75rem 1rem}.qr-header h3{font-size:1.1rem}.qr-close{font-size:1rem;height:28px;width:28px}.qr-body{padding:1rem}.qr-device-info h4{font-size:1rem;margin-bottom:.2rem}.qr-model{font-size:.75rem}.qr-serial-secondary{font-size:.7rem}.qr-code-display{gap:.6rem;margin:.5rem 0;padding:.6rem}.qr-code-svg{height:220px!important;padding:.5rem!important;width:220px!important}.qr-device-id-badge{margin-top:0}.qr-url-display{margin:.3rem 0;padding:.4rem}.qr-url-label{font-size:.7rem;margin:0 0 .3rem}.qr-url-box{gap:.2rem;padding:.4rem}.qr-url-text{font-size:.55rem}.qr-instructions{font-size:.7rem;margin:.3rem 0;padding:.35rem .5rem}.qr-info-icon{font-size:1rem}.action-btn{font-size:.75rem;gap:.25rem;padding:.4rem .65rem}.action-icon{font-size:.9rem}}.modal-with-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080}.modal-dialog{animation:modal-slide-in .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:90vw}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-small{width:400px}.modal-medium{width:550px}.modal-large{width:700px}@media (max-width:768px){.modal-large,.modal-medium,.modal-small{width:90vw}}.modal-title{color:#2c3e50;font-size:1.25rem;font-weight:700;letter-spacing:-.3px;margin:0}.modal-close-btn{min-height:32px;min-width:32px;padding:.25rem}.modal-close-btn:active{transform:scale(.95)}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#a0aec0}.modal-footer{border-top:1px solid #e5e7eb;flex-shrink:0;gap:.75rem;padding:1rem 1.5rem}@media (max-width:768px){.modal-title{margin-right:.5rem;max-width:calc(100% - 50px);overflow-wrap:break-word;word-break:break-word}}@media (max-width:480px){.modal-overlay{padding:1rem}.modal-dialog{border-radius:8px}.modal-header{gap:.75rem;padding:1rem}.modal-title{font-size:1.1rem;margin-right:.5rem;max-width:calc(100% - 50px);overflow-wrap:break-word;word-break:break-word}.modal-close-btn{font-size:1.25rem;min-height:28px;min-width:28px}.modal-body{padding:1rem}.modal-footer{flex-direction:column-reverse;padding:.75rem 1rem}}.device-list{background:#0000;overflow:visible;padding:0;position:relative}.device-list-export-section{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.export-buttons-wrapper{display:flex;gap:.75rem}.device-list-legend{align-items:center;display:flex;gap:.5rem}.legend-item{gap:.5rem}.legend-indicator{background:linear-gradient(135deg,#fff3cd,#fff8e1);border:2px solid #f57c00;border-radius:4px;box-shadow:0 0 8px #f57c004d;height:16px;width:16px}.legend-text{font-size:.85rem;font-weight:500;white-space:nowrap}.device-count-section{color:#667eea;font-size:.75rem;font-weight:700;margin-bottom:.75rem;padding-bottom:0}.export-btn-primary{display:inline-flex;font-size:.9rem;gap:.5rem;padding:.65rem 1.25rem;transition:all .2s ease}.export-btn-primary:hover{transform:translateY(-1px)}.export-icon{align-items:center;display:flex;justify-content:center}.export-text{font-weight:600}.dropdown-arrow{font-size:.75rem;transition:transform .2s ease}.export-btn-primary:hover .dropdown-arrow{transform:translateY(2px)}.export-dropdown-menu{animation:slideDownFade .2s ease;box-shadow:0 10px 25px #0000001f,0 0 0 1px #0000000d;top:calc(100% + 6px);z-index:1000}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.export-menu-item{background:#fff;color:#374151;padding:.85rem 1rem;transition:all .15s ease;white-space:nowrap}.export-menu-item:hover:not(.disabled){background:#f9fafb;color:#1f2937}.export-menu-item:active:not(.disabled){background:#f3f4f6}.export-menu-item.disabled{color:#9ca3af}.export-menu-item.disabled:hover{background:#fff}.export-menu-icon{align-items:center;display:flex;justify-content:center;min-width:1.2rem}.export-menu-text{font-weight:500}.coming-soon-badge{font-size:.7rem;font-weight:600;margin-left:auto;padding:.2rem .6rem}.device-table{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border:1px solid #e5e7eb;border-collapse:collapse;border-radius:10px;box-shadow:0 1px 3px #00000014;font-size:.9rem;overflow:visible;transform:translateZ(0);width:100%}.device-table thead{background:linear-gradient(135deg,#f8f9fa,#f3f4f6);border-bottom:2px solid #e5e7eb}.device-table th{color:#2c3e50;font-size:.75rem;font-weight:700;letter-spacing:.3px;padding:.85rem 1rem;text-align:left;text-transform:uppercase}.device-table td{color:#1f2937;padding:.9rem 1rem;text-align:left;vertical-align:middle}.device-table tbody tr{border-bottom:1px solid #d1d5db;height:auto;position:relative;transition:background-color .15s ease,box-shadow .15s ease;will-change:background-color,box-shadow}.device-table tbody tr:before{background:#0000;bottom:0;content:"";left:0;pointer-events:none;position:absolute;top:0;transition:background .15s ease,box-shadow .15s ease;width:4px;will-change:background,box-shadow;z-index:1}.device-table tbody tr.has-active-complaints{background:linear-gradient(135deg,#fffbf0,#fffdfa)}.device-table tbody tr.has-active-complaints:before{background:linear-gradient(180deg,#f57c00,#ff9800);box-shadow:0 0 8px #f57c0066}.device-table tbody tr:hover{background:linear-gradient(135deg,#f0f4ff,#f8fafc);box-shadow:0 1px 4px #667eea1a}.device-table tbody tr:hover:before{background:#667eea;box-shadow:0 0 4px #667eea40}.device-table tbody tr.has-active-complaints:hover{background:linear-gradient(135deg,#ffe8b3,#fff3cd);box-shadow:0 1px 4px #f57c001a}.device-table tbody tr.has-active-complaints:hover:before{background:linear-gradient(180deg,#f57c00,#ff9800);box-shadow:0 0 4px #f57c0040}.device-id{font-weight:500}.device-name{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;gap:.5rem;overflow:visible!important;position:relative;text-align:left}.device-indicators{align-items:center;display:flex!important;flex-direction:row;flex-wrap:wrap;gap:.5rem;line-height:1.2;margin-top:.4rem;min-height:auto;width:100%}.complaint-indicator{align-items:center;background:#fff7ed;border:1px solid #fed7aa;border-radius:6px;box-shadow:none;color:#92400e;display:inline-flex;font-size:.8rem;font-weight:600;gap:.4rem;margin-right:.5rem;padding:.35rem .75rem;position:relative;transition:background .15s ease,color .15s ease,border-color .15s ease;white-space:nowrap}.complaint-indicator.clickable{cursor:pointer}.complaint-indicator.clickable:hover{background:#ffedd5;border-color:#fb923c;color:#7c2d12}.complaint-preview-tooltip{animation:tooltipFadeIn .2s ease;background:#fff;border-radius:10px;box-shadow:0 8px 24px #0003;left:0;max-width:400px;min-width:320px;position:absolute;top:calc(100% + 8px);z-index:1000}.tooltip-complaints{max-height:300px;overflow-y:auto;padding:.5rem}.tooltip-complaint-item{border-bottom:1px solid #f0f0f0;border-radius:6px;padding:.75rem;transition:background .2s}.tooltip-complaint-item:last-child{border-bottom:none}.tooltip-complaint-item:hover{background:#f8f9fa}.tooltip-complaint-header{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.5rem}.tooltip-complaint-title{color:#2c3e50;flex:1 1;font-size:.85rem;font-weight:600;line-height:1.4}.tooltip-complaint-status{border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .6rem;text-transform:capitalize;white-space:nowrap}.tooltip-complaint-details{display:flex;flex-direction:column;gap:.25rem}.tooltip-complaint-meta{color:#6c757d;display:flex;flex-direction:column;font-size:.75rem;gap:.15rem}.tooltip-complaint-meta span{line-height:1.4}.attachment-indicator-wrapper{display:inline-flex;position:relative}.attachment-indicator{align-items:center;background:#f0f9ff;border:1px solid #7dd3fc;border-radius:6px;box-shadow:none;color:#0369a1;cursor:pointer;font-size:.8rem;font-weight:600;gap:.4rem;margin-right:.5rem;padding:.35rem .75rem;position:relative;transition:background .15s ease,color .15s ease,border-color .15s ease;white-space:nowrap}.attachment-indicator,.attachment-indicator.clickable{display:inline-flex!important;opacity:1!important;visibility:visible!important}.attachment-indicator.clickable:hover{background:#e0f2fe;border-color:#0369a1;color:#0c4a6e}.alert-indicator{align-items:center;background:#fef2f2;border:1px solid #fca5a5;border-radius:6px;box-shadow:none;color:#991b1b;display:inline-flex;font-size:.8rem;font-weight:600;gap:.4rem;margin-right:.5rem;padding:.35rem .75rem;position:relative;transition:background .15s ease,color .15s ease,border-color .15s ease;white-space:nowrap}@keyframes pulse-glow{0%,to{box-shadow:0 2px 8px #dc262640;opacity:1}50%{box-shadow:0 4px 14px #dc262659;opacity:.9}}.alert-indicator.clickable{cursor:pointer}.alert-indicator.clickable:hover{background:#fee2e2;border-color:#f87171;color:#7f1d1d}.document-preview-tooltip{animation:tooltipFadeIn .2s ease;background:#fff;border-radius:10px;box-shadow:0 8px 24px #0003;left:0;max-width:350px;min-width:280px;position:absolute;top:calc(100% + 8px);z-index:1000}.tooltip-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px 10px 0 0;color:#fff;font-size:.85rem;padding:.75rem 1rem}.tooltip-documents{max-height:300px;overflow-y:auto;padding:.5rem}.tooltip-doc-item{align-items:center;border-radius:6px;display:flex;gap:.75rem;padding:.65rem;transition:background .2s}.tooltip-doc-item:hover{background:#f8f9fa}.tooltip-doc-icon{font-size:1.5rem;line-height:1}.tooltip-doc-info{flex:1 1;min-width:0}.tooltip-doc-name{color:#2c3e50;font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tooltip-doc-type{color:#6c757d;font-size:.7rem;margin-top:.15rem}.tooltip-loading{color:#6c757d;font-size:.85rem;font-style:italic;padding:1rem;text-align:center}.category{text-transform:capitalize}.actions{padding:0;text-align:center;vertical-align:middle}.actions-menu-wrapper{display:inline-block;position:relative}.action-menu-trigger{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#6b7280;cursor:pointer;display:inline-flex;font-size:1.2rem;font-weight:600;height:36px;justify-content:center;padding:0;transition:background-color .15s ease,border-color .15s ease,color .15s ease;width:36px}.action-menu-trigger:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 1px 3px #0000000d;color:#374151}.action-menu-trigger:active{background:#f3f4f6}.action-menu-icon{align-items:center;display:flex;justify-content:center;line-height:1}.action-dropdown-menu{animation:slideInUp .2s ease;border:1px solid #e5e7eb;box-shadow:0 10px 25px #0000001f,0 0 0 1px #0000000d;min-width:140px}@keyframes slideInUp{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.action-menu-item{align-items:center;background:#fff;border:none;color:#374151;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:background-color .12s ease;white-space:nowrap;width:100%}.action-menu-item:hover{background:#f9fafb;color:#1f2937}.action-menu-item:active{background:#f3f4f6}.action-menu-item.disabled{color:#9ca3af;cursor:not-allowed;opacity:.4;pointer-events:none}.action-menu-item.disabled:hover{background:#fff;color:#9ca3af}.action-menu-item.action-edit-item .menu-item-icon{color:#d97706}.action-menu-item.action-qr-item .menu-item-icon{color:#1e40af}.action-menu-item.action-complaint-item .menu-item-icon{color:#b45309}.action-menu-item.action-delete-item{color:#dc2626}.action-menu-item.action-delete-item:hover{background:#fef2f2;color:#991b1b}.action-menu-item.action-delete-item .menu-item-icon{color:#dc2626}.menu-item-icon{align-items:center;display:flex;font-size:1rem;justify-content:center;line-height:1;min-width:1.2rem}.menu-item-label{flex:1 1;font-weight:500}.action-menu-divider{background:#e5e7eb;height:1px;margin:.5rem 0}.action-icon-sm{font-size:.9rem}.complaints-modal{background:#fff;border-radius:16px;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;position:relative;width:90%}.modal-header{border-bottom:1px solid #e5e7eb;color:#2c3e50}.close-btn{color:#6b7280}.modal-content{padding:1.5rem}.complaints-list{display:flex;flex-direction:column;gap:1rem}.complaint-item{border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:1rem;transition:all .3s ease}.complaint-item:hover{background:linear-gradient(135deg,#667eea05,#667eea0d);border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.complaint-item-title{color:#2d3748;flex:1 1;font-size:1rem;font-weight:700;line-height:1.4}.complaint-item-status{border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize;white-space:nowrap}.complaint-item-details{display:flex;flex-direction:column}.complaint-item-meta{color:#718096;display:flex;flex-wrap:wrap;font-size:.85rem;gap:.75rem}.complaint-item-problem{color:#4a5568;font-size:.9rem;line-height:1.6;margin-top:.25rem}.complaint-item-footer{border-top:1px solid #e2e8f0;margin-top:.75rem;padding-top:.75rem}.view-link{color:#667eea;font-size:.85rem;font-weight:600;transition:color .2s}.complaint-item:hover .view-link{color:#764ba2}.no-complaints{color:#718096;padding:3rem 2rem;text-align:center}.no-complaints p{font-size:1rem;margin:0}.modal-overlay{z-index:2000}.document-preview-modal{animation:slideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:900px;overflow:hidden;width:90%}.document-viewer{align-items:center;background:#f5f5f5;display:flex;flex:1 1;justify-content:center;min-height:500px;position:relative}.pdf-viewer{border:none;height:100%;width:100%}.image-viewer{align-items:center;display:flex;height:100%;justify-content:center;padding:1rem;width:100%}.preview-image{border-radius:8px;box-shadow:0 4px 12px #00000026;max-height:100%;max-width:100%;object-fit:contain}.preview-loading{gap:1rem}.document-unavailable,.preview-loading{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center}.document-unavailable{gap:1.5rem;padding:2rem;text-align:center}.document-unavailable p{font-size:1rem;margin:0}.document-unavailable .file-info{color:#999;font-size:.85rem;font-style:italic;margin-top:-.5rem}.btn-download-preview{align-items:center;background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.btn-download-preview:hover{background:#764ba2;box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.modal-footer{align-items:center;background:#f8f9fa;border-top:1px solid #dee2e6;gap:1rem;justify-content:space-between;padding:1.25rem 1.5rem}.document-info{color:#6c757d;flex:1 1;font-size:.85rem}.document-info p{line-height:1.5;margin:.3rem 0}.document-info strong{color:#2c3e50;font-weight:600}.btn-close-modal{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.65rem 1.5rem;transition:all .2s;white-space:nowrap}.btn-close-modal:hover{background:#5a6268;box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.attachment-indicator.clickable,.tooltip-doc-item{cursor:pointer}.tooltip-doc-item:hover{background:#e7f3ff!important}.tooltip-doc-preview-btn{font-size:.9rem;margin-left:auto;opacity:0;transition:opacity .2s}.tooltip-doc-item:hover .tooltip-doc-preview-btn{opacity:1}.document-item-row{cursor:default!important;transition:all .2s ease}.document-item-row:hover{background:#0366d605!important;border-color:#0366d6!important;box-shadow:0 2px 8px #0366d61a!important}.document-preview-btn{align-items:center;background:#0366d6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.document-preview-btn:hover{background:#0350a6;box-shadow:0 2px 6px #0366d64d;transform:translateY(-1px)}.document-preview-btn:active{transform:translateY(0)}.complaint-item-header{align-items:center;gap:1rem;margin-bottom:.75rem}.documents-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:90vh;max-width:1400px;overflow:hidden;position:relative;width:95%}.documents-modal-content{display:flex;flex:1 1;overflow:hidden}.documents-list-panel{border-right:1px solid #e2e8f0;display:flex;flex-direction:column;overflow:hidden;width:30%}.documents-list-header{background:#f8f9fa;border-bottom:1px solid #e2e8f0;padding:1rem}.documents-list-header h4{color:#2c3e50;font-size:.95rem;font-weight:600;margin:0}.documents-list-items{flex:1 1;overflow-y:auto;padding:.5rem}.document-list-item{align-items:center;background:#fff;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem;transition:all .2s ease}.document-list-item:hover{background:#f8f9fa;border-color:#e2e8f0}.document-list-item.active{background:#e7f3ff;border-color:#0366d6}.doc-item-icon{font-size:1.5rem;min-width:1.5rem}.doc-item-info{flex:1 1;min-width:0}.doc-item-name{color:#2c3e50;font-size:.85rem;font-weight:600}.doc-item-meta,.doc-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-item-meta{color:#6c757d;font-size:.75rem;margin-top:.2rem}.doc-item-preview-icon{font-size:1rem;opacity:.6}.document-list-item:hover .doc-item-preview-icon{opacity:1}.no-documents{color:#6c757d;font-size:.9rem;padding:2rem 1rem;text-align:center}.documents-preview-panel{background:#fafbfc;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.preview-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem}.preview-header h4{color:#2c3e50;flex:1 1;font-size:.95rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.close-preview-btn{background:none;border:none;color:#6c757d;cursor:pointer;font-size:1.5rem;padding:.25rem .5rem;transition:color .2s}.close-preview-btn:hover{color:#2c3e50}.preview-content{align-items:center;background:#fafbfc;display:flex;flex:1 1;justify-content:center;overflow:auto}.preview-empty{color:#6c757d}.preview-empty,.preview-error{font-size:1rem;text-align:center}.preview-error{color:#e74c3c}.complaint-detail-modal{animation:slideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:700px;overflow:hidden;width:90%}.complaint-detail-content{flex:1 1;min-height:0;overflow-y:auto;padding:1.5rem}.complaint-detail-section{display:flex;flex-direction:column;gap:1.5rem}.complaint-detail-header{align-items:flex-start;border-bottom:2px solid #e2e8f0;display:flex;gap:1rem;justify-content:space-between;padding-bottom:1rem}.complaint-detail-title{color:#2c3e50;flex:1 1;font-size:1.25rem;font-weight:700;line-height:1.5}.complaint-detail-metadata{grid-gap:1rem;background:#f8f9fa;border-radius:8px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:1rem}.detail-row strong{color:#2c3e50;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-row span{color:#555;font-size:1rem}.severity-badge{border-radius:6px;color:#fff;display:inline-block;font-size:.85rem;padding:.4rem .8rem;text-transform:capitalize;width:-webkit-fit-content;width:fit-content}.complaint-detail-section-content{background:#fafbfc;border-left:4px solid #667eea;border-radius:8px;padding:1rem}.complaint-detail-section-content h4{color:#2c3e50;font-size:1rem;font-weight:600;margin:0 0 .75rem}.complaint-problem-text{word-wrap:break-word;color:#4a5568;font-size:.95rem;line-height:1.7;margin:0;white-space:pre-wrap}.complaint-notes-section{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.complaint-notes-section h4{color:#2c3e50;font-size:1rem;font-weight:600;margin:0 0 1rem}.complaint-notes-list{display:flex;flex-direction:column;gap:1rem}.complaint-note-item{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.75rem;transition:all .2s}.complaint-note-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.note-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.5rem}.note-author{font-size:.9rem}.note-date{font-size:.8rem}.note-text{color:#555;font-size:.9rem;line-height:1.6;margin:.5rem 0 0}.device-name-section{gap:.4rem;margin-bottom:.1rem;max-width:100%;width:auto}.device-name-text{font-size:.95rem;line-height:1.3}.contract-type{text-align:center}.contract-badge{align-items:center;background:linear-gradient(135deg,#e0f7fa,#e1f5fe);border:1px solid #b2ebf2;border-radius:12px;box-shadow:0 2px 4px #0097a71a;color:#0097a7;display:inline-flex;font-size:.8rem;font-weight:600;gap:.5rem;padding:.4rem .85rem;text-transform:capitalize;transition:all .2s ease;white-space:nowrap}.contract-badge:hover{background:linear-gradient(135deg,#b2ebf2,#80deea);box-shadow:0 2px 8px #0097a733;color:#006064;transform:translateY(-2px)}.contract-icon{align-items:center;display:inline-flex;font-size:1rem;justify-content:center;line-height:1}.contract-label{display:inline-block}.contract-badge-warranty{background:linear-gradient(135deg,#dbeafe,#e0f2fe)!important;border-color:#7dd3fc!important;box-shadow:0 2px 4px #0369a11a!important;color:#0369a1!important}.contract-badge-warranty:hover{background:linear-gradient(135deg,#bfdbfe,#7dd3fc)!important;box-shadow:0 2px 8px #0369a133!important;color:#0c4a6e!important}.contract-badge-lamc{background:linear-gradient(135deg,#fed7aa,#fecaca)!important;border-color:#fdba74!important;box-shadow:0 2px 4px #b453091a!important;color:#b45309!important}.contract-badge-lamc:hover{background:linear-gradient(135deg,#fdba74,#fb923c)!important;box-shadow:0 2px 8px #b4530933!important;color:#7c2d12!important}.contract-badge-camc{background:linear-gradient(135deg,#e9d5ff,#f3e8ff)!important;border-color:#d8b4fe!important;box-shadow:0 2px 4px #7e22ce1a!important;color:#7e22ce!important}.contract-badge-camc:hover{background:linear-gradient(135deg,#d8b4fe,#c084fc)!important;box-shadow:0 2px 8px #7e22ce33!important;color:#5b21b6!important}.contract-badge-inhouse{background:linear-gradient(135deg,#dcfce7,#d1fae5)!important;border-color:#86efac!important;box-shadow:0 2px 4px #1665341a!important;color:#166534!important}.contract-badge-inhouse:hover{background:linear-gradient(135deg,#86efac,#4ade80)!important;box-shadow:0 2px 8px #16653433!important;color:#0d3818!important}.installation-date{color:#1f2937;font-size:.85rem;font-weight:500;text-align:center;vertical-align:middle}.contract-info-stack{align-items:center;display:flex;flex-direction:column;gap:.5rem}.expiry-dates-stack{display:flex;flex-direction:column;gap:.3rem;width:100%}.expiry-date-row{align-items:center;display:flex;font-size:.75rem;gap:.4rem;justify-content:center;white-space:nowrap}.expiry-label{color:#6c757d}.expiry-label,.expiry-value{font-size:.75rem;font-weight:500}.expiry-value{color:#2c3e50}.expiry-placeholder{color:#9ca3af;font-size:.75rem;font-style:italic}.next-due-dates{padding:.9rem 1rem!important;text-align:center;vertical-align:middle}.next-due-icon-btn{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:inline-flex;height:2.4rem;justify-content:center;min-width:2.4rem;padding:0;transition:all .2s ease}.next-due-icon-btn:hover{background:#667eea1a;transform:scale(1.15)}.next-due-icon-btn:active{transform:scale(1)}.composite-icon{align-items:center;display:inline-flex;gap:.3rem;justify-content:center}.icon-base{font-size:1.2rem}.icon-base,.icon-overlay{align-items:center;display:flex;justify-content:center}.icon-overlay{filter:drop-shadow(0 0 .5px rgba(255,255,255,.8));font-size:.75rem;line-height:1;opacity:.85}.na-text{color:#9ca3af;font-size:.85rem;font-style:italic}.next-due-modal{animation:slideIn .3s ease;background:#fff;border-radius:8px;box-shadow:0 10px 35px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;position:relative;width:90%}.next-due-modal-header{align-items:flex-start;background:#f8f9fa;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:1rem;justify-content:space-between;min-height:80px;padding:1.5rem 1.1rem;position:relative;z-index:10}.next-due-modal .close-btn{background:#0000;color:#6c757d;flex-shrink:0;font-size:1.5rem;margin-left:auto;padding:.25rem .5rem}.next-due-modal .close-btn:hover{background:#6b72801a;color:#374151}.next-due-header-content{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:.7rem;min-width:0;overflow:hidden}.next-due-header-content h3{color:#2c3e50;font-size:.95rem;font-weight:600;margin:0}.maintenance-schedule-table{border-collapse:collapse;flex:1 1;font-size:.85rem;overflow-y:auto;width:100%}.maintenance-schedule-table thead{background:#0000;background:#fff;border-bottom:1px solid #e5e7eb;position:-webkit-sticky;position:sticky;top:0}.maintenance-schedule-table th{color:#2c3e50;font-size:.8rem;font-weight:700;letter-spacing:.2px;padding:.75rem 1.1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.maintenance-schedule-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .15s ease}.maintenance-schedule-table tbody tr:hover{background:#f9fafb}.maintenance-schedule-table tbody tr:last-child{border-bottom:none}.maintenance-schedule-table td{color:#1f2937;font-size:.85rem;padding:.75rem 1.1rem;white-space:nowrap}.maintenance-schedule-table tbody td:first-child{color:#2c3e50;font-weight:500;white-space:normal}.maintenance-type-icon{align-items:center;display:inline-flex;font-size:.95rem;height:1.2rem;justify-content:center;line-height:1;margin-right:.6rem;width:1.2rem}.maintenance-schedule-table tbody td:nth-child(2){color:#2c3e50;font-weight:500}.maintenance-schedule-table tbody td:nth-child(3){color:#6b7280;font-size:.8rem}.device-table td:last-child,.device-table th:last-child{max-width:40px;min-width:40px;padding:.9rem .5rem!important;text-align:center;vertical-align:middle;width:40px!important}.device-table input[type=checkbox]{cursor:pointer;height:18px;margin:0;width:18px}.alert-indicator-btn{align-items:center;background:none;border:none;border-radius:6px;cursor:pointer;display:inline-flex;justify-content:center;padding:.25rem;position:relative;transition:all .2s ease}.alert-indicator-btn:hover{background:#e74c3c1a;transform:scale(1.2)}.alert-indicator-btn:active{transform:scale(1)}@media (max-width:1024px){.device-table th{font-size:.7rem;padding:.65rem .75rem}.device-table td{font-size:.85rem;padding:.75rem}.device-table td:last-child,.device-table th:last-child{max-width:40px;min-width:40px;padding:.65rem .4rem!important;text-align:center;vertical-align:middle;width:40px!important}.device-list-export-section{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.75rem}.export-buttons-wrapper{gap:.5rem}.export-btn-primary{font-size:.85rem;padding:.55rem 1rem}.legend-text{font-size:.8rem}.alert-indicator,.attachment-indicator,.complaint-indicator{font-size:.75rem;padding:.3rem .6rem}.contract-badge{font-size:.75rem;padding:.35rem .7rem}.action-menu-trigger{font-size:1rem;height:32px;width:32px}.device-list{-webkit-overflow-scrolling:touch;overflow-x:auto}.device-table{min-width:900px}}@media (max-width:768px){.device-table{font-size:.8rem}.device-table th{font-size:.65rem;padding:.6rem;text-align:center}.device-table td{font-size:.8rem;padding:.7rem .6rem}.device-table td:last-child,.device-table th:last-child{max-width:40px;min-width:40px;padding:.6rem .35rem!important;text-align:center;vertical-align:middle;width:40px!important}.device-name{gap:.3rem}.device-indicators{gap:.3rem;margin-top:.2rem}.alert-indicator,.attachment-indicator,.complaint-indicator{font-size:.7rem;margin-right:.3rem;padding:.25rem .5rem}.contract-badge{font-size:.7rem;gap:.3rem;padding:.3rem .6rem}.contract-icon{font-size:.85rem}.expiry-dates-stack{gap:.2rem}.expiry-date-row{font-size:.7rem;gap:.2rem}.expiry-label,.expiry-value{font-size:.7rem}.action-menu-trigger{font-size:.95rem;height:30px;width:30px}.device-list-export-section{flex-wrap:wrap;gap:.4rem;justify-content:flex-start;margin-bottom:1rem;padding-bottom:.5rem}.export-buttons-wrapper{gap:.4rem}.export-btn-primary{font-size:.8rem;padding:.5rem .85rem}.legend-text{font-size:.75rem}.legend-item{gap:.35rem}.legend-indicator{height:12px;width:12px}.complaint-detail-modal,.complaints-modal,.document-preview-modal{max-height:90vh;width:95%}.documents-modal{height:95vh;width:98%}.complaint-detail-content{-webkit-overflow-scrolling:touch;max-height:calc(90vh - 100px);overflow-y:auto;padding:1.25rem}.documents-list-panel{width:35%}.documents-preview-panel{width:65%}}@media (max-width:480px){.device-list{-webkit-overflow-scrolling:touch;overflow-x:auto}.device-table{border-radius:6px;font-size:.75rem;min-width:800px}.device-table th{font-size:.6rem;padding:.5rem .4rem;text-align:center}.device-table td{font-size:.75rem;padding:.5rem .4rem}.device-table td:last-child,.device-table th:last-child{max-width:40px;min-width:40px;padding:.5rem .3rem!important;text-align:center;vertical-align:middle;width:40px!important}.device-name{font-size:.8rem;gap:.2rem}.device-indicators{gap:.2rem;margin-top:.15rem}.alert-indicator,.attachment-indicator,.complaint-indicator{font-size:.65rem;margin-right:.2rem;padding:.2rem .4rem}.contract-badge{font-size:.65rem;gap:.2rem;padding:.25rem .5rem}.contract-icon{font-size:.8rem}.contract-label{display:inline-block}.expiry-dates-stack{gap:.15rem}.expiry-date-row{flex-wrap:wrap;font-size:.65rem;gap:.15rem}.expiry-label,.expiry-placeholder,.expiry-value{font-size:.65rem}.action-menu-trigger{font-size:.9rem;height:28px;padding:0;width:28px}.action-menu-item{font-size:.8rem;gap:.5rem;padding:.65rem .85rem}.menu-item-icon{font-size:.9rem}.device-list-export-section{align-items:stretch;display:flex;flex-direction:column;gap:.5rem;justify-content:flex-start;margin-bottom:.75rem;padding-bottom:.5rem}.export-buttons-wrapper{display:flex;flex-wrap:wrap;gap:.3rem}.export-btn-primary{flex:1 1;font-size:.75rem;min-width:120px;padding:.45rem .75rem}.export-icon{font-size:1rem}.dropdown-arrow{font-size:.6rem}.device-list-legend{flex-wrap:wrap;font-size:.75rem;gap:.3rem}.legend-item{font-size:.75rem;gap:.25rem}.legend-indicator{height:10px;width:10px}.device-count-section,.legend-text{font-size:.7rem}.complaint-detail-modal,.complaints-modal,.document-preview-modal{max-height:95vh;width:98%}.modal-content{padding:1rem}.complaint-detail-modal{max-height:90vh}.complaint-detail-content{-webkit-overflow-scrolling:touch;max-height:calc(90vh - 80px);overflow-y:auto;padding:1rem}.documents-modal{border-radius:0;height:100%;max-width:none;width:100%}.documents-modal-content{flex-direction:column}.documents-list-panel{border-bottom:1px solid #e2e8f0;border-right:none;height:25%;width:100%}.documents-preview-panel{height:75%;width:100%}.next-due-modal{max-height:95vh;width:95%}.next-due-modal-header{align-items:flex-start;flex-shrink:0;min-height:auto;padding:1.25rem .85rem}.next-due-header-content{align-items:flex-start;flex-direction:column}.next-due-header-content h3{font-size:.85rem}.next-due-modal .close-btn{margin-left:0;position:absolute;right:.5rem;top:.5rem}.close-btn{font-size:1.2rem;padding:.2rem .5rem}.maintenance-schedule-table{display:block;font-size:.75rem;max-height:calc(95vh - 120px);overflow-y:auto}.maintenance-schedule-table thead{background:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.maintenance-schedule-table th{font-size:.65rem;padding:.5rem .6rem}.maintenance-schedule-table td{font-size:.75rem;padding:.5rem .6rem}.next-due-modal>div:last-child{flex-shrink:0}}@media (max-width:375px){.device-table{font-size:.7rem;min-width:750px}.device-table th{font-size:.55rem;padding:.4rem .35rem}.device-table td{font-size:.7rem;padding:.4rem .35rem}.device-table td:last-child,.device-table th:last-child{max-width:40px;min-width:40px;padding:.4rem .25rem!important;text-align:center;vertical-align:middle;width:40px!important}.alert-indicator,.attachment-indicator,.complaint-indicator{font-size:.6rem;padding:.15rem .35rem}.contract-badge{font-size:.6rem;padding:.2rem .45rem}.action-menu-trigger{font-size:.85rem;height:26px;width:26px}.export-btn-primary{font-size:.7rem;min-width:100px;padding:.4rem .65rem}.export-text,.legend-text{display:none}.legend-indicator{height:8px;width:8px}}.device-view-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem}.device-view-header{border-bottom:2px solid #f0f0f0;padding-bottom:1.5rem}.status-badge-large{border-radius:20px;box-shadow:0 2px 4px #0000001a;font-size:.9rem;font-weight:600;padding:.5rem 1rem;text-transform:capitalize}.status-badge-large.status-available{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.status-badge-large.status-in-use{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.status-badge-large.status-maintenance{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.status-badge-large.status-retired{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff}.device-alerts-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.alert-banner{animation:slideIn .3s ease;border-left:5px solid;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;padding:1.25rem 1.5rem}.alert-banner.critical{background:linear-gradient(135deg,#fee2e2,#fef2f2);border-left-color:#dc2626}.alert-banner.warning{background:linear-gradient(135deg,#fef3c7,#fffbeb);border-left-color:#f59e0b}.alert-icon{font-size:1.8rem}.alert-content{flex:1 1}.alert-title{font-size:1rem;margin-bottom:.5rem}.alert-banner.critical .alert-title{color:#991b1b}.alert-banner.warning .alert-title{color:#92400e}.alert-list{list-style-type:disc;margin:0;padding-left:1.25rem}.alert-list li{font-size:.95rem;font-weight:500;line-height:1.5;margin-bottom:.25rem}.alert-banner.critical .alert-list li{color:#b91c1c}.alert-banner.warning .alert-list li{color:#b45309}.info-card{background:#f8f9fa;border-radius:10px;padding:1.5rem}.info-card h3{gap:.5rem;margin:0 0 1.25rem}.info-card h3:before{height:20px}.info-item{border-radius:8px;gap:.4rem;padding:1rem}.compliance-type-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-left:3px solid #667eea;border-radius:6px;box-shadow:0 2px 4px #667eea4d;color:#fff!important;display:inline-flex;font-size:.9rem;font-weight:600;justify-content:center;letter-spacing:.5px;min-width:100px;padding:.5rem 1rem;text-align:center}.notes-content{border-radius:8px;color:#495057;line-height:1.6;margin:0;padding:1.25rem;white-space:pre-wrap}.metadata-card,.notes-content{background:#fff;border:1px solid #e9ecef}.metadata-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metadata-item{display:flex;flex-direction:column;gap:.25rem}.metadata-label{color:#6c757d;font-size:.75rem;font-weight:500}.metadata-value{color:#495057;font-family:Courier New,monospace;font-size:.85rem}@media (max-width:768px){.device-view-container{padding:1rem}.device-view-header{flex-direction:column}.header-actions{width:100%}.action-palette-inline{justify-content:center;width:100%}.info-grid{grid-template-columns:1fr}.device-view-header h2{font-size:1.5rem}.alert-banner{flex-direction:column;gap:.75rem;padding:1rem}.alert-icon{font-size:1.5rem}.alert-title{font-size:.9rem}.alert-list li{font-size:.85rem}}.device-tabs{background:#fff;border-bottom:2px solid #e9ecef;display:flex;gap:1rem;margin-bottom:1.5rem;padding:0}.tab-button{align-items:center;background:none;color:#6c757d;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:1rem 1.5rem}.tab-button:hover{background:#f8f9fa;color:#495057}.tab-button.active:hover{background:none}.tab-icon{font-size:1.1rem}.tab-label{line-height:1}@media (max-width:768px){.device-tabs{gap:0;overflow-x:auto;padding:0 .5rem}.tab-button{font-size:.85rem;padding:.75rem 1rem}.tab-icon{font-size:1rem}}.documents-section{background:#fff;border:1px solid #e9ecef;box-shadow:0 1px 3px #0000000d;padding:1rem}.documents-section .section-header{margin-bottom:.8rem}.documents-section .section-header h4{align-items:center;color:#2c3e50;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin:0 0 .3rem}.documents-section .section-header h4:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";height:15px;width:2px}.documents-section .section-description{color:#6c757d;font-size:.75rem;font-weight:500;margin:0}.collapsible-header{padding:.5rem 0}.collapsible-header:hover{opacity:.8}.collapse-icon{color:#667eea;font-size:.9rem;height:24px;width:24px}.header-content{gap:.2rem}.document-count-badge{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:28px;justify-content:center;min-width:28px}.documents-content{animation:expandDown .3s ease forwards;overflow:hidden}@media (max-width:768px){.documents-section{padding:1.25rem}.collapsible-header{flex-wrap:wrap;gap:.5rem}.header-title-wrapper{width:100%}.document-count-badge{align-self:flex-end}}.reliability-metrics-container{display:flex;flex-direction:column;gap:1.2rem}.metrics-header{margin-bottom:0}.metrics-header h3{align-items:center;color:#2c3e50;display:flex;font-size:1.15rem!important;font-weight:600;gap:.5rem;margin:0 0 .3rem}.metrics-header h3:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";height:18px;width:3px}.metrics-subtitle{color:#6c757d;font-size:.85rem!important;font-weight:500;margin:0}.health-status-banner{background:#fff;border:1px solid #e9ecef;border-left:4px solid #667eea;border-radius:8px;margin-bottom:1rem;padding:1rem}.health-status-content{align-items:center;display:flex;gap:1rem}.health-status-icon{flex-shrink:0;font-size:2rem!important}.health-status-text{display:flex;flex-direction:column;gap:.25rem}.health-status-label{color:#667eea;font-size:.75rem!important;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.health-status-value{font-size:1.25rem!important;font-weight:700}.health-status-description{color:#6c757d;font-size:.85rem!important;margin-left:auto;max-width:300px;text-align:right}.metrics-grid-all,.metrics-grid-secondary,.metrics-grid-top{grid-gap:1rem;auto-rows:max-content;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.metric-card{box-shadow:0 1px 3px #0000000f;flex-direction:column;padding:1rem}.metric-card:before{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:8px 8px 0 0;height:3px}.metric-card:hover{border-color:#d0d8e8;box-shadow:0 3px 8px #667eea1f;transform:translateY(-1px)}.metric-label{color:#667eea;flex-shrink:0;font-size:.65rem!important;letter-spacing:.4px;line-height:1;margin-bottom:.25rem}.metric-value{flex-shrink:0;font-size:1.25rem!important;font-weight:700;line-height:1.1;margin-bottom:.15rem;white-space:normal;word-break:break-word}.metric-description,.metric-value{word-wrap:break-word;overflow-wrap:break-word}.metric-description{color:#6c757d;font-size:.68rem!important;font-weight:500;line-height:1.25}.metric-card:nth-child(3),.metric-card:nth-child(3) .metric-description,.metric-card:nth-child(3) .metric-label,.metric-card:nth-child(3) .metric-value{text-align:center}.metric-card:nth-child(3){align-items:center}.metric-breakdown{display:flex;flex-direction:column;flex-grow:1;gap:.15rem;margin-top:.15rem}.breakdown-item{word-wrap:break-word;background-color:initial;border-radius:0;font-size:.65rem!important;font-weight:600;line-height:1.3;overflow-wrap:break-word;padding:.2rem 0}.breakdown-item.open{color:#e74c3c}.breakdown-item.in-progress{color:#f39c12}.breakdown-item.closed{color:#27ae60}.score-card{background:#fff;min-height:auto;padding:1rem!important}.reliability-score-card,.score-card{grid-column:1/2}.score-content{display:flex;flex-direction:column;gap:.6rem}.score-main{align-items:center;display:flex;gap:.6rem}.score-info{display:flex;flex:1 1;flex-direction:column;gap:.2rem}.score-description{color:#6c757d;font-size:.7rem!important;font-weight:500;line-height:1.1}.score-bar{background:#e9ecef;border-radius:3px;height:6px;overflow:hidden;width:100%}.score-bar-fill{border-radius:3px;height:100%;transition:width .3s ease}.metric-score-container{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;margin:.2rem 0 0}.metric-score-circle{background:#fff;border:2px solid #667eea;border-radius:50%;box-shadow:0 1px 3px #667eea1a;flex-shrink:0;height:60px;min-width:60px;width:60px}.metric-score-circle,.score-fraction{align-items:center;display:flex;flex-direction:column;justify-content:center}.score-fraction{gap:.15rem;width:100%}.metric-score-value{font-size:1.4rem!important;font-weight:700;line-height:1}.score-divider-line{background-color:#6c757d;height:1px;margin:.05rem 0;width:70%}.metric-score-max{color:#6c757d;font-size:.75rem!important;font-weight:600;line-height:1}.metric-score-label{font-size:.65rem!important;font-weight:700;line-height:1.1;max-width:100%;overflow-wrap:break-word;text-align:left;white-space:normal;word-break:break-word}.last-complaint-info{background-color:#f8f9fa;border-left:2px solid #667eea;border-radius:4px;margin-top:.3rem;padding:.4rem}.complaint-title{word-wrap:break-word;font-size:.65rem!important;font-weight:600;line-height:1.15;margin-bottom:.2rem;overflow-wrap:break-word}.complaint-status{border-radius:2px;display:inline-block;font-size:.55rem!important;font-weight:600;padding:.15rem .3rem;text-transform:uppercase;white-space:normal}.summary-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.summary-card:before{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:8px 8px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.summary-card:hover{border-color:#d0d8e8;box-shadow:0 3px 8px #667eea1f;transform:translateY(-1px)}.summary-label{align-items:center;color:#667eea;display:flex;font-size:.65rem!important;font-weight:700;gap:.3rem;letter-spacing:.4px;line-height:1;margin-bottom:.25rem}.summary-content{gap:.15rem}.summary-stat-row{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:.3rem;justify-content:space-between;padding-bottom:.15rem}.summary-stat-row:last-child{border-bottom:none;padding-bottom:0}.summary-stat-name{color:#6c757d;flex:1 1;font-size:.65rem!important;font-weight:500;line-height:1.1}.summary-stat-value{color:#2c3e50;font-size:.75rem!important;font-weight:600;white-space:nowrap}.trend-card{background:linear-gradient(135deg,#f8f9fa,#f0f2f5);display:flex;flex-direction:column;min-height:auto;padding:1rem}.trend-card .summary-label{margin-bottom:.4rem}.trend-card{align-items:center;text-align:center}.trend-card .summary-label{justify-content:center;width:100%}.trend-indicator{align-items:center;display:flex;flex-direction:column;gap:.3rem;width:100%}.trend-icon{align-items:center;animation:pulse 2s ease-in-out infinite;display:inline-flex;font-size:1.4rem!important;justify-content:center}.trend-text{gap:.1rem}.trend-status{color:#2c3e50;font-size:.75rem!important;font-weight:700;line-height:1.1}.trend-detail{color:#6c757d;font-size:.65rem!important;font-weight:500;line-height:1.1}.trend-indicator[data-trend=improving] .trend-status{color:#27ae60}.trend-indicator[data-trend=worsening] .trend-status{color:#e74c3c}.trend-indicator[data-trend=stable] .trend-status{color:#f39c12}.metrics-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000d;padding:1rem}.section-header{margin-bottom:.8rem}.section-header h4{align-items:center;color:#2c3e50;display:flex;font-size:.95rem!important;font-weight:600;gap:.5rem;margin:0 0 .3rem}.section-header h4:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";height:15px;width:2px}.section-description{color:#6c757d;font-size:.75rem!important}.collapsible-header{align-items:center;border-radius:8px 8px 0 0;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:-1rem;margin-left:-1rem;margin-right:-1rem;padding:1rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.collapsible-header:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);transition:all .2s ease}.header-title-wrapper{align-items:center;display:flex;flex:1 1;gap:.75rem}.collapse-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:.9rem!important;font-weight:600;height:28px;justify-content:center;transition:transform .3s ease;width:28px}.header-content{display:flex;flex-direction:column;gap:.3rem}.header-content h4{color:#2c3e50;font-size:1rem!important;font-weight:600;line-height:1.3;margin:0}.header-content>.section-description{color:#6c757d;font-size:.75rem;margin:0}.complaint-count-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 6px #667eea40;color:#fff;display:inline-flex;flex-shrink:0;font-size:.85rem!important;font-weight:700;height:32px;min-width:32px}.chart-container,.complaint-count-badge{align-items:center;justify-content:center}.chart-container{background-color:#f8f9fa;border-radius:8px;display:flex;min-height:250px;padding:.8rem}.no-data-state{color:#6c757d;font-size:.95rem!important;padding:2rem;text-align:center}.error-state,.loading-state{font-size:1rem!important;padding:3rem}.complaint-history{display:flex;flex-direction:column;gap:1.25rem}.complaint-history-table{border:1px solid #e9ecef;border-radius:8px;overflow-x:auto}.complaints-table-view{background:#fff;border-collapse:collapse;font-size:.85rem!important;width:100%}.complaints-table-view thead{background:linear-gradient(135deg,#f8f9fa,#f3f4f6);border-bottom:2px solid #e9ecef}.complaints-table-view th{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:.75rem!important;font-weight:700;letter-spacing:.3px;padding:.8rem .6rem;text-align:left;text-transform:uppercase;white-space:nowrap}.complaints-table-view tbody tr{border-bottom:1px solid #e9ecef;cursor:pointer;transition:all .2s ease}.complaints-table-view tbody tr:hover{background:linear-gradient(135deg,#f8f9ff,#f0f2f5);box-shadow:inset 4px 0 0 #667eea;transform:translateY(-1px)}.complaints-table-view td{border-bottom:1px solid #e9ecef;color:#2c3e50;padding:.7rem .6rem;vertical-align:middle}.col-id{font-weight:600;text-align:center;width:3%}.col-complaint-id{min-width:85px;width:11%}.col-title{min-width:160px;width:22%}.title-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-reported-by{min-width:100px;width:13%}.col-assigned,.col-breakdown,.col-created{min-width:100px;width:12%}.col-status{min-width:95px;text-align:center;width:12%}.status-badge-table{border-radius:20px;display:inline-block;font-size:.7rem!important;font-weight:700;letter-spacing:.2px;padding:.35rem .65rem;text-transform:uppercase;white-space:nowrap}.status-badge-table.status-open{background:#fadbd8;border:1px solid #e74c3c;color:#c0392b}.status-badge-table.status-in_progress{background:#d6eaf8;border:1px solid #3498db;color:#1a5e96}.status-badge-table.status-closed{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #047857;box-shadow:0 2px 4px #10b98133;color:#fff}.status-badge-table.status-cancelled{background:linear-gradient(135deg,#6b7280,#4b5563);border:1px solid #374151;box-shadow:0 2px 4px #6b728033;color:#fff}@media (max-width:1200px){.complaints-table-view{font-size:.8rem!important}.complaints-table-view td,.complaints-table-view th{padding:.7rem .5rem}.col-title{width:20%}.col-reported-by{width:12%}}@media (max-width:992px){.complaint-history-table{-webkit-overflow-scrolling:touch;border:1px solid #e9ecef;border-radius:8px;overflow-x:auto}.complaints-table-view{font-size:.75rem!important;min-width:950px;width:100%}.complaints-table-view td,.complaints-table-view th{padding:.5rem .3rem}.col-id{min-width:30px;width:4%}.col-complaint-id,.col-id{font-size:.75rem!important}.col-complaint-id{min-width:70px;width:12%}.col-title{font-size:.75rem!important;min-width:110px;width:20%}.col-reported-by{font-size:.75rem!important;min-width:85px;width:13%}.col-assigned,.col-breakdown{font-size:.75rem!important;min-width:80px;width:12%}.col-created{min-width:85px;width:12%}.col-created,.col-status{font-size:.75rem!important}.col-status{min-width:80px;text-align:center;width:15%}.title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width:768px){.complaint-history-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;width:100%}.complaints-table-view{font-size:.75rem!important;min-width:950px;width:100%}.complaints-table-view td,.complaints-table-view th{padding:.4rem .25rem}.col-id{min-width:28px;width:4%}.col-complaint-id,.col-id{font-size:.75rem!important}.col-complaint-id{min-width:65px;width:12%}.col-title{font-size:.75rem!important;min-width:105px;width:20%}.col-reported-by{font-size:.75rem!important;min-width:80px;width:13%}.col-assigned,.col-breakdown{font-size:.75rem!important;min-width:75px;width:12%}.col-created{min-width:80px;width:12%}.col-created,.col-status{font-size:.75rem!important}.col-status{min-width:75px;text-align:center;width:15%}.title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.expand-animation{animation:expandDown .3s ease forwards;overflow:hidden}@keyframes expandDown{0%{margin-top:0;max-height:0;opacity:0}to{margin-top:1.5rem;max-height:10000px;opacity:1}}.complaint-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:.6rem;padding:.9rem;transition:all .2s ease}.complaint-item:hover{border-color:#dee2e6;box-shadow:0 2px 6px #0000000f}.complaint-item-clickable{cursor:pointer;transition:all .3s ease}.complaint-item-clickable:hover{background-color:#f8f9ff;border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.complaint-item-clickable .complaint-title-text{color:#667eea;font-weight:600;transition:color .2s ease}.complaint-item-clickable:hover .complaint-title-text{color:#764ba2;text-decoration:underline}.complaint-item-header{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;gap:.8rem;justify-content:space-between;margin-bottom:.7rem;padding-bottom:.7rem}.complaint-item-title{align-items:center;color:#2c3e50;display:flex;font-size:.9rem!important;font-weight:600;gap:.5rem}.complaint-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:.8rem!important;font-weight:700;height:28px;justify-content:center;width:28px}.complaint-status-badge{border-radius:6px;display:inline-block;font-size:.75rem!important;font-weight:600;padding:.4rem .8rem;text-transform:uppercase;white-space:nowrap}.status-open{background-color:#f8d7da;color:#721c24}.status-in-progress{background-color:#fff3cd;color:#856404}.status-closed{background-color:#d4edda;color:#155724}.complaint-item-details{grid-gap:.5rem;border-bottom:1px solid #f0f0f0;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:.7rem;padding-bottom:.7rem}.detail-row{background:#f8f9fa;border-radius:4px;flex-direction:column;gap:.08rem;padding:.35rem}.detail-label{color:#667eea!important;font-size:.62rem!important;font-weight:700!important;letter-spacing:.15px;line-height:1.1;margin:0!important}.detail-value{color:#2c3e50!important;font-size:.75rem!important;line-height:1.2;margin:0!important;overflow-wrap:break-word}.complaint-item-content{display:flex;flex-direction:column;gap:.6rem}.content-section{background-color:#f8f9fa;border-left:2px solid #667eea;border-radius:5px;overflow:hidden;padding:.6rem}.content-label{word-wrap:break-word;color:#6c757d;font-size:.7rem!important;font-weight:600;margin:0 0 .3rem;text-transform:uppercase}.content-text{word-wrap:break-word;color:#2c3e50;font-size:.8rem!important;line-height:1.4;margin:0;overflow-wrap:break-word;white-space:pre-wrap;word-break:break-word}.notes-list{display:flex;flex-direction:column;gap:.5rem}.note-item{background:#fff;border:1px solid #e9ecef;border-radius:5px;padding:.6rem}.note-meta{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.3rem;padding-bottom:.3rem}.note-author{color:#2c3e50;font-size:.75rem!important;font-weight:600}.note-date{color:#6c757d;font-size:.65rem!important}.note-text{word-wrap:break-word;color:#2c3e50;font-size:.8rem!important;white-space:pre-wrap}@media (max-width:1024px){.metrics-grid-all,.metrics-grid-secondary,.metrics-grid-top{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.trend-card{min-height:180px;padding:1.5rem}.trend-icon{font-size:2rem!important}.trend-status{font-size:1rem!important}}@media (max-width:768px){.reliability-metrics-container{gap:1.2rem}.metrics-grid-all,.metrics-grid-secondary,.metrics-grid-top{gap:.7rem;grid-template-columns:repeat(2,1fr)}.summary-card{min-width:0;padding:.7rem}.summary-label{font-size:.65rem!important;margin-bottom:.4rem}.summary-stat-row{min-width:0;padding-bottom:.3rem}.summary-stat-name{font-size:.65rem!important;overflow:hidden;text-overflow:ellipsis}.summary-stat-value{font-size:.75rem!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trend-card{min-height:160px;padding:1.5rem 1.25rem}.trend-icon{font-size:1.8rem!important}.trend-status{font-size:.95rem!important}.trend-detail{font-size:.8rem!important}.collapsible-header{flex-wrap:wrap;gap:.5rem}.header-title-wrapper{width:100%}.complaint-count-badge{align-self:flex-end}.metric-card{min-height:auto;min-width:0;padding:1.25rem}.metric-value{font-size:1.5rem!important;overflow-wrap:break-word;word-break:break-word}.metric-label{font-size:.75rem!important}.metric-description{overflow-wrap:break-word;word-break:break-word}.metrics-section{padding:1.25rem}.complaint-item{padding:1rem}.complaint-item-header{flex-direction:column}.metric-score-container{align-items:center;flex-direction:column;flex-wrap:wrap;justify-content:center;text-align:center;width:100%}.metric-score-circle{height:100px;width:100px}.metric-score-value{font-size:2rem!important}.metric-score-label{overflow-wrap:break-word;text-align:center;white-space:normal;width:100%;word-break:break-word}.chart-container{min-height:250px}.complaint-item-details{grid-template-columns:1fr}}@media (max-width:480px){.reliability-metrics-container{gap:1rem}.metric-card{min-width:0;padding:1rem}.metrics-summary-grid{gap:1rem;grid-template-columns:1fr;margin-bottom:1rem}.summary-card{padding:1rem}.summary-label{font-size:.7rem!important;margin-bottom:.5rem}.summary-label:before{height:14px;width:2px}.summary-stat-row{gap:.5rem;min-width:0;padding-bottom:.4rem}.summary-stat-row:last-child{padding-bottom:0}.summary-stat-name{font-size:.7rem!important;overflow:hidden;text-overflow:ellipsis}.summary-stat-value{font-size:.85rem!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trend-card{min-height:140px;padding:1rem}.trend-icon{font-size:1.5rem!important}.trend-status{font-size:.9rem!important}.trend-detail{font-size:.75rem!important}.metric-value{font-size:1.25rem!important;overflow-wrap:break-word;word-break:break-word}.metric-label{font-size:.7rem!important}.metric-description{font-size:.75rem!important;overflow-wrap:break-word;word-break:break-word}.metrics-header h3{font-size:1rem!important}.metrics-header h3:before{height:18px;width:3px}.section-header h4{font-size:.95rem!important}.section-header h4:before{height:16px;width:3px}.complaint-item-title{font-size:.85rem!important}.detail-row{flex-direction:column;gap:.25rem}.detail-label{font-size:.7rem!important}.detail-value{font-size:.85rem!important}.chart-container{min-height:200px}.breakdown-item{font-size:.7rem!important;padding:.3rem .5rem;word-break:break-word}.metric-score-circle{flex-shrink:0;height:80px;min-width:80px;width:80px}.metric-score-value{font-size:1.5rem!important}.metric-score-max{font-size:.6rem!important}.metric-score-label{font-size:.75rem!important;overflow-wrap:break-word;padding:0 .25rem;word-break:break-word}.score-info{flex:1 1;min-width:0}.score-main{flex-direction:column;gap:.6rem;justify-content:center;width:100%}.metric-score-circle{height:60px;min-width:60px;width:60px}.metric-score-label{max-width:100%;text-align:center;width:100%}.complaint-history-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto;width:100%}.complaints-table-view{font-size:.75rem!important;min-width:900px;width:100%}.complaints-table-view td,.complaints-table-view th{padding:.35rem .2rem}.col-id{min-width:25px;width:4%}.col-complaint-id,.col-id{font-size:.75rem!important}.col-complaint-id{min-width:60px;width:12%}.col-title{font-size:.75rem!important;min-width:100px;width:20%}.col-reported-by{font-size:.75rem!important;min-width:75px;width:13%}.col-assigned,.col-breakdown{font-size:.75rem!important;min-width:70px;width:12%}.col-created{min-width:75px;width:12%}.col-created,.col-status{font-size:.75rem!important}.col-status{min-width:70px;text-align:center;width:15%}}.maintenance-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:1rem}.maintenance-card{background:linear-gradient(135deg,#f8f9fa,#f0f2f5);border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.maintenance-label{color:#667eea;font-size:.75rem!important;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.maintenance-status{font-size:.85rem!important}.maintenance-date{color:#6c757d;font-size:.8rem!important}.complaint-analysis-grid{display:flex;flex-direction:column;gap:1.5rem}.severity-cards-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.severity-card{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.severity-card:hover{box-shadow:0 3px 8px #0000001a;transform:translateY(-2px)}.severity-card.critical{border-left:4px solid #e74c3c}.severity-card.major{border-left:4px solid #f39c12}.severity-card.minor{border-left:4px solid #3498db}.severity-icon{font-size:1.8rem!important}.severity-content{display:flex;flex-direction:column;gap:.25rem}.severity-label{color:#6c757d;font-size:.75rem!important;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.severity-value{color:#2c3e50;font-size:1.5rem!important;font-weight:700}.charts-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.chart-wrapper{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:1rem}.chart-title{color:#2c3e50;font-size:.85rem!important;font-weight:600;margin:0 0 .75rem;text-align:center}@media (max-width:768px){.charts-row{grid-template-columns:1fr}}.risk-score-card{position:relative}.risk-info-btn{align-items:center;background:#667eea;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px!important;font-weight:700;height:24px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease;width:24px}.risk-info-btn:hover{background:#764ba2;transform:scale(1.1)}.modal-header h3{font-size:1.25rem!important}.modal-close-btn{font-size:1.5rem!important}.risk-factors{border-top:1px solid #f0f0f0;display:flex;flex-wrap:nowrap;gap:.3rem;justify-content:space-between;padding-top:.4rem}.risk-factor-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.15rem;min-width:0;transition:opacity .3s ease}.risk-factor-icon{flex-shrink:0;font-size:.9rem!important}.risk-factor-label{color:#6c757d;font-size:.5rem!important;font-weight:600;letter-spacing:0;line-height:1;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;text-transform:uppercase;word-break:break-word}.metric-label-with-btn{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.25rem}.metric-label-with-btn span{color:#667eea;flex:1 1;font-size:.65rem!important;font-weight:700;letter-spacing:.4px;text-transform:uppercase}@media (max-height:500px) and (orientation:landscape){.complaint-history-table{-webkit-overflow-scrolling:touch;border:1px solid #e9ecef;border-radius:8px;overflow-x:auto}.complaints-table-view{font-size:.72rem!important;min-width:900px;width:100%}.complaints-table-view td,.complaints-table-view th{padding:.35rem .25rem}.col-id{font-weight:600;min-width:25px;text-align:center;width:3%}.col-complaint-id{min-width:70px;width:11%}.col-title{min-width:100px;width:22%}.col-reported-by{min-width:80px;width:13%}.col-assigned,.col-breakdown,.col-created{min-width:75px;width:12%}.col-status{min-width:70px;text-align:center;width:12%}.title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge-table{font-size:.65rem!important;padding:.25rem .4rem}.metrics-section{padding:.75rem}.collapsible-header{margin-bottom:-.75rem;margin-left:-.75rem;margin-right:-.75rem;padding:.75rem}.header-content h4{font-size:.9rem!important}.collapse-icon{font-size:.8rem!important;height:24px;width:24px}.complaint-count-badge{font-size:.75rem!important;height:28px;min-width:28px}}@media (max-height:400px) and (orientation:landscape){.complaint-history-table{-webkit-overflow-scrolling:touch;display:block;margin-top:.5rem;overflow-x:auto;width:100%}.complaints-table-view{font-size:.68rem!important;min-width:850px;width:100%}.complaints-table-view td,.complaints-table-view th{padding:.3rem .2rem}.col-id{min-width:22px;width:3%}.col-complaint-id{min-width:65px;width:11%}.col-title{min-width:95px;width:20%}.col-reported-by{min-width:75px;width:13%}.col-assigned,.col-breakdown,.col-created{min-width:70px;width:12%}.col-status{min-width:65px;text-align:center;width:12%}.status-badge-table{font-size:.6rem!important;padding:.2rem .3rem}.metrics-section{padding:.5rem}.collapsible-header{margin-bottom:-.5rem;margin-left:-.5rem;margin-right:-.5rem;padding:.5rem}.header-content h4{font-size:.85rem!important}.collapse-icon{font-size:.75rem!important;height:22px;width:22px}.complaint-count-badge{font-size:.7rem!important;height:26px;min-width:26px}}.modal-content{max-width:900px;width:95%}.modal-header h3{font-size:1.25rem}@media (max-width:768px){.modal-content{max-height:95vh;max-width:95vw}.modal-header{padding:1rem}.modal-header h3{font-size:1.1rem}.modal-body{padding:1rem}}@media (max-width:480px){.modal-overlay{padding:.5rem}.modal-content{border-radius:8px}.modal-header{padding:.75rem}.modal-header h3{font-size:1rem}.modal-body{padding:.75rem}}.audit-history-container{background:linear-gradient(135deg,#fafbfc,#f5f7fa);border:1px solid #e5e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a,0 1px 3px #00000005;margin:24px 0;padding:28px;width:100%}.audit-header{border-bottom:2px solid #e9ecef;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.audit-header,.audit-title{align-items:flex-start;display:flex}.audit-title{gap:12px}.audit-icon{font-size:28px;line-height:1.2;margin-top:2px}.audit-title h3{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 4px}.audit-subtitle{color:#7f8c8d;font-size:.9rem;margin:0}.audit-stats{display:flex;gap:20px}.stat-item{background:#fff;border:1px solid #e9ecef;border-radius:6px;padding:12px 20px}.stat-label{color:#7f8c8d;letter-spacing:.5px;margin-bottom:4px}.stat-value{color:#667eea;font-size:1.5rem}.error-message{background:#fff3cd;border:1px solid #ffc107;color:#856404;gap:10px;margin-bottom:16px}.error-icon{font-size:1.2rem}.permission-denied{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;display:flex;gap:20px;min-height:200px;padding:30px;text-align:center}.permission-icon{flex-shrink:0;font-size:48px}.permission-message h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 8px}.permission-message p{color:#7f8c8d;margin:0}.loading-state{gap:16px;padding:40px}.spinner{animation:spin .6s linear infinite}.audit-controls{grid-gap:20px;align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;display:grid;gap:20px;grid-template-columns:auto 1fr;margin-bottom:24px;padding:16px}@media (max-width:768px){.audit-controls{grid-template-columns:1fr}}.filter-group{gap:12px}.filter-group label{font-size:.9rem;font-weight:500;white-space:nowrap}.filter-buttons{gap:8px}.filter-btn{background:#f0f1f3;border:1px solid #d4d8e0;border-radius:20px;color:#2c3e50;font-weight:500;padding:6px 14px}.filter-btn:hover{background:#e0e2e8;border-color:#bcc1cc}.search-group{align-items:center;display:flex;position:relative}.search-input{border:1px solid #d4d8e0;border-radius:4px;padding:8px 12px;transition:border-color .2s ease}.clear-search-btn{background:none;color:#999;font-size:1.2rem;padding:4px 8px;right:10px;transition:color .2s ease}.clear-search-btn:hover{color:#2c3e50}.empty-state{border:2px dashed #d4d8e0;border-radius:6px;padding:40px 20px}.empty-icon{font-size:48px;margin-bottom:12px}.empty-state h4{color:#2c3e50;font-size:1.1rem;margin:0 0 8px}.empty-state p{color:#7f8c8d;font-size:.9rem}.audit-timeline{padding:20px 0;position:relative}.audit-timeline:before{background:linear-gradient(180deg,#667eea,#f0f1f3);bottom:0;content:"";left:31px;position:absolute;top:0;width:2px}.timeline-entry{margin-bottom:24px;padding-left:80px;position:relative}.timeline-entry:before{align-items:center;background:#fff;border:3px solid #667eea;border-radius:50%;content:"";display:flex;font-size:24px;height:48px;justify-content:center;left:8px;position:absolute;top:8px;width:48px}.timeline-connector{background:#e9ecef;height:24px;left:31px;position:absolute;top:48px;width:2px}.timeline-entry:last-child .timeline-connector{display:none}.entry-content{background:#fff;border:1px solid #e9ecef;border-radius:6px;box-shadow:0 2px 4px #0000000a;padding:16px;transition:all .2s ease}.timeline-entry:hover .entry-content{border-color:#d4d8e0;box-shadow:0 4px 12px #00000014}.entry-header{justify-content:space-between;margin-bottom:12px}.action-info,.entry-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.action-badge{align-items:center;border:1.5px solid;border-radius:8px;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.action-create{background:linear-gradient(135deg,#22c55e1a,#10b9811a);border-color:#22c55e4d;color:#16a34a}.action-create:hover{background:linear-gradient(135deg,#22c55e26,#10b98126);border-color:#22c55e80}.action-update{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);border-color:#3b82f64d;color:#1d4ed8}.action-update:hover{background:linear-gradient(135deg,#3b82f626,#2563eb26);border-color:#3b82f680}.action-delete{background:linear-gradient(135deg,#ef44441a,#dc26261a);border-color:#ef44444d;color:#dc2626}.action-delete:hover{background:linear-gradient(135deg,#ef444426,#dc262626);border-color:#ef444480}.field-name{background:#f0f1f3;border-radius:4px;color:#2c3e50;font-family:Monaco,Courier New,monospace;font-size:.85rem;font-weight:600;padding:4px 8px}.timestamp{color:#7f8c8d;font-size:.85rem;white-space:nowrap}.entry-user-info{border-bottom:1px solid #f0f1f3;margin-bottom:16px;padding-bottom:12px}.user-details{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.user-icon{font-size:1.1rem}.role-badge{border-radius:12px;display:inline-block;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.role-admin{background:#667eea;color:#fff}.role-manager{background:#f0ad4e;color:#fff}.role-coordinator{background:#5cb85c;color:#fff}.entry-values{margin-bottom:12px}.value-pair{align-items:stretch;display:flex;gap:12px}.value-pair,.value-single{background:#f8f9fa;border-radius:4px;padding:12px}.value-section{flex:1 1;gap:4px}.value-label{color:#7f8c8d;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.value-content{color:#2c3e50;font-size:.9rem;word-break:break-all}.value-content code{background:#fff;border:1px solid #e9ecef;border-radius:4px;color:#667eea;display:block;font-family:Monaco,Courier New,monospace;font-size:.8rem;overflow-x:auto;padding:8px}.value-empty{color:#bbb}.value-arrow{color:#bbb;font-size:1.2rem;font-weight:700;padding:0 8px}.entry-reason{align-items:flex-start;background:#fffbeb;border-left:3px solid #f59e0b;border-radius:4px;display:flex;gap:8px;margin-top:12px;padding:12px}.reason-icon{flex-shrink:0;font-size:1.1rem}.reason-text{color:#78590f;font-size:.9rem;line-height:1.4}.audit-footer{border-top:1px solid #e9ecef;margin-top:24px;padding-top:16px;text-align:center}.audit-info{color:#2c3e50;font-size:.9rem;margin:0 0 8px}.audit-info strong{color:#667eea;font-weight:600}.audit-note{color:#7f8c8d;font-size:.85rem;line-height:1.4;margin:0}.transaction-header{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1.5px solid #e5e8f0;border-radius:10px;cursor:pointer;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;padding:18px 20px;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.transaction-header:hover{background:linear-gradient(135deg,#fff,#f5f8fc);border-color:#d1d8e8;box-shadow:0 8px 20px #667eea1f,0 4px 12px #0000000f;transform:translateY(-1px)}.header-left{flex-wrap:wrap;gap:12px}.header-right{gap:16px;justify-content:flex-end}.change-summary{align-items:center;display:flex;font-size:.9rem;gap:8px}.change-count{background:#f0f1f3;border-radius:12px;color:#667eea;font-weight:600;padding:4px 10px;white-space:nowrap}.category-badges{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.category-badge{align-items:center;border:1.5px solid;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:600;justify-content:center;padding:5px 10px;transition:all .2s ease;white-space:nowrap}.category-badge[style*="rgb(255, 152, 0)"], .category-badge[style*=FF9800]{background:#ff980026!important;border-color:#ff980059!important;color:#e65100!important}.category-badge[style*="2196F3"],.category-badge[style*="rgb(33, 150, 243)"]{background:#2196f326!important;border-color:#2196f359!important;color:#1565c0!important}.category-badge[style*="4CAF50"],.category-badge[style*="rgb(76, 175, 80)"]{background:#4caf5026!important;border-color:#4caf5059!important;color:#2e7d32!important}.category-badge[style*="9C27B0"],.category-badge[style*="rgb(156, 39, 176)"]{background:#9c27b026!important;border-color:#9c27b059!important;color:#6a1b9a!important}.category-badge[style*="607D8B"],.category-badge[style*="rgb(96, 125, 139)"]{background:#607d8b26!important;border-color:#607d8b59!important;color:#37474f!important}.category-badge[style*="rgb(233, 30, 99)"], .category-badge[style*=E91E63]{background:#e91e6326!important;border-color:#e91e6359!important;color:#c2185b!important}.category-badge[style*="rgb(255, 87, 34)"], .category-badge[style*=FF5722]{background:#ff572226!important;border-color:#ff572259!important;color:#d84315!important}.category-badge[style*="757575"],.category-badge[style*="rgb(117, 117, 117)"]{background:#75757526!important;border-color:#75757559!important;color:#424242!important}.category-badge:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.category-badge-more{align-items:center;background:#999;border-radius:4px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;justify-content:center;padding:4px 8px;white-space:nowrap}.user-info-modern{gap:8px;justify-content:flex-end}.user-badge-container,.user-info-modern{align-items:center;display:flex;flex-wrap:wrap}.user-badge-container{background:#fff;border:1.5px solid #e5e8f0;border-radius:10px;box-shadow:0 2px 8px #0000000a;gap:10px;padding:8px 14px;transition:all .25s cubic-bezier(.4,0,.2,1)}.user-badge-container:hover{background:#fafbfc;border-color:#667eea;box-shadow:0 4px 16px #667eea26;transform:translateY(-1px)}.user-avatar{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:8px;font-size:1.4rem;line-height:1}.user-name-modern{color:#2c3e50;font-size:.9rem}.user-role-badge{border-radius:20px;box-shadow:0 2px 4px #0000001a;display:inline-block;flex-shrink:0;font-size:.7rem;font-weight:800;letter-spacing:.5px;padding:5px 12px;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.user-role-badge.admin,.user-role-badge.superadmin{background:linear-gradient(135deg,#667eead9,#5568d3d9);box-shadow:0 2px 6px #667eea40;color:#fff}.user-role-badge.manager{background:linear-gradient(135deg,#f59e0bd9,#d97706d9);box-shadow:0 2px 6px #f59e0b40;color:#fff}.user-role-badge.coordinator{background:linear-gradient(135deg,#22c55ed9,#15803dd9);box-shadow:0 2px 6px #22c55e40;color:#fff}.user-role-badge.technician{background:linear-gradient(135deg,#00bcd4d9,#009688d9);box-shadow:0 2px 6px #00bcd440;color:#fff}.user-role-badge.custodian{background:linear-gradient(135deg,#ff6f00d9,#ff5722d9);box-shadow:0 2px 6px #ff6f0040;color:#fff}.system-action-badge{align-items:center;background:linear-gradient(135deg,#9ca3af1a,#6b72801a);border:1.5px solid #9ca3af40;border-radius:8px;color:#6b7280;display:flex;font-size:.8rem;font-weight:600;gap:7px;padding:8px 14px;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.system-action-badge:hover{background:linear-gradient(135deg,#9ca3af26,#6b728026);border-color:#9ca3af59;box-shadow:0 4px 12px #9ca3af1a;transform:translateY(-1px)}.system-icon{align-items:center;display:flex;font-size:1rem;justify-content:center}.system-label{font-weight:600}.user-info{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.user-name{color:#2c3e50;font-weight:500;white-space:nowrap}.expand-btn{align-items:center;background:linear-gradient(135deg,#f3f4f6,#eff2f5);border:1.5px solid #d5dce2;border-radius:6px;color:#4b5563;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;justify-content:center;min-width:36px;padding:6px 10px;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1)}.expand-btn:hover{background:linear-gradient(135deg,#e5e7eb,#dde1e6);border-color:#b5bdc9;box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.expand-btn.expanded{background:linear-gradient(135deg,#667eea,#5568d3);border-color:#5568d3;box-shadow:0 4px 12px #667eea40;color:#fff}.expand-btn.expanded:hover{background:linear-gradient(135deg,#5568d3,#4655c0);border-color:#4655c0}.transaction-details{animation:slideDown .2s ease-out;background:#0000;border:none;border-radius:0;margin-top:0;padding:16px 0 0}.changes-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.changes-table,.changes-table-container{border-radius:8px;box-shadow:0 1px 3px #0000000d;width:100%}.changes-table{background:#fff;border-collapse:collapse;font-size:.9rem;min-width:100%;overflow:hidden}.changes-table thead{background:#0000;border-bottom:2px solid #e5e8f0}.changes-table th{border:none;color:#2c3e50;font-size:.8rem;font-weight:600;letter-spacing:.3px;padding:10px 12px;text-align:left;text-transform:uppercase}.changes-table tbody tr{border-bottom:1px solid #f0f0f0}.changes-table tbody tr:hover{background:#f8fafc}.changes-table td{border:none;color:#333;padding:12px}.field-cell{color:#2c3e50;font-family:Monaco,Courier New,monospace;font-size:.85rem;font-weight:500;max-width:200px;word-break:break-word}.category-cell{background:#fff!important;text-align:left;width:150px}.after-cell,.before-cell{color:#333;font-family:Monaco,Courier New,monospace;font-size:.85rem;max-width:300px;word-break:break-all}.after-cell code,.before-cell code{background:#0000;border:none;border-radius:0;color:#5568d3;display:inline;font-size:.85rem;font-weight:500;padding:0}.change-category-badge{background:#0000!important;border:none;border-radius:0;color:#333!important;display:inline-block;font-size:.8rem;font-weight:500;padding:0;white-space:nowrap}.value-section{background:#0000;border:none;border-radius:0;display:flex;flex-direction:column;gap:0;padding:0}.value-section .value-label{color:#bbb;display:none;font-size:.6rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.value-section .value-content{color:#333;font-size:.85rem;line-height:1.2;word-break:break-word}.value-section code{background:#0000;border:none;border-radius:0;color:#5568d3;display:inline;font-family:Monaco,Courier New,monospace;font-size:.85rem;font-weight:500;overflow-x:auto;padding:0}.value-empty{color:#ddd;font-size:.8rem;font-style:italic}.value-arrow{align-items:center;color:#ddd;display:flex;flex-shrink:0;font-size:.9rem;font-weight:400;padding:0 5px}.category-filter-select{background:#fff;border:1px solid #d4d8e0;border-radius:4px;color:#2c3e50;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 12px;transition:border-color .2s ease}.category-filter-select:hover{background:#fafbfc;border-color:#bcc1cc}.category-filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.category-filter-select:disabled{background:#f5f5f5;color:#999;cursor:not-allowed;opacity:.6}.role-technician{background:#00bcd4;color:#fff}.role-custodian{background:#ff6f00;color:#fff}@media (max-width:768px){.audit-history-container{padding:16px}.audit-header{flex-direction:column;gap:16px}.audit-title{width:100%}.audit-stats{justify-content:flex-start;width:100%}.audit-controls{grid-template-columns:1fr}.filter-group{align-items:flex-start;flex-direction:column;width:100%}.filter-buttons{width:100%}.transaction-header{align-items:flex-start;flex-direction:column}.header-left{width:100%}.header-right{justify-content:flex-start;width:100%}.timestamp{order:-1}.change-values{flex-direction:column}.value-arrow{justify-content:center;padding:4px 0}.timeline-entry{padding-left:60px}.timeline-entry:before{left:0}.audit-timeline:before{left:23px}.changes-table-container{-webkit-overflow-scrolling:touch;margin:0 -16px;overflow-x:auto;padding:0 16px;width:100%}.changes-table{font-size:.8rem;min-width:700px}.changes-table td,.changes-table th{padding:8px 10px}.changes-table th{font-size:.75rem;white-space:nowrap}.field-cell{font-size:.8rem;max-width:120px;word-break:break-word}.category-cell{max-width:100px;width:100px}.after-cell,.before-cell{font-size:.8rem;max-width:150px}}.device-quick-view-container{display:flex;flex-direction:column;gap:1.5rem;max-height:70vh;overflow-y:auto;padding:1.5rem}.quick-view-header{align-items:flex-start;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;padding-bottom:1rem}.quick-view-header h3{color:#2c3e50;font-size:1.5rem;margin:0}.device-serial{color:#7f8c8d;font-size:.875rem;margin:.5rem 0 0}.device-serial code{background-color:#f5f7fa;border-radius:4px;color:#2c3e50;font-family:Courier New,monospace;padding:.25rem .5rem}.department-badge{background-color:#3498db;font-size:.875rem;font-weight:500}.quick-view-content{display:flex;flex-direction:column;gap:1.5rem}.quick-info-section{background-color:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;padding:1rem}.section-title{color:#2c3e50;font-size:.875rem;margin-bottom:.75rem}.quick-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.quick-info-item{display:flex;flex-direction:column}.quick-info-item .label{color:#7f8c8d;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.quick-info-item .value{color:#2c3e50;font-size:.95rem;font-weight:500}.quick-status-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.status-item{background-color:#fff;border:1px solid #e9ecef;border-radius:6px;display:flex;flex-direction:column;padding:.75rem}.status-label{color:#7f8c8d;font-size:.75rem;font-weight:500;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.status-value{color:#2c3e50;font-size:.9rem;font-weight:600;padding:.25rem 0}.status-value.success{color:#27ae60}.status-value.warning{color:#f39c12}.status-value.critical{color:#e74c3c}.status-value.info{color:#3498db}.quick-view-action{border-top:1px solid #e9ecef;display:flex;justify-content:center;padding:1rem 0}.view-full-details-link{background:none;border:none;border-radius:6px;color:#3498db;cursor:pointer;font-size:.95rem;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.view-full-details-link:hover{background-color:#ecf0f1;color:#2980b9}.view-full-details-link:active{transform:scale(.98)}.device-quick-view-loading{color:#7f8c8d;font-size:.95rem;padding:2rem;text-align:center}.device-quick-view-error{color:#e74c3c;font-size:.95rem;padding:2rem;text-align:center}@media (max-width:768px){.quick-info-grid,.quick-status-grid{grid-template-columns:1fr}.quick-view-header{flex-direction:column;gap:1rem}.device-quick-view-container{max-height:90vh}}.calendar-view-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:1.5rem;padding:1.25rem}.calendar-header{border-bottom:2px solid #e9ecef;margin-bottom:1rem;padding-bottom:.75rem}.calendar-title{color:#2c3e50;font-size:1.2rem;font-weight:800;letter-spacing:-.5px;margin:0 0 .25rem}.calendar-subtitle{color:#6c757d;font-size:.85rem;font-weight:500;margin:0}.month-navigation{flex-wrap:wrap;justify-content:center;margin-bottom:1rem}.inline-date-selectors,.month-navigation{align-items:center;display:flex;gap:.75rem}.date-dropdown-wrapper{position:relative}.date-dropdown{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#f8f9fa,#fff);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='%23667eea' 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 .5rem center;background-repeat:no-repeat;background-size:1.2em 1.2em;border:2px solid #e9ecef;border-radius:6px;color:#2c3e50;cursor:pointer;font-size:.9rem;font-weight:600;min-width:120px;padding:.6rem 2.2rem .6rem .8rem;transition:all .3s ease}.date-dropdown:hover{background-color:#fff;border-color:#667eea;box-shadow:0 2px 8px #667eea26}.date-dropdown:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.date-dropdown option{background:#fff;color:#2c3e50;padding:.5rem}.nav-btn{background:#f8f9fa;border:2px solid #e9ecef;border-radius:6px;color:#4b5563;cursor:pointer;font-size:.8rem;font-weight:600;padding:.4rem .8rem;transition:all .3s ease;white-space:nowrap}.nav-btn:hover{background:#f0f0f0;border-color:#d0d0d0;transform:translateY(-2px)}.nav-btn:active{transform:translateY(0)}.today-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:.4rem .8rem;transition:all .3s ease;white-space:nowrap}.today-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.today-btn:active{transform:translateY(0)}.filter-section{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border:1.5px solid #b9b9b5d2;border-radius:8px;display:flex;flex-wrap:nowrap;gap:.6rem;margin-bottom:1rem;padding:.5rem .8rem}.filter-header{display:none}.filter-label{flex-shrink:0;font-size:.7rem;margin:0;white-space:nowrap}.filter-total{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;box-shadow:0 2px 8px #f59e0b33;display:flex;flex-shrink:0;font-weight:600;gap:.4rem;margin-left:auto;padding:.35rem .75rem}.total-label{color:#fffc;font-size:.65rem;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.total-count{color:#fff;font-size:1rem;font-weight:900}.filter-checkboxes{align-items:center;flex-wrap:nowrap;gap:.3rem}.checkbox-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;display:flex;gap:.6rem;padding:.5rem .8rem;transition:all .3s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.checkbox-item:hover{background:#f8f9fa;border-color:#d0d0d0;box-shadow:0 2px 6px #00000014}.checkbox-item input[type=checkbox]{accent-color:#667eea;cursor:pointer;flex-shrink:0;height:16px;width:16px}.checkbox-item input[type=checkbox]:checked{accent-color:#667eea}.checkbox-icon{flex-shrink:0;font-size:1rem}.checkbox-content{align-items:center;display:flex;flex:0 1;gap:.4rem;min-width:0}.checkbox-text{color:#4b5563;font-size:.8rem;font-weight:600;line-height:1}.checkbox-count{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;color:#fff;display:inline-flex;flex-shrink:0;font-size:.9rem;font-weight:900;justify-content:center;min-width:28px;padding:.3rem .7rem;text-align:center}.checkbox-item input[type=checkbox]:checked+.checkbox-icon{transform:scale(1.05)}.checkbox-item input[type=checkbox]:checked~.checkbox-content .checkbox-text{color:#2c3e50;font-weight:600}.error-message{align-items:flex-start;background:#fee2e2;border:2px solid #fecaca;color:#dc2626;font-weight:600;margin-bottom:2rem;padding:1rem 1.25rem}.error-icon{font-size:1.25rem;margin-top:.25rem}.error-content{flex:1 1}.loading-state{padding:4rem 2rem}.spinner{animation:spin .8s linear infinite;border:4px solid #e9ecef}.loading-state p{color:#6c757d;font-weight:600}.calendar-grid-wrapper{margin-bottom:2rem}.calendar-grid{grid-gap:1px;background:#e9ecef;border:2px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px #00000014;display:grid;gap:1px;grid-template-columns:repeat(7,1fr);overflow:hidden}.weekday-header{background:linear-gradient(135deg,#f8f9fa,#f0f0f0);border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:1rem;text-align:center;text-transform:uppercase}.calendar-day{background:#fff;border:1px solid #e9ecef;cursor:pointer;display:flex;flex-direction:column;min-height:120px;padding:.75rem;position:relative;transition:all .3s ease}.calendar-day:hover{background:linear-gradient(135deg,#f8f9ff,#fffbf0);box-shadow:inset 0 0 8px #667eea1a;transform:translateY(-2px)}.calendar-day.other-month{background:#f8f9fa;color:#9ca3af}.calendar-day.other-month .day-number{color:#d1d5db}.calendar-day.today{background:linear-gradient(135deg,#f0f9ff,#fff);border:2px solid #3b82f6;box-shadow:0 0 12px #3b82f633}.calendar-day.today .day-number{align-items:center;background:#3b82f6;border-radius:50%;color:#fff;display:flex;font-weight:700;height:28px;justify-content:center;width:28px}.day-number{color:#2c3e50;font-size:1rem;font-weight:700;margin-bottom:.5rem}.day-schedules{flex:1 1;gap:.4rem}.day-schedules,.schedule-dots{display:flex;flex-direction:column}.schedule-dots{gap:.3rem;width:100%}.schedule-item-group{align-items:center;background:linear-gradient(135deg,var(--schedule-bg-light) 0,var(--schedule-bg-dark) 100%);border:1px solid var(--schedule-border);border-radius:4px;box-shadow:0 1px 3px #0000001a;color:#1f2937;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.4rem;padding:.35rem .5rem;transition:all .2s ease}.schedule-item-group:hover{box-shadow:0 2px 6px #00000026;filter:brightness(.95);transform:translateX(2px)}.schedule-icon{display:flex;font-size:.9rem}.schedule-count,.schedule-icon{align-items:center;flex-shrink:0;justify-content:center}.schedule-count{background:#00000040;border-radius:9px;color:#fff;display:inline-flex;font-size:.7rem;font-weight:800;height:18px;line-height:1;margin-left:auto;min-width:18px;padding:0 4px}.modal-header{background:linear-gradient(135deg,#f8f9fa,#f0f0f0);border-bottom:2px solid #e9ecef}.modal-header h3{font-size:1.2rem}.modal-close{color:#6c757d;transition:all .2s ease}.modal-close:hover{transform:scale(1.1)}.modal-schedules{display:flex;flex-direction:column;gap:1rem}.modal-schedule-item{align-items:flex-start;background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-left:4px solid #667eea;border-radius:8px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.modal-schedule-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(4px)}.modal-schedule-icon{align-items:center;background:#667eea1a;border-radius:8px;display:flex;flex-shrink:0;font-size:1.5rem;height:40px;justify-content:center;width:40px}.modal-schedule-info{flex:1 1;min-width:0}.modal-schedule-info h4{color:#2c3e50;font-size:1rem;font-weight:700;margin:0 0 .5rem}.modal-schedule-info p{color:#4b5563;font-size:.9rem;margin:.25rem 0}.modal-schedule-info strong{color:#2c3e50;font-weight:700}.modal-schedule-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.modal-schedule-btn:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.modal-schedule-btn:active{transform:translateY(0)}.modal-empty p{font-size:1rem;font-weight:600;margin:0}@media (max-width:1024px){.calendar-day{min-height:100px;padding:.6rem}.day-number{font-size:.9rem}.month-navigation{gap:.5rem}}@media (max-width:768px){.calendar-view-container{padding:1.5rem}.calendar-title{font-size:1.2rem}.month-navigation{align-items:stretch;flex-direction:column}.inline-date-selectors{justify-content:center;width:100%}.date-dropdown{flex:1 1;min-width:100px}.nav-btn,.today-btn{flex:1 1}.calendar-day{min-height:80px;padding:.5rem}.day-number{font-size:.85rem;margin-bottom:.25rem}.weekday-header{font-size:.8rem;padding:.75rem .5rem}.modal-content{max-width:90vw}.modal-header{padding:1rem}.modal-header h3{font-size:1rem}.modal-body{padding:1rem}.modal-schedule-item{flex-direction:column;padding:.75rem}.modal-schedule-btn{text-align:center;width:100%}}@media (max-width:480px){.calendar-view-container{padding:1rem}.calendar-title{font-size:1.1rem}.calendar-subtitle{font-size:.85rem}.date-dropdown{font-size:.8rem;min-width:90px;padding:.5rem .6rem}.nav-btn,.today-btn{font-size:.8rem;padding:.5rem .75rem}.calendar-day{min-height:70px;padding:.4rem}.day-number{font-size:.8rem}.weekday-header{font-size:.7rem;padding:.5rem .25rem}.modal-header h3{font-size:.95rem}.modal-schedule-info h4{font-size:.9rem}.modal-schedule-info p{font-size:.8rem}}.stats-card-container{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:.4rem;height:110px;justify-content:center;min-height:110px;min-width:120px;padding:1rem;text-align:center;transition:all .2s ease;width:120px}.stats-card-container:hover{box-shadow:0 2px 6px #0000001f}.stats-card-container.total{border-left:3px solid #667eea}.stats-card-container.active{border-left:3px solid #27ae60}.stats-card-container.calibration{border-left:3px solid #f39c12}.stats-card-container.inactive{border-left:3px solid #95a5a6}.stats-card-container.pending{border-left:3px solid #3498db}.stats-card-container.deactivated{border-left:3px solid #f39c12}.stats-card-container.open{border-left:3px solid #e74c3c}.stats-card-container.progress{border-left:3px solid #3498db}.stats-card-container.closed{border-left:3px solid #27ae60}.stats-card-container.cancelled{border-left:3px solid #6b7280}.stats-card-container.expiring{border-left:3px solid #f59e0b}.stats-card-container.uncovered{border-left:3px solid #ef4444}.stats-card-icon{flex-shrink:0;font-size:1.8rem;line-height:1;margin-bottom:.2rem}.stats-card-content{align-items:center;display:flex;flex-direction:column;gap:.2rem;justify-content:center;width:100%}.stats-card-number{color:#2c3e50;font-size:1.2rem;font-weight:700;line-height:1}.stats-card-label{color:#7f8c8d;font-size:.65rem;font-weight:600;letter-spacing:.3px;line-height:1.2;max-width:100%;text-transform:uppercase;word-break:break-word}@media (max-width:1200px){.stats-card-container{height:105px;min-height:105px;min-width:110px;padding:.85rem;width:110px}.stats-card-icon{font-size:1.6rem}.stats-card-number{font-size:1.1rem}.stats-card-label{font-size:.55rem}}@media (max-width:768px){.stats-card-container{height:100px;min-height:100px;min-width:100px;padding:.75rem;width:100px}.stats-card-icon{font-size:1.4rem}.stats-card-number{font-size:1rem}.stats-card-label{font-size:.5rem}}@media (max-width:480px){.stats-card-container{height:100px;min-height:100px;min-width:85px;padding:.6rem;width:85px}.stats-card-icon{font-size:1.2rem;margin-bottom:.1rem}.stats-card-number{font-size:.9rem}.stats-card-label{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.45rem;overflow:hidden;text-overflow:ellipsis}.stats-card-container.maintenance .stats-card-label{font-size:.4rem;letter-spacing:.2px;white-space:normal}.stats-card-container.hours .stats-card-label{-webkit-line-clamp:3;font-size:.4rem}}.pagination-container{align-items:center;background:#fff;border-top:2px solid #e9ecef;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.5rem 1rem}.pagination-info{color:#6c757d}.pagination-controls{align-items:center;gap:.5rem}.pagination-btn{border:2px solid #dee2e6;color:#495057;font-weight:500}.pagination-btn:hover:not(:disabled){border-color:#667eea;transform:translateY(-1px)}.pagination-btn:disabled{opacity:.4}.pagination-pages{display:flex;gap:.25rem}.pagination-page{align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;height:36px;justify-content:center;min-width:36px;padding:.5rem;transition:all .2s ease}.pagination-page:hover{background:#f8f9fa;border-color:#667eea}.pagination-page.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 2px 6px #667eea66;color:#fff}.pagination-ellipsis{font-weight:700;height:36px;justify-content:center;min-width:36px}.pagination-ellipsis,.pagination-per-page{align-items:center;color:#6c757d;display:flex}.pagination-per-page{font-size:.9rem;gap:.5rem}.per-page-select{background:#fff;border:2px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem .75rem;transition:border-color .2s}.per-page-select:hover{border-color:#667eea}.per-page-select:focus{border-color:#667eea;outline:none}@media (max-width:992px){.pagination-container{align-items:stretch;flex-direction:column}.pagination-controls,.pagination-info,.pagination-per-page{justify-content:center}}@media (max-width:576px){.pagination-pages{flex-wrap:wrap;justify-content:center}.pagination-btn{font-size:.8rem;padding:.5rem .75rem}}.device-name-management{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem}.device-name-header{align-items:flex-start;border-bottom:2px solid #f0f0f0;display:flex;gap:2rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.25rem}.device-name-header h2{color:#1a1a1a;font-size:2.2rem;font-weight:800;margin:0}.action-btn.action-edit{background:#e8f4f8;border:1px solid #0366d6;color:#0366d6;font-size:.85rem;padding:.5rem .75rem}.action-btn.action-edit:hover{background:#0366d6}.device-names-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.device-name-card{background:#fff;border:2px solid #e9ecef;border-radius:10px;box-shadow:0 2px 6px #00000014;display:flex;flex-direction:column;min-height:250px;padding:1.5rem;transition:all .3s ease}.device-name-card:hover{border-color:#667eea;box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.device-name-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.device-name-icon-section{align-items:center;background:#f0f4ff;border:2px solid #e0e7ff;border-radius:10px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.device-name-icon{font-size:1.8rem;line-height:1}.device-name-section{display:flex;flex:1 1;flex-direction:column;gap:.35rem;min-width:0}.device-name-section h3{word-wrap:break-word;color:#2c3e50;font-size:1.1rem;font-weight:700;line-height:1.3;margin:0;overflow-wrap:break-word;word-break:break-word}.device-name-code-badge{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#667eea;font-family:Courier New,monospace;font-size:.8rem;font-weight:600;padding:.25rem .6rem;width:-webkit-fit-content;width:fit-content}.device-name-category{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.category-label{color:#6c757d;font-size:.8rem;font-weight:600}.category-value{background:#f0f4ff;border:1px solid #e0e7ff;border-radius:3px;color:#2c3e50;font-size:.85rem;padding:.2rem .5rem}.device-name-description{flex:1 1;margin-bottom:1rem}.device-name-description p{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#6c757d;display:-webkit-box;font-size:.9rem;line-height:1.4;margin:0;overflow:hidden}.device-name-actions{border-top:1px solid #e9ecef;display:flex;gap:.5rem;margin-top:auto;padding-top:1rem}.device-name-summary{align-items:center;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 1px 3px #00000014;color:#333;display:flex;flex-direction:column;font-size:.8rem;gap:.2rem;justify-content:center;margin-top:1rem;padding:.5rem .75rem;width:-webkit-fit-content;width:fit-content}.device-name-summary .summary-label{color:#666;font-size:.65rem;font-weight:500;line-height:1;order:2}.device-name-summary .summary-count{color:#333;font-size:1.1rem;font-weight:700;line-height:1;order:1}@media (max-width:992px){.device-names-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.device-name-management{padding:1rem}.device-name-header{align-items:stretch;flex-direction:column;gap:1rem}.device-name-header h2{font-size:1.8rem}.action-btn.action-primary,.action-palette-inline{width:100%}.device-names-grid{grid-template-columns:1fr}.device-name-card{min-height:auto}}@media (max-width:640px){.device-name-header h2{font-size:1.5rem}.device-name-card-header{align-items:center;flex-direction:column;text-align:center}.device-name-icon-section{height:50px;width:50px}.device-name-icon{font-size:1.5rem}.device-name-section h3{white-space:normal}.device-name-code-badge{text-align:center;width:100%}.btn{justify-content:center;width:100%}}.complaint-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:750px;overflow-y:auto;padding:2rem;width:90%}.modal-header-extended{margin-bottom:1rem;padding-bottom:.75rem}.modal-device-info .department-icon{flex-shrink:0;font-size:1.1rem;line-height:1}.modal-device-info .device-department{background:linear-gradient(135deg,#7c8ff0,#8b5fb8);border-radius:20px;box-shadow:0 2px 4px #667eea66;color:#fff;display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1rem}.modal-device-info .department-name{color:#fff;font-weight:700;white-space:nowrap}.modal-device-info .device-location{align-items:center;background:#3498db1a;border-left:3px solid #3498db;border-radius:4px;display:flex;flex-shrink:0;font-size:.85rem;gap:.35rem;padding:.35rem .65rem}.modal-device-info .location-icon{font-size:.95rem;line-height:1}.modal-device-info .location-name{color:#1a5e96!important;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-group label{font-size:.9rem}.form-group input,.form-group textarea{border:2px solid #e0e0e0;border-radius:6px;font-size:.95rem;padding:.65rem}.form-group textarea{min-height:90px;resize:vertical}.form-group input:focus,.form-group textarea:focus,.severity-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.severity-select{-webkit-appearance:none;appearance:none;background-color:#fff;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 .75rem center;background-repeat:no-repeat;background-size:1.25em;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;font-family:inherit;font-size:.95rem;padding:.65rem 2.5rem .65rem .65rem;transition:all .3s}.severity-select:hover{border-color:#667eea}.form-row{grid-gap:.85rem;align-items:start;gap:.85rem}.action-btn{font-size:.9rem;padding:.65rem 1.1rem}.action-btn:disabled{transform:none}.reporter-info-display{background:linear-gradient(135deg,#e8f4f880,#d4e9f74d);border:1px solid #3498db26;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:.85rem;transition:all .2s ease}.reporter-info-badge{align-items:center;display:flex;gap:.5rem}.reporter-details{border-left:2px solid #3498db33;display:flex;flex-direction:column;gap:.35rem;padding-left:.5rem}.reporter-detail-item{align-items:center;color:#2c3e50;display:flex;font-size:.85rem;gap:.5rem}.detail-icon{flex-shrink:0;font-size:1.1rem;line-height:1}.detail-text{color:#1a5e96;font-weight:500;word-break:break-word}.detail-text-empty{color:#95a5a6;font-style:italic;font-weight:400}.reporter-detail-empty{opacity:.7}.reporter-flow-indicator{align-items:center;animation:slideDown .2s ease-out;border-radius:8px;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem}.flow-badge{border-radius:6px;display:inline-block;flex-shrink:0;font-size:.75rem;font-weight:700;letter-spacing:.3px;line-height:1;padding:.35rem .75rem;text-transform:uppercase}.flow-badge.authenticated{background:#27ae6026;border:1px solid #27ae604d;color:#229954}.flow-badge.guest{background:#3498db26;border:1px solid #3498db4d;color:#1a5e96}.flow-description{color:#2c3e50;font-size:.85rem;font-weight:500}.employee-id-input{border:2px solid #e0e0e0;border-radius:6px;font-family:inherit;font-size:.95rem;padding:.65rem;transition:all .3s}.employee-id-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.employee-id-input.loading{background-color:#f39c120d;border-color:#f39c12}.employee-id-input.found{background-color:#27ae600d;border-color:#27ae60}.employee-id-input.not-found{background-color:#e74c3c0d;border-color:#e74c3c}.verification-indicator{align-items:center;animation:slideDown .2s ease-out;border-radius:6px;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;margin-top:.25rem;padding:.5rem .6rem}.verification-indicator.loading{background-color:#f39c121a;border-left:3px solid #f39c12;color:#d68910}.verification-indicator.found{background-color:#27ae601a;border-left:3px solid #27ae60;color:#229954}.verification-indicator.not-found{background-color:#e74c3c1a;border-left:3px solid #e74c3c;color:#c0392b}.manual-entry-fields{animation:slideDown .2s ease-out;display:flex;flex-direction:column;gap:.75rem;padding-top:.5rem}.manual-entry-fields .form-group input{background-color:#f9f9f9;border:2px solid #e0e0e0}.manual-entry-fields .form-group input:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.employee-details-found{animation:slideDown .2s ease-out;background-color:#27ae6014;border:1px solid #27ae6033;border-radius:6px;display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem;padding:.75rem}.field-hint{color:#7f8c8d}@media (max-width:768px){.complaint-modal{padding:1.5rem;width:95%}.modal-device-info,.modal-header-extended{align-items:flex-start;flex-direction:column}.modal-device-info{gap:.5rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.action-btn{justify-content:center;width:100%}.reporter-info-display{gap:.5rem;padding:.75rem}.reporter-details{gap:.4rem;padding-left:.4rem}.reporter-detail-item{font-size:.85rem;gap:.5rem}.detail-icon{font-size:1rem}.reporter-identification-section{gap:.5rem;padding:.75rem}.manual-entry-fields .form-row{grid-template-columns:1fr}.detail-row{flex-direction:column;gap:.25rem}.detail-label{min-width:auto}}.filter-help-overlay{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.filter-help-modal{animation:slideUp .3s ease-in-out;background:#fff;border-radius:8px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.filter-help-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #f0f0f0;border-radius:8px 8px 0 0;color:#fff;display:flex;justify-content:space-between;padding:2rem}.filter-help-header h2{font-size:1.5rem;font-weight:600;margin:0}.filter-help-close{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:background .2s;width:32px}.filter-help-close:hover{background:#fff3}.filter-help-description{background:#f9f9f9;border-bottom:1px solid #e5e5e5;color:#666;font-size:1rem;font-style:italic;padding:1.5rem 2rem}.filter-help-content{padding:2rem}.help-section{background:#f8f9fa;border-left:4px solid #667eea;border-radius:4px;margin-bottom:2.5rem;padding:1.5rem;transition:all .2s}.help-section:hover{background:#f0f2fa;box-shadow:0 2px 8px #667eea1a}.help-section-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.help-section-icon{font-size:1.5rem;min-width:2rem}.help-section-header h3{color:#333;font-size:1.1rem;margin:0 0 .5rem}.help-logic-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.help-section-explanation{background:#fff;border-left:3px solid #667eea;border-radius:4px;color:#555;margin-bottom:1rem;padding:1rem}.help-examples{margin-top:1rem}.help-example{background:#fff;border:1px solid #e5e5e5;border-radius:4px;margin-bottom:1rem;padding:1rem;transition:all .2s}.help-example:hover{border-color:#667eea;box-shadow:0 2px 4px #667eea1a}.example-row{display:flex;font-size:.95rem;gap:1rem;margin-bottom:.75rem}.example-label{color:#333;flex-shrink:0;font-weight:600;min-width:100px}.example-value{color:#666;flex:1 1}.example-selection{background:#e8f0fe;color:#1a73e8}.example-result,.example-selection{border-radius:3px;padding:.25rem .5rem}.example-result{background:#f0fdf4;color:#166534;font-weight:500}.example-formula{background:#f5f5f5;border-left:3px solid #667eea;border-radius:3px;margin-top:.75rem;padding:.75rem}.example-formula code{color:#667eea;font-family:Monaco,Courier New,monospace;font-size:.85rem;font-weight:600}.filter-help-takeaways{background:linear-gradient(135deg,#f0fdf4,#e8f0fe);border-left:4px solid #667eea;border-radius:4px;margin:1.5rem 2rem 0;padding:1.5rem}.filter-help-takeaways h3{color:#333;font-size:1rem;margin:0 0 1rem}.filter-help-takeaways ul{list-style:none;margin:0;padding-left:1.5rem}.filter-help-takeaways li{color:#555;line-height:1.5;margin-bottom:.75rem;padding-left:1.5rem;position:relative}.filter-help-takeaways li:before{color:#22c55e;content:"✓";font-weight:700;left:0;position:absolute}.filter-help-takeaways strong{color:#667eea}.filter-help-footer{background:#f9f9f9;border-radius:0 0 8px 8px;border-top:1px solid #e5e5e5;display:flex;justify-content:flex-end;padding:1.5rem 2rem}.filter-help-ok-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:4px;box-shadow:0 2px 4px #667eea4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.filter-help-ok-btn:hover{box-shadow:0 4px 8px #667eea66;transform:translateY(-2px)}.filter-help-ok-btn:active{transform:translateY(0)}@media (max-width:600px){.filter-help-modal{border-radius:0;max-height:100vh;max-height:100%;width:100%}.filter-help-header{padding:1.5rem}.filter-help-header h2{font-size:1.25rem}.filter-help-content{padding:1rem}.help-section{margin-bottom:1.5rem;padding:1rem}.example-row{flex-direction:column;gap:.25rem}.example-label{min-width:auto}.filter-help-takeaways{margin:1rem}.filter-help-footer{padding:1rem}}.devices-view{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #00000026,0 0 0 1px #ffffff80;display:flex;flex-direction:column;gap:0;margin:0 auto;max-width:1400px;padding:2rem}.devices-header{flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:.75rem}.devices-header,.header-left{align-items:center;display:flex}.header-right{gap:0}.stats-summary{flex-direction:row;gap:.75rem}@media (min-width:1300px){.header-left{flex:1 1;min-width:0}.stats-summary{flex-wrap:nowrap}.header-right{flex-shrink:0;margin-left:auto}}.stats-cards-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.action-btn{transition:box-shadow .15s ease,background-color .15s ease}.action-icon{font-size:1.1rem}.action-btn.action-primary:hover{box-shadow:0 4px 10px #667eea4d}.search-section{display:block;margin-bottom:0;margin-top:0}.search-icon-lens{left:12px}.search-input-clean{padding:.75rem 2.5rem .75rem 3rem;transition:all .3s ease}.clear-search-btn-inline{right:12px}.clear-search-btn-inline:hover{color:#333}.quick-filters{background:#f8f9fc;box-shadow:0 1px 3px #00000005}.preset-btn{transition:background-color .15s ease,border-color .15s ease,color .15s ease}.preset-btn:before{transition:none}.preset-btn:hover{box-shadow:0 2px 6px #667eea1a}.preset-btn.active{box-shadow:0 3px 10px #667eea33}.preset-btn.active:hover{box-shadow:0 4px 12px #667eea40}@media (max-width:768px){.quick-filters{margin-bottom:1.25rem;padding:1rem}.quick-filters-title{font-size:.85rem;margin-bottom:.85rem}.preset-buttons{gap:.6rem}.preset-btn{flex-basis:calc(33.333% - 0.4rem);flex-grow:1;flex-shrink:1;font-size:.8rem;min-width:100px;padding:.5rem .9rem}.devices-view .stats-summary .stats-card-container{height:100px!important;min-height:100px!important}}.active-filters-header,.active-filters-pills{display:contents}.filter-pill{max-width:100%;overflow:hidden;text-overflow:ellipsis}.clear-all-btn{align-items:center;display:inline-flex;justify-content:center;padding:.45rem 1.2rem}@media (max-width:768px){.active-filters{align-items:stretch;display:flex;flex-direction:column;margin-bottom:1.25rem;padding:.85rem .85rem .9rem}.active-filters-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.active-filters-pills{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.active-filters-label{font-size:.85rem;margin-bottom:.5rem;text-align:left;width:100%}.active-filters-pills .filter-pill{align-items:flex-start;display:flex;flex:none;flex-wrap:wrap;font-size:.85rem;justify-content:space-between;min-width:0;overflow:visible;padding:.5rem .9rem;text-align:left;text-overflow:clip;white-space:normal!important;width:100%;word-break:break-word}.active-filters-pills .filter-and-connector{display:block!important;flex-basis:100%!important;font-size:.7rem!important;gap:0!important;margin:0!important;order:0!important;padding:.25rem 0!important;text-align:center!important;width:100%!important}.clear-all-btn{font-size:.8rem;padding:.4rem 1rem}}.sidebar-drawer-overlay{animation:fadeIn .2s ease;background:#0006;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:999}.drawer-title{border-bottom:2px solid #e0e0e0;color:#2c3e50;font-size:1rem;font-weight:700;margin-bottom:1rem;padding-bottom:.75rem}.filter-select{border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,sans-serif;padding:.5rem .75rem;transition:all .2s ease;width:100%}.filter-select:hover{box-shadow:0 2px 6px #667eea14}.filter-select:focus{box-shadow:0 0 0 3px #667eea1a}.filter-checkbox-label{align-items:center;color:#4b5563;cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.4rem 0;transition:color .2s ease}.filter-checkbox-label:hover{color:#2c3e50}.filter-checkbox-label input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:16px;margin:0;width:16px}.filter-range{margin-top:.5rem}.filter-range input[type=number]{border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;flex:1 1;font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,sans-serif;font-size:.85rem;font-weight:500;min-width:0;padding:.5rem;transition:all .2s ease}.filter-range input[type=number]:hover{border-color:#667eea;box-shadow:0 2px 6px #667eea14}.filter-range input[type=number]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-range-separator{color:#999;font-weight:500;padding:0 .25rem}input[type=date]{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;color:#2c3e50;font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,sans-serif;font-size:.85rem;font-weight:500;padding:.5rem .75rem;transition:all .2s ease}input[type=date]:hover{border-color:#667eea;box-shadow:0 2px 6px #667eea14}input[type=date]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-label-text{color:#2c3e50;font-size:.75rem;font-weight:600;letter-spacing:.3px;margin-bottom:.25rem;margin-top:0;text-transform:uppercase;width:100%}.filter-group{margin-bottom:.75rem}.filter-group-title{align-items:center;color:#2c3e50;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:flex-start!important;margin-bottom:.5rem;margin-left:0;padding-left:0;text-align:left!important;transition:color .2s ease;-webkit-user-select:none;user-select:none;width:100%}.filter-group-title:hover,.group-arrow{color:#667eea}.group-arrow{display:inline-block;font-size:.9rem;transition:transform .3s ease}.group-arrow.open{transform:rotate(180deg)}.filter-group-content{grid-gap:.75rem;box-sizing:border-box;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-left:0;margin-top:.5rem;width:100%}.filter-item-wrapper{display:flex;flex-direction:column;gap:.25rem;min-width:0}.filter-item-wrapper.full-width{grid-column:1/-1}.filter-item-wrapper select{box-sizing:border-box;width:auto}.filter-item-wrapper input{box-sizing:border-box;width:100%}.filter-range{align-items:center;display:flex;gap:.5rem;width:100%}.filter-range input{flex:1 1;min-width:0}.drawer-buttons{background:#f5f5f5;border-top:1px solid #e0e0e0;bottom:0;box-shadow:0 -2px 8px #00000014,0 8px 12px #0000001f;display:flex;gap:.75rem;justify-content:flex-end;margin:1rem -1.5rem -2rem;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;z-index:999}.apply-btn,.cancel-btn,.reset-btn{border:none;border-radius:6px;cursor:pointer;flex:0 0 auto;font-size:.85rem;font-weight:600;padding:.6rem 1.2rem;transition:all .2s ease;white-space:nowrap;width:auto}.apply-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.apply-btn:hover{box-shadow:0 4px 12px #667eea4d}.reset-btn{background:#f0f0f0;border:1px solid #e0e0e0;color:#666}.reset-btn:hover{background:#e0e0e0}.cancel-btn{background:#e74c3c;border:none;color:#fff}.cancel-btn:hover{background:#c0392b;box-shadow:0 4px 12px #e74c3c4d}.filters-section{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px}.filters-header{background:#f5f5f5;border-bottom:1px solid #e0e0e0;gap:.5rem;transition:background .2s ease}.filters-header:hover{background:#f0f0f0}.filter-section-collapsible{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:1.5rem;overflow:hidden}.filter-section-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#f3f4f6);border-bottom:1px solid #e0e0e0;cursor:pointer;display:flex;gap:.75rem;padding:1rem 1.5rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.filter-section-header:hover{background:linear-gradient(135deg,#f0f1f3,#ebebef)}.filter-section-arrow{align-items:center;color:#667eea;display:inline-flex;flex-shrink:0;font-size:.9rem;justify-content:center;min-width:1.2rem;transition:transform .3s ease}.filter-section-arrow.expanded{transform:rotate(180deg)}.filter-section-title{color:#2c3e50;flex:1 1;font-size:.95rem;font-weight:600}.filter-section-content{background:linear-gradient(135deg,#fff,#f8f9fc);padding:1.5rem}.filter-section-content .filters-row-horizontal{background:#0000;border-radius:0;margin-bottom:0;padding:0}.filters-toggle-arrow{display:inline-block;font-size:.8rem;transition:transform .3s ease}.filters-title-text{color:#333;font-weight:600}.filters-applied-indicator{animation:pulse 2s infinite;height:12px;width:12px}.filters-row-horizontal{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;padding:1rem}.filter-item-full-width{grid-column:1/-1}.filter-item{gap:.75rem}.filter-label{color:#333;font-size:.95rem;font-weight:600}.filter-controls{align-items:flex-start}.filter-controls.date-range-group{flex-direction:column;gap:1rem}.date-range-section{display:flex;flex-direction:column;gap:.5rem}.date-range-label{color:#666;font-size:.85rem;font-weight:500}.date-range-inputs{gap:.5rem}.date-input-small{border:1px solid #e0e0e0;border-radius:4px;flex:1 1;font-size:.9rem;min-width:120px;padding:.5rem}.date-input-small:focus{box-shadow:0 0 0 3px #667eea1a}.date-separator-small{color:#999;font-size:.85rem}.department-multiselect{border:1px solid #e0e0e0;border-radius:4px;flex:1 1;font-size:.95rem;max-height:150px;min-width:150px;padding:.75rem}.department-multiselect:focus{border-color:#667eea;outline:none}.filter-info{color:#999;font-size:.8rem}.filter-controls-advanced{display:flex;flex-wrap:wrap;gap:.5rem}.filters-full-width{grid-gap:2rem;display:grid;gap:2rem;grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.filter-option{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:flex;font-size:.9rem;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.filter-option:hover{border-color:#667eea;color:#667eea}.filter-option.active{background:#667eea;border-color:#667eea;color:#fff}.clear-filter-btn{background:#f0f0f0;border:1px solid #e0e0e0;border-radius:4px;color:#666;padding:.5rem .75rem;transition:all .2s ease}.clear-filter-btn:hover{background:#e0e0e0;color:#333}.btn-refresh{transition:transform .3s ease}.device-filter-section{-webkit-backdrop-filter:blur(15px) saturate(150%);backdrop-filter:blur(15px) saturate(150%);background:#ffffffbf;border:1px solid #fff6;border-radius:8px;box-shadow:none;display:flex;flex-direction:column;gap:.75rem;margin-bottom:0;padding:.75rem 1rem}.filter-checkbox-device{align-items:center;cursor:pointer;display:flex;gap:.5rem;-webkit-user-select:none;user-select:none}.filter-checkbox-device input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:20px;width:20px}.checkbox-label-device{align-items:center;color:#495057;display:flex;font-size:.95rem;font-weight:600;gap:.5rem}.status-indicator-small{font-size:1.1rem;line-height:1}.filter-info-device{background:#667eea1a;border-radius:6px;color:#667eea;font-size:.8rem;font-weight:700;margin-left:auto;padding:.25rem .75rem;white-space:nowrap}.advanced-filter-section{align-items:center;-webkit-backdrop-filter:blur(15px) saturate(150%);backdrop-filter:blur(15px) saturate(150%);background:#ffffffbf;border:1px solid #fff6;border-radius:8px;box-shadow:none;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:0;padding:.75rem 1rem}.advanced-filter-toggles{flex:1 1;flex-wrap:wrap}.advanced-filter-toggles,.filter-toggle{align-items:center;display:flex;gap:.5rem}.filter-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.filter-toggle input[type=checkbox]{accent-color:#e74c3c;cursor:pointer;height:20px;width:20px}.toggle-label{align-items:center;border-radius:6px;display:flex;font-size:.85rem;font-weight:600;gap:.35rem;padding:.35rem .65rem;transition:all .3s ease}.toggle-label.critical{background:#e74c3c1a;border:1px solid #e74c3c33;color:#c0392b}.toggle-label.warning{background:#f39c121a;border:1px solid #f39c1233;color:#d68910}.filter-toggle:hover .toggle-label{box-shadow:0 2px 6px #0000001a;transform:translateY(-1px)}.toggle-icon{line-height:1}.clear-advanced-filters-btn{background:#e74c3c;border:none;border-radius:6px;box-shadow:0 1px 3px #e74c3c4d;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:.3rem .65rem;transition:all .3s ease;white-space:nowrap}.clear-advanced-filters-btn:hover{background:#c0392b;box-shadow:0 4px 10px #e74c3c66;transform:translateY(-2px)}.date-range-filter-section{-webkit-backdrop-filter:blur(15px) saturate(150%);backdrop-filter:blur(15px) saturate(150%);background:#ffffffbf;border:1px solid #fff6;border-radius:8px;box-shadow:none;gap:.5rem;margin-bottom:0;padding:.75rem 1rem}.date-range-item{border-left:3px solid #0000;border-radius:6px;display:flex;flex-direction:column;gap:.35rem;padding:.5rem .65rem;transition:all .3s ease}.date-range-item.installation-date-range{background:#3b82f605;border-left-color:#3b82f6}.date-range-item.warranty-date-range{background:#f59e0b05;border-left-color:#f59e0b}.date-range-item.contract-date-range{background:#10b98105;border-left-color:#10b981}.date-range-item label{align-items:center;color:#2c3e50;display:flex;font-size:.85rem;font-weight:700;gap:.3rem}.clear-date-filters-btn{align-self:flex-start;background:#e74c3c;border:none;border-radius:6px;box-shadow:0 1px 3px #e74c3c4d;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:.3rem .65rem;transition:all .3s ease;white-space:nowrap}.clear-date-filters-btn:hover{background:#c0392b;box-shadow:0 4px 10px #e74c3c66;transform:translateY(-2px)}.icon-badge{align-items:center;display:inline-flex;font-size:1rem;height:24px;justify-content:center;line-height:1;margin-right:.5rem;width:24px}.icon-badge.installation{color:#3b82f6}.icon-badge.warranty{color:#f59e0b}.icon-badge.contract{color:#10b981}.or-indicator{color:#667eea;font-size:.8rem;font-style:italic;font-weight:500;letter-spacing:.3px;margin-left:.5rem}.filter-section-tooltip{border-radius:50%;cursor:help;display:inline-block;font-size:.85rem;font-weight:700;margin-left:.25rem;opacity:.6;position:relative;transition:all .2s ease}.filter-section-tooltip:hover{opacity:1;transform:scale(1.1)}.filter-section-tooltip:before{background:#2c3e50;border-radius:4px;bottom:125%;color:#fff;content:attr(title);font-size:.75rem;font-weight:400;letter-spacing:0;padding:.5rem .75rem;white-space:nowrap}.filter-section-tooltip:after,.filter-section-tooltip:before{left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s ease;z-index:1000}.filter-section-tooltip:after{border:5px solid #0000;border-top-color:#2c3e50;bottom:115%;content:""}.filter-section-tooltip:hover:after,.filter-section-tooltip:hover:before{opacity:1}.active-filters{background:linear-gradient(135deg,#f8f9fc,#fff);border:2px solid #667eea26;border-radius:10px;box-shadow:0 2px 12px #667eea14,0 1px 3px #0000000a;display:block;padding:1.5rem}.active-filters-label{color:#667eea;display:block;font-size:.9rem;letter-spacing:.4px}.active-filters>div:first-child{border-bottom:2px solid #667eea1a;margin-bottom:1rem;padding-bottom:1rem}.active-filters>div:first-child>span:last-child{color:#667eea;display:block;font-size:.8rem;font-weight:500;line-height:1.4;margin-top:.25rem}.filter-pill{background:linear-gradient(135deg,#667eea15,#764ba215);border:1.5px solid #667eea4d;display:inline-block;font-size:.85rem;margin-bottom:.75rem;margin-right:.5rem;padding:.5rem 1rem}.filter-pill:hover{background:linear-gradient(135deg,#667eea20,#764ba220);border-color:#667eea80;transform:translateY(-1px)}.filter-pill-remove{font-size:1.1em;margin-left:.5rem;vertical-align:middle}.filter-pill-remove:hover{color:#764ba2;transform:scale(1.2)}.clear-all-btn{box-shadow:0 2px 6px #ef444433;display:inline-block;font-size:.85rem;margin-left:1rem;padding:.5rem 1.2rem;vertical-align:middle}.clear-all-btn:hover{box-shadow:0 4px 12px #ef44444d;transform:translateY(-2px)}.clear-all-btn:active{transform:translateY(0)}@media (max-width:1024px){.sidebar-drawer{width:350px}}@media (max-width:768px){.sidebar-drawer{max-width:90vw;width:100%}.preset-buttons{flex-direction:column;gap:.5rem}.preset-btn{text-align:left;width:100%}.active-filters{align-items:flex-start;flex-direction:column}.active-filters-header{display:block!important;width:100%}.active-filters-label{display:block!important;margin-bottom:.75rem!important;text-align:left!important;width:100%!important}.active-filters>div:first-child{border-bottom:none}.clear-all-btn{align-self:flex-end;margin-left:auto;margin-top:.75rem}.devices-view{gap:1.5rem;padding:1rem}.devices-header{align-items:flex-start;flex-direction:column;gap:1rem}.header-left{width:100%}.header-right{flex-direction:column;width:100%}.action-palette{width:100%}.action-btn{flex:1 1;justify-content:center}.stats-cards-wrapper{gap:.75rem}.filters-row-horizontal{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:1rem}.filters-full-width{gap:1rem;grid-template-columns:1fr}.date-range-inputs,.filter-controls{flex-direction:column}.filter-controls-advanced{gap:.25rem}.filter-option{font-size:.85rem;padding:.5rem .75rem}.filter-section-collapsible{margin-bottom:1rem}.filter-section-header{padding:.75rem 1rem}.filter-section-title{font-size:.9rem}.filter-section-content{padding:1rem}}@media (max-width:480px){.devices-view{padding:.75rem}.devices-header{align-items:flex-start;flex-direction:column;gap:.75rem;margin-bottom:1rem}.header-left{width:100%}.header-right{flex-direction:column;width:100%}.action-palette{gap:.5rem;width:100%}.action-btn{flex:1 1;font-size:.85rem;justify-content:center;padding:.5rem 1rem}.stats-cards-wrapper{gap:.5rem}.filters-row-horizontal{grid-template-columns:1fr}}@media (max-height:500px) and (orientation:landscape){.devices-header{align-items:center;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:.5rem}.header-left{flex:1 1;min-width:200px}.header-right{flex-shrink:0;width:auto}.action-palette{display:flex;flex-direction:row;gap:.5rem;width:auto}.action-btn{flex:0 0 auto;padding:.5rem .75rem}.action-btn,.action-text{font-size:.75rem}.action-icon{font-size:.9rem}.stats-cards-wrapper{gap:.5rem}.stats-cards-wrapper,.stats-summary{-webkit-overflow-scrolling:touch;overflow-x:auto}.stats-summary{flex-wrap:nowrap}.stats-card-container{flex-shrink:0;min-width:80px}.devices-view{padding:.75rem .5rem}}.bulk-qr-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:900px;overflow:hidden;position:relative;width:90%}.modal-header{border-bottom:1px solid #667eea33}.close-btn{border-radius:50%;font-size:1.3rem;height:36px;width:36px}.close-btn:hover{transform:rotate(90deg)}.bulk-qr-content{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.5rem}.bulk-qr-info{background:#f8f9fc;border-left:4px solid #667eea;border-radius:6px;color:#2c3e50;padding:1rem}.bulk-qr-info p{font-size:.9rem;line-height:1.5;margin:.5rem 0}.bulk-qr-info p:first-child{font-weight:600;margin-top:0}.bulk-qr-preview-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);justify-content:center;width:100%}.qr-preview-card{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;gap:.5rem;min-width:0;padding:.75rem;transition:all .2s ease}.qr-preview-card:hover{border-color:#667eea;box-shadow:0 4px 8px #667eea26;transform:translateY(-2px)}.qr-preview-id{border-radius:4px;color:#2c3e50;font-family:Courier New,monospace;font-size:.7rem;font-weight:700;line-height:1.2;margin-bottom:-1rem;padding:.4rem .3rem;text-align:center;width:100%;word-break:break-word}.qr-preview-code{align-items:center;display:flex;justify-content:center;width:100%}.qr-preview-code canvas,.qr-preview-code svg{display:block;height:100px;width:100px}.qr-preview-info{display:flex;flex-direction:column;font-size:.65rem;gap:.25rem;text-align:center;width:100%}.qr-preview-name{color:#2c3e50;font-weight:600}.qr-preview-detail,.qr-preview-name{line-height:1.2;word-break:break-word}.qr-preview-detail{color:#666;font-size:.6rem}@media (max-width:1024px){.bulk-qr-preview-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.qr-preview-card{gap:.35rem;padding:.5rem}.qr-preview-code canvas,.qr-preview-code svg{height:80px;width:80px}.qr-preview-id{font-size:.65rem}.qr-preview-info{font-size:.6rem}}@media (max-width:600px){.bulk-qr-preview-grid{gap:.5rem;grid-template-columns:1fr}.qr-preview-card{gap:.35rem;padding:.5rem}.qr-preview-code canvas,.qr-preview-code svg{height:70px;width:70px}.qr-preview-id{font-size:.6rem}.qr-preview-info{font-size:.55rem}}.bulk-qr-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));width:100%}.qr-token-card{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;gap:.75rem;padding:1rem;transition:all .2s ease}.qr-token-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.qr-device-info{text-align:center;width:100%}.qr-device-name{color:#2c3e50;font-size:.95rem;font-weight:600;line-height:1.3;margin-bottom:.25rem}.qr-device-id{color:#667eea;font-family:Courier New,monospace;font-size:.8rem;font-weight:700;letter-spacing:.5px;word-break:break-all}.qr-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;width:100%}.btn-copy-token,.btn-view-qr{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.8rem;font-weight:600;min-width:100px;padding:.5rem .75rem;transition:all .2s;white-space:nowrap}.btn-copy-token{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px #667eea33;color:#fff}.btn-copy-token:hover{box-shadow:0 4px 8px #667eea4d;transform:translateY(-2px)}.btn-view-qr{background:#fff;border:2px solid #667eea;color:#667eea}.btn-view-qr:hover{background:#f0f4ff;transform:translateY(-2px)}.bulk-qr-footer{background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;flex-shrink:0;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.btn-close-modal,.btn-download-all,.btn-download-pdf{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.7rem 1.5rem;transition:all .2s;white-space:nowrap}.btn-close-modal{background:#fff;border:2px solid #667eea;color:#667eea}.btn-close-modal:hover{background:#f0f4ff;transform:translateY(-2px)}.btn-download-all,.btn-download-pdf{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 6px #667eea33;color:#fff}.btn-download-all:hover:not(:disabled),.btn-download-pdf:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.btn-download-all:disabled,.btn-download-pdf:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.bulk-qr-modal{max-height:90vh;max-width:95vw}.modal-header{padding:1rem 1.25rem}.modal-header h3{font-size:1.1rem}.close-btn{font-size:1rem;height:32px;width:32px}.bulk-qr-content{gap:.75rem;padding:1rem}.bulk-qr-grid{gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.qr-token-card{padding:.75rem}.bulk-qr-footer{flex-direction:column;flex-wrap:wrap;gap:.5rem;padding:1rem}.btn-close-modal,.btn-download-all,.btn-download-pdf{font-size:.85rem;padding:.6rem 1rem;width:100%}.bulk-qr-info{padding:.75rem}.bulk-qr-info p{font-size:.85rem}}@media (max-width:600px){.bulk-qr-footer>div:first-child{grid-gap:.5rem!important;display:grid!important;flex-wrap:wrap!important;gap:.5rem!important;grid-auto-flow:row!important;grid-template-columns:1fr!important}.bulk-qr-footer>div:first-child>label{width:100%!important}.bulk-qr-footer>div:first-child>select{min-width:auto!important;width:100%!important}.bulk-qr-footer>div:first-child>span{text-align:left!important;width:100%!important}}@media (max-width:480px){.modal-overlay{padding:.5rem}.bulk-qr-modal{border-radius:8px;max-height:95vh;max-width:100vw}.modal-header{padding:.75rem 1rem}.modal-header h3{font-size:.95rem}.close-btn{font-size:.9rem;height:28px;width:28px}.bulk-qr-content{gap:.5rem;padding:.75rem}.bulk-qr-footer{flex-direction:column;gap:.35rem;padding:.75rem}.btn-close-modal,.btn-download-all,.btn-download-pdf{font-size:.8rem;padding:.5rem .75rem;width:100%}.bulk-qr-info{border-left-width:3px;padding:.5rem}.bulk-qr-info p{font-size:.8rem;margin:.35rem 0}.bulk-qr-footer>div:first-child{display:flex!important;flex-direction:column!important;gap:.4rem!important;padding:.75rem!important;width:100%!important}.bulk-qr-footer>div:first-child>label{font-size:.75rem!important;margin-bottom:.25rem!important}.bulk-qr-footer>div:first-child>select{font-size:.75rem!important;min-width:auto!important;padding:.4rem .5rem!important;width:100%!important}.bulk-qr-footer>div:first-child>span{font-size:.7rem!important;text-align:left!important}}.dashboard-layout{grid-gap:1.5rem;grid-gap:var(--gap-size,1.5rem);display:grid;gap:1.5rem;gap:var(--gap-size,1.5rem);margin-bottom:2rem}.dashboard-columns-auto{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.dashboard-columns-1{grid-template-columns:1fr}.dashboard-columns-2{grid-template-columns:repeat(2,1fr)}.dashboard-columns-3{grid-template-columns:repeat(3,1fr)}.dashboard-gap-sm{--gap-size:0.75rem}.dashboard-gap-md{--gap-size:1.5rem}.dashboard-gap-lg{--gap-size:2.5rem}.dashboard-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;min-width:0;overflow:hidden;padding:1.5rem;transition:box-shadow .2s ease}.dashboard-section:hover{box-shadow:0 2px 8px #00000026}.section-title-container{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.section-title{border-bottom:2px solid #f0f0f0;flex:1 1;font-size:1.25rem;padding-bottom:.75rem}.section-title-action{align-items:center;display:flex;padding-bottom:.75rem}.section-content{-webkit-overflow-scrolling:touch;color:#555;min-width:0;overflow-x:auto;overflow-y:visible}.dashboard-empty-state{background:#f9fafb;border:2px dashed #e5e7eb;border-radius:8px;padding:3rem 1.5rem;text-align:center}.dashboard-empty-state h3{color:#333;font-size:1.1rem;font-weight:600;margin:.5rem 0}.dashboard-empty-state p{color:#888;margin:.5rem 0 0}.responsive-grid{grid-gap:1rem;display:grid;gap:1rem}.responsive-grid-120{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.responsive-grid-140{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.responsive-grid-160{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.responsive-grid-180{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.responsive-grid-200{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.responsive-grid-220{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.responsive-grid-240{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.responsive-grid-250{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.responsive-grid-280{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width:1024px){.dashboard-columns-3,.responsive-grid-240,.responsive-grid-250,.responsive-grid-280{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-columns-2,.dashboard-columns-3,.responsive-grid-120,.responsive-grid-140,.responsive-grid-160,.responsive-grid-180,.responsive-grid-200,.responsive-grid-220,.responsive-grid-240,.responsive-grid-250,.responsive-grid-280{grid-template-columns:1fr}.dashboard-layout{gap:1rem;margin-bottom:1.5rem}.dashboard-section{max-width:100%;min-width:0;padding:1rem}.section-title{font-size:1.1rem;margin:0 0 .75rem;padding-bottom:.5rem}.section-content{-webkit-overflow-scrolling:touch;overflow-x:auto}}@media (max-width:480px){.dashboard-columns-1,.dashboard-columns-2,.dashboard-columns-3,.dashboard-columns-auto{grid-template-columns:1fr}.dashboard-layout{gap:.75rem;margin-bottom:1rem}.dashboard-section{border-radius:6px;max-width:100%;min-width:0;overflow:hidden;padding:.75rem}.section-title{font-size:1rem;margin:0 0 .75rem;padding-bottom:.5rem}.section-content{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:visible}.empty-icon{font-size:2rem;margin-bottom:.5rem}.dashboard-empty-state{padding:2rem 1rem}.responsive-grid-120,.responsive-grid-140,.responsive-grid-160,.responsive-grid-180,.responsive-grid-200,.responsive-grid-220,.responsive-grid-240,.responsive-grid-250,.responsive-grid-280{grid-template-columns:1fr}}.dashboard-loading{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:8px;min-height:400px}.loading-spinner{text-align:center}.spinner{border-top-color:#3498db;margin:0 auto 1rem}.dashboard-error{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33}.dashboard-error h3{font-size:1.25rem;margin:.5rem 0}.dashboard-error p{font-size:.95rem;margin:.5rem 0 1rem}.btn-retry{background:#c33;border-radius:4px;padding:.5rem 1.5rem;transition:background .2s ease}.btn-retry:hover{background:#a22}.empty-state{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:8px;color:#666}.empty-icon{font-size:3rem}.empty-title{color:#2c3e50;font-size:1.1rem;margin:.5rem 0}.empty-message{color:#6c757d;font-size:.95rem;line-height:1.5;margin:.75rem 0 1.5rem}.empty-action-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:6px;box-shadow:0 2px 8px #3b82f64d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.6rem 1.5rem;transition:all .3s ease}.empty-action-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.loading-state{color:#888;min-height:200px;padding:2.5rem 1.5rem}.spinner{border:4px solid #f3f3f3;margin-bottom:1rem}.skeleton-container{padding:1rem;width:100%}.skeleton-line{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:16px;margin-bottom:1rem}.skeleton-line.short{width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pulse{animation:pulse-animation 2s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;box-shadow:0 2px 8px #3b82f64d;height:60px;margin-bottom:1rem;width:60px}@keyframes pulse-animation{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.loading-message{color:#666;font-size:.95rem;margin:.5rem 0 0}.error-state{background:linear-gradient(135deg,#fef2f2,#fff);border:1px solid #fecaca;border-radius:8px;color:#dc2626;padding:2.5rem 1.5rem;text-align:center}.error-icon{font-size:2.5rem}.error-title{color:#dc2626;font-size:1.1rem;font-weight:600;margin:.5rem 0}.error-message{font-size:.95rem;line-height:1.5;margin:1rem 0 1.5rem}.error-retry-btn{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:6px;box-shadow:0 2px 8px #dc26264d;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.6rem 1.5rem;transition:all .3s ease}.error-retry-btn:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 4px 12px #dc262666;transform:translateY(-2px)}@media (max-width:768px){.empty-state,.error-state{padding:2rem 1rem}.empty-icon,.error-icon{font-size:2rem}.empty-title,.error-title{font-size:1rem}.loading-state{min-height:150px;padding:1.5rem}}.dashboard-loading{align-items:center;display:flex;justify-content:center;min-height:600px;width:100%}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.spinner{border-top-color:#3b82f6}.loading-spinner p{color:#666;font-size:1rem;font-weight:500;margin:0}.dashboard-error{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:600px;padding:2rem;text-align:center}.dashboard-error h3{color:#dc2626;font-size:1.5rem;margin:0}.dashboard-error p{color:#666;margin:0;max-width:400px}.btn-retry{background:#3b82f6}.btn-retry:hover{background:#2563eb;box-shadow:0 2px 8px #3b82f64d}.dashboard-container{background:#fff;border-radius:8px;padding:2rem}.dashboard-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.dashboard-header h1{color:#2c3e50;flex:1 1;font-size:1.8rem;font-weight:800;letter-spacing:-.5px;margin:0}.dashboard-meta{align-items:center;display:flex;gap:1rem}.user-role{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.4rem .8rem}.btn-section-refresh{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:1.2rem;justify-content:center;padding:.25rem .5rem;transition:transform .2s ease}.btn-section-refresh:hover{background:#f0f0f0;transform:rotate(20deg)}.btn-section-refresh:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.dashboard-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem}.dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem}.dashboard-header h1{font-size:1.5rem}.dashboard-meta{justify-content:space-between;width:100%}.dashboard-error,.loading-spinner{min-height:400px}.bme-engineer-dashboard .header-content{align-items:flex-start;flex-direction:column}.bme-engineer-dashboard .dashboard-title{font-size:1.5rem}.bme-engineer-dashboard .header-actions{justify-content:space-between;width:100%}}.critical-complaints-section{margin-bottom:3rem}.critical-complaints-table-container{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #00000014;overflow-x:auto;overflow-y:visible}.critical-complaints-table{border-collapse:collapse;font-size:.75rem;min-width:900px;width:100%}.critical-complaints-table thead{background:linear-gradient(135deg,#f8f9fa,#f3f4f6);border-bottom:2px solid #e5e7eb;position:-webkit-sticky;position:sticky;top:0;z-index:10}.critical-complaints-table th{background:linear-gradient(135deg,#f8f9fa,#f3f4f6);color:#2c3e50;font-size:.7rem;font-weight:700;letter-spacing:.2px;padding:.6rem;text-align:left;text-transform:uppercase;white-space:nowrap}.critical-complaints-table tbody tr{border-bottom:1px solid #d1d5db;height:auto;transition:all .2s ease}.critical-complaints-table tbody tr.complaint-row:hover{background:linear-gradient(135deg,#f8f9ff,#fffbf0);border-left:4px solid #667eea}.critical-complaints-table td{color:#1f2937;height:auto;line-height:1.4;padding:.7rem .6rem;vertical-align:top}.critical-complaints-table .col-rank{flex-shrink:0;text-align:left;width:50px}.critical-complaints-table .col-complaint{min-width:200px;width:200px}.critical-complaints-table .col-device{min-width:180px;width:180px}.critical-complaints-table .col-department{min-width:140px;width:140px}.critical-complaints-table .col-assigned,.critical-complaints-table .col-reported{min-width:120px;width:120px}.critical-complaints-table .col-status{min-width:100px;text-align:center;width:100px}.critical-complaints-table .rank-badge{align-items:center!important;background:#ef4444!important;border:1px solid #dc2626!important;border-radius:4px!important;color:#fff!important;display:inline-flex!important;font-size:.65rem!important;font-weight:700!important;height:22px!important;justify-content:center!important;width:22px!important}.complaint-stacked-cell .stacked-content,.device-stacked-cell .stacked-content{align-items:flex-start;display:flex;flex-direction:column;gap:.3rem}.complaint-title{color:#2c3e50;display:block;font-size:.85rem!important;font-weight:500!important;line-height:1.3;word-break:break-word}.device-name{font-size:.75rem!important}.critical-complaints-table .department-icon-small{display:inline-block;font-size:1.1rem;margin-right:.4rem;vertical-align:middle}.critical-complaints-table .department-text{color:#2c3e50;display:inline;font-size:.85rem;font-weight:500}.assigned-text,.reported-text{color:#1f2937;font-size:.85rem;font-weight:500}.critical-complaints-table td.center{text-align:center}@media (max-width:1024px){.critical-complaints-table td,.critical-complaints-table th{font-size:.85rem;padding:.75rem .8rem}}@media (max-width:768px){.critical-complaints-section{padding:1rem}.critical-complaints-table-container{overflow-x:auto}.critical-complaints-table{font-size:.8rem;min-width:800px}.critical-complaints-table td,.critical-complaints-table th{padding:.6rem}.critical-complaints-table .col-rank{width:40px}.critical-complaints-table .col-complaint{width:150px}.critical-complaints-table .col-device{width:130px}.critical-complaints-table .col-department{width:110px}.critical-complaints-table .col-assigned,.critical-complaints-table .col-reported{width:90px}.critical-complaints-table .col-status{width:85px}}.highest-cost-devices-section{margin-bottom:3rem}.highest-cost-devices-table-container{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #00000014;overflow-x:auto;overflow-y:visible}.highest-cost-devices-table{border-collapse:collapse;font-size:.75rem;min-width:1000px;width:100%}.highest-cost-devices-table thead{background:linear-gradient(135deg,#f8f9fa,#f3f4f6);border-bottom:2px solid #e5e7eb;position:-webkit-sticky;position:sticky;top:0;z-index:10}.highest-cost-devices-table th{background:linear-gradient(135deg,#f8f9fa,#f3f4f6);color:#2c3e50;font-size:.7rem;font-weight:700;letter-spacing:.2px;padding:.6rem;text-align:left;text-transform:uppercase;white-space:nowrap}.highest-cost-devices-table tbody tr{border-bottom:1px solid #d1d5db;height:auto;transition:all .2s ease}.highest-cost-devices-table tbody tr.device-row:hover{background:linear-gradient(135deg,#f8f9ff,#fffbf0);border-left:4px solid #667eea}.highest-cost-devices-table td{color:#1f2937;height:auto;line-height:1.4;padding:.85rem .75rem;vertical-align:middle}.highest-cost-devices-table .col-rank{flex-shrink:0;text-align:left;width:50px}.highest-cost-devices-table .col-device{min-width:180px;width:180px}.highest-cost-devices-table .col-department{min-width:130px;width:130px}.highest-cost-devices-table .col-device-cost{min-width:140px;text-align:right;width:140px}.highest-cost-devices-table .col-device-cost span{color:#1f2937;display:inline-block;font-size:.9rem;font-weight:600}.highest-cost-devices-table .col-device-cost .currency-symbol{color:#6b7280;font-size:.85rem;margin-right:.15rem}.highest-cost-devices-table .col-contract-cost{min-width:160px;text-align:right;width:160px}.highest-cost-devices-table .col-contract-cost span{color:#1f2937;display:inline-block;font-size:.9rem;font-weight:600}.highest-cost-devices-table .col-contract-cost .currency-symbol{color:#6b7280;font-size:.85rem;margin-right:.15rem}.highest-cost-devices-table .col-warranty-status{min-width:130px;text-align:center;width:130px}.highest-cost-devices-table .rank-badge{align-items:center!important;background:#667eea!important;border:1px solid #5a67d8!important;border-radius:4px!important;color:#fff!important;display:inline-flex!important;font-size:.65rem!important;font-weight:700!important;height:22px!important;justify-content:center!important;width:22px!important}.warranty-status-badge{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:600;padding:.35rem .75rem;text-align:center}.warranty-status-badge.status-active{background:#d1fae5;color:#065f46}.warranty-status-badge.status-expired{background:#fee2e2;color:#991b1b}.warranty-status-badge.status-na{background:#f3f4f6;color:#6b7280}.warranty-help-text{color:#d97706;display:block;font-size:.65rem;font-weight:600;margin-top:.25rem}@media (max-width:1024px){.highest-cost-devices-table td,.highest-cost-devices-table th{font-size:.85rem;padding:.75rem .8rem}}@media (max-width:768px){.highest-cost-devices-section{padding:1rem}.highest-cost-devices-table-container{overflow-x:auto}.highest-cost-devices-table{font-size:.8rem;min-width:800px}.highest-cost-devices-table td,.highest-cost-devices-table th{padding:.6rem}.highest-cost-devices-table .col-rank{width:40px}.highest-cost-devices-table .col-device{width:140px}.highest-cost-devices-table .col-department{width:100px}.highest-cost-devices-table .col-device-cost{width:110px}.highest-cost-devices-table .col-contract-cost{width:130px}.highest-cost-devices-table .col-warranty-status{width:110px}}.dashboard-content{flex:1 1}.work-queue-section{margin-bottom:3rem}.work-queue-header{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:1.5rem}.work-queue-controls{align-items:center;display:flex;gap:.75rem}.sort-label{font-size:.9rem;letter-spacing:.2px;text-transform:uppercase}.sort-dropdown,.sort-label{color:#2c3e50;font-weight:600}.sort-dropdown{background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:.85rem;min-width:200px;padding:.5rem .75rem;transition:all .2s ease}.sort-dropdown:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26}.sort-dropdown:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.dashboard-section-title{border-bottom:none;color:#2c3e50;font-size:1.4rem;font-weight:800;margin:0;padding-bottom:.75rem}.dashboard-section-title .subtitle-text{color:#6b7280;font-size:.85rem;font-weight:600;margin-left:.5rem}.work-queue-table-container{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #00000014;overflow-x:auto;overflow-y:visible}.work-queue-table{border-collapse:collapse;font-size:.75rem;min-width:900px;width:100%}.work-queue-table thead{border-bottom:2px solid #e5e7eb;position:-webkit-sticky;position:sticky;top:0;z-index:10}.work-queue-table th,.work-queue-table thead{background:linear-gradient(135deg,#f8f9fa,#f3f4f6)}.work-queue-table th{color:#2c3e50;font-size:.7rem;font-weight:700;letter-spacing:.2px;padding:.6rem;text-align:left;text-transform:uppercase;white-space:nowrap}.work-queue-table tbody tr{border-bottom:1px solid #d1d5db;height:auto;transition:all .2s ease}.work-queue-table tbody tr:hover{background:linear-gradient(135deg,#f8f9ff,#fffbf0);border-left:4px solid #667eea}.work-queue-table td{color:#1f2937;height:auto;line-height:1.4;padding:.7rem .6rem;vertical-align:top}.work-queue-table .col-rank{flex-shrink:0;text-align:left;width:50px}.work-queue-table .col-complaint{min-width:200px;width:200px}.work-queue-table .col-device{min-width:180px;width:180px}.work-queue-table .col-department{min-width:140px;width:140px}.work-queue-table .col-reported{min-width:120px;width:120px}.work-queue-table .col-severity,.work-queue-table .col-status{min-width:100px;text-align:center;width:100px}.severity-badge{transition:all .2s ease}.severity-badge:hover{opacity:.8}.work-queue-table .rank-badge{align-items:center!important;background:#ef4444!important;border:1px solid #dc2626!important;border-radius:4px!important;color:#fff!important;display:inline-flex!important;font-size:.65rem!important;font-weight:700!important;height:22px!important;justify-content:center!important;width:22px!important}.no-work-queue-items{padding:4rem 2rem;position:relative;text-align:center;z-index:1}.no-work-queue-items p{margin:0}.no-work-queue-items p:first-child{color:#1f2937;font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.no-work-queue-items .subtext{color:#6b7280;font-size:.95rem;font-style:italic;font-weight:500}@media (max-width:1024px){.work-queue-table td,.work-queue-table th{font-size:.85rem;padding:.75rem .8rem}}@media (max-width:768px){.work-queue-section{padding:1rem}.work-queue-header{align-items:flex-start;flex-direction:column;gap:1rem}.work-queue-controls{width:100%}.sort-dropdown{min-width:0;min-width:auto;width:100%}.work-queue-table-container{overflow-x:auto}.work-queue-table{font-size:.8rem;min-width:800px}.work-queue-table td,.work-queue-table th{padding:.6rem}.work-queue-table .col-rank{width:40px}.work-queue-table .col-complaint{width:150px}.work-queue-table .col-device{width:130px}.work-queue-table .col-department{width:110px}.work-queue-table .col-reported{width:90px}.work-queue-table .col-severity,.work-queue-table .col-status{width:85px}.severity-badge{font-size:.6rem;padding:.25rem .4rem}.no-work-queue-items{padding:2.5rem 1rem}.no-work-queue-items p:first-child{font-size:1.1rem}}.maintenance-due-section{margin-bottom:3rem}.maintenance-stats-summary{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #00000014;display:flex;gap:0;margin-bottom:2rem;overflow:hidden;padding:0}.maintenance-stats-summary .stat-item{align-items:center;display:flex;flex:1 1;gap:.6rem;min-width:0;padding:1rem 1.5rem}.maintenance-stats-summary .stat-item:hover{background:#f8f9fa;transition:background .2s ease}.maintenance-stats-summary .stat-icon{align-items:center;display:inline-flex;flex-shrink:0;font-size:1.3rem;justify-content:center}.maintenance-stats-summary .stat-text{color:#2c3e50;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.maintenance-stats-summary .stat-text strong{color:#1f2937;font-weight:700;margin-right:.3rem}.maintenance-stats-summary .stat-divider{background:#e5e7eb;flex-shrink:0;height:30px;width:1px}.maintenance-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:2rem}.maintenance-stat-card{background:#fff;border:2px solid #e5e7eb;border-radius:10px;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease}.maintenance-stat-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.maintenance-stat-card.overdue{border-color:#dc2626}.maintenance-stat-card.overdue:before{background:#dc2626}.maintenance-stat-card.due-soon{border-color:#f59e0b}.maintenance-stat-card.due-soon:before{background:#f59e0b}.maintenance-stat-card.due-month{border-color:#3b82f6}.maintenance-stat-card.due-month:before{background:#3b82f6}.maintenance-stat-card.upcoming{border-color:#16a34a}.maintenance-stat-card.upcoming:before{background:#16a34a}.maintenance-stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-icon{font-size:1.8rem;margin-bottom:.5rem}.stat-value{font-size:2rem;font-weight:900;margin-bottom:.25rem}.stat-label{font-size:.85rem;text-transform:capitalize}.maintenance-table-container{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #00000014;overflow-x:auto;overflow-y:visible}.maintenance-table{border-collapse:collapse;font-size:.75rem;min-width:900px;width:100%}.maintenance-table thead{border-bottom:2px solid #e5e7eb;position:-webkit-sticky;position:sticky;top:0;z-index:10}.maintenance-table th,.maintenance-table thead{background:linear-gradient(135deg,#f8f9fa,#f3f4f6)}.maintenance-table th{color:#2c3e50;font-size:.7rem;font-weight:700;letter-spacing:.2px;padding:.6rem;text-align:left;text-transform:uppercase;white-space:nowrap}.maintenance-table th.sortable{cursor:pointer;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.maintenance-table th.sortable:hover{background:linear-gradient(135deg,#f0f0f0,#e8e8eb);color:#667eea}.maintenance-table th.sortable.sort-active{background:linear-gradient(135deg,#e8f0ff,#e0e8f6);color:#667eea}.maintenance-table th.sortable .sort-indicator{color:#000;display:inline-block;font-size:.75rem;font-weight:900;margin-left:.4rem;transition:transform .2s ease;vertical-align:middle}.maintenance-table th.sortable.sort-asc .sort-indicator{animation:slideUp .2s ease-out}.maintenance-table th.sortable.sort-desc .sort-indicator{animation:slideDown .2s ease-out}.maintenance-table tbody tr{border-bottom:1px solid #d1d5db;height:auto;transition:all .2s ease}.maintenance-table tbody tr.maintenance-row:hover{background:linear-gradient(135deg,#f8f9ff,#fffbf0);border-left:4px solid #3b82f6}.maintenance-table td{color:#1f2937;height:auto;line-height:1.4;padding:.7rem .6rem;vertical-align:top}.maintenance-table tbody tr.status-overdue{background:linear-gradient(135deg,#fef2f2,#fff)}.maintenance-table tbody tr.status-due-today{background:linear-gradient(135deg,#fff7ed,#fff)}.maintenance-table tbody tr.status-due-soon{background:linear-gradient(135deg,#fffbeb,#fff)}.maintenance-table tbody tr.status-due-month{background:linear-gradient(135deg,#eff6ff,#fff)}.maintenance-table tbody tr.status-upcoming{background:linear-gradient(135deg,#f0fdf4,#fff)}.maintenance-table .col-type{min-width:100px;width:100px}.maintenance-table .col-device{min-width:180px;width:180px}.maintenance-table .col-department,.maintenance-table .col-location{min-width:140px;width:140px}.maintenance-table .col-due-date{min-width:140px;text-align:center;width:140px}.maintenance-table .col-status{min-width:110px;text-align:center;width:110px}.maintenance-table .col-actions{min-width:180px;text-align:center;width:180px}.due-date-stacked{align-items:center;display:flex;flex-direction:column;gap:.4rem}.due-date-value{color:#2c3e50;font-size:.85rem;font-weight:500}.days-left-bold{color:#667eea;font-size:.75rem;font-weight:700;letter-spacing:.2px;text-transform:uppercase;transition:color .2s ease}.days-left-bold.urgent{color:#dc2626}.department-icon-small{display:inline-block;font-size:1.1rem;margin-right:.4rem;vertical-align:middle}.department-text{color:#2c3e50;display:inline;font-size:.85rem;font-weight:500}.action-buttons-inline{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.action-btn-small{border:none;border-radius:6px;cursor:pointer;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:.5rem .9rem;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.action-btn-small.log-work{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea33;color:#fff}.action-btn-small.log-work:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.action-btn-small.details{background:#fff;border:1.5px solid #667eea;box-shadow:0 1px 4px #667eea1a;color:#667eea}.action-btn-small.details:hover{background:linear-gradient(135deg,#f0f4ff,#f5f3ff);box-shadow:0 2px 8px #667eea26;transform:translateY(-2px)}.device-stacked{align-items:flex-start;display:flex;flex-direction:column;gap:.3rem}.device-name{font-size:.75rem}.days-badge{align-items:center;background:linear-gradient(135deg,#f0fdf4,#eff6ff);border:1px solid #16a34a4d;color:#16a34a;display:inline-flex;font-size:.65rem;justify-content:center;padding:.3rem .6rem}.days-badge.overdue{background:linear-gradient(135deg,#fee2e2,#fef2f2);border-color:#dc26264d;color:#dc2626}.status-badge{border-radius:4px;font-size:.65rem;padding:.3rem .6rem}.status-badge.status-due-today{background:linear-gradient(135deg,#ffedd5,#fff7ed);border:1px solid #f973164d;color:#f97316}.status-badge.status-due-month{background:linear-gradient(135deg,#dbeafe,#eff6ff);border:1px solid #3b82f64d;color:#3b82f6}.status-badge.status-upcoming{background:linear-gradient(135deg,#dcfce7,#f0fdf4);border:1px solid #16a34a4d;color:#16a34a}.warranty-badge{align-items:flex-start;border-radius:4px;display:inline-flex;font-size:.65rem;font-weight:600;justify-content:flex-start;padding:.3rem .6rem;white-space:nowrap}.warranty-badge.warranty-active{background:linear-gradient(135deg,#dcfce7,#f0fdf4);border:1px solid #16a34a4d;color:#16a34a}.warranty-badge.warranty-expiring{background:linear-gradient(135deg,#fef3c7,#fffbeb);border:1px solid #f59e0b4d;color:#f59e0b}.warranty-badge.warranty-expired{background:linear-gradient(135deg,#fee2e2,#fef2f2);border:1px solid #dc26264d;color:#dc2626}.warranty-badge.warranty-none{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #6b72804d;color:#6b7280}.no-maintenance-items{padding:3rem 2rem;text-align:center}.no-maintenance-items p{margin:0}.no-maintenance-items p:first-child{color:#1f2937;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.no-maintenance-items .subtext{color:#6b7280;font-size:.95rem;font-style:italic;font-weight:500}@media (max-width:1024px){.maintenance-stats-grid{grid-template-columns:repeat(2,1fr)}.maintenance-stats-summary{flex-direction:column;gap:0}.maintenance-stats-summary .stat-divider{height:1px;width:100%}.maintenance-stats-summary .stat-item{border-bottom:1px solid #e5e7eb;width:100%}.maintenance-stats-summary .stat-item:last-child{border-bottom:none}.maintenance-table td,.maintenance-table th{font-size:.85rem;padding:.75rem .8rem}.action-btn-small{font-size:.68rem;padding:.5rem .8rem}}.activity-employee-id-badge{align-items:center;background:linear-gradient(135deg,#ede9fe,#f3e8ff);border:1px solid #a855f74d;border-radius:5px;color:#6d28d9;display:inline-flex;font-family:Monaco,Courier New,monospace;font-size:.65rem;font-weight:700;justify-content:center;letter-spacing:.5px;padding:.3rem .6rem;text-transform:uppercase;white-space:nowrap}.complaint-type-badge{background:linear-gradient(135deg,#fee2e2,#fef2f2);border:1px solid #dc26264d;border-radius:6px;color:#dc2626}.complaint-id-badge,.complaint-type-badge{align-items:center;display:inline-flex;font-size:.7rem;font-weight:700;justify-content:center;letter-spacing:.3px;padding:.35rem .55rem;text-transform:uppercase;white-space:nowrap}.complaint-id-badge{background:linear-gradient(135deg,#fef3c7,#fffbeb);border:1px solid #f59e0b4d;border-radius:6px;color:#f59e0b}@media (max-width:768px){.maintenance-stats-grid{grid-template-columns:1fr}.maintenance-table-container{overflow-x:auto}.maintenance-table{font-size:.8rem;min-width:750px}.maintenance-table td,.maintenance-table th{padding:.6rem .5rem}.maintenance-table .col-type{width:80px}.maintenance-table .col-device{width:120px}.maintenance-table .col-department,.maintenance-table .col-location{width:100px}.maintenance-table .col-due-date{width:110px}.maintenance-table .col-status{width:90px}.maintenance-table .col-actions{width:140px}.action-btn-small{font-size:.65rem;padding:.4rem .7rem}.action-buttons-inline{gap:.3rem}}.device-inventory-section{margin-bottom:3rem}.device-inventory-table-container{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #00000014;overflow-x:auto;overflow-y:visible}.device-inventory-table{border-collapse:collapse;font-size:.75rem;min-width:900px;width:100%}.device-inventory-table thead{background:linear-gradient(135deg,#f8f9fa,#f3f4f6);border-bottom:2px solid #e5e7eb;position:-webkit-sticky;position:sticky;top:0;z-index:10}.device-inventory-table th{background:linear-gradient(135deg,#f8f9fa,#f3f4f6);color:#2c3e50;font-size:.7rem;font-weight:700;letter-spacing:.2px;padding:.6rem;text-align:left;text-transform:uppercase;white-space:nowrap}.device-inventory-table tbody tr{border-bottom:1px solid #d1d5db;height:auto;transition:all .2s ease}.device-inventory-table tbody tr.device-inventory-row:hover{background:linear-gradient(135deg,#f8f9ff,#fffbf0);border-left:4px solid #667eea}.device-inventory-table td{color:#1f2937;height:auto;line-height:1.4;padding:.7rem .6rem;vertical-align:top}.device-inventory-table .col-device{min-width:180px;width:180px}.device-inventory-table .col-model{min-width:150px;width:150px}.device-inventory-table .col-location{min-width:140px;width:140px}.device-inventory-table .col-status{min-width:120px;text-align:center;width:120px}.device-inventory-table .col-last-maintenance,.device-inventory-table .col-next-maintenance{min-width:160px;width:160px}.device-inventory-table .col-updated{min-width:130px;text-align:center;width:130px}.maintenance-stacked-cell .stacked-content{align-items:flex-start;display:flex;flex-direction:column;gap:.3rem}.maintenance-date{color:#2c3e50;display:block;font-size:.75rem;font-weight:500;line-height:1.3}.last-maintenance-type-badge{align-items:center;border-radius:4px;color:#000;display:inline-flex;font-size:.65rem;font-weight:600;letter-spacing:.2px;padding:.25rem .5rem;text-transform:uppercase;white-space:nowrap}.last-maintenance-type-badge.ppm{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #1e40af4d}.last-maintenance-type-badge.calibration{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #92400e4d}.last-maintenance-type-badge.compliance{background:linear-gradient(135deg,#dcfce7,#d1fae5);border:1px solid #15803d4d}.days-until-label{color:#6b7280;display:block;font-size:.7rem;font-weight:500;line-height:1.2}.days-until-label.overdue{color:#dc2626;font-weight:600}.device-status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.35rem .75rem;white-space:nowrap}.device-status-badge .status-icon{align-items:center;display:inline-flex;font-size:.9rem;justify-content:center}.device-status-badge.status-healthy{background:#d1fae5;color:#065f46}.device-status-badge.status-warning{background:#fef3c7;color:#92400e}.device-status-badge.status-critical{background:#fee2e2;color:#991b1b}.device-health-legend{background:#f9fafb;border-left:4px solid #667eea;border-radius:8px;color:#6b7280;font-size:.8rem;margin-top:1rem;padding:.75rem 1rem}.device-health-legend .legend-title{align-items:center;color:#2c3e50;display:flex;font-weight:600;gap:.5rem;margin-bottom:.5rem}.device-health-legend .legend-items{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.device-health-legend .legend-item{align-items:center;display:flex;gap:.5rem}.device-health-legend .legend-badge{align-items:center;border-radius:8px;display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:600;gap:.3rem;padding:.25rem .5rem}.device-health-legend .legend-badge.healthy{background:#d1fae5;color:#065f46}.device-health-legend .legend-badge.warning{background:#fef3c7;color:#92400e}.device-health-legend .legend-badge.critical{background:#fee2e2;color:#991b1b}.device-health-legend .legend-description{color:#6b7280;font-size:.75rem;line-height:1.3}.device-inventory-empty{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:3rem 2rem;text-align:center}.device-inventory-empty>div:first-child{margin-bottom:.75rem}.device-inventory-empty>div:last-child{color:#6b7280;font-size:1rem;font-weight:500}@media (max-width:1024px){.device-inventory-table td,.device-inventory-table th{font-size:.85rem;padding:.75rem .8rem}}@media (max-width:768px){.device-inventory-section{padding:1rem}.device-inventory-table-container{overflow-x:auto}.device-inventory-table{font-size:.8rem;min-width:800px}.device-inventory-table td,.device-inventory-table th{padding:.6rem}.device-inventory-table .col-device{width:140px}.device-inventory-table .col-model{width:110px}.device-inventory-table .col-location,.device-inventory-table .col-status{width:100px}.device-inventory-table .col-last-maintenance,.device-inventory-table .col-next-maintenance{width:120px}.device-inventory-table .col-updated{width:100px}.device-status-badge{font-size:.6rem;padding:.25rem .5rem}.device-inventory-empty{padding:2.5rem 1rem}}.assigned-devices-summary{margin-bottom:3rem}.assigned-devices-stats-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.assigned-stat-card{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.assigned-stat-card:before{background:#667eea;content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.assigned-stat-card.total:before{background:linear-gradient(90deg,#667eea,#764ba2)}.assigned-stat-card.assignment:before{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.assigned-stat-card.issues:before{background:#f59e0b}.assigned-stat-card.issues.has-issues:before{background:#dc2626}.assigned-stat-card.departments:before{background:linear-gradient(90deg,#8b5cf6,#ec4899)}.assigned-stat-card.department-primary:before{background:linear-gradient(90deg,#06b6d4,#0891b2)}.assigned-stat-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.assigned-stat-card .stat-icon{flex-shrink:0;font-size:2rem}.assigned-stat-card .stat-content{display:flex;flex:1 1;flex-direction:column;gap:.3rem}.assigned-stat-card .stat-value{color:#2c3e50;font-size:1.75rem;font-weight:800}.assigned-stat-card .stat-label{color:#6b7280;font-size:.8rem;font-weight:600;text-transform:capitalize}.assigned-stat-card .stat-value-text{color:#2c3e50;font-size:1.1rem;font-weight:700;line-height:1.3;word-break:break-word}.assigned-stat-card .stat-breakdown{align-items:center;color:#2c3e50;display:flex;font-size:1.2rem;font-weight:700;gap:.75rem}.assigned-stat-card .stat-breakdown span{align-items:center;display:flex;gap:.4rem}.assigned-stat-card .badge-icon{align-items:center;display:inline-flex;font-size:.85rem;justify-content:center}.department-distribution{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #00000014;margin-bottom:2rem;padding:1.5rem}.distribution-header{margin-bottom:1.5rem}.distribution-title{color:#2c3e50;font-size:1rem;font-weight:700;margin:0}.distribution-bars{display:flex;flex-direction:column;gap:1rem}.distribution-item{display:flex;flex-direction:column;gap:.5rem}.distribution-label{align-items:center;color:#2c3e50;display:flex;font-size:.9rem;font-weight:600;gap:.5rem}.distribution-label .dept-icon{font-size:1.1rem}.distribution-label .dept-name{flex:1 1}.distribution-label .dept-count{color:#6b7280;font-size:.85rem;font-weight:500}.distribution-bar-container{background:#f3f4f6;border-radius:6px;height:24px;overflow:hidden;position:relative}.distribution-bar{align-items:center;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:6px;display:flex;height:100%;justify-content:flex-end;min-width:30px;padding-right:.5rem;transition:all .3s ease}.distribution-bar:hover{filter:brightness(1.1)}.distribution-percentage{color:#fff;font-size:.75rem;font-weight:700;white-space:nowrap}.summary-action{display:flex;justify-content:center;margin-top:1.5rem}.btn-view-all-devices{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea33;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.3px;padding:.75rem 2rem;text-transform:uppercase;transition:all .2s ease}.btn-view-all-devices:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.summary-empty-state{padding:3rem 2rem;text-align:center}.summary-empty-state .empty-icon{font-size:3rem;margin-bottom:1rem}.summary-empty-state .empty-title{color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.summary-empty-state .empty-subtitle{color:#6b7280;font-size:.9rem;font-style:italic;margin:0}@media (max-width:1024px){.assigned-devices-stats-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.assigned-stat-card{padding:1.25rem}.assigned-stat-card .stat-icon,.assigned-stat-card .stat-value{font-size:1.5rem}}@media (max-width:768px){.assigned-devices-stats-grid{gap:1rem;grid-template-columns:1fr}.assigned-stat-card{padding:1rem}.assigned-stat-card .stat-icon,.assigned-stat-card .stat-value{font-size:1.5rem}.assigned-stat-card .stat-label{font-size:.75rem}.distribution-bar-container{height:20px}.distribution-percentage{font-size:.7rem}.btn-view-all-devices{font-size:.8rem;padding:.6rem 1.5rem}}.personal-performance-widget{margin-bottom:3rem}.performance-widget-header{gap:2rem;justify-content:space-between;margin-bottom:1.5rem}.performance-tabs,.performance-widget-header{align-items:center;display:flex;flex-wrap:wrap}.performance-tabs{background:#f3f4f6;border-radius:8px;gap:.5rem;padding:.25rem}.tab-button{border-radius:6px;font-size:.85rem;letter-spacing:.3px;padding:.5rem 1rem;text-transform:uppercase}.tab-button:hover{background:#667eea1a}.tab-button.active{background:#fff;box-shadow:0 1px 3px #0000001a}.metric-value-with-superscript{align-items:flex-start;display:flex;gap:.25rem;position:relative}.superscript-badges{display:flex;flex-direction:column;gap:.1rem;margin-top:.25rem}.sup-badge{--badge-bg-light:#f0f4ff;--badge-bg-dark:#f8f9ff;--badge-border:#667eea4d;align-items:center;background:linear-gradient(135deg,var(--badge-bg-light) 0,var(--badge-bg-dark) 100%);border:.5px solid var(--badge-border);border-radius:3px;color:#1f2937;display:inline-flex;font-size:.65rem;font-weight:700;gap:.25rem;justify-content:center;line-height:1.2;padding:.2rem .4rem;text-decoration:none;white-space:nowrap}.sup-badge.type-ppm{--badge-bg-light:#dbeafe;--badge-bg-dark:#bfdbfe;--badge-border:#3b82f680;color:#1e40af}.sup-badge.type-calibration{--badge-bg-light:#fef3c7;--badge-bg-dark:#fde68a;--badge-border:#f59e0b80;color:#92400e}.sup-badge.type-compliance{--badge-bg-light:#dcfce7;--badge-bg-dark:#d1fae5;--badge-border:#16a34a80;color:#15803d}.sup-badge.severity-critical{--badge-bg-light:#fee2e2;--badge-bg-dark:#fecaca;--badge-border:#dc262680;color:#7f1d1d}.sup-badge.severity-major{--badge-bg-light:#fef3c7;--badge-bg-dark:#fde68a;--badge-border:#f59e0b80;color:#92400e}.sup-badge.severity-minor{--badge-bg-light:#dbeafe;--badge-bg-dark:#bfdbfe;--badge-border:#3b82f680;color:#1e40af}.performance-metrics-grid{grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1.5rem}.performance-card{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.performance-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.performance-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.performance-card .card-icon{align-items:center;display:flex;flex-shrink:0;font-size:2rem;justify-content:center}.performance-card .card-content{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.performance-card .metric-value{color:#2c3e50;font-size:1.75rem;font-weight:800;line-height:1.2}.performance-card .metric-label{color:#6b7280;font-size:.8rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.performance-card .metric-sublabel{color:#9ca3af;font-size:.7rem;font-weight:500}.performance-trend{align-items:center;background:linear-gradient(135deg,#f8f9fa,#f3f4f6);border-left:4px solid #667eea;border-radius:8px;display:flex;gap:1rem;padding:1rem 1.5rem}.performance-trend .trend-icon{flex-shrink:0;font-size:1.5rem}.performance-trend .trend-text{color:#2c3e50;font-size:.9rem;font-weight:600}.widget-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem 2rem;text-align:center}.spinner-small{animation:spin 1s linear infinite;border:3px solid #f0f0f0;border-top-color:#667eea;height:30px;width:30px}.widget-error{background:linear-gradient(135deg,#fee2e2,#fef2f2);border:1px solid #dc26264d;border-radius:8px;font-weight:600;padding:2rem;text-align:center}@media (max-width:1024px){.performance-widget-header{align-items:flex-start;flex-direction:column;gap:1rem}.performance-tabs{justify-content:flex-start;width:100%}.tab-button{flex:1 1;font-size:.8rem;min-width:100px;padding:.5rem .75rem}.performance-metrics-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.performance-card{padding:1.25rem}.performance-card .card-icon{font-size:1.75rem}.performance-card .metric-value{font-size:1.5rem}}@media (max-width:768px){.personal-performance-widget{padding:1rem}.performance-widget-header{align-items:flex-start;flex-direction:column;gap:1rem;width:100%}.performance-tabs{flex-wrap:wrap;gap:.5rem;justify-content:flex-start;padding:.25rem;width:100%}.tab-button{flex:0 1 auto;font-size:.85rem;line-height:1.2;min-width:auto;overflow:hidden;padding:.5rem 1rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.performance-metrics-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.performance-card{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.75rem}.performance-card .card-icon{font-size:1.5rem}.performance-card .metric-value{font-size:1.25rem}.performance-card .metric-label{font-size:.75rem}.performance-card .metric-sublabel{font-size:.65rem}.sup-badge{font-size:.6rem;padding:.15rem .3rem}.performance-trend{gap:.75rem;padding:.75rem 1rem}.performance-trend .trend-icon{font-size:1.2rem}.performance-trend .trend-text{font-size:.8rem}.widget-loading{padding:2rem 1rem}}@media (max-width:480px){.performance-tabs{flex-wrap:wrap;gap:.5rem;justify-content:flex-start;padding:.25rem;width:100%}.tab-button{flex:0 1 auto;font-size:.85rem;line-height:1.2;min-width:auto;overflow:hidden;padding:.5rem 1rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.performance-metrics-grid{gap:.75rem;grid-template-columns:1fr}.performance-card{gap:.4rem;padding:.6rem}.performance-card .card-icon{font-size:1.25rem}.performance-card .metric-value{font-size:1rem}}.modal-overlay{animation:fadeIn .2s ease-in-out;background-color:#00000080}.modal-content{animation:slideIn .3s ease-out;box-shadow:0 20px 60px #0000004d}.maintenance-logging-modal{padding:0}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px}.modal-header h2{margin:0}.modal-close{align-items:center;border-radius:6px;color:#fff;display:flex;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.modal-close:hover{background-color:#fff3}.maintenance-form{display:flex;flex-direction:column;gap:1px;padding:0 24px 24px}.form-section.device-info-section{margin-bottom:8px;margin-top:0}.form-section{display:flex;flex-direction:column;gap:8px}.section-title{color:#333;font-size:.95rem;letter-spacing:.5px;margin:0;text-transform:uppercase}.device-info-display{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;gap:0;padding:8px}.info-row{grid-gap:20px;align-items:center;border-bottom:1px solid #e9ecef;display:grid!important;gap:20px;grid-template-columns:160px 1fr;min-height:30px!important;padding:4px 0}.info-row:last-child{border-bottom:none}.info-label{font-weight:500}.info-label,.info-value{color:#333;text-align:left}.info-value{align-items:center;display:flex;font-size:.95rem!important;font-weight:700}.info-value.maintenance-type-badge{background:#e3f2fd;border-radius:6px;color:#1976d2;display:inline-block;font-size:.85rem;padding:6px 12px;text-align:center;width:auto}.maintenance-type-badge.modal-badge{align-items:center;border:1px solid;border-radius:6px;color:#000!important;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;max-width:100%;padding:8px 14px;white-space:nowrap}.maintenance-type-badge.modal-badge.modal-ppm{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f64d}.maintenance-type-badge.modal-badge.modal-calibration{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b4d}.maintenance-type-badge.modal-badge.modal-compliance{background:linear-gradient(135deg,#e9d5ff,#ddd6fe);border-color:#9333ea4d}.form-label{color:#333;font-size:.9rem;font-weight:600;margin-bottom:2px}.form-label.required:after{color:#d32f2f;content:" *"}.form-input,.form-textarea{border:1px solid #d0d7de;border-radius:6px;font-family:inherit;font-size:.95rem;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-textarea{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:80px;resize:vertical}.form-helper-text{color:#666;font-size:.8rem;font-style:italic;margin:2px 0 0}.form-row{grid-gap:10px;gap:10px}.form-group{gap:4px}.form-actions{gap:10px;justify-content:flex-end;margin-top:4px;padding-top:10px}.btn-cancel,.btn-submit{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .2s}.btn-cancel{background:#f0f0f0;color:#333}.btn-cancel:hover:not(:disabled){background:#e0e0e0}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-submit:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-cancel:disabled,.btn-submit:disabled{cursor:not-allowed;opacity:.6}@media (max-width:600px){.modal-content{max-height:95vh;width:95%}.modal-header{padding:16px 20px}.modal-header h2{font-size:1.25rem}.maintenance-form{gap:16px;padding:16px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}.info-row{border-bottom:1px solid #e9ecef;display:block!important;min-height:0!important;min-height:auto!important;padding:6px 0}.info-label{font-size:.8rem;margin:0 0 4px}.info-label,.info-value{display:block;width:100%}.info-value{margin:0;text-align:left}.maintenance-type-badge.modal-badge{line-height:1.2;white-space:normal;word-break:break-word}}.data-table-container{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.table-filter{align-items:center;background:linear-gradient(135deg,#f8f9fa,#f3f4f6);border-bottom:1px solid #e5e7eb;display:flex;gap:.75rem;padding:.75rem 1rem}.filter-input{background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex:1 1;font-size:.9rem;padding:.5rem .75rem;transition:all .2s ease}.filter-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-count{color:#999;font-size:.9rem;white-space:nowrap}.table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;font-size:.9rem;width:100%}.data-table thead{background:linear-gradient(135deg,#f8f9fa,#f3f4f6);border-bottom:2px solid #e5e7eb}.data-table th{color:#2c3e50;font-size:.85rem;font-weight:700;padding:.75rem 1rem;text-align:left;-webkit-user-select:none;user-select:none;white-space:nowrap}.data-table th.sortable{cursor:pointer;transition:background-color .2s ease}.data-table th.sortable:hover{background-color:#0000000d}.sort-indicator{color:#d1d5db;font-size:.9rem;transition:color .2s ease}.data-table th.sortable:hover .sort-indicator{color:#9ca3af}.data-table th.sorted-asc .sort-indicator,.data-table th.sorted-desc .sort-indicator{color:#3b82f6}.data-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}.data-table tbody tr:hover{background-color:linear-gradient(135deg,#f8f9ff,#fffbf0)}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr.clickable:hover{background-color:linear-gradient(135deg,#f8f9ff,#fffbf0)}.data-table td{color:#1f2937;padding:.75rem 1rem}.action-buttons{gap:.75rem}.btn-action{border:none;box-shadow:0 1px 3px #00000014;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.4rem .85rem;text-transform:uppercase;transition:all .2s ease}.btn-view{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#3b82f6}.btn-view:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);box-shadow:0 2px 6px #3b82f633;transform:translateY(-1px)}.btn-progress{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#d97706}.btn-progress:hover{background:linear-gradient(135deg,#fef3c7,#fcd34d);box-shadow:0 2px 6px #f59e0b33;transform:translateY(-1px)}.btn-close{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626}.btn-close:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);box-shadow:0 2px 6px #dc262633;transform:translateY(-1px)}.btn-log{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#15803d}.btn-log:hover{background:linear-gradient(135deg,#dcfce7,#c6f6d5);box-shadow:0 2px 6px #16a34a33;transform:translateY(-1px)}.btn-assign{background:linear-gradient(135deg,#faf5ff,#f3e8ff);color:#a855f7}.btn-assign:hover{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);box-shadow:0 2px 6px #a855f733;transform:translateY(-1px)}.status-badge{padding:.35rem .75rem}.severity-badge{background:#0000;border:none;border-radius:0;gap:.4rem;padding:0}.status-open{background:linear-gradient(135deg,#fffbeb,#fff);border:1px solid #fed7aa;color:#d97706}.status-in-progress,.status-in_progress{background:linear-gradient(135deg,#eff6ff,#fff);border:1px solid #bfdbfe;color:#2563eb}.status-closed{background:linear-gradient(135deg,#f0fdf4,#fff);border:1px solid #bbf7d0;color:#15803d}.status-pending{background:linear-gradient(135deg,#f5f3ff,#fff);border:1px solid #e9d5ff;color:#7c3aed}.severity-critical{background:#0000;border:none;color:#dc2626}.severity-high{background:#0000;border:none;color:#d97706}.severity-medium{background:#0000;border:none;color:#2563eb}.severity-low{background:#0000;border:none;color:#15803d}.severity-unknown{background:#0000;border:none;color:#6b7280}.severity-major{background:#0000;border:none;color:#f59e0b}.severity-minor{background:#0000;border:none;color:#3b82f6}.maintenance-type-badge{--badge-bg-light:#f0f4ff;--badge-bg-dark:#f8f9ff;--badge-border:#667eea4d;--badge-text:#667eea;align-items:center;background:linear-gradient(135deg,var(--badge-bg-light) 0,var(--badge-bg-dark) 100%);border:1px solid var(--badge-border);border-radius:6px;color:#000;display:inline-flex;font-size:.7rem;font-weight:700;gap:.35rem;letter-spacing:.3px;padding:.35rem .55rem;text-transform:uppercase;white-space:nowrap}.maintenance-type-badge[data-type=ppm]{--badge-bg-light:#dbeafe;--badge-bg-dark:#bfdbfe;--badge-border:#3b82f64d;--badge-text:#3b82f6}.maintenance-type-badge[data-type=calibration]{--badge-bg-light:#fef3c7;--badge-bg-dark:#fde68a;--badge-border:#f59e0b4d;--badge-text:#f59e0b}.maintenance-type-badge[data-type=compliance]{--badge-bg-light:#dcfce7;--badge-bg-dark:#d1fae5;--badge-border:#16a34a4d;--badge-text:#16a34a}.type-icon{flex-basis:auto;font-size:.9rem;height:auto;width:auto}.type-label{color:inherit;font-size:.65rem}.maintenance-status,.type-label{font-weight:700;letter-spacing:.3px;text-transform:uppercase}.maintenance-status{border-radius:6px;display:inline-block;font-size:.7rem;padding:.35rem .75rem;white-space:nowrap}.maintenance-status-success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;color:#15803d}.maintenance-status-warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fed7aa;color:#d97706}.maintenance-status-danger{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;color:#dc2626}.maintenance-status-default{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #d1d5db;color:#6b7280}.due-date{border-radius:6px;display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.3px;padding:.35rem .75rem;text-transform:uppercase;white-space:nowrap}.due-overdue{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;color:#dc2626}.due-urgent{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fed7aa;color:#d97706}.due-warning{background:linear-gradient(135deg,#fef3c7,#fcd34d);border:1px solid #fcd34d;color:#92400e}.due-normal{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #d1d5db;color:#6b7280}.table-empty{color:#999;padding:3rem 1.5rem;text-align:center}.table-empty p{font-size:1rem;margin:0}.table-loading{color:#999;padding:2rem;text-align:center}.table-pagination{align-items:center;background:#f9fafb;border-top:1px solid #eee;display:flex;justify-content:space-between;padding:1rem 1.5rem}.btn-next,.btn-prev{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.btn-next:hover:not(:disabled),.btn-prev:hover:not(:disabled){background:#f0f0f0;border-color:#999}.btn-next:disabled,.btn-prev:disabled{cursor:not-allowed;opacity:.5}.page-info{color:#666;font-size:.9rem;font-weight:500}@media (max-width:768px){.data-table td,.data-table th{font-size:.85rem;padding:.75rem}.table-filter{flex-direction:column}.filter-input{width:100%}.table-pagination{flex-wrap:wrap;gap:1rem}.page-info{order:2;text-align:center;width:100%}}.approvals-table-widget{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.approvals-table-widget.widget-error,.approvals-table-widget.widget-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:3rem 1.5rem}.widget-loading{color:#999}.widget-error{color:#dc2626}.widget-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.widget-header h3{align-items:center;color:#2c3e50;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0}.btn-refresh-small{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:.25rem .5rem;transition:transform .2s ease}.btn-refresh-small:hover{background:#f0f0f0;transform:rotate(20deg)}.approval-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(5,1fr);margin-bottom:1.5rem}.summary-item{align-items:center;background:linear-gradient(135deg,#f8f9fa,#f3f4f6);border:solid #e9ecef;border-radius:12px;border-width:2px 2px 4px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:1.25rem 1rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.summary-item:hover{border-color:#d0d5dd;box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.summary-item.draft{background:linear-gradient(135deg,#fefce8,#f9f5e9);border-bottom-color:#fcd34d}.summary-item.draft:hover{border-color:#fce181;box-shadow:0 8px 20px #fcd34d26}.summary-item.pending{background:linear-gradient(135deg,#fffbeb,#faf7f1);border-bottom-color:#f59e0b}.summary-item.pending:hover{border-color:#f8b95f;box-shadow:0 8px 20px #f59e0b26}.summary-item.rejected{background:linear-gradient(135deg,#fef2f2,#faf3f3);border-bottom-color:#dc2626}.summary-item.rejected:hover{border-color:#ef4444;box-shadow:0 8px 20px #dc262626}.summary-item.approved{background:linear-gradient(135deg,#f0fdf4,#f3faf2);border-bottom-color:#16a34a}.summary-item.approved:hover{border-color:#4ade80;box-shadow:0 8px 20px #16a34a26}.summary-item.total{background:linear-gradient(135deg,#f0f4ff,#f0f1fa);border-bottom-color:#667eea}.summary-item.total:hover{border-color:#8b9ef8;box-shadow:0 8px 20px #667eea26}.summary-item .count{font-size:2.2rem;font-weight:800;letter-spacing:-.5px;margin-bottom:.5rem;transition:transform .3s ease}.summary-item:hover .count{transform:scale(1.1)}.summary-item.draft .count{color:#b8860b}.summary-item.pending .count{color:#d97706}.summary-item.rejected .count{color:#b91c1c}.summary-item.approved .count{color:#16a34a}.summary-item.total .count{color:#4f46e5}.summary-item .label{align-items:center;color:#6b7280;display:flex;font-size:.75rem;font-weight:600;gap:.4rem;justify-content:center;letter-spacing:.8px;text-transform:uppercase;transition:color .3s ease}.summary-item:hover .label{color:#4b5563}.summary-item.draft:before{content:"📝";display:block;font-size:1.2rem;margin-bottom:.5rem}.summary-item.pending:before{content:"⏳";display:block;font-size:1.2rem;margin-bottom:.5rem}.summary-item.rejected:before{content:"❌";display:block;font-size:1.2rem;margin-bottom:.5rem}.summary-item.approved:before{content:"✅";display:block;font-size:1.2rem;margin-bottom:.5rem}.summary-item.total:before{content:"📊";display:block;font-size:1.2rem;margin-bottom:.5rem}.summary-item.active{background:linear-gradient(135deg,#f0f4ff,#f5f8ff);border:solid #3b82f6;border-width:2px 2px 4px;box-shadow:0 4px 12px #3b82f61a;color:#1e40af}.summary-item.active .count{color:#1e40af}.summary-item.active .label{color:#2563eb;font-weight:700}.summary-item[data-count="0"]:not(.active){opacity:.75}.summary-item[data-count="0"]:not(.active):hover{opacity:1}@keyframes activeCardPulse{0%{box-shadow:0 8px 24px #3b82f64d}50%{box-shadow:0 12px 32px #3b82f666}to{box-shadow:0 8px 24px #3b82f64d}}.summary-item.active{animation:activeCardPulse .6s ease-out}.table-section-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:.75rem;margin-top:1.5rem;padding-bottom:.75rem}.table-section-header h4{color:#2c3e50;font-size:.95rem;font-weight:600;margin:0}.btn-table-collapse{align-items:center;background:none;border:none;border-radius:4px;color:#3b82f6;cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:.25rem .5rem;transition:all .2s ease}.btn-table-collapse:hover{background:#3b82f61a;color:#2563eb}.approvals-table-container{border-radius:8px;overflow:hidden}.approvals-table-container .data-table-container{border:1px solid #e9ecef;box-shadow:0 1px 3px #00000014}.status-draft,.status-in_draft{background:linear-gradient(135deg,#fef3c7,#fef9e7);border:1px solid #fcd34d;color:#92400e}.status-pending{background:linear-gradient(135deg,#fffbeb,#fff);border:1px solid #fed7aa;color:#f59e0b}.status-rejected{background:linear-gradient(135deg,#fef2f2,#fff);border:1px solid #fecaca;color:#dc2626}.status-approved{background:linear-gradient(135deg,#f0fdf4,#fff);border:1px solid #86efac;color:#16a34a}.btn-edit{background:linear-gradient(135deg,#faf5ff,#f3e8ff);color:#a855f7}.btn-edit:hover{background:linear-gradient(135deg,#f3e8ff,#e9d5ff);box-shadow:0 2px 6px #a855f733;transform:translateY(-1px)}.widget-empty{color:#6c757d;padding:3rem 1.5rem;text-align:center}.empty-icon{font-size:2.5rem}.widget-empty p{color:#2c3e50;font-size:1rem;font-weight:500;margin:0 0 .5rem}.widget-empty small{color:#999;display:block;font-size:.85rem}.table-empty-state{background:#f8f9fa;border-radius:8px;color:#6c757d;margin:1rem 0;padding:2.5rem 1.5rem;text-align:center}.table-empty-state .empty-icon{font-size:2rem;margin-bottom:.75rem}.table-empty-state p{color:#495057;font-size:.95rem;font-weight:500;margin:0}.mini-spinner{animation:spin 1s linear infinite;border:4px solid #f0f0f0;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:1rem;width:40px}.error-icon{display:block;font-size:2rem;margin-bottom:1rem}.btn-retry-small{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;margin-top:1rem;padding:.5rem 1rem;transition:all .2s ease}.btn-retry-small:hover{background:#5568d3;box-shadow:0 2px 6px #667eea33;transform:translateY(-2px)}.approvals-table .data-table-container{overflow-x:hidden}.approvals-table .data-table{table-layout:fixed}.approvals-table .data-table td,.approvals-table .data-table td>div,.approvals-table .data-table td>span,.approvals-table .data-table th{text-align:left}.approvals-table .td-device_identifier,.approvals-table .th-device_identifier{min-width:180px;width:22%}.approvals-table .td-device_data,.approvals-table .th-device_data{min-width:160px;width:18%}.approvals-table .td-approval_status,.approvals-table .th-approval_status{min-width:140px;width:16%}.approvals-table .td-requested_at,.approvals-table .th-requested_at{min-width:110px;width:14%}.approvals-table .td-resubmission_count,.approvals-table .th-resubmission_count{min-width:90px;text-align:center;width:10%}.approvals-table .td-actions,.approvals-table .th-actions{min-width:160px;text-align:center!important;width:20%}.approvals-table .td-actions{display:table-cell;vertical-align:middle}.approvals-table .td-actions>div,.approvals-table .td-actions>span{text-align:center!important}@media (max-width:1024px){.approval-summary{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.approvals-table-widget{padding:1rem}.approval-summary{gap:.75rem;grid-template-columns:repeat(2,1fr)}.summary-item{padding:.75rem}.summary-item .count{font-size:1.4rem}.widget-header{align-items:flex-start;flex-direction:column;gap:.75rem}.btn-refresh-small{align-self:flex-end;margin-top:-2.5rem}.approvals-table .data-table{font-size:.8rem}.approvals-table .data-table td,.approvals-table .data-table th{padding:.5rem .75rem}}.user-form-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.user-form-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:700px!important;overflow-y:auto;width:100%}.modal-header{background:#fff;padding:1.5rem 2rem}.modal-header h2{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.modal-employee-id-badge-wrapper{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.modal-employee-id-label{color:#2c3e50;font-size:.85rem;font-weight:600}.modal-employee-id-badge-container{align-items:center;background:linear-gradient(135deg,#e0e7ff,#f0f4ff);border-left:3px solid #667eea;border-radius:4px;display:flex;display:inline-flex;gap:.5rem;padding:.4rem .75rem}.modal-employee-id-icon{flex-shrink:0;font-size:.9rem;line-height:1}.modal-employee-id-badge{color:#667eea;font-family:Courier New,monospace;font-size:.75rem;font-weight:600;letter-spacing:.5px}.modal-close{background:none;border:none;border-radius:4px;color:#7f8c8d;cursor:pointer;font-size:1.5rem;padding:.25rem .5rem;transition:all .2s}.modal-close:hover{background:#f0f0f0;color:#2c3e50}.modal-department-badge-container{align-items:center;display:flex;gap:.5rem;margin-top:.75rem}.modal-department-icon{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;color:#000;display:inline-flex;flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,sans-serif;font-size:2rem;justify-content:center;line-height:1;min-height:2.5rem;min-width:2.5rem;opacity:1;text-shadow:0 0 1px #00000080}.modal-department-badge{align-items:center;background:linear-gradient(135deg,#7c8ff0,#8b5fb8);border-radius:20px;box-shadow:0 2px 4px #667eea66;color:#fff;display:inline-flex;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1rem}.modal-department-name{display:inline-block}.modal-form{display:flex;flex-direction:column;gap:.75rem;padding:1.5rem 2rem}.form-section-header{align-items:center;border-bottom:2px solid #e9ecef;color:#667eea;display:flex;font-size:1rem;font-weight:700;gap:.5rem;letter-spacing:.5px;margin-bottom:.75rem;margin-top:.5rem;padding-bottom:.5rem;text-transform:uppercase}.form-section-header:before{background:#667eea;border-radius:50%;content:"";display:inline-block;height:4px;width:4px}.form-row{grid-template-columns:1fr 1fr}.form-group{gap:.35rem}.form-group input,.form-group select{border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-family:inherit;height:48px;transition:all .3s}.form-group select{line-height:1.6;padding:.65rem .75rem}.form-group input::placeholder{color:#95a5a6;opacity:1}.form-group input:disabled{background:#ecf0f1;color:#7f8c8d}.form-group input.input-error{background:#fadbd8;border-color:#e74c3c}.form-group input.input-error:focus{box-shadow:0 0 0 3px #e74c3c1a}.hint{color:#7f8c8d;font-style:italic}.error,.hint{font-size:.85rem}.error{color:#e74c3c;font-weight:500}.label-with-toggle{color:#2c3e50;font-size:.95rem;font-weight:500}.toggle-group{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:6px;display:flex;gap:.75rem;padding:.75rem}.toggle-switch{height:24px;width:44px}.toggle-slider{background-color:#bdc3c7;border-radius:24px;transition:all .3s}.toggle-slider:before{box-shadow:0 1px 3px #0000001a;height:18px;transition:all .3s;width:18px}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.toggle-switch input:disabled+.toggle-slider{background-color:#d5dbdb;cursor:not-allowed;opacity:.6}.toggle-switch input:disabled+.toggle-slider:before{background-color:#bdc3c7}.toggle-label{color:#2c3e50;font-size:.95rem;font-weight:500;min-width:60px}.locations-section{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:6px;display:flex;flex-direction:column;gap:.75rem;padding:1rem}.section-label{color:#2c3e50;font-size:.95rem;font-weight:600}.locations-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.location-item{align-items:flex-start;background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;min-height:48px;padding:.75rem;transition:all .2s}.location-item:hover{background:#f8f9fa;border-color:#667eea}.location-item input[type=radio]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.assign-location-name{word-wrap:break-word;color:#2c3e50;flex:1 1;font-size:.95rem;font-weight:500;overflow-wrap:break-word;white-space:normal;word-break:break-word}.modal-actions{border-top:2px solid #f0f0f0;display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem}.action-btn:hover:not(:disabled){box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.action-btn:disabled{cursor:not-allowed;opacity:.6}.action-btn.action-primary:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#663a8e)}.action-btn.action-secondary:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd}@media (max-width:768px){.user-form-modal{max-width:95%}.modal-header{padding:1.25rem 1.5rem}.modal-form{gap:1rem;padding:1.5rem}.form-row{gap:.75rem}.form-row,.locations-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column}.action-btn{justify-content:center;width:100%}}.action-dropdown-container{display:inline-block;position:relative}.action-dropdown-btn{align-items:center;background:#f5f6f7;border:1px solid #e0e3e8;border-radius:6px;box-shadow:0 1px 2px #00000014;color:#495057;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;height:32px;justify-content:center;padding:0;transition:all .2s ease;white-space:nowrap;width:32px}.action-dropdown-btn:hover:not(:disabled){background:#f0f2f5;box-shadow:0 2px 4px #0000001f;transform:translateY(-1px)}.action-dropdown-btn:active:not(:disabled){box-shadow:0 1px 2px #00000014;transform:translateY(0)}.action-dropdown-btn:disabled{cursor:not-allowed;opacity:.6}.action-dropdown-icon{font-size:1.2rem;line-height:1}.action-dropdown-menu{animation:dropdownSlideIn .2s ease-out;border:1px solid #e0e3e8;min-width:200px;top:calc(100% + 4px);z-index:1000}.action-dropdown-item{align-items:center;background:#fff;border:none;border-bottom:1px solid #f0f2f5;color:#1f2937;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .15s ease;width:100%}.action-dropdown-item:last-child{border-bottom:none}.action-dropdown-item:hover:not(:disabled){background:#f8f9fa;color:#667eea}.action-dropdown-item:active:not(:disabled){background:#f0f2f5}.action-dropdown-item:disabled{cursor:not-allowed;opacity:.6}.action-dropdown-item.danger:hover:not(:disabled){background:#ffe7e7;color:#e74c3c}.action-dropdown-item-icon{align-items:center;display:inline-flex;flex-shrink:0;font-size:1rem;justify-content:center;line-height:1;min-width:20px}.action-dropdown-item-label{flex:1 1;line-height:1.4}.action-dropdown-item-loading{color:#f39c12;flex-shrink:0;font-size:.9rem;line-height:1}@media (max-width:768px){.action-dropdown-menu{min-width:180px}.action-dropdown-item{font-size:.8rem;padding:.65rem .85rem}.action-dropdown-item-icon{font-size:.9rem;min-width:18px}.action-dropdown-btn{height:28px;width:28px}}@media (max-width:480px){.action-dropdown-container{position:relative}.action-dropdown-menu{animation:dropdownSlideInCenter .2s ease-out;box-sizing:border-box;left:50%;max-width:calc(100vw - 2rem);min-width:150px;position:fixed;top:45%;transform:translate(-50%);z-index:99999}@keyframes dropdownSlideInCenter{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.action-dropdown-btn{font-size:.75rem;height:24px;width:24px}.action-dropdown-item{font-size:.75rem;padding:.6rem .75rem}.action-dropdown-item-icon{font-size:.85rem;min-width:16px}}.role-badge{align-items:center;background:#0000;border:1px solid;border-radius:15px;display:inline-flex;font-size:.7rem;font-weight:500;gap:.3rem;justify-content:flex-start;letter-spacing:.2px;line-height:1.2;padding:.3rem .6rem;text-align:left;transition:all .2s ease;white-space:nowrap}.role-badge:hover{box-shadow:0 1px 4px #00000014;transform:translateY(-1px)}.role-badge-small{font-size:1.65rem;gap:.25rem;padding:.25rem .5rem}.role-badge-medium{font-size:.7rem;gap:.3rem;padding:.3rem .6rem}.role-badge-large{font-size:.75rem;gap:.35rem;padding:.35rem .75rem}.role-icon{align-items:center;display:inline-flex;flex-shrink:0;font-size:.9em;justify-content:center;line-height:1;min-width:.9em}.role-label{display:inline;font-size:.85rem!important;font-weight:500!important;line-height:1.2;text-transform:none!important;white-space:nowrap}.role-badge.role-superadmin{background:#e74c3c1f;border-color:#e74c3c;color:#c0392b}.role-badge.role-superadmin:hover{background:#e74c3c2e;border-color:#c0392b}.role-badge.role-admin{background:#f39c121f;border-color:#f39c12;color:#d68910}.role-badge.role-admin:hover{background:#f39c122e;border-color:#d68910}.role-badge.role-coordinator{background:#7e57c21f;border-color:#7e57c2;color:#5e35b1}.role-badge.role-coordinator:hover{background:#7e57c22e;border-color:#5e35b1}.role-badge.role-manager{background:#00897b1f;border-color:#00897b;color:#004d40}.role-badge.role-manager:hover{background:#00897b2e;border-color:#004d40}.role-badge.role-custodian{background:#0277bd1f;border-color:#0277bd;color:#01579b}.role-badge.role-custodian:hover{background:#0277bd2e;border-color:#01579b}.role-badge.role-technician{background:#ec407a1f;border-color:#ec407a;color:#c2185b}.role-badge.role-technician:hover{background:#ec407a2e;border-color:#c2185b}.role-badge.role-central_help_desk{background:#f57c001f;border-color:#f57c00;color:#d84315}.role-badge.role-central_help_desk:hover{background:#f57c002e;border-color:#d84315}.role-badge.role-undefined{background:#f57c001f;border-color:#f57c00;color:#d84315}.role-badge.role-undefined:hover{background:#f57c002e;border-color:#d84315}@media (max-width:768px){.role-badge{font-size:.65rem;gap:.25rem;padding:.28rem .55rem}.role-badge-small{font-size:.6rem;gap:.2rem;padding:.24rem .48rem}.role-badge-large{font-size:.7rem;gap:.28rem;padding:.32rem .65rem}.role-icon{font-size:.85em}}@media (max-width:480px){.role-badge{font-size:.6rem;gap:.2rem;padding:.25rem .5rem}.role-badge-small{font-size:.55rem;gap:.15rem;padding:.22rem .45rem}.role-icon{font-size:.8em;min-width:.8em}.role-label{font-size:.6rem}}.admin-portal{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;min-height:100vh;padding:2.5rem}.users-description-section{border-bottom:1px solid #e5e7eb99;margin-bottom:1.5rem;padding-bottom:1rem}.users-description-section h1{color:#2c3e50;font-size:1.8rem;font-weight:800;letter-spacing:-.5px;margin:0}.users-description-section p{color:#6b7280;font-size:.9rem;font-weight:500;margin:.5rem 0 0}.users-header{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:1.5rem}.header-left{flex:1 1;min-width:0}.header-right{align-items:flex-start}@media (min-width:850px){.header-right{margin-left:auto}}.page-title{color:#1a1a1a;font-size:2.5rem;font-weight:900;letter-spacing:-.5px;margin:0 0 1.5rem}@media (min-width:850px){.users-header{flex-wrap:nowrap}.stats-summary{flex:1 1;flex-wrap:nowrap;min-width:0}.header-right{margin-left:auto}}.stats-card-wrapper{border-radius:8px;cursor:pointer;position:relative;transition:all .3s ease}.stats-card-wrapper:hover{box-shadow:0 6px 12px #0000001f;transform:translateY(-2px)}.stats-card-wrapper.active .stats-card-container.total{background:linear-gradient(135deg,#667eea14,#764ba214)}.stats-card-wrapper.active .stats-card-container.active{background:linear-gradient(135deg,#27ae6014,#27ae601f)}.stats-card-wrapper.active .stats-card-container.pending{background:linear-gradient(135deg,#3498db14,#3498db1f)}.stats-card-wrapper.active .stats-card-container.deactivated{background:linear-gradient(135deg,#f39c1214,#f39c121f)}.user-form-container{background:#f8f9fa;border-radius:8px;margin-bottom:1rem;padding:1.5rem}.user-form-container h3{color:#2c3e50;font-size:1.3rem;margin-bottom:1rem}.form-header{display:none}.form-header h3{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .1rem}.form-subtitle{color:#6b7280;font-size:.75rem;margin:0}.user-form{display:flex;flex-direction:column;gap:.75rem}.form-section{background:#0000;border:none;border-radius:0;margin-top:.75rem;padding:0}.form-section:first-of-type{margin-top:0}.section-title{border-bottom:2px solid #e9ecef;color:#667eea;font-size:1rem;font-weight:600;margin:.75rem 0 .5rem;padding-bottom:.4rem}.form-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group input,.form-group select{background:#fff;border:1px solid #ced4da;border-radius:4px;font-size:1rem;padding:.75rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.field-hint{color:#6c757d;font-style:italic}.field-error,.field-hint{display:block;font-size:.75rem;margin-top:.15rem}.field-error{color:#e74c3c;font-weight:500}.input-error{background-color:#ffe7e7!important;border-color:#e74c3c!important}.input-error:focus{border-color:#e74c3c!important;box-shadow:0 0 0 3px #e74c3c1a!important}.switch-label{color:#2c3e50;display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.toggle-wrapper{align-items:center;display:flex;gap:.75rem}.toggle-switch{cursor:pointer;display:inline-block;height:26px;position:relative;width:50px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:all .4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;box-shadow:0 2px 4px #0003;content:"";height:20px;left:3px;position:absolute;transition:all .4s;width:20px}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #667eea33}.toggle-status-text{color:#2c3e50;font-size:.95rem;font-weight:600;min-width:70px}.toggle-switch input:checked~.toggle-status-text{color:#667eea}.form-actions{border-top:1px solid #e9ecef;gap:.75rem;margin-top:.75rem;padding-top:1rem}.action-btn{font-size:.85rem}@media (max-width:768px){.admin-portal{padding:1.5rem}.users-header{align-items:stretch;flex-direction:column;gap:1.5rem}.header-left,.header-right,.stats-summary{width:100%}.form-row{grid-template-columns:1fr}.user-form-container{padding:1.5rem}.action-palette{padding:.75rem;width:100%}.action-btn{justify-content:center;width:100%}.page-title{font-size:2rem}}@media (max-width:480px){.admin-portal{padding:1rem}.users-header{align-items:stretch;flex-direction:column;gap:1rem}.header-left{order:1;width:100%}.header-right{order:2;width:100%}.stats-summary{width:100%}.stats-card-wrapper{flex:1 1;min-width:0}.action-palette{gap:.5rem;padding:.5rem;width:100%}.action-btn{font-size:.8rem;justify-content:center;padding:.65rem 1rem;width:100%}.action-icon{font-size:1rem}.page-title{font-size:1.5rem}.users-description-section h1{font-size:1.4rem}.users-description-section p{font-size:.85rem}}.users-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;overflow-x:auto;overflow-y:visible}.search-box-wrapper{margin-bottom:1.5rem}@media (max-width:768px){.search-box-wrapper{margin-bottom:1rem}.search-input-clean{font-size:.9rem;padding:.65rem 2.75rem}.search-icon-lens{font-size:1rem;left:.75rem}.clear-search-btn-inline{font-size:.8rem;height:24px;right:.5rem;width:24px}}.users-table{background:#fff;border-collapse:collapse;font-size:.9rem;width:100%}.users-table thead{background:linear-gradient(135deg,#f8f9fa,#f3f4f6);border-bottom:2px solid #e5e7eb}.users-table th{color:#2c3e50;font-size:.85rem;font-weight:700;letter-spacing:.3px;padding:.85rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.users-table th.center{text-align:center}.users-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s ease}.users-table tbody tr:hover{background:linear-gradient(135deg,#f8fafc,#fffbf0);box-shadow:inset 4px 0 0 #667eea}.users-table tbody tr.inactive-user{background:linear-gradient(135deg,#fafafa,#f5f5f5)}.users-table tbody tr.inactive-user .contact-number-stack,.users-table tbody tr.inactive-user .email-stack,.users-table tbody tr.inactive-user .username-stack,.users-table tbody tr.inactive-user td{color:#9ca3af}.users-table tbody tr.inactive-user:hover{background:linear-gradient(135deg,#f0f0f0,#e8e8e8);box-shadow:inset 4px 0 0 #fbbf24}.users-table tbody tr.inactive-user:hover td{color:#6b7280}.users-table td{color:#1f2937;font-size:.85rem;padding:.9rem 1rem;vertical-align:middle}.users-table td .role-badge .role-label{color:inherit}.users-table td.center{text-align:center}.user-info-stacked{display:flex;flex-direction:column;gap:.25rem;padding:.85rem .75rem!important}.username-stack{color:#2c3e50;font-size:.85rem;font-weight:600}.contact-info-stacked{display:flex;flex-direction:column;gap:.35rem;padding:.85rem .75rem!important}.email-stack{color:#2c3e50;font-size:.85rem}.contact-number-stack,.email-stack{align-items:center;display:flex;font-weight:500;gap:.5rem}.contact-number-stack{color:#667eea;font-size:.8rem;letter-spacing:.3px}.contact-icon{align-items:center;display:inline-flex;flex-shrink:0;font-size:1rem;justify-content:center;line-height:1}.username{color:#2c3e50;font-weight:600}.user-status-badge{align-items:center;background:none;border:none;box-shadow:none;cursor:pointer;display:inline-flex;font-size:1.5rem;justify-content:center;line-height:1;padding:0;transition:transform .2s ease}.user-status-badge:hover{transform:scale(1.2)}.user-status-badge.active{color:#28a745}.user-status-badge.inactive{color:#fbbf24}.actions{white-space:nowrap}.actions.center{text-align:center}.action-icon-sm{align-items:center;display:flex;font-size:.85rem;justify-content:center}.locations-selector{background:#fff;border:2px solid #e0e0e0;border-radius:6px;padding:1rem;transition:all .3s}.locations-selector:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.locations-list{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.location-checkbox{align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s}.location-checkbox:hover{background:#f0f2f5;border-color:#667eea}.location-checkbox input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.location-checkbox input[type=checkbox]:checked{accent-color:#667eea}.location-checkbox .location-name{color:#2c3e50;flex:1 1;font-weight:500}.location-checkbox input[type=checkbox]:checked+.location-name{color:#667eea;font-weight:600}.no-locations{color:#6c757d;font-style:italic;margin:0;padding:1rem;text-align:center}.employee-id{color:#667eea;font-family:Courier New,monospace;font-size:.9rem;font-weight:600;letter-spacing:.5px}.location-count{align-items:center;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:20px;color:#1976d2;display:inline-flex;font-size:.85rem;font-weight:600;justify-content:center;min-width:50px;padding:.4rem .8rem}.permission-denied-container{align-items:center;display:flex;justify-content:center;min-height:400px;padding:2rem}.permission-denied-message{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid #f57c00;border-radius:12px;box-shadow:0 4px 12px #f57c0026;max-width:500px;padding:3rem 2rem;text-align:center}.permission-icon{display:block;font-size:4rem;margin-bottom:1rem}.permission-denied-message h3{color:#f57c00;font-size:1.8rem;margin:0 0 1rem}.permission-denied-message p{color:#e65100;font-size:1rem;line-height:1.6;margin:.5rem 0}.permission-hint{color:#bf360c;font-style:italic;font-weight:600;margin-top:1rem}.error-container{align-items:center;background:#ffebee;border:1px solid #ef5350;border-radius:8px;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem}.error-message{align-items:center;color:#c62828;display:flex;font-weight:500;gap:.75rem;width:100%}.error-icon{flex-shrink:0;font-size:1.5rem}.loading-container{align-items:center;display:flex;justify-content:center;min-height:300px;padding:2rem}.loading-container p{color:#666;font-size:1.1rem;font-weight:500}.view-only-badge{align-items:center;background:linear-gradient(135deg,#e0e0e0,#d0d0d0);border-radius:20px;color:#666;display:inline-flex;font-size:.7rem;font-weight:600;justify-content:center;letter-spacing:.5px;padding:.4rem 1rem;text-transform:uppercase}.role-display{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid #f57c00;border-radius:6px;min-height:44px;padding:.75rem}.role-display,.role-label{align-items:center;display:flex}.role-label{color:#f57c00;font-size:.85rem;font-weight:500}.department{min-width:160px;white-space:normal}.location-settings{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem}.settings-header{align-items:center;display:flex;justify-content:space-between}.info-section h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.section-description{color:#718096;font-size:.95rem;line-height:1.5;margin:0 0 1.5rem}.info-display{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr)}.info-item{background:#fff;box-shadow:0 1px 4px #0000000f}.info-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.info-label{align-items:center;color:#7f8c8d;display:flex;gap:.4rem;letter-spacing:.4px}.label-icon{font-size:1rem}.info-value{font-weight:600}.info-item-highlight{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px solid #667eea;grid-column:1/-1;padding:1.5rem}.info-item-highlight:hover{background:linear-gradient(135deg,#667eea14,#764ba214)}.info-value-large{color:#667eea;font-size:1.3rem;font-weight:700}.location-code-badge{align-items:center!important;background:none!important;border:none!important;border-radius:6px!important;box-shadow:none!important;color:#495057!important;cursor:pointer!important;display:inline-flex!important;font-family:Courier New,monospace!important;font-size:.95rem!important;font-weight:600!important;gap:.75rem!important;overflow:hidden!important;padding:.5rem 0!important;position:relative!important;transition:all .3s ease!important}.location-code-badge:hover{color:#10b981!important}.location-code-badge:active,.location-code-badge:hover{box-shadow:none!important;transform:none!important}.code-text{font-weight:700;letter-spacing:.5px}.copy-icon{display:inline-block;font-size:1.1rem;transition:all .3s ease}.location-code-badge:hover .copy-icon{transform:scale(1.15)}.location-code-badge.copied{animation:location-copySuccess .4s ease;color:#28a745}.location-code-badge.copied .copy-icon{color:#28a745}@keyframes location-copySuccess{0%{transform:scale(.9)}50%{transform:scale(1.1)}to{transform:scale(1)}}.settings-form{display:flex;flex-direction:column;gap:1.5rem}.settings-form .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.settings-form .form-group{display:flex;flex-direction:column;gap:.5rem}.settings-form label{color:#2c3e50;font-size:.95rem;font-weight:500}.settings-form input{border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .3s}.settings-form input:focus{border-color:#667eea;outline:none}.form-actions{border-top:2px solid #f0f0f0;padding-top:1.5rem}.status-badge{border-radius:20px;padding:.4rem 1rem}.status-badge.active{background:linear-gradient(135deg,#d4edda,#c3e6cb);color:#155724}.status-badge.inactive{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24}.status-badge.trial{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:#f57c00}.status-badge.expired{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#c62828}.info-item-with-icon{align-items:center;display:flex;gap:1rem}.info-icon{font-size:2rem;opacity:.8}.action-palette{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 6px #00000014;flex-wrap:wrap}@media (max-width:768px){.info-display,.settings-form .form-row{grid-template-columns:1fr}.action-palette{padding:.75rem}.action-btn{justify-content:center;width:100%}}.settings-page{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:#fffffff2;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 32px #00000026,0 0 0 1px #ffffff80;padding:2rem}.settings-header{border-bottom:2px solid #e9ecef;margin-bottom:2.5rem;padding-bottom:1.5rem}.settings-header .page-title{color:#1a202c;font-size:2rem;font-weight:800;letter-spacing:-.3px;margin:0 0 .5rem}.settings-subtitle{color:#6c757d;font-size:.95rem;font-weight:500;letter-spacing:.2px;margin:0}.settings-cards-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);max-width:1400px}.settings-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden;transition:all .3s ease}.settings-card:hover{border-color:#667eea;box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.settings-card-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:2px solid #e9ecef;cursor:pointer;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem;transition:all .3s ease;-webkit-user-select:none;user-select:none}.settings-card-header:hover{background:linear-gradient(135deg,#f0f2f5,#f8f9fa)}.settings-card-header-left{align-items:center;display:flex;flex:1 1;gap:1rem}.settings-card-toggle{align-items:center;color:#667eea;display:inline-flex;font-size:1rem;justify-content:center;min-width:1.5rem;transition:transform .3s ease}.settings-card-icon{display:block;font-size:1.8rem}.settings-card-header h3{color:#2c3e50;font-size:1.2rem;font-weight:700;letter-spacing:.3px;margin:0}.settings-card-header-right{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.settings-card-edit-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.6rem 1rem;transition:all .3s ease}.settings-card-edit-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.settings-card-edit-btn:active{transform:translateY(0)}.settings-card-content{padding:1.5rem}.settings-card .location-settings{background:#0000;border-radius:0;box-shadow:none;margin:0;padding:0}.settings-card .settings-header{border:none;margin:0;padding:0}.settings-card .page-title{display:none}.settings-card .action-palette{border-top:1px solid #e9ecef;margin-top:1.5rem;padding-top:1.5rem}.settings-card .info-section{margin:0;padding:0}.settings-card .info-section h3,.settings-card .section-description{display:none}@media (max-width:1200px){.settings-cards-grid{grid-template-columns:1fr}}@media (max-width:768px){.settings-page{padding:1.5rem}.settings-header{margin-bottom:2rem;padding-bottom:1rem}.settings-header .page-title{font-size:1.5rem}.settings-subtitle{font-size:.9rem}.settings-cards-grid{gap:1.5rem}.settings-card-header{gap:.75rem;padding:1.25rem}.settings-card-icon{font-size:1.5rem}.settings-card-header h3{font-size:1.1rem}.settings-card-content{padding:1.25rem}}@media (max-width:480px){.settings-page{padding:1rem}.settings-header .page-title{font-size:1.3rem}.settings-card-content,.settings-card-header{padding:1rem}}.location-edit-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.location-edit-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;position:relative;width:100%}.location-edit-modal-close{align-items:center;background:#fff;border:none;color:#666;cursor:pointer;display:flex;float:right;font-size:1.5rem;height:3rem;justify-content:center;padding:1rem;position:-webkit-sticky;position:sticky;right:0;top:0;transition:color .2s;width:3rem;z-index:10}.location-edit-modal-close:hover{background-color:#f5f5f5;color:#000}.location-edit-modal .location-settings{padding:0}.location-edit-modal .settings-header{display:none}.location-edit-modal .settings-content{padding:1rem}.location-edit-modal .info-section h3{margin-top:0}@media (max-width:768px){.location-edit-modal-overlay{padding:.5rem}.location-edit-modal{border-radius:6px;max-height:90vh;max-width:100%}.location-edit-modal .settings-content{padding:2.5rem 1rem 1rem}.location-edit-modal .settings-form .form-row{grid-template-columns:repeat(2,1fr)}.location-edit-modal .info-display{grid-template-columns:1fr}}.locations-management{background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:12px;box-shadow:0 4px 16px #00000014;min-height:100vh;padding:2.5rem}.locations-header{align-items:flex-start;border-bottom:3px solid #e9ecef;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:2rem}.locations-header h2{color:#1a1a1a;font-size:2.5rem;font-weight:900;letter-spacing:-.5px;margin:0 0 .75rem}.header-subtitle{font-size:1.05rem}.header-subtitle .location-code-badge{display:inline-block;margin-top:.25rem}.locations-header .action-btn.action-primary,.locations-header .action-btn.action-secondary{box-shadow:0 2px 4px #0000001a;font-size:.95rem;font-weight:500;padding:.75rem 1.25rem;white-space:nowrap}.locations-header .action-btn.action-primary:hover,.locations-header .action-btn.action-secondary:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.locations-summary-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2.5rem}.summary-stat-card{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:1.25rem;padding:1.75rem;transition:all .3s ease}.summary-stat-card:hover{border-color:#667eea;box-shadow:0 8px 16px #0000001f;transform:translateY(-4px)}.summary-icon{font-size:2.5rem;line-height:1}.summary-content{display:flex;flex-direction:column;gap:.35rem}.summary-number{color:#1a1a1a;font-size:2rem;font-weight:900;line-height:1}.summary-label{color:#6c757d}.locations-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.location-card-manage{background:#fff;border:2px solid #e9ecef;border-radius:10px;box-shadow:0 2px 6px #00000014;display:flex;flex-direction:column;min-height:auto;padding:1.5rem;transition:all .3s ease}.location-card-manage:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.location-card-manage.inactive{background:#f8f9fa;border-color:#dc2626;opacity:.8}.location-card-manage.active{border-color:#667eea}.location-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.25rem}.location-name-section{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:0}.location-name-section h3{color:#2c3e50;font-size:1.15rem;font-weight:700;line-height:1.3;margin:0;word-break:break-word}.location-code-display{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#667eea;font-family:Courier New,monospace;font-size:.75rem;font-weight:600;padding:.35rem .75rem;width:-webkit-fit-content;width:fit-content}.status-badge-lg{border-radius:6px;flex-shrink:0;font-size:.75rem;font-weight:700;letter-spacing:.3px;padding:.5rem 1rem;text-transform:uppercase;white-space:nowrap}.status-badge-lg.status-active{background:linear-gradient(135deg,#28a745,#20c997);border:2px solid #1e7e34;box-shadow:0 4px 12px #28a7454d;color:#fff;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.status-badge-lg.status-inactive{background:#f8d7da;border:2px solid #dc2626;color:#721c24}.location-details-grid{background:#f8f9fa;border-radius:6px;display:flex;flex:1 1;flex-direction:column;gap:.75rem;margin-bottom:1.25rem;padding:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{color:#6c757d;font-size:.65rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.detail-value{color:#2c3e50;font-size:.9rem;font-weight:500;line-height:1.4}.location-actions{border-top:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;padding-top:1rem}.location-actions .action-btn{flex:1 1;font-size:.85rem;justify-content:center;padding:.5rem .75rem}.action-btn.action-view{background:#e8f4f8;border:1px solid #0366d6;color:#0366d6}.action-btn.action-view:hover{background:#0366d6;color:#fff}.action-btn.action-edit{border:1px solid #f39c12}.action-btn.action-disable{background:#ffe7e7;border:1px solid #e74c3c;color:#e74c3c}.action-btn.action-disable:hover{background:#e74c3c;color:#fff}.action-btn.action-enable{background:#d4edda;border:1px solid #28a745;color:#28a745}.action-btn.action-enable:hover{background:#28a745;color:#fff}.location-actions .action-btn.action-secondary{background:#fff;border:2px solid #dee2e6;color:#6c757d}.location-actions .action-btn.action-secondary:hover{background:#f8f9fa;border-color:#adb5bd}.locations-header .action-btn.action-secondary{background:#fff;border:2px solid #dee2e6;color:#495057}.locations-header .action-btn.action-secondary:hover{background:#f8f9fa;border-color:#adb5bd}.location-edit-form{animation:fadeIn .3s ease}.form-header-edit{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #0000001a;border-radius:12px 12px 0 0;color:#fff;margin:-2rem -2rem 1.5rem;padding:1.5rem 2rem}.form-header-edit h3{color:#fff;font-size:1.35rem}.location-code-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-family:Courier New,monospace;font-size:.9rem;font-weight:700;padding:.5rem 1rem}.form-grid{grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.form-group{gap:.5rem}.form-group label{font-size:.95rem}.form-group input{font-size:1rem;padding:.75rem;transition:all .3s}.form-actions-edit{border-top:2px solid #e9ecef;gap:1rem;padding-top:1.5rem}.btn{box-shadow:0 2px 4px #0000001a;font-size:1rem;gap:.5rem;padding:.75rem 1.5rem}.btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.btn-cancel{border:2px solid #dee2e6}.btn-cancel:hover{border-color:#adb5bd}.create-location-inline{animation:fadeIn .3s ease;background:#fff;border:2px solid #667eea;border-radius:12px;box-shadow:0 4px 16px #667eea26}.create-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header-create{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:2rem}.modal-header-create h3{font-size:1.5rem;font-weight:700;margin:0}.close-btn{background:#fff3;border-radius:6px;color:#fff;padding:.25rem .75rem}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.progress-bar-create{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px 12px 0 0;display:flex;justify-content:center;padding:2rem}.progress-step{align-items:center;display:flex;flex-direction:column;gap:.5rem}.step-number{background:#dee2e6;color:#6c757d;font-weight:700;height:40px;transition:all .3s;width:40px}.progress-step.active .step-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.step-label{color:#6c757d;font-size:.85rem;font-weight:600}.progress-step.active .step-label{color:#667eea}.progress-line{background:#dee2e6;height:3px;transition:all .3s;width:80px}.progress-line.active{background:linear-gradient(135deg,#667eea,#764ba2)}.create-form{padding:2rem}.step-description{color:#6c757d;font-size:.95rem;margin:-1rem 0 1.5rem}.form-group-create input{border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:.75rem;transition:all .3s;width:100%}.form-group-create input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-row-create{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.review-section-create{background:#f8f9fa;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.review-section-create h5{color:#667eea;font-size:1.1rem;font-weight:700;margin:0 0 1rem}.review-item-create{border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:.75rem 0}.review-item-create:last-child{border-bottom:none}.review-label-create{color:#6c757d;font-weight:600}.review-value-create{color:#2c3e50;font-weight:600}.btn-primary:hover{background:linear-gradient(135deg,#5568d3,#663a8e)}@media (max-width:992px){.locations-list{grid-template-columns:1fr}}@media (max-width:768px){.locations-management{padding:1rem}.locations-header{align-items:stretch;flex-direction:column;gap:1rem}.locations-header h2{font-size:1.8rem}.action-palette-inline,.locations-header .action-btn.action-primary{width:100%}.location-card-manage{min-height:auto;padding:1.5rem}.location-card-header{flex-direction:column;gap:1rem}.location-name-section h3{font-size:1.3rem}.location-details-grid{padding:1rem}.location-actions{gap:.5rem}.location-actions .action-btn{font-size:.85rem;padding:.6rem 1rem}.form-grid,.form-row-create{grid-template-columns:1fr}.create-form-inline,.progress-bar-create{padding:1.5rem}.locations-header .action-btn.action-secondary{width:100%}.error-message-create{margin:0 1.5rem}}.details-content-inline{animation:fadeIn .3s ease;background:#fff;border:2px solid #0366d6;border-radius:12px;box-shadow:0 4px 16px #0366d626;padding:2rem}.loading-details{background:#fff;border:2px solid #e9ecef;border-radius:12px;color:#6c757d;font-size:1.2rem;font-weight:600;padding:4rem;text-align:center}.details-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:2rem}.detail-stat-card{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e9ecef;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.detail-stat-card:hover{border-color:#667eea;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.stat-icon-detail{font-size:2.5rem}.stat-content-detail{display:flex;flex-direction:column;gap:.25rem}.stat-number-detail{color:#2c3e50;font-size:2rem;font-weight:900}.stat-label-detail{color:#6c757d;font-size:.85rem;font-weight:600;text-transform:uppercase}.tab-navigation{border-bottom:3px solid #e9ecef;gap:.5rem;margin-bottom:1.5rem;padding-bottom:0}.tab-btn{background:#0000;color:#6c757d;margin-bottom:-3px;white-space:nowrap}.tab-btn.active{background:#667eea1a}.tab-search-bar{margin-bottom:1.5rem;position:relative}.tab-search-bar:before{color:#667eea;content:"🔍";flex-shrink:0;font-size:1.2rem;left:1rem;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.tab-search-input{border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.85rem 3rem;transition:all .3s;width:100%}.tab-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.clear-search{align-items:center;background:#e0e0e0;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:.9rem;height:28px;justify-content:center;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:all .2s;width:28px}.clear-search:hover{background:#667eea;color:#fff;transform:translateY(-50%) scale(1.1)}.tab-content{min-height:300px}.tab-footer{background:#f8f9fa;border-radius:0 0 8px 8px;border-top:2px solid #e9ecef;color:#667eea;font-size:.95rem;font-weight:700;padding:1rem;text-align:center}.details-table-container{background:#fff;border:2px solid #e9ecef;border-radius:8px;overflow:hidden}.details-table{border-collapse:collapse;width:100%}.details-table thead{background:#f8f9fa}.details-table th{border-bottom:2px solid #dee2e6;color:#2c3e50;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.details-table td{border-bottom:1px solid #f0f0f0;color:#495057;font-size:.95rem;padding:1rem}.details-table tbody tr:hover{background:#f8f9fa}.details-table code{background:#f8f9fa;border-radius:4px;color:#667eea;font-family:Courier New,monospace;font-size:.85rem;font-weight:600;padding:.25rem .5rem}.capitalize{text-transform:capitalize}.role-badge-sm{background:#e3f2fd;color:#1976d2}.role-badge-sm,.status-badge-sm{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .65rem;text-transform:capitalize}.status-badge-sm.status-available{background:#d4edda;color:#155724}.status-badge-sm.status-in-use{background:#d1ecf1;color:#0c5460}.status-badge-sm.status-maintenance{background:#fff3cd;color:#856404}.status-badge-sm.status-retired{background:#f8d7da;color:#721c24}.status-badge-sm.status-open{background:#fff3e0;color:#f57c00}.status-badge-sm.status-in_progress{background:#e3f2fd;color:#1976d2}.status-badge-sm.status-closed{background:#d4edda;color:#155724}.status-dot{border-radius:50%;display:inline-block;height:12px;width:12px}.status-dot.active{background:#28a745}.status-dot.inactive{background:#dc3545}.empty-detail{color:#6c757d;font-size:1.1rem;font-style:italic;padding:3rem 2rem;text-align:center}.location-card-simplified{background:#fff;border:2px solid #e9ecef;border-radius:10px;box-shadow:0 2px 6px #00000014;display:flex;flex-direction:column;gap:1rem;height:100%;padding:1.25rem;transition:all .3s ease}.location-card-simplified:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.location-card-simplified.inactive{background:#f8f9fa;border-color:#dc2626;opacity:.8}.location-card-simplified.active{border-color:#667eea}.card-header-simplified{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;min-height:3rem}.card-title-section{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:0}.card-title-section h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#2c3e50;display:-webkit-box;font-size:1.15rem;font-weight:700;line-height:1.3;margin:0 0 .25rem;overflow:hidden;word-break:break-word}.location-city{color:#6c757d;font-size:.9rem;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-actions-wrapper{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.card-actions-wrapper .status-badge-sm{border-radius:8px;display:inline-block;font-size:.75rem;font-weight:700;padding:.35rem .75rem;white-space:nowrap}.card-actions-wrapper .status-badge-sm.status-active{background:#d4edda;color:#155724}.card-actions-wrapper .status-badge-sm.status-inactive{background:#f8d7da;color:#721c24}.action-menu-container{position:relative}.action-menu-btn{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;font-size:1.3rem;height:36px;justify-content:center;line-height:1;padding:.5rem .65rem;transition:all .2s;width:36px}.action-menu-btn:hover{background:#f8f9fa;border-color:#667eea;color:#667eea}.action-dropdown-menu{background:#fff;border:2px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:.5rem;min-width:180px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.dropdown-item{background:#0000;border-bottom:1px solid #f0f0f0;color:#2c3e50;display:block;padding:.75rem 1rem;transition:all .2s}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#f8f9fa}.card-stats-simplified{grid-gap:.75rem;border-top:1px solid #f0f0f0;display:grid;flex-shrink:0;gap:.75rem;grid-template-columns:repeat(3,1fr);padding-top:.75rem}.stat-item{align-items:center;display:flex;flex-direction:column;gap:.25rem;text-align:center}.stat-icon{font-size:1.25rem;line-height:1}.stat-value{font-size:1.1rem}.stat-label{color:#6c757d;font-size:.75rem}.location-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#495057;font-size:.85rem;line-height:1.6;margin-top:.75rem;padding:.75rem}.location-info div{margin-bottom:.5rem}.location-info div:last-child{margin-bottom:0}.side-drawer-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.side-drawer-panel{animation:slideInRight .3s ease;background:#fff;box-shadow:-4px 0 16px #00000026;display:flex;flex-direction:column;height:100%;max-width:550px;overflow-y:auto;width:100%}.drawer-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #0000001a;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem}.drawer-header h2{font-size:1.4rem;font-weight:700;margin:0}.drawer-close-btn{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.5rem;line-height:1;padding:.25rem .75rem;transition:all .2s}.drawer-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.drawer-location-info{background:#f8f9fa;border-bottom:2px solid #e9ecef;flex-shrink:0;padding:1.5rem}.info-row{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.info-row:last-child{margin-bottom:0}.drawer-tabs{border-bottom:3px solid #e9ecef;display:flex;flex-shrink:0;gap:0;overflow-x:auto;padding:0 1.5rem}.drawer-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;font-size:.9rem;font-weight:600;margin-bottom:-3px;padding:1rem 1.25rem;transition:all .3s ease;white-space:nowrap}.drawer-tab:hover{background:#667eea0d;color:#667eea}.drawer-tab.active{background:#667eea1a;border-bottom-color:#667eea;color:#667eea}.drawer-search{flex-shrink:0;padding:1rem 1.5rem;position:relative}.drawer-search:before{color:#667eea;content:"🔍";font-size:1rem;left:2.25rem;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.drawer-search input{border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:.9rem;padding:.65rem 2.5rem;transition:all .3s;width:100%}.drawer-search input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-clear{background:#e0e0e0;border-radius:50%;color:#6c757d;font-size:.85rem;height:24px;right:2.25rem;top:50%;transform:translateY(-50%);transition:all .2s;width:24px}.search-clear:hover{background:#667eea;color:#fff;transform:translateY(-50%) scale(1.1)}.drawer-content{flex:1 1;overflow-y:auto;padding:1.5rem}.drawer-table{border-collapse:collapse;width:100%}.drawer-table thead{background:#f8f9fa;position:-webkit-sticky;position:sticky;top:0}.drawer-table th{border-bottom:2px solid #dee2e6;color:#2c3e50;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:.75rem;text-align:left;text-transform:uppercase}.drawer-table td{border-bottom:1px solid #f0f0f0;color:#495057;font-size:.9rem;padding:.75rem}.drawer-table tbody tr:hover{background:#f8f9fa}.drawer-table code{background:#f8f9fa;border-radius:3px;color:#667eea;font-family:Courier New,monospace;font-size:.8rem;font-weight:600;padding:.15rem .35rem}.drawer-empty{font-size:1rem;font-style:italic;padding:2rem}.drawer-empty,.drawer-loading{color:#6c757d;text-align:center}.drawer-loading{font-size:1.1rem;font-weight:600;padding:3rem 2rem}.details-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.details-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.modal-header-details{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #0000001a;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:2rem}.modal-header-content h2{font-size:1.5rem;font-weight:700;margin:0}.modal-subtitle{color:#ffffffe6;font-size:.95rem;margin:.5rem 0 0}.modal-close-btn{background:#fff3;color:#fff;line-height:1;padding:.25rem .75rem}.modal-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.modal-location-info{background:#f8f9fa;border-bottom:2px solid #e9ecef;flex-shrink:0;padding:1.5rem 2rem}.info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-label{font-size:.75rem;font-weight:700;letter-spacing:.3px}.info-value{font-size:.95rem;line-height:1.4;word-break:break-word}.modal-tabs{border-bottom:3px solid #e9ecef;gap:0;overflow-x:auto;padding:0 2rem}.modal-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;font-size:.9rem;font-weight:600;margin-bottom:-3px;padding:1rem 1.5rem;transition:all .3s ease;white-space:nowrap}.modal-tab:hover{background:#667eea0d;color:#667eea}.modal-tab.active{background:#667eea1a;border-bottom-color:#667eea;color:#667eea}.modal-search{flex-shrink:0;padding:1rem 2rem;position:relative}.modal-search:before{color:#667eea;content:"🔍";font-size:1rem;left:2.75rem;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.modal-search input{border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:.9rem;padding:.65rem 2.5rem;transition:all .3s;width:100%}.modal-search input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.modal-content{flex:1 1;padding:1.5rem 2rem}.modal-table thead{background:#f8f9fa}.modal-table th{border-bottom:2px solid #dee2e6;color:#2c3e50;font-size:.8rem;font-weight:600;padding:.75rem}.modal-table td{border-bottom:1px solid #f0f0f0;color:#495057;font-size:.9rem;padding:.75rem}.modal-table code,.modal-table tbody tr:hover{background:#f8f9fa}.modal-table code{border-radius:3px;color:#667eea;font-family:Courier New,monospace;font-size:.8rem;font-weight:600;padding:.15rem .35rem}.modal-empty{font-size:1rem;font-style:italic;padding:2rem}.modal-empty,.modal-loading{color:#6c757d;text-align:center}.modal-loading{font-size:1.1rem;font-weight:600;padding:3rem 2rem}.edit-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:650px;overflow:hidden;width:90%}.location-edit-form{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:2rem}@media (max-width:1024px){.details-modal-content{max-width:95%}.info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.details-stats-grid,.locations-list{grid-template-columns:repeat(2,1fr)}.side-drawer-panel{max-width:100%}.details-modal-content{max-width:95%}}@media (max-width:768px){.details-modal-content{border-radius:0;max-height:100vh;max-width:100%}.modal-header-details{padding:1.5rem}.modal-header-content h2{font-size:1.3rem}.modal-subtitle{font-size:.85rem}.modal-location-info{padding:1rem 1.5rem}.info-grid{grid-template-columns:1fr}.modal-tabs{padding:0 1.5rem}.modal-tab{font-size:.85rem;padding:.75rem 1rem}.modal-search{padding:.75rem 1.5rem}.modal-search:before{left:2rem}.modal-search input{font-size:.85rem;padding:.55rem 2.25rem}.modal-content{padding:1rem 1.5rem}.modal-table{font-size:.75rem}.modal-table td,.modal-table th{padding:.5rem}.locations-management{padding:1rem}.locations-list{grid-template-columns:1fr}.location-card-simplified{gap:.75rem;padding:1rem}.card-header-simplified{align-items:flex-start;flex-direction:column;gap:.75rem}.card-title-section{width:100%}.card-title-section h3{font-size:1rem}.location-city{font-size:.85rem}.card-actions-wrapper{gap:.5rem;width:100%}.card-actions-wrapper .status-badge-sm{flex:1 1;justify-content:center}.action-menu-btn{font-size:1.25rem;height:40px;width:40px}.action-dropdown-menu{left:0;min-width:150px;right:auto}.card-stats-simplified{gap:.5rem;grid-template-columns:repeat(3,1fr);padding-top:.5rem}.stat-item{gap:.2rem}.stat-icon{font-size:1rem}.stat-value{font-size:.95rem}.stat-label{font-size:.65rem}.side-drawer-panel{animation:slideInLeft .3s ease;max-width:100%}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.drawer-header{padding:1rem}.drawer-header h2{font-size:1.2rem}.drawer-location-info{padding:1rem}.drawer-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:0 1rem}.drawer-tab{font-size:.8rem}.drawer-search,.drawer-tab{padding:.75rem 1rem}.drawer-search:before{left:1.5rem}.drawer-search input{font-size:.85rem;padding:.55rem 2.25rem}.search-clear{height:22px;right:1.5rem;width:22px}.drawer-content{padding:1rem}.drawer-table{font-size:.75rem}.drawer-table td,.drawer-table th{padding:.5rem}.drawer-empty{font-size:.9rem;padding:1.5rem}.drawer-loading{font-size:1rem;padding:2rem 1rem}.edit-modal-content{max-height:95vh;width:95%}.form-header-edit{align-items:flex-start;flex-direction:column;gap:.5rem}.location-code-badge{font-size:.85rem;padding:.4rem .75rem}.form-grid,.form-row-create{grid-template-columns:1fr}}@media (max-width:480px){.locations-management{padding:.75rem}.locations-header{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.locations-header h2{font-size:1.5rem}.header-subtitle{font-size:.95rem}.action-palette-inline{width:100%}.locations-header .action-btn.action-primary,.locations-header .action-btn.action-secondary{font-size:.9rem;padding:.65rem 1rem;width:100%}.locations-summary-grid{gap:1rem;grid-template-columns:1fr;margin-bottom:1.5rem}.summary-stat-card{gap:1rem;padding:1rem}.summary-icon{font-size:2rem}.summary-number{font-size:1.5rem}.summary-label{font-size:.75rem}.location-card-simplified{gap:.5rem;padding:.75rem}.card-header-simplified{gap:.5rem}.card-title-section h3{font-size:.95rem}.location-city{font-size:.8rem}.card-actions-wrapper{flex-wrap:wrap}.action-menu-btn{font-size:1.1rem;height:36px;width:36px}.card-stats-simplified{gap:.3rem}.stat-icon{font-size:.9rem}.stat-value{font-size:.85rem}.drawer-table{font-size:.65rem}.drawer-table td,.drawer-table th{padding:.35rem}.drawer-tab{font-size:.75rem;padding:.65rem .75rem}.info-value{font-size:.85rem}.form-group-create label{font-size:.9rem}.form-group-create input{font-size:.9rem;padding:.65rem}}.department-management{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem}.department-header{align-items:flex-start;border-bottom:2px solid #f0f0f0;display:flex;gap:2rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.25rem}.header-title-section{flex:1 1;gap:.05rem}.header-title-section h2{color:#2c3e50;font-size:1.8rem;font-weight:800;letter-spacing:-.5px}.department-header h2{color:#1a1a1a;font-size:2.2rem;font-weight:800;margin:0}.header-subtitle{color:#6c757d}.action-palette-inline{flex-shrink:0}.action-btn.action-edit{background:#fff3e0;border:2px solid #f39c12;color:#f39c12;flex:1 1;justify-content:center}.action-btn.action-edit:hover{background:#f39c12;color:#fff}.search-section{margin-bottom:2rem}.search-input-clean{box-sizing:border-box;font-size:1rem;padding:.85rem 3rem}.departments-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.department-card{background:#fff;border:2px solid #e9ecef;border-radius:10px;box-shadow:0 2px 6px #00000014;display:flex;flex-direction:column;min-height:250px;padding:1.5rem}.department-card:hover{border-color:#667eea;box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.department-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.department-icon-section{align-items:center;background:#f0f4ff;border:2px solid #e0e7ff;border-radius:10px;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.department-icon{font-size:1.8rem}.department-name-section{display:flex;flex:1 1;flex-direction:column;gap:.35rem;min-width:0}.department-name-section h3{color:#2c3e50;font-size:1.1rem;font-weight:700;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.department-code-badge{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;color:#667eea;font-family:Courier New,monospace;font-size:.8rem;font-weight:600;padding:.25rem .6rem;width:-webkit-fit-content;width:fit-content}.department-description{flex:1 1;margin-bottom:1rem}.department-description p{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#6c757d;display:-webkit-box;font-size:.9rem;line-height:1.4;margin:0;overflow:hidden}.department-actions{border-top:1px solid #e9ecef;display:flex;gap:.5rem;margin-top:auto;padding-top:1rem}.department-actions .action-btn{flex:1 1;font-size:.85rem;justify-content:center;padding:.5rem .75rem}.department-actions .action-btn.action-edit{background:#e8f4f8;border:1px solid #0366d6;color:#0366d6;padding:.5rem .75rem}.department-actions .action-btn.action-edit:hover{background:#0366d6;color:#fff}.modal-overlay{background:#00000080;padding:1rem}.modal-content{box-shadow:0 10px 40px #0003;max-height:90vh;max-width:500px;width:100%}.modal-header{border-bottom:1px solid #e9ecef;padding:.75rem 1rem}.modal-header h3{font-size:1rem}.modal-close-btn{border-radius:3px;color:#6c757d;font-size:1.2rem;height:24px;transition:all .2s;width:24px}.modal-close-btn:hover{background:#f0f0f0;color:#2c3e50}.modal-body{padding:.75rem 1rem}.error-message-modal{background:#fef2f2;border:1px solid #dc2626;border-radius:6px;color:#991b1b;font-size:.85rem;font-weight:600;margin-bottom:.75rem;padding:.6rem .8rem;text-align:center}.modal-footer{border-top:1px solid #e9ecef;display:flex;gap:.5rem;justify-content:flex-end;padding:.75rem 1rem}.department-edit-form{animation:fadeIn .3s ease}.form-header-edit{align-items:center;border-bottom:2px solid #667eea;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.form-header-edit h3{color:#667eea;font-size:1.3rem;font-weight:700;margin:0}.form-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr;margin-bottom:0}.form-group{display:flex;flex-direction:column;gap:.3rem}.form-group label{color:#2c3e50;font-size:.85rem}.form-group input,.form-group textarea{border:1px solid #d0d0d0;border-radius:4px;font-family:inherit;font-size:.9rem;padding:.5rem .65rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.form-group small{color:#6c757d;display:block;font-size:.85rem;margin-top:.25rem}.form-actions-edit{border-top:1px solid #e9ecef;display:flex;gap:.5rem;margin-top:.5rem;padding-top:.75rem}.btn{align-items:center;border-radius:6px;box-shadow:0 1px 3px #0000001a;display:flex;font-size:.9rem;gap:.4rem;padding:.6rem 1.2rem}.btn:hover{box-shadow:0 2px 6px #0000001f;transform:translateY(-1px)}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-save:hover{background:linear-gradient(135deg,#5568d3,#663a8e)}.btn-cancel{background:#fff;border:1px solid #d0d0d0;color:#6c757d}.btn-cancel:hover{background:#f8f9fa;border-color:#999}.btn-success{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.btn-success:hover{background:linear-gradient(135deg,#218838,#1aa179)}.btn-secondary{background:#fff;border:2px solid #dee2e6;color:#6c757d}.btn-secondary:hover{background:#f8f9fa;border-color:#adb5bd}.create-department-inline{animation:fadeIn .3s ease;background:#fff;border:2px solid #667eea;border-radius:12px;box-shadow:0 4px 16px #667eea26}.create-form-inline{padding:2rem}.form-step-create h4{color:#2c3e50;font-size:1.3rem;font-weight:700;margin:0 0 1.5rem}.form-group-create{margin-bottom:1.25rem}.form-group-create label{color:#2c3e50;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.form-group-create input,.form-group-create textarea{border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-family:inherit;font-size:1rem;padding:.75rem;transition:all .3s;width:100%}.form-group-create input:focus,.form-group-create textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group-create small{color:#6c757d;display:block;font-size:.85rem;margin-top:.25rem}.form-actions-create{border-top:2px solid #f0f0f0;display:flex;gap:1rem;margin-top:2rem;padding-top:2rem}.error-message-create{background:#fef2f2;border:2px solid #dc2626;border-radius:8px;color:#991b1b;font-weight:600;margin:0 2rem;padding:1rem;text-align:center}.empty-state{grid-column:1/-1}.department-summary{align-items:center;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 1px 3px #00000014;color:#333;display:flex;flex-direction:column;font-size:.8rem;gap:.2rem;justify-content:center;margin-top:1rem;padding:.5rem .75rem!important;width:-webkit-fit-content;width:fit-content}.department-summary .summary-label{color:#666;font-size:.65rem;font-weight:500;line-height:1;order:2}.department-summary .summary-count{color:#333;font-size:1.1rem;font-weight:700;line-height:1;order:1}.loading{color:#6c757d;font-size:1.2rem;font-weight:600;padding:4rem}@media (max-width:992px){.departments-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.department-management{padding:1rem}.department-header{align-items:stretch;flex-direction:column;gap:1rem}.department-header h2{font-size:1.8rem}.action-btn.action-primary,.action-palette-inline{width:100%}.departments-grid{grid-template-columns:1fr}.department-card{min-height:auto}.form-grid{grid-template-columns:1fr}.create-form-inline{padding:1.5rem}.error-message-create{margin:0 1.5rem}}@media (max-width:640px){.department-header h2{font-size:1.5rem}.department-card-header{align-items:center;flex-direction:column;text-align:center}.department-icon-section{height:50px;width:50px}.department-icon{font-size:1.5rem}.department-name-section h3{white-space:normal}.department-code-badge{text-align:center;width:100%}.form-actions-create,.form-actions-edit{flex-direction:column}.btn{justify-content:center;width:100%}}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--primary-light:#f8f9fa;--primary-dark:#2c3e50;--border-light:#e5e7eb;--text-primary:#1f2937;--text-secondary:#6b7280;--status-critical:#dc2626;--status-warning:#f59e0b;--status-success:#16a34a;--status-info:#3b82f6}.technician-analytics-container{background:#fff;min-height:100vh;padding:1rem}.analytics-header{align-items:flex-start;background:#0000;border-radius:12px;gap:1rem;padding:1.5rem}.analytics-header h2{color:#2c3e50;color:var(--primary-dark);font-size:1.8rem;font-weight:800;letter-spacing:-.5px;margin:0}.analytics-subtitle{color:#6b7280;color:var(--text-secondary);font-size:.9rem;font-weight:500;margin:0}.loading-state{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.loading-state p{color:#6b7280;color:var(--text-secondary);font-size:1rem;margin:0}.empty-state{border:2px dashed #e5e7eb;border:2px dashed var(--border-light);margin-bottom:1rem;padding:3rem 1.5rem}.empty-state p{color:#6b7280;color:var(--text-secondary);font-size:.95rem;margin:.5rem 0 0}.empty-subtitle{color:#9ca3af;font-size:.85rem}.kpi-section{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.kpi-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;border-top:4px solid #3b82f6;border:1.5px solid var(--border-light);border-top:4px solid var(--status-info);box-shadow:0 1px 3px #00000014;overflow:hidden;padding:1.25rem;position:relative;text-align:center;transition:all .2s ease}.kpi-card:before{background:#3b82f6;background:var(--status-info);content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.kpi-card.critical{border-top-color:#dc2626;border-top-color:var(--status-critical)}.kpi-card.critical:before{background:#dc2626;background:var(--status-critical)}.kpi-card.warning{border-top-color:#f59e0b;border-top-color:var(--status-warning)}.kpi-card.warning:before{background:#f59e0b;background:var(--status-warning)}.kpi-card.success{border-top-color:#16a34a;border-top-color:var(--status-success)}.kpi-card.success:before{background:#16a34a;background:var(--status-success)}.kpi-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a;transform:translateY(-2px)}.kpi-value{color:#2c3e50;color:var(--primary-dark);font-size:2.2rem;font-weight:800;line-height:1;margin:0}.kpi-label{font-size:.7rem;font-weight:700;letter-spacing:.3px;margin-top:.5rem;text-transform:uppercase}.kpi-label,.kpi-sublabel{color:#6b7280;color:var(--text-secondary)}.kpi-sublabel{font-size:.65rem;font-weight:500;line-height:1.3;margin-top:.3rem}.narrative-bridge{background:linear-gradient(135deg,#f8f9fa,#f0f4ff);border:1px solid #e5e7eb;border-radius:10px;margin-bottom:1.5rem;padding:1.5rem 1rem;text-align:center}.narrative-text{color:#667eea;font-size:.9rem;font-weight:600;letter-spacing:.3px;margin:0}.analytics-section{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:10px;box-shadow:0 1px 3px #00000014;margin-bottom:1.5rem;overflow:hidden;transition:all .2s ease}.section-header{background:linear-gradient(135deg,#f8f9fa,#f3f4f6);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);cursor:pointer;gap:.75rem;padding:1.25rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.section-header:hover{background:linear-gradient(135deg,#f0f4ff,#f5f3ff)}.section-toggle{color:#667eea;display:inline-flex;flex-shrink:0;font-size:1rem;font-weight:700;transform:rotate(-90deg);transition:transform .2s ease}.section-toggle.expanded{transform:rotate(0deg)}.section-header h3{color:#2c3e50;color:var(--primary-dark);flex:1 1;font-size:1.15rem;font-weight:700;text-align:left}.alert-badge{align-items:center;background:#dc2626;background:var(--status-critical);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:28px;justify-content:center;width:28px}.section-content{padding:1.25rem}.section-description{background:linear-gradient(135deg,#f0f4ff,#f5f3ff);border-left:4px solid #667eea;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.section-description p{color:#667eea;font-size:.9rem;font-weight:500;line-height:1.5;margin:0}.no-data-message{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:8px;color:#16a34a;color:var(--status-success);font-size:.95rem;font-weight:500;padding:2.5rem 1.5rem;text-align:center}.urgent-actions-section{margin-bottom:1.5rem}.urgent-title{color:#dc2626;color:var(--status-critical);font-size:.85rem;font-weight:700;letter-spacing:.3px;margin:0 0 .75rem;text-transform:uppercase}.urgent-alerts-list{display:flex;flex-direction:column;gap:.75rem}.urgent-alert-card{background:linear-gradient(135deg,#fef2f2,#fff7f7);border:1px solid #f87171;border-left:4px solid #dc2626;border-left:4px solid var(--status-critical);border-radius:8px;padding:1rem;transition:all .2s ease}.urgent-alert-card:hover{box-shadow:0 4px 12px #dc262626;transform:translateY(-2px)}.urgent-alert-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.urgent-alert-left{align-items:center;display:flex;flex:1 1;gap:.75rem}.urgent-icon{flex-shrink:0;font-size:1.4rem}.urgent-content{display:flex;flex:1 1;flex-direction:column;gap:.3rem;min-width:0}.urgent-type-device{align-items:center;display:flex;gap:.5rem}.urgent-type{background:#dc26261a;border-radius:4px;color:#dc2626;color:var(--status-critical);font-size:.75rem;font-weight:700;padding:.2rem .5rem;text-transform:uppercase}.urgent-device{color:#2c3e50;color:var(--primary-dark);font-size:.85rem;font-weight:600}.urgent-overdue-box{align-items:center;background:#dc262626;border-radius:6px;display:flex;flex-direction:column;flex-shrink:0;gap:.1rem;padding:.4rem .6rem}.overdue-number{font-size:.95rem;font-weight:800}.overdue-number,.overdue-text{color:#dc2626;color:var(--status-critical)}.overdue-text{font-size:.55rem;font-weight:700;letter-spacing:.1px;text-transform:uppercase}.urgent-message{border-top:1px solid #dc262633;color:#1f2937;color:var(--text-primary);font-size:.8rem;line-height:1.4;margin:0;padding-top:.5rem}.alert-summary-section{margin-bottom:1.5rem}.summary-title{color:#2c3e50;color:var(--primary-dark);font-size:.85rem;font-weight:700;letter-spacing:.3px;margin:0 0 .75rem;text-transform:uppercase}.alert-summary-metrics{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(6,1fr);margin-bottom:1.5rem}.alert-metric-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;padding:1rem .75rem;text-align:center;transition:all .2s ease}.alert-metric-card:hover{box-shadow:0 2px 8px #00000014;transform:translateY(-2px)}.metric-value{color:var(--primary-dark);font-size:1.8rem;margin:0}.metric-value.critical{color:#dc2626;color:var(--status-critical)}.metric-value.warning{color:#f59e0b;color:var(--status-warning)}.metric-label{color:#6b7280;color:var(--text-secondary);font-size:.65rem;font-weight:700;letter-spacing:.2px;margin-top:.5rem;text-transform:uppercase}.top-priority-section{margin-bottom:1.5rem}.top-priority-title{color:#2c3e50;color:var(--primary-dark);font-size:.85rem;font-weight:700;letter-spacing:.3px;margin:0 0 .75rem;text-transform:uppercase}.priority-alerts-list{display:flex;flex-direction:column;gap:.6rem}.priority-alert-item{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-left:4px solid;border-radius:8px;padding:.75rem;transition:all .2s ease}.priority-alert-item.alert-critical{background:linear-gradient(135deg,#fef2f2,#fff7f7);border-left-color:#dc2626;border-left-color:var(--status-critical)}.priority-alert-item.alert-warning{background:linear-gradient(135deg,#fffbeb,#fef8e8);border-left-color:#f59e0b;border-left-color:var(--status-warning)}.priority-alert-item:hover{box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.priority-alert-header{align-items:center;display:flex;gap:.75rem}.priority-severity-icon{flex-shrink:0;font-size:1.3rem}.priority-info{display:flex;flex:1 1;flex-direction:column;gap:.3rem;min-width:0}.priority-type-device{align-items:center;display:flex;gap:.5rem}.priority-type{background:#667eea1a;border-radius:4px;color:#2c3e50;color:var(--primary-dark);font-size:.8rem;font-weight:700;padding:.2rem .5rem}.priority-device-name{color:#6b7280;color:var(--text-secondary);font-size:.8rem;font-weight:600}.priority-overdue{align-items:center;background:#dc26261a;border-radius:6px;display:flex;flex-direction:column;flex-shrink:0;gap:.2rem;padding:.4rem .6rem}.overdue-days{font-size:.9rem;font-weight:800}.overdue-days,.overdue-label{color:#dc2626;color:var(--status-critical)}.overdue-label{font-size:.6rem;font-weight:700;letter-spacing:.1px;text-transform:uppercase}.all-alerts-section{margin-top:1.5rem}.all-alerts-title{color:#2c3e50;color:var(--primary-dark);font-size:.85rem;font-weight:700;letter-spacing:.3px;margin:0 0 1rem;text-transform:uppercase}.alerts-by-priority{display:flex;flex-direction:column;gap:1rem}.severity-group{border-radius:8px;overflow:hidden}.severity-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#f3f4f6);display:flex;font-size:.85rem;font-weight:600;gap:.75rem;padding:.75rem}.severity-icon{flex-shrink:0;font-size:1.1rem}.severity-label{color:#2c3e50;color:var(--primary-dark);flex:1 1}.severity-count{background:#fff;border-radius:4px;color:#6b7280;color:var(--text-secondary);font-size:.75rem;font-weight:700;padding:.2rem .5rem}.severity-alerts{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.alert-list-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:6px;display:flex;gap:.5rem;justify-content:space-between;padding:.6rem;transition:all .2s ease}.alert-list-item.alert-critical{background:linear-gradient(135deg,#fef2f2,#fff7f7);border-left-color:#dc2626;border-left-color:var(--status-critical)}.alert-list-item.alert-warning{background:linear-gradient(135deg,#fffbeb,#fef8e8);border-left-color:#f59e0b;border-left-color:var(--status-warning)}.alert-list-item:hover{box-shadow:0 2px 6px #00000014;transform:translateX(2px)}.alert-list-main{align-items:center;display:flex;flex:1 1;gap:.5rem;min-width:0}.alert-type-badge{background:#667eea1a;border-radius:3px;color:#2c3e50;color:var(--primary-dark);flex-shrink:0;font-size:.65rem;font-weight:700;padding:.2rem .4rem;text-transform:uppercase}.alert-device{color:#1f2937;color:var(--text-primary);font-size:.8rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert-days-badge{border-radius:4px;font-size:.7rem;padding:.3rem .5rem}.alerts-by-type-section{margin-top:1.5rem}.alerts-by-type-title{color:#2c3e50;color:var(--primary-dark);font-size:.85rem;font-weight:700;letter-spacing:.3px;margin:0 0 1rem;text-transform:uppercase}.alert-type-group{margin-bottom:1.2rem}.type-group-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#f3f4f6);border-radius:6px;display:flex;justify-content:space-between;margin-bottom:.6rem;padding:.75rem}.type-group-title{color:#2c3e50;color:var(--primary-dark);font-size:.85rem;font-weight:700}.type-group-count{background:#fff;border-radius:4px;color:#6b7280;color:var(--text-secondary);font-size:.7rem;font-weight:600;padding:.3rem .6rem}.type-group-alerts{display:flex;flex-direction:column;gap:.5rem}.type-alert-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:6px;display:flex;gap:.6rem;padding:.6rem;transition:all .2s ease}.type-alert-item.alert-critical{background:linear-gradient(135deg,#fef2f2,#fff7f7);border-left-color:#dc2626;border-left-color:var(--status-critical)}.type-alert-item.alert-warning{background:linear-gradient(135deg,#fffbeb,#fef8e8);border-left-color:#f59e0b;border-left-color:var(--status-warning)}.type-alert-item:hover{box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.type-alert-icon{flex-shrink:0;font-size:1.1rem}.type-alert-info{flex:1 1;min-width:0}.type-alert-device{color:#2c3e50;color:var(--primary-dark);font-size:.8rem;font-weight:600;margin:0}.type-alert-message{color:#6b7280;color:var(--text-secondary);font-size:.75rem;margin:.2rem 0 0}.type-alert-days{background:#dc26261a;border-radius:4px;color:#dc2626;color:var(--status-critical);flex-shrink:0;font-size:.85rem;font-weight:700;padding:.3rem .5rem}.alerts-grid{display:flex;flex-direction:column;gap:.75rem}.alert-card{border:1px solid #e5e7eb;border:1px solid var(--border-light);border-left:4px solid;border-radius:8px;overflow:hidden;padding:1rem;position:relative;transition:all .2s ease}.alert-card:before{content:"";height:2px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.alert-card.alert-critical{background:linear-gradient(135deg,#fef2f2,#fff7f7);border-left-color:#dc2626;border-left-color:var(--status-critical)}.alert-card.alert-critical:before{background:#dc2626;background:var(--status-critical)}.alert-card.alert-warning{background:linear-gradient(135deg,#fffbeb,#fef8e8);border-left-color:#f59e0b;border-left-color:var(--status-warning)}.alert-card.alert-warning:before{background:#f59e0b;background:var(--status-warning)}.alert-card:hover{transform:translateY(-1px)}.alert-header{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:.75rem}.alert-icon{flex-shrink:0;font-size:1.4rem;line-height:1}.alert-title-group{flex:1 1;min-width:0}.alert-title-group h4{color:#2c3e50;color:var(--primary-dark);font-size:.95rem;font-weight:700;margin:0}.device-name{color:#6b7280;color:var(--text-secondary);font-size:.8rem;margin:.2rem 0 0}.alert-days-badge{align-items:center;background:#dc26261a;border-radius:50%;color:#dc2626;color:var(--status-critical);display:inline-flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:32px;justify-content:center;width:32px}.alert-message{color:#1f2937;color:var(--text-primary);font-size:.85rem;line-height:1.4;margin:.5rem 0 0}.alert-meta{align-items:center;border-top:1px solid #00000014;display:flex;flex-wrap:wrap;font-size:.75rem;gap:.5rem;justify-content:space-between;margin-top:.75rem;padding-top:.75rem}.alert-meta,.due-date{color:#6b7280;color:var(--text-secondary)}.health-summary-cards{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.health-card{align-items:center;border:2px solid;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;overflow:hidden;padding:1rem;position:relative;transition:all .2s ease}.health-card:before{content:"";height:3px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.health-card.healthy{background:linear-gradient(135deg,#f0fdf4,#f0fdf4);border-color:#16a34a;border-color:var(--status-success)}.health-card.healthy:before{background:#16a34a;background:var(--status-success)}.health-card.warning{background:linear-gradient(135deg,#fffbeb,#fffbeb);border-color:#f59e0b;border-color:var(--status-warning)}.health-card.warning:before{background:#f59e0b;background:var(--status-warning)}.health-card.critical{background:linear-gradient(135deg,#fef2f2,#fef2f2);border-color:#dc2626;border-color:var(--status-critical)}.health-card.critical:before{background:#dc2626;background:var(--status-critical)}.health-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.health-icon{font-size:1.6rem}.health-label{color:#6b7280;color:var(--text-secondary);font-size:.7rem;font-weight:700;letter-spacing:.2px;margin:0;text-transform:uppercase}.health-count{color:#2c3e50;color:var(--primary-dark);font-size:1.6rem;font-weight:800;margin:0}.attention-needed-section{margin-bottom:1.5rem}.attention-title{color:#f59e0b;color:var(--status-warning);font-size:.85rem;font-weight:700;letter-spacing:.3px;margin:0 0 .75rem;text-transform:uppercase}.devices-table-wrapper{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #00000014;overflow-x:auto;overflow-y:visible}.devices-health-table{border-collapse:collapse;font-size:.75rem;min-width:900px;width:100%}.devices-health-table thead{background:linear-gradient(135deg,#f8f9fa,#f3f4f6);border-bottom:2px solid #e5e7eb;position:-webkit-sticky;position:sticky;top:0;z-index:10}.devices-health-table th{background:linear-gradient(135deg,#f8f9fa,#f3f4f6);color:#2c3e50;font-size:.7rem;font-weight:700;letter-spacing:.2px;padding:.6rem;text-align:left;text-transform:uppercase;white-space:nowrap}.devices-health-table tbody tr{border-bottom:1px solid #d1d5db;height:auto;transition:all .2s ease}.devices-health-table tbody tr:hover{background:linear-gradient(135deg,#f8f9ff,#fffbf0);border-left:4px solid #667eea}.devices-health-table td{color:#1f2937;height:auto;line-height:1.4;padding:.7rem .6rem;vertical-align:top}.device-row.device-critical td,.device-row.device-healthy td,.device-row.device-warning td{background:#fff}.status-cell{flex-shrink:0;font-size:1.1rem;padding:.7rem .6rem;text-align:center;width:5%}.device-name-cell{padding:.7rem .6rem;width:20%}.device-name-text{color:#2c3e50;color:var(--primary-dark);font-weight:600}.device-id-cell{padding:.7rem .6rem;width:20%}.health-score-cell{flex-shrink:0;padding:.7rem .6rem;text-align:center;width:12%}.issues-cell{width:40%}.issues-list{display:flex;flex-wrap:wrap;gap:.4rem}.issue-badge{background:#dc26261a;border-radius:4px;color:#dc2626;color:var(--status-critical);font-size:.7rem;font-weight:600;padding:.3rem .5rem;white-space:nowrap}.unhealthy-devices-list{display:flex;flex-direction:column;gap:.75rem}.healthy-devices-section{margin-top:1.5rem}.healthy-title{color:#16a34a;color:var(--status-success);font-size:.85rem;font-weight:700;letter-spacing:.3px;margin:0 0 .75rem;text-transform:uppercase}.devices-health-list,.healthy-devices-list{display:flex;flex-direction:column;gap:.5rem}.device-health-item{background:#f8f9fa;background:var(--primary-light);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-left:3px solid;border-radius:8px;overflow:hidden;padding:.75rem;position:relative;transition:all .2s ease}.device-health-item:before{content:"";height:2px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.device-health-item.device-healthy{background:linear-gradient(135deg,#f0fdf4,#fafffe);border-left-color:#16a34a;border-left-color:var(--status-success)}.device-health-item.device-healthy:before{background:#16a34a;background:var(--status-success)}.device-health-item.device-warning{background:linear-gradient(135deg,#fffbeb,#fffef8);border-left-color:#f59e0b;border-left-color:var(--status-warning)}.device-health-item.device-warning:before{background:#f59e0b;background:var(--status-warning)}.device-health-item.device-critical{background:linear-gradient(135deg,#fef2f2,#fff9f8);border-left-color:#dc2626;border-left-color:var(--status-critical)}.device-health-item.device-critical:before{background:#dc2626;background:var(--status-critical)}.device-health-item:hover{box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.device-health-header{align-items:center;display:flex;gap:.6rem;margin-bottom:.5rem}.status-icon{flex-shrink:0;font-size:1.2rem}.device-info{flex:1 1;min-width:0}.device-info h4{color:#2c3e50;color:var(--primary-dark);font-size:.85rem;font-weight:700;margin:0}.health-score-box,.health-score-circle{align-items:center;display:flex;justify-content:center}.health-score-circle{background:#fff;border:2px solid;border-radius:50%;flex-shrink:0;font-size:.8rem;font-weight:700;height:40px;width:40px}.device-issues{border-top:1px solid #00000014;margin-top:.5rem;padding-top:.5rem}.issue-item{color:#6b7280;color:var(--text-secondary);font-size:.7rem;line-height:1.3;margin:.15rem 0 0;padding:.15rem 0}.maintenance-tab-nav{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-light);display:flex;gap:.5rem;margin-bottom:1.5rem}.tab-button{background:#0000;border:none;border-bottom:3px solid #0000;color:#6b7280;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;margin-bottom:-2px;padding:.75rem 1.25rem;transition:all .2s ease;white-space:nowrap}.tab-button:hover{background:linear-gradient(135deg,#f0f4ff,#f5f3ff);color:#667eea}.tab-button.active{border-bottom-color:#667eea;color:#667eea}.tab-content{animation:fadeIn .2s ease}.analysis-tabs{display:flex;flex-direction:column;gap:1.5rem}.tab{background:#0000;border:none;border-radius:0;box-shadow:none;padding:0}.tab h4{border-bottom:2px solid #667eea;color:#2c3e50;color:var(--primary-dark);font-size:1rem;font-weight:700;margin:0 0 1rem;padding-bottom:.75rem;position:relative}.status-summary{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.25rem}.status-item{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:8px;box-shadow:0 1px 2px #0000000f;overflow:hidden;padding:.85rem;position:relative;text-align:center;transition:all .2s ease}.status-item:before{background:#667eea;content:"";height:2px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.status-item.critical{border-left-color:#dc2626;border-left-color:var(--status-critical)}.status-item.critical:before{background:#dc2626;background:var(--status-critical)}.status-item.warning{border-left-color:#f59e0b;border-left-color:var(--status-warning)}.status-item.warning:before{background:#f59e0b;background:var(--status-warning)}.status-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.status-item .label{color:#6b7280;color:var(--text-secondary);display:block;font-size:.65rem;font-weight:700;letter-spacing:.2px;margin:0 0 .4rem;text-transform:uppercase}.status-item .value{color:#2c3e50;color:var(--primary-dark);display:block;font-size:1.5rem;font-weight:800;margin:0}.frequency-breakdown{background:linear-gradient(135deg,#f8f9fa,#f3f4f6);border-left:4px solid #667eea;border-radius:8px;margin:1.25rem 0 0;padding:1rem}.frequency-breakdown h5{color:#2c3e50;color:var(--primary-dark);font-size:.75rem;font-weight:700;letter-spacing:.3px;margin:0 0 .75rem;text-transform:uppercase}.frequency-item{align-items:center;display:flex;gap:.75rem;margin-bottom:.6rem}.frequency-label{color:#6b7280;color:var(--text-secondary);font-size:.75rem;font-weight:600;min-width:70px}.frequency-bar{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:4px;flex:1 1;height:18px;overflow:hidden}.bar-fill{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);height:100%;min-width:2px;transition:width .3s ease}.frequency-count{color:#2c3e50;color:var(--primary-dark);font-size:.75rem;font-weight:700;min-width:28px;text-align:right}.compliance-types-simple{margin:1.25rem 0 0}.compliance-types-simple h5{color:#2c3e50;color:var(--primary-dark);font-size:.75rem;font-weight:700;letter-spacing:.3px;margin:0 0 .75rem;text-transform:uppercase}.compliance-types-list{display:flex;flex-direction:column;gap:.5rem}.compliance-type-row{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:6px;display:flex;justify-content:space-between;padding:.75rem;transition:all .2s ease}.compliance-type-row:hover{box-shadow:0 1px 3px #00000014}.compliance-type-name{color:#2c3e50;color:var(--primary-dark);font-size:.85rem;font-weight:600}.compliance-type-stats{color:#6b7280;color:var(--text-secondary);font-size:.75rem;font-weight:500}.devices-maintenance-list{background:linear-gradient(135deg,#f8f9fa,#f3f4f6);border-radius:8px;margin-top:1.25rem;padding:1rem}.devices-maintenance-list h5{color:#2c3e50;color:var(--primary-dark);font-size:.75rem;font-weight:700;letter-spacing:.3px;margin:0 0 .75rem;text-transform:uppercase}.maintenance-item{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:6px;box-shadow:0 1px 2px #0000000a;margin-bottom:.6rem;overflow:hidden;padding:.75rem;position:relative;transition:all .2s ease}.maintenance-item:before{content:"";height:2px;left:0;position:absolute;right:0;top:0;transition:all .3s ease}.maintenance-item.status-overdue{background:linear-gradient(135deg,#fef2f2,#fff9f8);border-left-color:#dc2626;border-left-color:var(--status-critical)}.maintenance-item.status-overdue:before{background:#dc2626;background:var(--status-critical)}.maintenance-item.status-urgent{background:linear-gradient(135deg,#fffbeb,#fffef8);border-left-color:#f59e0b;border-left-color:var(--status-warning)}.maintenance-item.status-urgent:before{background:#f59e0b;background:var(--status-warning)}.maintenance-item.status-scheduled{background:linear-gradient(135deg,#f0fdf4,#fafffe);border-left-color:#16a34a;border-left-color:var(--status-success)}.maintenance-item.status-scheduled:before{background:#16a34a;background:var(--status-success)}.maintenance-item:hover{box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.item-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.5rem}.item-header .status-icon{flex-shrink:0;font-size:1.1rem;line-height:1}.item-info{flex:1 1;min-width:0}.device-name{color:var(--primary-dark);font-size:.9rem;margin:0}.item-detail{color:#6b7280;color:var(--text-secondary);font-family:Courier New,monospace;font-size:.75rem;margin:.1rem 0 0}.frequency-badge{flex-shrink:0;transition:all .2s ease}.frequency-badge:hover{background:#f3f4f6;color:#667eea}.item-dates{border-top:1px solid #0000000f;color:#6b7280;color:var(--text-secondary);display:flex;flex-direction:column;font-size:.7rem;gap:.3rem;padding-top:.5rem}.item-dates p{margin:0}.item-dates .label{color:#1f2937;color:var(--text-primary);font-weight:700;margin-right:.2rem}.devices-breakdown-section{margin-top:1.5rem}.devices-breakdown-section h5{color:#2c3e50;color:var(--primary-dark);font-size:.85rem;font-weight:700;letter-spacing:.3px;margin:0 0 .75rem;text-transform:uppercase}.devices-maintenance-table{border-collapse:collapse;font-size:.75rem;min-width:900px;width:100%}.devices-maintenance-table thead{background:linear-gradient(135deg,#f8f9fa,#f3f4f6);border-bottom:2px solid #e5e7eb;position:-webkit-sticky;position:sticky;top:0;z-index:10}.devices-maintenance-table th{background:linear-gradient(135deg,#f8f9fa,#f3f4f6);color:#2c3e50;font-size:.7rem;font-weight:700;letter-spacing:.2px;padding:.6rem;text-align:left;text-transform:uppercase;white-space:nowrap}.devices-maintenance-table tbody tr{border-bottom:1px solid #d1d5db;height:auto;transition:all .2s ease}.devices-maintenance-table tbody tr:hover{background:linear-gradient(135deg,#f8f9ff,#fffbf0);border-left:4px solid #667eea}.devices-maintenance-table td{color:#1f2937;height:auto;line-height:1.4;padding:.7rem .6rem;vertical-align:top}.device-row.status-overdue td,.device-row.status-scheduled td,.device-row.status-urgent td{background:#fff}.frequency-cell{padding:.7rem .6rem;text-align:left}.frequency-badge{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:4px;color:#6b7280;color:var(--text-secondary);display:inline-block;font-size:.65rem;font-weight:700;padding:.25rem .5rem;word-break:break-word}.date-cell{font-size:.8rem;padding:.7rem .6rem;white-space:nowrap}.type-cell{padding:.7rem .6rem;text-align:left}.type-badge{background:#667eea;border-radius:4px;color:#fff;display:inline-block;font-size:.65rem;font-weight:600;line-height:1.3;padding:.3rem .6rem;word-break:break-word}@media (min-width:1200px){.technician-analytics-container{margin:0 auto;max-width:1400px;padding:2rem}.analytics-header{margin-bottom:2.5rem;padding:2rem}.analytics-header h2{font-size:2.2rem}.kpi-section{gap:1.25rem;margin-bottom:2.5rem}.kpi-card{border-top:4px solid;padding:1.75rem 1.5rem}.kpi-card:hover{box-shadow:0 8px 16px #667eea26;transform:translateY(-4px)}.kpi-value{font-size:2.8rem}.kpi-sublabel{font-size:.7rem}.narrative-bridge{margin-bottom:2rem;padding:2rem 1.5rem}.narrative-text{font-size:1rem}.section-content{padding:1.5rem}.health-summary-cards{gap:1rem;margin-bottom:2rem}.health-card{font-size:1.1rem;padding:1.5rem}.health-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.health-count,.health-icon{font-size:2.2rem}.devices-health-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.device-health-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.health-score-circle{font-size:1.1rem;height:56px;width:56px}.analysis-tabs{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.status-summary{gap:1rem;grid-template-columns:repeat(2,1fr)}.status-item{padding:1rem}.status-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.alerts-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.alert-card:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}.frequency-item{gap:1rem}.devices-maintenance-list{padding:1.25rem}.maintenance-item{grid-gap:1rem;align-items:start;display:grid;gap:1rem;grid-template-columns:2fr 1fr;padding:1rem}.item-dates{border-left:1px solid #00000014;border-top:none;padding-left:1rem;padding-top:0}.maintenance-item:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}}@media (min-width:768px) and (max-width:1199px){.technician-analytics-container{padding:1.5rem}.analytics-header{margin-bottom:2rem;padding:1.5rem}.analytics-header h2{font-size:1.8rem}.kpi-section{gap:1rem;margin-bottom:2rem}.kpi-value{font-size:2.2rem}.kpi-sublabel{font-size:.65rem}.narrative-bridge{margin-bottom:1.25rem;padding:1.25rem 1rem}.narrative-text{font-size:.9rem}.health-summary-cards{gap:.75rem}.alerts-grid,.devices-health-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.analysis-tabs{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.status-summary{grid-template-columns:1fr}}@media (max-width:767px){.maintenance-tab-nav{gap:.25rem;overflow-x:auto}.tab-button{flex-shrink:0;font-size:.8rem;padding:.6rem .75rem}.devices-table-wrapper{overflow-x:auto}.devices-health-table{font-size:.75rem}.devices-health-table td,.devices-health-table th{padding:.5rem .75rem}.devices-maintenance-table{font-size:.75rem}.devices-maintenance-table td,.devices-maintenance-table th{padding:.5rem .75rem}.status-cell{width:40px}.device-name-cell{min-width:100px}.device-id-cell{min-width:90px}.health-score-cell{width:60px}.issues-cell{min-width:120px}.technician-analytics-container{padding:.75rem}.analytics-header{flex-direction:column;margin-bottom:1.5rem;padding:1rem}.analytics-header h2{font-size:1.5rem}.kpi-section{gap:.5rem;margin-bottom:1.5rem}.kpi-card{padding:1rem .75rem}.kpi-value{font-size:1.8rem}.kpi-label{font-size:.65rem;margin-top:.3rem}.section-header{padding:1rem}.section-header h3{font-size:1rem}.section-content{padding:1rem}.health-summary-cards{gap:.5rem;margin-bottom:1rem}.health-card{padding:.8rem}.health-icon{font-size:1.4rem}.health-count{font-size:1.3rem}.devices-health-list{gap:.4rem}.device-health-item{padding:.6rem}.health-score-circle{font-size:.7rem;height:36px;width:36px}.status-summary{gap:.5rem;grid-template-columns:1fr}.frequency-item{gap:.5rem}.frequency-label{min-width:60px}.devices-maintenance-list{padding:.75rem}.maintenance-item{display:flex;flex-direction:column;gap:.5rem;padding:.6rem}.item-dates{border-left:none;border-top:1px solid #0000000f;padding-left:0;padding-top:.5rem}}@media (max-width:480px){.technician-analytics-container{padding:.5rem}.analytics-header{margin-bottom:1rem;padding:.75rem}.analytics-header h2{font-size:1.25rem}.analytics-subtitle{font-size:.8rem}.kpi-section{gap:.4rem;margin-bottom:1rem}.kpi-card{border-top:3px solid;padding:.75rem .5rem}.kpi-value{font-size:1.5rem}.kpi-label{font-size:.6rem;margin-top:.2rem}.kpi-sublabel{font-size:.6rem;margin-top:.25rem}.narrative-bridge{margin-bottom:1rem;padding:1rem .75rem}.narrative-text{font-size:.85rem}.section-header{padding:.75rem}.section-header h3{font-size:.95rem}.alert-card,.section-content{padding:.75rem}.maintenance-item{padding:.5rem}.compliance-types,.devices-maintenance-list,.frequency-breakdown{padding:.75rem}}@media (hover:hover){.section-header:hover{background:linear-gradient(135deg,#f0f4ff,#f5f3ff)}.kpi-card:hover{box-shadow:0 4px 12px #667eea1f;transform:translateY(-2px)}.alert-card:hover{box-shadow:0 4px 12px #0000001a}.alert-card:hover,.device-health-item:hover{transform:translateY(-1px)}.maintenance-item:hover{box-shadow:0 2px 8px #00000014}}@media (max-width:768px){.alert-card:active{box-shadow:0 4px 12px #0000001a}.alert-card:active,.device-health-item:active,.health-card:active,.kpi-card:active,.maintenance-item:active{transform:translateY(-1px)}}.hybrid-trends-container{background-color:initial;min-height:100vh;overflow:visible;padding:0 20px 20px}.hybrid-trends-container h1{color:#1a2332;font-size:2.5rem;font-weight:600;margin-bottom:30px;text-align:left}.trends-error{background-color:#fee;border-left:4px solid #f44;border-radius:4px;color:#c33;font-weight:500;margin-bottom:20px;padding:16px}.trends-loading{align-items:center;color:#666;display:flex;font-size:1.1rem;font-weight:500;justify-content:center;min-height:400px}.trends-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.trends-section h2{border-bottom:2px solid #e8ecf1;color:#1a2332;font-size:1.5rem;font-weight:600;margin-bottom:20px;padding-bottom:12px}.section-header{flex-wrap:wrap;gap:16px;margin-bottom:20px}.section-header h2{border-bottom:none;flex:1 1;margin-bottom:0;min-width:250px;padding-bottom:0}.section-header select{background-color:#fff;border:1px solid #d0d7de;border-radius:6px;color:#333;cursor:pointer;font-size:.95rem;min-width:150px;padding:8px 12px;transition:border-color .2s}.section-header select:hover{border-color:#8884d8}.section-header select:focus{border-color:#8884d8;box-shadow:0 0 0 3px #8884d81a;outline:none}.chart-container{background-color:#fafbfc;border:1px solid #e8ecf1;border-radius:6px;margin:24px 0;padding:16px}.location-selector{margin-bottom:20px}.location-selector select{background-color:#fff;border:1px solid #d0d7de;border-radius:6px;color:#333;cursor:pointer;font-size:.95rem;max-width:400px;padding:10px 12px;transition:all .2s;width:100%}.location-selector select:hover{border-color:#8884d8}.location-selector select:focus{border-color:#8884d8;box-shadow:0 0 0 3px #8884d81a;outline:none}.forecast-metrics,.location-metrics{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.metric-card{background:linear-gradient(135deg,#f5f7fa,#fff);border:1px solid #e8ecf1;border-radius:8px;padding:16px;text-align:center}.metric-card:hover{border-color:#8884d8;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.metric-card h3{color:#666;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.metric-card p{color:#1a2332;font-size:1.8rem;font-weight:700;margin:0}.velocity{font-size:1.6rem;font-weight:600;margin:8px 0 0}.velocity.positive{color:#28a745}.velocity.negative{color:#dc3545}.departments-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:16px}.department-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e8ecf1;border-radius:8px;padding:16px;transition:all .3s ease}.department-card:hover{border-color:#8884d8;box-shadow:0 6px 16px #0000001a;transform:translateY(-4px)}.dept-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.dept-icon{align-items:center!important;background-color:#f0f4f8!important;border-radius:6px!important;display:flex!important;font-size:1.1rem!important;height:32px!important;justify-content:center!important;width:32px!important}.dept-header h3{color:#1a2332;font-size:1.1rem;font-weight:600;margin:0}.device-count{background-color:#f9fafb;border-radius:4px;color:#666;font-size:.85rem;font-weight:500;margin:0 0 12px;padding:8px;text-align:center}.dept-velocity{background-color:#fafbfc;border-left:3px solid #8884d8;border-radius:6px;padding:12px}.dept-velocity p{align-items:center;color:#666;display:flex;font-size:.9rem;font-weight:500;justify-content:space-between;margin:0}.dept-velocity span{font-weight:700;margin-left:8px}.dept-velocity span.positive{color:#28a745}.dept-velocity span.negative{color:#dc3545}@media (max-width:1024px){.hybrid-trends-container{padding:16px}.hybrid-trends-container h1{font-size:2rem;margin-bottom:20px}.trends-section{margin-bottom:16px;padding:16px}.trends-section h2{font-size:1.3rem}.forecast-metrics,.location-metrics{gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.metric-card{padding:12px}.metric-card p{font-size:1.5rem}.departments-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:768px){.hybrid-trends-container{padding:12px}.hybrid-trends-container h1{font-size:1.6rem;margin-bottom:16px}.trends-section{margin-bottom:12px;padding:12px}.section-header{align-items:flex-start;flex-direction:column}.section-header select{width:100%}.forecast-metrics,.location-metrics{gap:10px;grid-template-columns:1fr}.metric-card{padding:12px}.metric-card h3{font-size:.8rem}.metric-card p{font-size:1.4rem}.departments-grid{gap:10px;grid-template-columns:1fr}.department-card{padding:12px}.dept-header{gap:8px}.dept-icon{font-size:1.1rem!important;height:32px!important;width:32px!important}.dept-header h3{font-size:1rem}.location-selector select{max-width:100%}}@media (max-width:480px){.hybrid-trends-container{padding:8px}.hybrid-trends-container h1{font-size:1.3rem;margin-bottom:12px}.trends-section{margin-bottom:10px;padding:10px}.trends-section h2{font-size:1.1rem;margin-bottom:12px}.metric-card p{font-size:1.2rem}.chart-container{padding:8px}.trends-error{font-size:.9rem;padding:12px}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.department-card,.metric-card{animation:slideIn .3s ease-out}.recharts-wrapper{width:100%}.recharts-surface{border-radius:4px}.recharts-cartesian-axis-tick text{fill:#666;font-size:12px}.recharts-legend-wrapper{padding:16px 0 0}.recharts-legend-item-text{color:#333!important;font-size:13px!important}.recharts-tooltip-wrapper{outline:none}.recharts-default-tooltip{background-color:#fffffff2!important;border:1px solid #d0d7de!important;border-radius:6px!important;box-shadow:0 4px 12px #00000026!important}.recharts-tooltip-label{color:#1a2332!important;font-weight:600!important}.recharts-tooltip-item{color:#666!important}.trends-header{background:#fff;border-bottom:2px solid #e9ecef;border-radius:0;box-shadow:none;color:#1a202c;margin:0 0 2rem;padding:0 0 1.5rem}.trends-header .page-title{color:#1a202c;font-size:2rem;font-weight:800;letter-spacing:-.3px;margin:0 0 .5rem}.trends-header .page-subtitle{color:#6c757d;font-size:.95rem;font-weight:500;letter-spacing:.2px;margin:0}.view-mode-toggle{margin-bottom:20px;text-align:center}.view-mode-btn{background-color:#667eea;box-shadow:0 2px 4px #667eea4d;color:#fff;font-size:14px;padding:10px 20px;transition:all .2s ease}.view-mode-btn:hover{background-color:#5568d3;box-shadow:0 4px 8px #667eea66;transform:translateY(-2px)}.view-mode-btn:active{transform:translateY(0)}.quick-nav-bar{background:#fff;border-bottom:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;max-height:none;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.quick-nav-label{color:#6b7280;font-size:.9rem;font-weight:600;margin-bottom:.75rem}.quick-nav-links{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.quick-nav-link{align-items:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;color:#3b82f6;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;padding:.5rem .75rem;text-decoration:none;transition:all .2s ease}.quick-nav-link:hover{background-color:#e5e7eb;border-color:#9ca3af;color:#1e40af}.period-selector{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:15px 20px}.period-selector>span{color:#333;font-weight:600}.period-btn{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .2s}.period-btn:hover{background:#f5f5f5;border-color:#999}.period-btn.active{background:#667eea;border-color:#667eea;color:#fff}.scorecard-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:20px}.scorecard{border:1px solid #e9ecef;border-radius:10px;overflow:hidden;padding:20px;position:relative;transition:all .2s}.scorecard:hover{box-shadow:0 4px 12px #0000001a}.scorecard.improving{background:#f0fdf4;border-left:4px solid #16a34a}.scorecard.declining{background:#fef2f2;border-left:4px solid #dc2626}.scorecard.stable{background:#fffbeb;border-left:4px solid #f59e0b}.scorecard-label{color:#666;font-size:11px;font-weight:600;letter-spacing:.3px;margin-bottom:8px;text-transform:uppercase}.scorecard-value{color:#2c3e50;font-size:32px;font-weight:900;margin-bottom:8px}.scorecard-trend{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.trend-arrow{font-size:20px}.trend-text{display:flex;flex-direction:column;gap:2px}.trend-value{font-size:14px}.trend-period{color:#999;font-size:11px;font-weight:400}.scorecard.improving .trend-value{color:#16a34a}.scorecard.declining .trend-value{color:#dc2626}.scorecard.stable .trend-value{color:#f59e0b}.scorecard-mini-chart{background:#00000005;border-radius:6px;height:40px;margin-top:12px;overflow:hidden;position:relative}.mini-spark{align-items:flex-end;display:flex;gap:1px;height:100%;padding:4px;width:100%}.spark-bar{background:#667eea;border-radius:2px;flex:1 1;opacity:.6}.spark-bar.latest{opacity:1}.insight-box{background:#eff6ff;border:1px solid #bfdbfe;border-left:4px solid #3b82f6;border-radius:8px;margin-top:20px;padding:15px}.insight-box h3{font-weight:700;margin-bottom:8px}.insight-box h3,.insight-box p{color:#1e40af;font-size:13px;margin-top:0}.insight-box p{line-height:1.6;margin-bottom:6px}.insight-box p:last-child{margin-bottom:0}.forecast-box{background:#f0fdf4;border:1px solid #dcfce7;border-left:4px solid #16a34a;border-radius:8px;margin-top:15px;padding:15px}.metric-row .forecast-box{font-size:11px;margin-top:0;padding:10px 12px}.forecast-box h3{font-weight:700;margin-bottom:8px}.forecast-box h3,.forecast-box p{color:#065f46;font-size:13px;margin-top:0}.forecast-box p{line-height:1.6;margin-bottom:6px}.forecast-box p:last-child{margin-bottom:0}.concern-box{background:#fef2f2;border:1px solid #fee2e2;border-left:4px solid #dc2626;border-radius:8px;margin-top:15px;padding:15px}.concern-box h3{font-weight:700;margin-bottom:8px}.concern-box h3,.concern-box p{color:#991b1b;font-size:13px;margin-top:0}.concern-box p{line-height:1.6;margin-bottom:6px}.concern-box p:last-child{margin-bottom:0}.comparison-table{border-collapse:collapse;font-size:14px;margin-top:20px;width:100%}.comparison-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.comparison-table th{color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.5px;padding:12px 15px;text-align:left;text-transform:uppercase}.comparison-table td{border-bottom:1px solid #f0f0f0;color:#2c3e50;padding:12px 15px}.comparison-table tr:hover{background:#f8f9fa}.metric-table-name,.trend-badge{font-weight:600}.trend-badge{align-items:center;border-radius:4px;display:inline-flex;font-size:12px;gap:4px;padding:4px 8px;white-space:nowrap}.trend-badge.up{background:#d1fae5;color:#065f46}.trend-badge.down{background:#fee2e2;color:#991b1b}.trend-badge.stable{background:#fef3c7;color:#d97706}.location-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.location-btn{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 14px;transition:all .2s}.location-btn:hover{background:#f5f5f5;border-color:#999}.location-btn.active{background:#667eea;border-color:#667eea;color:#fff}.metrics-table{background:#fff;border-collapse:collapse;margin-bottom:20px;width:100%}.metrics-table thead{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #667eea}.metrics-table th{border:none;color:#fff;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.metrics-table tbody tr{border-bottom:1px solid #e9ecef;transition:all .2s ease}.metrics-table tbody tr:hover{background-color:#f9fafb}.metrics-table tbody tr:last-child{border-bottom:none}.metric-name-cell{align-items:center;color:#2c3e50;display:flex;font-size:.95rem;font-weight:600;gap:8px;min-width:180px;padding:12px}.metric-icon{display:inline-block!important;font-size:1.5rem!important;min-width:18px!important}.chart-cell{display:table-cell;height:60px;max-width:200px;min-width:150px;padding:12px;vertical-align:middle}.metric-value-cell{color:#2c3e50;font-size:1rem;font-weight:700;min-width:100px}.metric-change-cell,.metric-value-cell{padding:12px;text-align:center;white-space:nowrap}.metric-change-cell{font-size:.9rem;font-weight:600;min-width:120px}.metric-change-cell.improving{background-color:#d1fae5;border-radius:4px;color:#28a745}.metric-change-cell.declining{background-color:#fee2e2;border-radius:4px;color:#dc3545}.metric-change-cell.stable{background-color:#fef3c7;border-radius:4px;color:#f59e0b}.forecast-cell{min-width:140px;padding:12px}.forecast-badge{background:#e0e7ff;border-radius:6px;color:#4f46e5;display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:5px;padding:5px 10px;white-space:nowrap}.forecast-detail{color:#6c757d;font-size:.8rem;font-weight:500}.mini-line-chart{align-items:flex-end;background-color:#fafbfc;border-radius:4px;display:flex;gap:3px;height:50px;justify-content:space-around;padding:6px 0;width:100%}.chart-point{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:2px;flex:1 1;min-width:4px;position:relative}.chart-point.latest{background:linear-gradient(180deg,#10b981,#059669);opacity:1}@media (max-width:1200px){.metrics-table{font-size:.85rem}.metrics-table td,.metrics-table th{padding:10px 8px}.metric-name-cell{font-size:.9rem;gap:6px;min-width:150px}.metric-icon{font-size:.85rem!important}.chart-cell{height:55px;min-width:140px}.metric-value-cell{font-size:.95rem;min-width:90px}.metric-change-cell{font-size:.8rem;min-width:100px}.forecast-cell{min-width:120px}}@media (max-width:1024px){.metrics-table{font-size:.8rem}.metrics-table td,.metrics-table th{padding:9px 7px}.metric-name-cell{font-size:.85rem;gap:5px;min-width:130px}.metric-icon{font-size:.85rem!important}.chart-cell{height:50px;min-width:120px}.metric-value-cell{font-size:.9rem;min-width:80px}}@media (max-width:768px){.metrics-table{-webkit-overflow-scrolling:touch;border:1px solid #e9ecef;border-radius:8px;display:block;font-size:.75rem;overflow-x:auto;width:100%}.metrics-table thead{background:linear-gradient(135deg,#667eea,#764ba2);display:table-header-group}.metrics-table tbody{display:table-row-group}.metrics-table tr{border-bottom:1px solid #e9ecef;display:table-row}.metrics-table tr:last-child{border-bottom:none}.metrics-table th{font-size:.7rem;padding:10px 8px;white-space:nowrap}.metrics-table td{display:table-cell;padding:10px 8px;vertical-align:middle;white-space:nowrap}.metric-name-cell{min-width:120px;padding:10px 8px;text-align:left;white-space:normal}.metric-name-cell:before{content:none}.chart-cell{display:none}.metric-value-cell{font-size:.85rem;font-weight:700;min-width:80px;text-align:center}.metric-change-cell{font-size:.75rem;min-width:100px;text-align:center}.forecast-cell{font-size:.7rem;min-width:120px;text-align:center}.forecast-badge{font-size:.7rem;padding:4px 8px;white-space:nowrap}.forecast-detail{font-size:.65rem;white-space:nowrap}.metric-icon{font-size:1.2rem!important}.quick-nav-bar{margin-bottom:1rem;padding:.75rem 1rem}.quick-nav-label{font-size:.85rem;margin-bottom:.5rem}.quick-nav-link{font-size:.8rem;padding:.4rem .6rem}.location-buttons,.period-selector{align-items:flex-start;flex-direction:column}.location-buttons>span,.period-selector>span{width:100%}.location-btn,.period-btn{flex:1 1;width:100%}.comparison-table{-webkit-overflow-scrolling:touch;border:1px solid #e5e7eb;border-radius:8px;display:block;font-size:12px;overflow-x:auto;width:100%}.comparison-table thead{background:#f9fafb}.comparison-table tbody{display:table-row-group}.comparison-table tr{display:table-row}.comparison-table td{min-width:100px;padding:10px 12px;text-align:center;white-space:nowrap}.comparison-table td.metric-table-name{min-width:140px;text-align:left;white-space:normal}.trend-badge{display:inline-flex;white-space:nowrap}.scorecard-grid{grid-template-columns:1fr}.forecast-box{grid-column:1;margin-top:10px}}.superadmin-analytics{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem}.analytics-header{border-bottom:2px solid #f0f0f0;margin-bottom:2rem;padding-bottom:1.5rem}.analytics-header h2{color:#1a1a1a;font-size:2.5rem;font-weight:900;margin:0 0 .75rem}.header-subtitle{color:#374151;font-size:1.15rem;font-weight:600}.error-analytics,.loading-analytics{font-size:1.2rem;font-weight:600;padding:4rem;text-align:center}.loading-analytics{color:#667eea}.error-analytics{color:#dc3545}.insights-grid-main{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:3rem}.insight-card-simple{background:#fff;border-left:5px solid;border-radius:12px;box-shadow:0 2px 6px #00000014;padding:1.75rem;transition:all .3s ease}.insight-card-simple:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.insight-card-simple.critical{border-left-color:#dc2626}.insight-card-simple.success{border-left-color:#16a34a}.insight-card-simple.warning{border-left-color:#f59e0b}.insight-card-simple.info{border-left-color:#3b82f6}.insight-card-simple.highlight{border-left-color:#8b5cf6}.card-header-simple{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem}.card-icon-simple{font-size:2rem}.card-header-simple h3{color:#2c3e50;font-size:1.1rem;font-weight:700;margin:0}.card-content-simple{text-align:center}.primary-stat{color:#2c3e50;font-size:3rem;font-weight:900;line-height:1;margin-bottom:.75rem}.location-highlight{color:#2c3e50;font-size:1.4rem;font-weight:800;margin-bottom:.5rem}.stat-breakdown{color:#6c757d;display:flex;flex-wrap:wrap;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center}.analytics-section{margin-bottom:3rem}.section-header-analytics{margin-bottom:1.5rem}.section-header-analytics h3{color:#1a1a1a;font-size:1.8rem;font-weight:900;letter-spacing:.5px;margin:0 0 .75rem;text-transform:uppercase}.section-desc{color:#374151;font-size:1.1rem;font-weight:600;margin:0}.insights-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.insight-card{background:#fff;border:3px solid #667eea;border-radius:12px;box-shadow:0 4px 8px #00000026;padding:2rem;transition:all .3s ease}.insight-card:hover{border-color:#764ba2;box-shadow:0 6px 16px #667eea40;transform:translateY(-4px)}.insight-header{align-items:center;border-bottom:3px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.25rem}.insight-header h4{color:#1a1a1a;font-size:1.4rem;font-weight:900;margin:0}.status-indicator{border:2px solid;border-radius:8px;font-weight:800;padding:.5rem 1rem;text-transform:uppercase}.status-indicator.active{background:#166534;border-color:#15803d;color:#fff}.status-indicator.inactive{background:#991b1b;border-color:#dc2626;color:#fff}.insight-metrics{display:flex;gap:1rem;margin-bottom:1.25rem}.insight-metric{background:#f8f9fa;border:3px solid #dee2e6;border-radius:10px;flex:1 1;padding:1.25rem .75rem;text-align:center}.insight-metric.critical{background:#991b1b;border-color:#dc2626}.insight-metric.success{background:#166534;border-color:#15803d}.metric-num{color:#1a1a1a;display:block;font-size:2.5rem;font-weight:900;margin-bottom:.5rem;text-shadow:1px 1px 2px #0000001a}.insight-metric.critical .metric-num,.insight-metric.success .metric-num{color:#fff;text-shadow:2px 2px 4px #0000004d}.metric-txt{color:#1a1a1a;font-size:.95rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.insight-metric.critical .metric-txt,.insight-metric.success .metric-txt{color:#fff}.complaint-bar{background:#d1d5db;border:2px solid #9ca3af;border-radius:6px;height:12px;overflow:hidden}.complaint-bar-fill{background:#991b1b;height:100%;transition:width .5s ease}.distribution-list{display:flex;flex-direction:column;gap:1rem}.distribution-item{grid-gap:1.5rem;align-items:center;background:#fff;border:3px solid #667eea;border-radius:12px;box-shadow:0 2px 6px #0000001a;display:grid;gap:1.5rem;grid-template-columns:220px 1fr 140px;padding:1.5rem;transition:all .3s ease}.distribution-item:hover{background:#f8f9fa;border-color:#764ba2;box-shadow:0 4px 12px #667eea33;transform:translateX(6px)}.dist-info{display:flex;flex-direction:column;gap:.5rem}.dist-name{color:#1a1a1a;font-size:1.2rem;font-weight:900}.dist-code{color:#667eea;font-family:Courier New,monospace;font-size:.95rem;font-weight:700}.dist-bar-container{background:#d1d5db;border:2px solid #9ca3af;border-radius:8px;height:32px;overflow:hidden;position:relative}.dist-bar{background:#667eea;height:100%;transition:width .5s ease}.dist-bar.user-bar{background:#0c4a6e}.dist-count{color:#1a1a1a;font-size:1.3rem;font-weight:900;text-align:right}.alert-section{background:#fff9e6;border:3px solid #fbbf24;border-radius:12px;padding:2rem}.attention-list{display:flex;flex-direction:column;gap:1rem}.attention-card{background:#fff;border:3px solid #d97706;border-radius:12px;box-shadow:0 4px 8px #00000026;padding:2rem}.attention-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.attention-header h4{color:#1a1a1a;font-size:1.35rem;font-weight:900;margin:0}.alert-badge{border:2px solid;border-radius:8px;font-size:.9rem;font-weight:800;padding:.5rem 1rem;text-transform:uppercase}.alert-badge.inactive-badge{background:#991b1b;border-color:#dc2626;color:#fff}.attention-issues{display:flex;flex-direction:column;gap:.75rem}.issue-item{border:2px solid;border-radius:8px;font-size:1.1rem;font-weight:800;padding:1rem 1.5rem}.issue-item.critical{background:#991b1b;border-color:#dc2626;color:#fff}.issue-item.warning{background:#d97706;border-color:#f59e0b;color:#fff}.issue-item.info{background:#0c4a6e;border-color:#0369a1;color:#fff}.health-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.health-card{background:#fff;border:3px solid #667eea;border-radius:12px;box-shadow:0 4px 8px #00000026;padding:2.5rem 2rem;text-align:center}.health-title{color:#1a1a1a;font-size:1.05rem;font-weight:800;letter-spacing:.5px;margin-bottom:1.25rem;text-transform:uppercase}.health-value{color:#667eea;font-size:4rem;font-weight:900;line-height:1;margin-bottom:1rem;text-shadow:2px 2px 4px #0000001a}.health-detail{color:#1a1a1a;font-size:1.05rem;font-weight:700}.top-locations-table{background:#fff;border:2px solid #e9ecef;border-radius:12px;overflow:hidden}.analytics-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.analytics-table th{color:#fff;font-size:1.05rem;font-weight:800;letter-spacing:.5px;padding:1.5rem 1rem}.analytics-table tbody tr{border-bottom:1px solid #d1d5db;transition:all .2s ease}.analytics-table tbody tr:hover{background:#f8f9fa}.analytics-table td{color:#1a1a1a;font-size:1.05rem;font-weight:600;padding:1.5rem 1rem}.rank-cell{width:80px}.rank-badge{align-items:center;border:3px solid;border-radius:50%;display:inline-flex;font-size:1.3rem;font-weight:900;height:42px;justify-content:center;width:42px}.rank-badge.rank-1{background:#fbbf24;border-color:#f59e0b;color:#1a1a1a}.rank-badge.rank-2{background:#94a3b8;border-color:#64748b;color:#fff}.rank-badge.rank-3{background:#fb923c;border-color:#f97316;color:#fff}.rank-badge.rank-4,.rank-badge.rank-5{background:#1e3a8a;border-color:#1e40af;color:#fff}.location-cell{display:flex;flex-direction:column;gap:.25rem}.loc-name{color:#1a1a1a;font-size:1.15rem;font-weight:900}.loc-code{color:#667eea;font-family:Courier New,monospace;font-size:.95rem;font-weight:700}.count-badge-analytics{align-items:center;border:2px solid;border-radius:8px;display:inline-flex;font-size:1.15rem;font-weight:900;justify-content:center;min-width:50px;padding:.65rem 1rem}.count-badge-analytics.device{background:#166534;border-color:#15803d;color:#fff}.count-badge-analytics.user{background:#0c4a6e;border-color:#0369a1;color:#fff}.count-badge-analytics.complaint{background:#991b1b;border-color:#dc2626;color:#fff}.count-badge-analytics.success{background:#166534;border-color:#15803d;color:#fff}.status-pill-analytics{border:2px solid;border-radius:8px;display:inline-block;font-size:.95rem;font-weight:800;padding:.5rem 1rem;text-transform:uppercase}.status-pill-analytics.status-active{background:#166534;border-color:#15803d;color:#fff}.status-pill-analytics.status-inactive{background:#991b1b;border-color:#dc2626;color:#fff}.section-title-simple{border-bottom:3px solid #e9ecef;color:#2c3e50;font-size:1.4rem;font-weight:800;margin:0 0 1.25rem;padding-bottom:.75rem}.section-title-simple.alert{color:#d97706}.smart-cards-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.smart-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:1.5rem;transition:all .3s ease}.smart-card:hover{border-color:#667eea;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.smart-card-header{margin-bottom:1.25rem}.smart-card-header h4{color:#2c3e50;font-size:1.15rem;font-weight:700;margin:0 0 .35rem}.smart-card-code{color:#6c757d;font-family:Courier New,monospace;font-size:.8rem;font-weight:600}.smart-card-stats{display:flex;gap:.75rem}.smart-stat{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;flex:1 1;padding:.85rem .5rem;text-align:center}.smart-stat.critical{background:#fee2e2;border-color:#fca5a5}.smart-stat.success{background:#d1fae5;border-color:#86efac}.smart-stat.neutral{background:#e0e7ff;border-color:#c7d2fe}.smart-stat-value{color:#2c3e50;display:block;font-size:1.6rem;font-weight:900;margin-bottom:.25rem}.smart-stat.critical .smart-stat-value{color:#dc2626}.smart-stat.success .smart-stat-value{color:#16a34a}.smart-stat.neutral .smart-stat-value{color:#4f46e5}.smart-stat-label{color:#6c757d;display:block;font-size:.75rem;font-weight:600;text-transform:uppercase}.attention-smart-card{background:#fff9e6;border:2px solid #fbbf24;border-radius:12px;padding:1.5rem;transition:all .3s ease}.attention-smart-card:hover{box-shadow:0 4px 12px #fbbf2433;transform:translateY(-2px)}.inactive-badge-card{background:#dc2626;border-radius:8px;color:#fff;display:inline-block;font-size:.8rem;font-weight:700;margin-bottom:1rem;padding:.5rem .85rem;text-transform:uppercase}.attention-tags{display:flex;flex-direction:column;gap:.5rem}.attention-tag{border-radius:8px;font-size:.9rem;font-weight:700;padding:.65rem 1rem}.critical-tag{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.warning-tag{background:#fef3c7;border:1px solid #fde68a;color:#d97706}.info-tag{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.top-locations-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.top-location-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:1.5rem;position:relative;transition:all .3s ease}.top-location-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.top-location-card.rank-1{background:linear-gradient(135deg,#fffbeb,#fff);border-color:#fbbf24}.top-location-card.rank-2{border-color:#94a3b8}.top-location-card.rank-3{border-color:#fb923c}.rank-number{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:900;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;width:32px}.top-location-card.rank-1 .rank-number{background:#fbbf24;color:#1a1a1a}.top-location-card.rank-2 .rank-number{background:#94a3b8}.top-location-card.rank-3 .rank-number{background:#fb923c}.top-location-info{margin-bottom:1.25rem;padding-right:2.5rem}.top-location-info h4{color:#2c3e50;font-size:1.15rem;font-weight:700;margin:0 0 .25rem}.location-code-small{color:#6c757d;font-family:Courier New,monospace;font-size:.8rem;font-weight:600}.top-location-stats{display:flex;gap:1rem}.mini-stat{background:#f8f9fa;border-radius:8px;flex:1 1;padding:.75rem .5rem;text-align:center}.mini-label{color:#6c757d;display:block;font-size:.75rem;font-weight:600;margin-bottom:.35rem;text-transform:uppercase}.mini-value{color:#2c3e50;display:block;font-size:1.5rem;font-weight:900}.mini-value.has-issues{color:#dc2626}.mini-value.no-issues{color:#16a34a}.financial-overview-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.financial-overview-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 6px #0000000f;overflow:hidden;padding:1.75rem;transition:all .3s ease}.financial-overview-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.financial-overview-card.primary{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#10b981}.financial-overview-card.secondary{background:linear-gradient(135deg,#f0f4ff,#fff);border-color:#667eea}.financial-overview-card.highlight{background:linear-gradient(135deg,#eff6ff,#fff);border-color:#3b82f6}.financial-overview-card.success{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#16a34a}.financial-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.financial-card-icon{flex-shrink:0;font-size:2.5rem}.financial-card-info{flex:1 1;min-width:0;overflow:hidden}.financial-card-label{color:#6c757d;font-size:.85rem;font-weight:700;letter-spacing:.3px;margin-bottom:.5rem;text-transform:uppercase}.financial-card-value{color:#10b981;font-family:Courier New,monospace;font-size:1.3rem;font-weight:900;line-height:1.2;white-space:nowrap}.financial-card-subtext{color:#6c757d;font-size:.85rem;font-style:italic;font-weight:500}.location-financial-table-container,.top-equipment-table-container{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 6px #0000000f;overflow:hidden}.location-financial-table,.top-equipment-table{border-collapse:collapse;width:100%}.location-financial-table thead,.top-equipment-table thead{background:linear-gradient(135deg,#10b981,#059669)}.location-financial-table th,.top-equipment-table th{color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:1.25rem 1rem;text-align:left;text-transform:uppercase}.location-financial-table th.center,.top-equipment-table th.center{text-align:center}.location-financial-table td,.top-equipment-table td{border-bottom:1px solid #f0f0f0;color:#2c3e50;font-size:.95rem;padding:1rem}.location-financial-table tbody tr:hover,.top-equipment-table tbody tr:hover{background:linear-gradient(135deg,#10b9810d,#0596690d)}.location-financial-table tbody tr:last-child td,.top-equipment-table tbody tr:last-child td{border-bottom:none}.location-name-cell{color:#2c3e50;font-weight:600}.location-name-wrapper{display:flex;flex-direction:column;gap:.25rem}.location-code-tiny{color:#6c757d;font-family:Courier New,monospace;font-size:.75rem;font-weight:600}.device-count-badge{background:#e0e7ff;border-radius:12px;color:#4f46e5;display:inline-block;font-size:.85rem;font-weight:700;padding:.35rem .75rem}.financial-cell{color:#10b981;font-family:Courier New,monospace;font-size:.9rem;font-weight:700;white-space:nowrap}.complaint-badge{border-radius:12px;padding:.35rem .75rem}.complaint-badge.critical{background:#fee2e2;color:#991b1b}.complaint-badge.success{background:#d1fae5;color:#065f46}.compliance-badge{background:#dbeafe;border-radius:12px;color:#1e40af;display:inline-block;font-size:.85rem;font-weight:700;padding:.35rem .75rem}.device-name-cell{color:#2c3e50;font-weight:600}.serial-tiny{background:#f8f9fa;border-radius:4px;color:#667eea;font-family:Courier New,monospace;font-size:.8rem;font-weight:600;padding:.25rem .5rem}.location-cell{color:#6c757d;font-weight:500}.dept-tiny{background:#e0e7ff;border-radius:8px;color:#4f46e5;display:inline-block;font-size:.8rem;font-weight:700;padding:.25rem .65rem}.cost-cell-large{color:#10b981;font-family:Courier New,monospace;font-size:.9rem;font-weight:700;white-space:nowrap}@media (max-width:992px){.financial-overview-grid,.insights-grid-main,.smart-cards-grid,.top-locations-grid{grid-template-columns:repeat(2,1fr)}.location-financial-table-container,.top-equipment-table-container{overflow-x:auto}.location-financial-table,.top-equipment-table{min-width:900px}}@media (max-width:640px){.superadmin-analytics{padding:1rem}.analytics-header h2{font-size:2rem}.financial-overview-grid,.insights-grid-main{grid-template-columns:1fr}.financial-card-value{font-size:1rem}.financial-overview-card{padding:1.25rem}.financial-card-icon{font-size:2rem}.financial-card-label{font-size:.8rem}.primary-stat{font-size:2.5rem}.smart-cards-grid,.top-locations-grid{grid-template-columns:1fr}.smart-stat{padding:.65rem .4rem}.smart-stat-value{font-size:1.4rem}.location-financial-table td,.location-financial-table th,.top-equipment-table td,.top-equipment-table th{font-size:.85rem;padding:.75rem .5rem}}.analytics-container{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:2.5rem}.analytics-header{align-items:center;border-bottom:3px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.analytics-quick-nav{-webkit-overflow-scrolling:touch;align-items:stretch;background:#fff;border-bottom:2px solid #e5e7eb;border-radius:0;box-shadow:none;display:flex;flex-wrap:nowrap;gap:0;margin-bottom:2rem;overflow-x:auto;overflow-y:hidden;padding:0;scroll-behavior:smooth}.quick-nav-container{display:flex;flex:1 1;flex-wrap:nowrap;gap:0;justify-content:flex-start;min-width:0}.quick-nav-btn{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;border-radius:0;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:1rem 1.2rem;position:relative;transition:all .2s ease;white-space:nowrap}.quick-nav-btn:hover{background:#f9fafb;color:#667eea}.quick-nav-btn.active{background:#0000;border-bottom-color:#667eea;color:#667eea;font-weight:600}.quick-nav-icon{font-size:1.1rem;line-height:1}.quick-nav-label{line-height:1}.error-state,.loading-state{font-size:1.2rem;padding:6rem 2rem}.loading-state{color:#7f8c8d}.error-state{background:#fee;border:2px solid #fcc;border-radius:12px}.alert-section{margin-bottom:3rem}.section-title{margin-bottom:1.5rem}.section-title h3{color:#2c3e50;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.section-description{color:#7f8c8d;font-size:1rem;font-weight:500;margin:0}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.metric-card{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;gap:1.5rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.metric-card:before{background:linear-gradient(90deg,currentColor,#0000);content:"";height:4px;left:0;position:absolute;right:0;top:0}.metric-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-5px)}.metric-card.alert{border-left:4px solid #e91e63;color:#e91e63}.metric-card.warranty{border-left:4px solid #e74c3c;color:#e74c3c}.metric-card.contract{border-left:4px solid #f39c12;color:#f39c12}.metric-card.calibration{border-left:4px solid #9b59b6;color:#9b59b6}.metric-card.complaints{border-left:4px solid #f57c00;color:#f57c00}.metric-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:3.5rem;line-height:1;opacity:.9}.metric-content{flex:1 1}.metric-value{color:#2c3e50;font-size:3rem;font-weight:800;line-height:1;margin-bottom:.75rem}.metric-label{color:#7f8c8d;font-size:1rem;font-weight:600;letter-spacing:.3px}.metric-status{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.5px;margin-top:.75rem;padding:.35rem .85rem;text-transform:uppercase}.metric-status.critical{background:#e74c3c26;border:1px solid #e74c3c4d;color:#c0392b}.metric-status.warning{background:#f39c1226;border:1px solid #f39c124d;color:#d68910}.charts-section{margin-bottom:3rem}.charts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(480px,1fr))}.chart-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:2rem;transition:all .3s ease}.chart-card:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-2px)}.chart-card.full-width{grid-column:1/-1}.chart-card h3{border-bottom:2px solid #f0f0f0;color:#2c3e50;font-size:1.15rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.75rem}.insights-section{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-top:3rem;padding:2rem}.insights-section h3{border-bottom:2px solid #f0f0f0;color:#2c3e50;font-size:1.4rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:1rem}.insights-table{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000000d;overflow:hidden}.insights-table table{border-collapse:collapse;width:100%}.insights-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.insights-table th{border:none;color:#fff;font-size:.95rem;font-weight:700;letter-spacing:.5px;padding:1.25rem 1.5rem;text-align:left;text-transform:uppercase}.insights-table td{border-bottom:1px solid #e9ecef;color:#2c3e50;font-size:1rem;padding:1.25rem 1.5rem}.insights-table tbody tr{transition:all .2s ease}.insights-table tbody tr:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);transform:scale(1.002)}.insights-table tbody tr:last-child td{border-bottom:none}.category-cell{background:#f8f9fa;border-radius:8px;color:#667eea;display:inline-block;font-weight:600;padding:.5rem 1rem;text-transform:capitalize}.count-cell{color:#2c3e50;font-size:1.2rem}.count-cell.highlight{background:#fff3e0;border-radius:8px;color:#f57c00;padding:.5rem 1rem}.serial-code{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#667eea;font-family:Courier New,monospace;font-size:.85rem;font-weight:600;padding:.35rem .75rem}.no-data{color:#7f8c8d;font-size:1.1rem;font-style:italic;padding:3rem 2rem;text-align:center}.metrics-summary-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.summary-metric{align-items:center;background:linear-gradient(135deg,#667eea0d,#764ba20d);border:2px solid #e9ecef;border-radius:10px;display:flex;flex-direction:column;padding:1.5rem;transition:all .3s ease}.summary-metric:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-3px)}.summary-value{color:#667eea;font-size:2.5rem;font-weight:700;line-height:1;margin-bottom:.5rem}.summary-label{color:#7f8c8d;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-align:center;text-transform:uppercase}.performance-metrics-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr)}@media (max-width:1400px){.charts-grid{grid-template-columns:1fr}}@media (max-width:900px){.performance-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.performance-metrics-grid{grid-template-columns:1fr}}@media (max-width:992px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{gap:1.5rem}.quick-nav-container{gap:.4rem;padding:0 1rem}.quick-nav-btn{font-size:.85rem;padding:.6rem 1rem}.quick-nav-icon{font-size:1rem}}@media (max-width:768px){.analytics-container{padding:1.5rem}.analytics-header{align-items:flex-start;flex-direction:column;gap:1rem}.action-btn{justify-content:center;width:100%}.metrics-grid{gap:1rem;grid-template-columns:1fr}.metric-card{padding:1.5rem}.metric-icon,.metric-value{font-size:2.5rem}.metric-label{font-size:.9rem}.chart-card{padding:1.5rem}.chart-card h3{font-size:1.1rem}.insights-section{padding:1.5rem}.insights-section h3{font-size:1.2rem}.insights-table{overflow-x:auto}.insights-table table{min-width:600px}.insights-table td,.insights-table th{font-size:.85rem;padding:1rem}.quick-nav-container{gap:.3rem;padding:0 .75rem}.quick-nav-btn{font-size:.8rem;padding:.55rem .85rem}.quick-nav-label{display:none}.quick-nav-icon{font-size:1rem}}@media (max-width:480px){.analytics-container{padding:1rem}.metric-card{flex-direction:column;padding:1.25rem;text-align:center}.metric-icon{font-size:2.5rem}.metric-value{font-size:2rem}.chart-card{padding:1.25rem}.chart-card h3{flex-direction:column;text-align:center}}.key-insights-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.5rem}.insight-card-clean{background:#fff;border-left:4px solid;border-radius:10px;box-shadow:0 1px 3px #00000014;overflow:hidden;padding:1rem 1.25rem;position:relative;transition:all .3s ease}.insight-card-clean.clickable{cursor:pointer}.insight-card-clean.clickable:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-4px)}.insight-card-clean:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.insight-card-clean.critical{border-left-color:#dc2626}.insight-card-clean.critical.clickable:hover{border-left-color:#b91c1c;box-shadow:0 6px 16px #dc262633}.insight-card-clean.warning{border-left-color:#f59e0b}.insight-card-clean.warning.clickable:hover{border-left-color:#d97706;box-shadow:0 6px 16px #f59e0b33}.insight-card-clean.info{border-left-color:#3b82f6}.insight-card-clean.info.clickable:hover{border-left-color:#2563eb;box-shadow:0 6px 16px #3b82f633}.insight-card-clean.success{border-left-color:#16a34a}.insight-card-clean.financial{background:linear-gradient(135deg,#f0fdf4,#fff);border-left-color:#10b981}.card-header-clean{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:.5rem;margin-bottom:.75rem;padding-bottom:.75rem}.card-icon-clean{font-size:1.5rem}.card-header-clean h3{color:#2c3e50;font-size:.95rem;font-weight:700;margin:0}.card-value-clean{color:#2c3e50;font-size:2rem;font-weight:700;line-height:1;margin-bottom:.3rem;text-align:center}.card-value-clean.financial{color:#10b981;font-family:Open Sans;font-size:1.3rem;white-space:nowrap}.card-label-clean{color:#6c757d;font-size:.8rem;font-weight:600;text-align:center}.card-click-hint{bottom:.75rem;color:#667eea;font-size:.8rem;font-weight:600;opacity:0;position:absolute;right:.75rem;transition:all .3s ease}.clickable:hover .card-click-hint{opacity:1;right:1rem}.section-title-clean{font-size:1.5rem;margin:0 0 1.5rem}.analytics-section-clean{margin-bottom:3rem}.charts-grid-clean{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-bottom:2rem}.chart-card-clean{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;padding:1.25rem;transition:all .3s ease}.chart-card-clean:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1f;transform:translateY(-2px)}.chart-card-clean.full-width{grid-column:1/-1}.chart-card-clean h4{color:#1f2937;font-size:1rem;font-weight:700;margin:0 0 .85rem;padding-bottom:.5rem}.device-cards-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.device-complaint-card,.maintenance-device-card{background:#fff;border:2px solid #e9ecef;border-radius:12px;padding:1.5rem;transition:all .3s ease}.device-complaint-card:hover,.maintenance-device-card:hover{border-color:#667eea;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.device-card-header{margin-bottom:1.25rem}.device-card-name{color:#2c3e50;display:block;font-size:1.05rem;font-weight:700;margin-bottom:.35rem}.device-card-serial{color:#6c757d;display:block;font-family:Courier New,monospace;font-size:.8rem;font-weight:600}.device-card-metrics{display:flex;gap:.75rem}.device-metric{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;flex:1 1;padding:.85rem .5rem;text-align:center}.device-metric-value{color:#2c3e50;display:block;font-size:1.6rem;font-weight:900;margin-bottom:.25rem}.device-metric-value.total{color:#3b82f6}.device-metric-value.active{color:#dc2626}.device-metric-label{color:#6c757d;display:block;font-size:.75rem;font-weight:600;text-transform:uppercase}.maintenance-card-footer{align-items:center;display:flex;justify-content:space-between}.department-badge{background:#e0e7ff;border-radius:12px;color:#4f46e5;font-size:.75rem;letter-spacing:.3px;padding:.4rem .85rem}.maintenance-count{color:#667eea;font-size:.95rem;font-weight:800}.financial-metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.high-value-table-container{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 6px #0000000f;overflow:hidden}.high-value-table{background:#fff;border-collapse:collapse;width:100%}.high-value-table thead{background:linear-gradient(135deg,#10b981,#059669)}.high-value-table th{border:none;color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:1.25rem 1rem;text-align:left;text-transform:uppercase}.high-value-table td{border-bottom:1px solid #e9ecef;color:#2c3e50;font-size:.95rem;padding:1rem}.high-value-table tbody tr{background:#fff;border:none}.high-value-table tbody tr:hover{background-color:#f9fafb}.high-value-table tbody tr:last-child td{border-bottom:none}.device-name-col{color:#2c3e50;font-weight:600}.cost-col{color:#10b981;font-family:Courier New,monospace;font-size:.9rem;font-weight:700;white-space:nowrap}.department-icon-cell{display:inline-block;font-size:1.2rem;margin-right:.5rem;vertical-align:middle}.dept-badge{background:#e0e7ff;color:#4f46e5}.dept-badge,.status-active{border-radius:12px;display:inline-block;font-size:.8rem;font-weight:700;padding:.35rem .75rem}.status-active{background:#d1fae5;color:#065f46}.status-expired{background:#fee2e2;color:#991b1b;font-weight:700}.status-expired,.status-na{border-radius:12px;display:inline-block;font-size:.8rem;padding:.35rem .75rem}.status-na{background:#f3f4f6;color:#6b7280;font-weight:600}.availability-overview-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.availability-table-section{margin-bottom:3rem}.availability-table-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem}.availability-table-header h4{color:#2c3e50;font-size:1.15rem;font-weight:700;margin:0}.pivot-toggle-group{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:.5rem;padding:.35rem}.pivot-toggle-btn{background:#fff;border:2px solid #0000;border-radius:6px;color:#6c757d;cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.pivot-toggle-btn:hover{background:#f0f2f5;color:#495057}.pivot-toggle-btn.active{background:#667eea;border-color:#667eea;box-shadow:0 2px 6px #667eea4d;color:#fff}.availability-table-section h4{border-bottom:2px solid #f0f0f0;color:#2c3e50;font-size:1.15rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.75rem}.availability-table-container{background:#fff;border:2px solid #e9ecef;border-radius:12px;box-shadow:0 2px 6px #0000000f;overflow:hidden}.availability-table{background:#fff;border-collapse:collapse;width:100%}.availability-table thead{background:linear-gradient(135deg,#3b82f6,#2563eb)}.availability-table th{border:none;color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:1.25rem 1rem;text-align:left;text-transform:uppercase}.availability-table th.center{text-align:center}.availability-table td{border-bottom:1px solid #e9ecef;color:#2c3e50;font-size:.95rem;padding:1rem}.availability-table td.center{text-align:center}.availability-table tbody tr{background:#fff;border:none}.availability-table tbody tr:hover{background-color:#f9fafb}.availability-table tbody tr:last-child td{border-bottom:none}.availability-gauge{align-items:center;display:flex;gap:.75rem;max-width:150px;width:100%}.gauge-bar{background:#e9ecef;border-radius:4px;box-shadow:inset 0 1px 2px #00000014;flex:1 1;height:8px;overflow:hidden;position:relative}.gauge-text{color:#2c3e50;min-width:60px;text-align:right}.complaint-count,.gauge-text{font-size:.85rem;font-weight:700}.complaint-count{background:#fee2e2;border-radius:6px;color:#dc2626;display:inline-block;padding:.4rem .75rem}.complaint-count.zero{background:#d1fae5;color:#059669}.complaint-metrics-card{grid-column:span 2}.complaint-metrics-content{align-items:center;display:flex;flex-direction:row;gap:2rem;justify-content:space-around}.metric-row{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:0;text-align:center}.metric-row,.metric-row:last-child{border-bottom:none}.metric-row .metric-label{color:#2c3e50;font-size:.95rem!important;font-weight:700;letter-spacing:.5px;line-height:1.2;margin-bottom:.75rem;text-transform:uppercase}.complaint-metric-value{color:#2c3e50;display:block;font-size:2.5rem;font-weight:900;line-height:1;margin-bottom:.25rem}.metric-unit{color:#6c757d;font-size:.85rem;font-weight:600;text-transform:lowercase}@media (max-width:992px){.key-insights-grid{grid-template-columns:repeat(3,1fr)}.complaint-metrics-card{grid-column:span 3}.complaint-metric-value{font-size:2rem}.financial-metrics-grid{grid-template-columns:repeat(2,1fr)}.availability-overview-grid,.charts-grid-clean{grid-template-columns:1fr}.device-cards-grid{grid-template-columns:repeat(2,1fr)}.high-value-table-container{overflow-x:auto}.high-value-table{min-width:800px}.availability-table-container{overflow-x:auto}.availability-table{min-width:800px}}.availability-distribution-card{grid-column:1/-1}.availability-distribution-table{background:#fff;border-collapse:collapse;width:100%}.availability-distribution-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.availability-distribution-table th{border:none;color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:.85rem 1rem;text-align:left;text-transform:uppercase}.availability-distribution-table th.count-col{text-align:center}.availability-distribution-table td{border-bottom:1px solid #e9ecef;color:#2c3e50;font-size:.95rem;padding:.85rem 1rem}.availability-distribution-table tbody tr{transition:all .2s ease}.availability-distribution-table tbody tr:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d)}.availability-distribution-table tbody tr:last-child td{border-bottom:none}.range-cell{color:#2c3e50;font-weight:600}.count-cell{color:#667eea;font-weight:700;text-align:center}.availability-stacked-bar-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.stacked-bar{background:#fff;border-radius:8px;box-shadow:0 2px 6px #00000014;display:flex;gap:1px;height:48px;overflow:hidden}.stacked-segment{align-items:center;cursor:pointer;display:flex;justify-content:center;min-width:40px;position:relative;transition:all .2s ease}.stacked-segment:hover{box-shadow:inset 0 0 8px #00000026;filter:brightness(1.1)}.segment-label{color:#fff;font-size:.9rem;font-weight:700;padding:0 .5rem;text-shadow:0 1px 2px #0000004d;white-space:nowrap}.stacked-bar-legend{border-top:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:1.5rem;padding-top:.5rem}.legend-item{align-items:center;display:flex;gap:.6rem}.legend-color{border-radius:4px;box-shadow:0 1px 3px #0000001a;flex-shrink:0;height:16px;width:16px}.legend-text{color:#2c3e50;font-size:.9rem;font-weight:600}@media (max-width:640px){.key-insights-grid{grid-template-columns:repeat(2,1fr)}.complaint-metrics-card{grid-column:span 2}.complaint-metrics-content{gap:1rem}.complaint-metric-value{font-size:1.8rem}.metric-row .metric-label{font-size:.8rem}.financial-metrics-grid{grid-template-columns:1fr}.card-value-clean{font-size:2.5rem}.card-value-clean.financial{font-size:1rem}.insight-card-clean.financial{padding:1.25rem}.card-icon-clean{font-size:1.8rem}.card-header-clean h3{font-size:.95rem}.device-cards-grid{grid-template-columns:1fr}.high-value-table td,.high-value-table th{font-size:.85rem;padding:.75rem .5rem}}.maintenance-compact{display:flex;flex-direction:column;gap:.75rem}.compact-week-item{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e5e7eb;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:all .2s ease}.compact-week-item:hover{background:linear-gradient(135deg,#f0f4ff,#fff);border-color:#667eea;box-shadow:0 2px 6px #667eea1a}.compact-label{color:#1f2937;flex:1 1;font-size:.9rem;font-weight:600}.compact-count{background:#e0e7ff;border-radius:4px;color:#667eea;font-size:1.1rem;font-weight:700;min-width:40px;padding:.35rem .75rem;text-align:right}.availability-table.compact{font-size:.9rem}.availability-table.compact td,.availability-table.compact th{padding:.75rem .85rem}.availability-table.compact th{font-size:.85rem;font-weight:700}.device-id-code{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;color:#667eea;display:inline-block;font-family:Courier New,monospace;font-size:.8rem;font-weight:600;padding:.3rem .6rem}.scatter-zone-legend{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-wrap:wrap;gap:2rem;margin-top:1.5rem;padding:1rem}.zone-legend-item{align-items:center;display:flex;gap:.75rem}.zone-color{border-radius:4px;flex-shrink:0;height:20px;width:20px}.zone-legend-item.excellent .zone-color{background:#27ae60}.zone-legend-item.good .zone-color{background:#f39c12}.zone-legend-item.poor .zone-color{background:#e74c3c}.zone-label{color:#2c3e50;font-size:.9rem;font-weight:600}.modal-tabs{background:#fff;border-bottom:2px solid #e9ecef;display:flex;flex-shrink:0;gap:.5rem;padding:0 1.5rem}.modal-tab-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:.95rem;font-weight:600;margin-bottom:-2px;padding:1rem 1.5rem;transition:all .3s ease;white-space:nowrap}.modal-tab-btn:hover{background:#f9fafb;color:#2c3e50}.modal-tab-btn.active{border-bottom-color:#667eea;color:#667eea}.modal-overlay{z-index:9999}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow-y:auto;padding:0;position:relative;width:90%}.modal-header{align-items:flex-start;padding:1.5rem}.modal-header h3{font-size:1.3rem;font-weight:700}.modal-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:32px;justify-content:center;padding:0;position:absolute;right:1.5rem;top:1.5rem;transition:all .2s ease;width:32px}.modal-close-btn:hover{background:#f3f4f6;color:#1f2937}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.modal-table{background:#fff;border-collapse:collapse;width:100%}.modal-table thead{background:linear-gradient(135deg,#667eea,#764ba2);position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-table th{border:none;color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.modal-table th.center{text-align:center}.modal-table td{border-bottom:1px solid #e9ecef;color:#2c3e50;font-size:.95rem;padding:1rem}.modal-table tbody tr{transition:all .2s ease}.modal-table tbody tr:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d)}.modal-table tbody tr:last-child td{border-bottom:none}.modal-table td.center{text-align:center}.modal-action-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.modal-action-btn:hover{background:#5568d3;box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.modal-action-btn:active{transform:translateY(0)}.clickable-row{cursor:pointer;transition:all .2s ease}.clickable-row:hover{background:linear-gradient(135deg,#667eea14,#764ba214);box-shadow:inset 0 0 8px #667eea1a}.clickable-row:hover .clickable-count{background:#667eea;color:#fff;transform:scale(1.05)}.clickable-count{background:#e0e7ff;border-radius:6px;color:#4f46e5;display:inline-block;font-weight:700;padding:.35rem .75rem;transition:all .2s ease}.modal-large{max-height:90vh;max-width:1100px}.modal-title-section{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:2rem}.modal-title-section h3{color:#2c3e50;font-size:1.5rem;font-weight:700;margin:0;min-width:200px}.modal-metrics-summary{display:flex;flex-wrap:wrap;gap:1.5rem}.metric-badge{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:.5rem;padding:.5rem 1rem}.metric-badge-label{color:#6b7280;font-size:.85rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.metric-badge-value{color:#2c3e50;font-size:1.1rem;font-weight:700}.modal-body-tabs{gap:2rem}.modal-body-tabs,.modal-section{display:flex;flex-direction:column}.modal-section{gap:1rem}.modal-section-title{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:1.1rem;font-weight:700;margin:0;padding-bottom:.75rem}@media (max-width:1024px){.modal-large{max-width:95vw}.modal-title-section{align-items:flex-start;flex-direction:column;gap:1rem}.modal-metrics-summary{width:100%}}.comprehensive-availability-view{display:flex;flex-direction:column;gap:2rem}.availability-summary-stats{grid-gap:1rem;background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e5e7eb;border-radius:10px;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:1.5rem}.summary-stat-item{align-items:center;display:flex;flex-direction:column;padding:.75rem;text-align:center}.stat-label{color:#6b7280;font-size:.8rem;font-weight:600;letter-spacing:.3px;margin-bottom:.5rem;text-transform:uppercase}.stat-value{color:#2c3e50;font-size:1.8rem;font-weight:700;line-height:1}.comprehensive-table-section{display:flex;flex-direction:column;gap:1rem}.comprehensive-section-title{border-bottom:2px solid #e9ecef;color:#2c3e50;font-size:1.05rem;font-weight:700;margin:0;padding-bottom:.75rem}.comprehensive-modal-table{background:#fff;border-collapse:collapse;width:100%}.comprehensive-modal-table thead{background:linear-gradient(135deg,#667eea,#764ba2);position:-webkit-sticky;position:sticky;top:0;z-index:10}.comprehensive-modal-table th{border:none;color:#fff;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:.85rem;text-align:left;text-transform:uppercase}.comprehensive-modal-table th.center{text-align:center}.comprehensive-modal-table td{border-bottom:1px solid #e9ecef;color:#2c3e50;font-size:.9rem;padding:.85rem}.comprehensive-modal-table td.center{text-align:center}.comprehensive-modal-table tbody tr{transition:all .2s ease}.comprehensive-modal-table tbody tr:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d)}.comprehensive-modal-table tbody tr.row-critical{border-left:4px solid #e74c3c}.comprehensive-modal-table tbody tr.row-warning{border-left:4px solid #f39c12}.comprehensive-modal-table tbody tr.row-success{border-left:4px solid #27ae60}.comprehensive-modal-table tbody tr:last-child td{border-bottom:none}.availability-cell{align-items:center;display:flex;flex-direction:column;gap:.4rem}.availability-bar{background:#e9ecef;border-radius:3px;height:6px;min-width:80px;overflow:hidden;width:100%}.availability-fill{border-radius:3px;height:100%;transition:width .3s ease}.status-badge{border:none;display:inline-block;padding:.5rem 1rem;text-align:center}.complaint-badge{background:#fee2e2;border-radius:6px;color:#dc2626;display:inline-block;font-size:.85rem;font-weight:700;padding:.4rem .75rem}.complaint-badge.zero{background:#d1fae5;color:#059669}.action-buttons{flex-wrap:wrap;gap:.5rem}.action-buttons,.action-buttons-container{align-items:center;display:flex;justify-content:center}.action-buttons-container{gap:.25rem;min-width:60px;width:100%}.action-spacer{flex:1 1}.action-icon-btn{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.action-icon-btn:hover{box-shadow:0 2px 8px #00000026;transform:scale(1.1)}.action-device-icon{color:#667eea}.action-device-icon:hover{background:#e0e7ff;border-color:#667eea}.action-complaint-icon{color:#f57c00}.action-complaint-icon:hover{background:#fff3e0;border-color:#f57c00}.action-icon-btn:active{transform:scale(.95)}.distribution-tab-content{padding:1rem 0}.distribution-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.distribution-card{align-items:center;background:#fff;border:2px solid;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;padding:1.75rem;text-align:center;transition:all .3s ease}.distribution-card:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-4px)}.distribution-card.excellent{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#27ae60}.distribution-card.excellent:hover{border-color:#059669;box-shadow:0 6px 16px #27ae6033}.distribution-card.good{background:linear-gradient(135deg,#fffbf0,#fff);border-color:#f39c12}.distribution-card.good:hover{border-color:#d68910;box-shadow:0 6px 16px #f39c1233}.distribution-card.poor{background:linear-gradient(135deg,#fef2f2,#fff);border-color:#e74c3c}.distribution-card.poor:hover{border-color:#c0392b;box-shadow:0 6px 16px #e74c3c33}.distribution-card-icon{font-size:2.5rem;line-height:1;margin-bottom:.75rem}.distribution-card-content{display:flex;flex-direction:column;gap:.5rem;width:100%}.distribution-card-label{color:#2c3e50;font-size:1rem;font-weight:700;text-transform:capitalize}.distribution-card-value{color:#2c3e50;font-size:2.5rem;font-weight:900;line-height:1}.distribution-card.excellent .distribution-card-value{color:#27ae60}.distribution-card.good .distribution-card-value{color:#f39c12}.distribution-card.poor .distribution-card-value{color:#e74c3c}.distribution-card-percentage{color:#667eea;font-size:1.25rem;font-weight:700;margin:.25rem 0}.distribution-card-range{border-top:1px solid #0000000d;color:#6b7280;font-size:.8rem;font-weight:600;letter-spacing:.3px;padding-top:.5rem;text-transform:uppercase}@media (max-width:768px){.modal-content{max-height:90vh;max-width:95vw}.modal-header{padding:1rem}.modal-header h3{font-size:1.1rem}.modal-body{padding:1rem}.modal-table td,.modal-table th{font-size:.85rem;padding:.75rem .5rem}.modal-action-btn{font-size:.8rem;padding:.4rem .75rem}.availability-summary-stats{gap:.75rem;grid-template-columns:repeat(2,1fr);padding:1rem}.stat-label{font-size:.75rem}.stat-value{font-size:1.5rem}.comprehensive-modal-table td,.comprehensive-modal-table th{font-size:.8rem;padding:.6rem .4rem}.action-buttons{gap:.3rem}.modal-action-complaint,.modal-action-device{font-size:.75rem;padding:.3rem .6rem}}.section-header-collapsible{align-items:center;background-color:#f8f9fa;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;margin-bottom:1rem;padding:1rem;transition:all .3s ease}.section-header-collapsible:hover{background-color:#f0f2f5;box-shadow:0 2px 6px #00000014}.section-content{animation:slideDown .3s ease}.analytics-section-wrapper{margin-bottom:2.5rem}.section-title-clean{border-bottom:3px solid #e9ecef;color:#2c3e50;font-size:1.3rem;font-weight:800;margin:0;padding-bottom:.75rem}.quick-nav-collapse-btn,.quick-nav-expand-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;line-height:1;opacity:.7;padding:.5rem;transition:opacity .2s ease}.quick-nav-collapse-btn:hover,.quick-nav-expand-btn:hover{opacity:1}.quick-nav-collapse-btn:active,.quick-nav-expand-btn:active{transform:scale(.95)}a[href^="#section-"]::selection{background:#0000;color:inherit}a[href^="#section-"]::-moz-selection{background:#0000;color:inherit}.analytics-table{background:#fff;border-collapse:collapse;font-size:.72rem;line-height:1.2;width:100%}.analytics-table thead{background:#f8f9fa;border-bottom:2px solid #e5e7eb}.analytics-table th{border:none;color:#2c3e50;font-size:.75rem;font-weight:700;letter-spacing:.3px;line-height:1.2;padding:.5rem .6rem;text-align:left;text-transform:uppercase}.analytics-table th.center{text-align:center}.analytics-table td{border-bottom:1px solid #e9ecef;color:#1f2937;line-height:1.3;padding:.35rem .6rem}.analytics-table td.center{text-align:center}.analytics-table tbody tr{background:#fff;border:none}.analytics-table tbody tr:hover{background-color:#f9fafb}.analytics-table tbody tr:last-child td{border-bottom:none}.analytics-table .device-name{align-items:flex-start;color:#2c3e50;display:flex;flex-direction:column;font-weight:500;gap:.15rem}.analytics-table .device-indicators{align-items:center;display:flex;flex-direction:row;gap:.25rem}.analytics-risk-table tbody tr.risk-critical{background:#fef2f2}.analytics-risk-table tbody tr.risk-critical:hover{background:#fee2e2}.data-export-container{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;margin:0 auto;max-width:1200px;padding:2rem}.data-export-header{margin-bottom:2rem}.header-title-section{display:flex;flex-direction:column;gap:.5rem}.header-title-section h2{color:#1a1a1a;font-size:2rem;font-weight:700;margin:0}.header-subtitle{color:#666;font-size:1rem;margin:0}.access-denied-banner{align-items:center;background-color:#ffebee;border:2px solid #ef5350;border-radius:8px;color:#c62828;display:flex;gap:1rem;padding:2rem}.access-denied-banner .icon{flex-shrink:0;font-size:2rem}.access-denied-banner h3{font-size:1.2rem;margin:0 0 .5rem}.access-denied-banner p{font-size:.95rem;margin:0}.tab-navigation{border-bottom:2px solid #e0e0e0;display:flex;gap:1rem;margin-bottom:2rem}.tab-btn{color:#666;font-size:1rem;font-weight:500;outline:none;padding:1rem 1.5rem;transition:all .3s ease}.tab-btn:hover{color:#1976d2}.tab-btn:focus-visible{outline:2px solid #1976d2;outline-offset:-2px}.tab-btn.active{border-bottom-color:#1976d2;color:#1976d2}.tab-content{display:flex;flex-direction:column;gap:2rem}.info-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000000d}.info-card h3{color:#1a1a1a;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.card-description{color:#666;font-size:.95rem;line-height:1.5;margin:0 0 1.5rem}.export-section,.template-section,.upload-section{align-items:center;background-color:#f5f5f5;border-radius:6px;display:flex;gap:2rem;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem}.export-info,.template-info,.upload-info{align-items:flex-start;display:flex;flex:1 1;gap:1rem}.export-icon,.template-icon,.upload-icon{flex-shrink:0;font-size:2rem}.export-info h4,.template-info h4,.upload-info h4{color:#1a1a1a;font-size:1.1rem;margin:0 0 .5rem}.export-info p,.template-info p,.upload-info p{color:#666;font-size:.9rem;margin:0}.action-btn{display:inline-flex;flex-shrink:0;outline:none;padding:.75rem 1.5rem;white-space:nowrap}.action-btn:focus-visible{outline:2px solid #1976d2;outline-offset:2px}.action-primary{background-color:#1976d2;color:#fff}.action-primary:hover:not(:disabled){background-color:#1565c0;box-shadow:0 4px 8px #1976d24d}.action-primary:focus-visible{outline-color:#1976d2}.action-primary:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.action-secondary{background-color:#f5f5f5;border:1px solid #ddd;color:#1a1a1a}.action-secondary:hover:not(:disabled){background-color:#eee;border-color:#999}.action-secondary:focus-visible{outline-color:#666}.action-secondary:disabled{cursor:not-allowed;opacity:.6}.btn-icon{font-size:1.1rem}.upload-area{flex:1 1}.upload-btn{align-items:center;background-color:#f0f7ff;border:2px dashed #1976d2;border-radius:8px;color:inherit;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:.95rem;gap:.5rem;outline:none;padding:2rem;transition:all .3s ease;width:100%}.upload-btn:hover:not(:disabled){background-color:#e3f2fd;border-color:#1565c0}.upload-btn:focus-visible{outline:2px solid #1976d2;outline-offset:2px}.upload-btn:disabled{cursor:not-allowed;opacity:.6}.upload-icon-large{font-size:2.5rem}.upload-text{color:#1a1a1a;font-weight:500}.upload-hint{color:#999}.progress-container{background-color:#f0f7ff;border-radius:6px;padding:1.5rem;text-align:center}.progress-message{color:#1976d2;font-weight:500;margin-bottom:1rem}.progress-bar{background-color:#e0e0e0;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background-color:#1976d2;height:100%;transition:width .3s ease}.results-section{background-color:#f5f5f5;border-radius:6px;margin-top:1.5rem;padding:1.5rem}.results-section h4{color:#1a1a1a;font-size:1.1rem;margin:0 0 1rem}.results-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1.5rem}.result-card{align-items:center;background:#fff;border-left:4px solid;border-radius:6px;display:flex;gap:1rem;padding:1rem}.result-card.success{border-left-color:#27ae60}.result-card.info{border-left-color:#2196f3}.result-card.error{border-left-color:#e74c3c}.result-icon{flex-shrink:0;font-size:1.5rem}.result-label{color:#999;font-size:.85rem;margin-bottom:.25rem}.result-value{color:#1a1a1a;font-size:1.5rem;font-weight:700}.detailed-results{margin-bottom:1.5rem}.entity-results{background:#fff;border-radius:6px;margin-bottom:.5rem;padding:1rem}.entity-results h5{color:#1a1a1a;font-size:.95rem;margin:0 0 .5rem}.entity-stats{color:#666;display:flex;font-size:.85rem;gap:1rem}.error-count{color:#e74c3c;font-weight:500}.status-empty{color:#999;font-style:italic;font-weight:500}.error-details{background-color:#ffebee;border-radius:6px;margin-bottom:1rem;padding:1rem}.error-details h5{color:#c62828;margin:0 0 1rem}.error-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.error-item{background:#fff;border-radius:4px;display:flex;font-size:.85rem;gap:1rem;padding:.5rem}.error-row{color:#c62828;font-weight:600;min-width:60px}.error-message{color:#666;flex:1 1}.sheets-reference{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.sheet-info{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;padding:1.5rem}.sheet-info h4{color:#1976d2;font-size:1rem;margin:0 0 .5rem}.sheet-info p{color:#666;font-size:.9rem;margin:0 0 1rem}.columns-list{display:flex;flex-wrap:wrap;gap:.5rem}.columns-list span{background-color:#e3f2fd;border-radius:4px;color:#1976d2;display:inline-block;font-size:.8rem;font-weight:500;padding:.4rem .8rem}.import-order-summary{background:linear-gradient(135deg,#f0f7ff,#e3f2fd);border:1px solid #b3e5fc;border-radius:8px;margin:1.5rem 0;padding:1.5rem}.import-order-summary h4{color:#1565c0;font-size:1.1rem;margin:0 0 1.5rem}.order-steps{display:flex;flex-direction:column;gap:1rem}.order-step{align-items:flex-start;background:#fff;border-left:4px solid #1976d2;border-radius:6px;display:flex;gap:1rem;padding:1rem}.step-number{align-items:center;background-color:#1976d2;border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:32px;justify-content:center;min-width:32px;width:32px}.step-content{flex:1 1}.step-content strong{color:#1a1a1a;display:block;font-size:.95rem;margin-bottom:.25rem}.step-content p{color:#666;font-size:.85rem;margin:0}.reference-note{background-color:#fff3cd;border-left:4px solid #ffc107;border-radius:6px;margin-top:1.5rem;padding:1.5rem}.reference-note h5{color:#856404;font-size:1rem;margin:0 0 1rem}.reference-note ul{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.reference-note li{color:#856404;display:flex;font-size:.9rem;gap:.75rem}.reference-note strong{color:#333}.export-features{background-color:#f0f7ff;border-radius:6px;margin-top:1.5rem;padding:1.5rem}.export-features h4{color:#1a1a1a;font-size:1rem;margin:0 0 1rem}.export-features ul{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.export-features li{color:#666;font-size:.95rem}@media (max-width:768px){.data-export-container{padding:1rem}.header-title-section h2{font-size:1.5rem}.export-section,.template-section,.upload-section{align-items:flex-start;flex-direction:column}.action-btn{justify-content:center;width:100%}.tab-navigation{flex-wrap:wrap}.results-summary,.sheets-reference{grid-template-columns:1fr}.order-step{flex-direction:column}.step-number{align-self:flex-start}.import-order-summary,.reference-note{margin-left:0;margin-right:0}}.profile-settings{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem}.settings-header{border-bottom:2px solid #f0f0f0;margin-bottom:2rem;padding-bottom:1rem}.settings-header h2{color:#2c3e50;font-size:1.8rem;margin:0}.settings-content{max-width:900px}.info-section,.password-section,.profile-picture-section{margin-bottom:3rem}.profile-picture-container{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:2rem;padding:1.5rem}.profile-picture-preview{border:4px solid #667eea;border-radius:50%;box-shadow:0 4px 12px #667eea4d;height:120px;overflow:hidden;position:relative;width:120px}.profile-pic-img{height:100%;object-fit:cover;width:100%}.profile-pic-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:none;font-size:3.5rem;height:100%;justify-content:center;width:100%}.profile-picture-preview img[style*="display: none"]+.profile-pic-placeholder{display:flex}.profile-picture-upload{flex:1 1}.profile-pic-actions{display:flex;gap:.75rem;margin-bottom:.75rem}.upload-label{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.upload-label:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.remove-pic-btn{align-items:center;background:#fff;border:2px solid #e74c3c;border-radius:8px;color:#e74c3c;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.remove-pic-btn:hover:not(:disabled){background:#e74c3c;box-shadow:0 4px 12px #e74c3c66;color:#fff;transform:translateY(-2px)}.remove-pic-btn:disabled{cursor:not-allowed;opacity:.5}.upload-hint{color:#6c757d;font-size:.85rem}.info-section h3,.password-section h3{color:#2c3e50;font-size:1.3rem;margin-bottom:1.5rem}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-header h3{margin:0}.info-card{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:2rem}.info-grid{grid-gap:1.5rem;gap:1.5rem}.info-field{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;transition:all .3s ease}.info-field:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.field-header{align-items:center;display:flex;gap:.5rem}.field-icon{font-size:1.2rem;line-height:1}.field-label{color:#6c757d;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.field-value{word-wrap:break-word;color:#2c3e50;font-size:1.05rem;font-weight:500;padding-left:1.7rem}.field-value .role-badge .role-label{color:inherit}.password-form{background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:1.5rem;padding:2rem}.password-form .form-group{display:flex;flex-direction:column;gap:.5rem}.password-form label{color:#2c3e50;font-size:.95rem;font-weight:500}.password-form input{border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .3s}.password-form input:focus{border-color:#667eea;outline:none}.password-form small{color:#7f8c8d;font-size:.85rem}.form-actions{display:flex;gap:1rem;margin-top:1rem}.error-message{border:1px solid #fcc;font-size:.9rem;padding:.875rem}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724;font-size:.9rem;margin-bottom:1rem;padding:.875rem;text-align:center}.action-palette-inline{background:#f8f9fa}.action-btn.action-primary:hover{background:linear-gradient(135deg,#5568d3,#663a8e)}@media (max-width:768px){.profile-settings{padding:1rem}.settings-header h2{font-size:1.5rem}.profile-picture-container{align-items:center;flex-direction:column;gap:1.5rem}.info-grid{grid-template-columns:1fr}.info-card{padding:1.25rem}.info-field{padding:1rem}.field-value{font-size:.95rem}.profile-pic-actions{flex-direction:column;width:100%}.remove-pic-btn,.upload-label{justify-content:center;width:100%}}.session-expiration-overlay{align-items:center;animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.session-expiration-overlay.urgent{background:#000000d9}.session-expiration-modal{animation:slideUp .4s ease-out;background:#fff;border:2px solid #f39c12;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:40px;position:relative;width:90%}.session-expiration-modal.pulse{animation:slideUp .4s ease-out,pulse 1.5s ease-in-out infinite;border-color:#e74c3c}.warning-header{align-items:center;display:flex;flex-direction:column;gap:12px;margin-bottom:24px;text-align:center}.warning-icon{animation:bounce 1s ease-in-out infinite;font-size:48px}.warning-header h2{color:#2c3e50;font-size:24px;font-weight:600;margin:0}.warning-message{margin-bottom:24px;text-align:center}.primary-message{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 8px}.secondary-message{color:#7f8c8d;font-size:14px;line-height:1.5;margin:0}.timer-display{background:#ecf0f1;border:2px solid #bdc3c7;border-radius:8px;margin-bottom:24px;padding:20px;text-align:center}.timer-display.warning{background:#fff3cd;border-color:#f39c12}.timer-display.critical{animation:warningPulse 1s ease-in-out infinite;background:#fee;border-color:#e74c3c}.timer-label{color:#7f8c8d;font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.timer-value{color:#f39c12;font-family:Courier New,monospace;font-size:48px;font-weight:700;letter-spacing:2px;line-height:1}.timer-value.flashing{animation:flash .5s ease-in-out infinite}.timer-display.critical .timer-value{color:#e74c3c}.warning-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.btn-continue,.btn-logout{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;outline:none;padding:12px 20px;transition:all .3s ease}.btn-continue{background:#27ae60;border:2px solid #27ae60;color:#fff}.btn-continue:hover{background:#229954;border-color:#229954;box-shadow:0 8px 16px #27ae604d;transform:translateY(-2px)}.btn-continue:active{transform:translateY(0)}.btn-continue.pulse-button{animation:buttonPulse 1s ease-in-out infinite}.btn-logout{background:#e74c3c;border:2px solid #e74c3c;color:#fff}.btn-logout:hover{background:#c0392b;border-color:#c0392b;box-shadow:0 8px 16px #e74c3c4d;transform:translateY(-2px)}.btn-logout:active{transform:translateY(0)}.btn-icon{align-items:center;display:flex;font-size:18px;justify-content:center}.btn-text{font-size:14px}.warning-footer{background:#f8f9fa;border-left:4px solid #f39c12;border-radius:6px;padding:12px;text-align:center}.footer-text{color:#7f8c8d;font-size:12px;line-height:1.5;margin:0}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{box-shadow:0 20px 60px #0000004d}50%{box-shadow:0 20px 80px #e74c3c66}}@keyframes warningPulse{0%,to{background:#fee}50%{background:#ffe6e6}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:.6}}@keyframes buttonPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:768px){.session-expiration-modal{padding:24px;width:95%}.warning-header h2{font-size:20px}.timer-value,.warning-icon{font-size:40px}.btn-continue,.btn-logout{font-size:14px;padding:10px 16px}}@media (max-width:480px){.session-expiration-modal{border-radius:8px;padding:20px}.warning-header h2{font-size:18px}.warning-icon{font-size:36px}.primary-message{font-size:14px}.secondary-message{font-size:12px}.timer-value{font-size:36px}.btn-continue,.btn-logout{font-size:13px;padding:10px 12px}.btn-icon{font-size:16px}}.logout-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.logout-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:500px;overflow:hidden;width:90%}.logout-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.5rem}.logout-modal-header h2{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0}.logout-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#999;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.logout-modal-close:hover:not(:disabled){background-color:#f5f5f5;color:#333}.logout-modal-close:disabled{cursor:not-allowed;opacity:.6}.logout-modal-body{padding:1.5rem}.logout-modal-intro{color:#555;font-size:.95rem;font-weight:500;margin:0 0 1rem}.logout-option{align-items:flex-start;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem;transition:all .2s ease}.logout-option:hover:not(:has(input:disabled)){background-color:#f8faff;border-color:#667eea}.logout-option.selected{background-color:#f0f7ff;border-color:#667eea}.logout-option input[type=radio]{accent-color:#667eea;cursor:pointer;height:18px;margin-top:.3rem;width:18px}.logout-option input[type=radio]:disabled{cursor:not-allowed;opacity:.6}.logout-option-label{cursor:pointer;flex:1 1;margin:0}.logout-option-title{align-items:center;color:#2c3e50;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:.25rem}.logout-option-icon{font-size:1.2rem}.logout-option-text{color:#2c3e50}.logout-option-description{color:#777;font-size:.85rem;line-height:1.4;margin-left:1.7rem}.logout-modal-note{align-items:flex-start;background-color:#f0f7ff;border-left:4px solid #667eea;border-radius:4px;color:#555;display:flex;font-size:.85rem;gap:.5rem;margin:1rem 0 0;padding:.75rem 1rem}.note-icon{flex-shrink:0;font-size:1rem}.note-text{line-height:1.4}.logout-modal-footer{background-color:#fafafa;border-top:1px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.logout-modal-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;justify-content:center;min-width:100px;padding:.7rem 1.5rem;transition:all .2s ease}.logout-modal-btn:disabled{cursor:not-allowed;opacity:.6}.logout-modal-btn-cancel{background-color:#f0f0f0;border:1px solid #ddd;color:#333}.logout-modal-btn-cancel:hover:not(:disabled){background-color:#e8e8e8;border-color:#ccc}.logout-modal-btn-confirm{background-color:#667eea;color:#fff}.logout-modal-btn-confirm:hover:not(:disabled){background-color:#5568d3;box-shadow:0 4px 12px #667eea66}.spinner-small{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}@media (max-width:480px){.logout-modal-content{max-width:100%;width:95%}.logout-modal-body,.logout-modal-footer,.logout-modal-header{padding:1rem}.logout-modal-header h2{font-size:1.1rem}.logout-modal-footer{flex-direction:column-reverse}.logout-modal-btn{width:100%}}.logo-container{align-items:center;display:flex;gap:.6rem;max-width:100%;min-width:0;overflow:hidden}.logo-svg{flex-shrink:0}.logo-text{display:flex;flex:1 1;flex-direction:column;line-height:1.1;min-width:0}.logo-title{font-size:1.1rem;font-weight:700;letter-spacing:-.3px;line-height:1.1}.logo-location{margin-top:.1rem;opacity:.75}.logo-department,.logo-location{align-items:center;display:flex;font-size:.75rem;font-weight:500;gap:.2rem;letter-spacing:.2px}.logo-department{margin-top:.05rem;opacity:.8}.logo-context-container{align-items:center;display:flex;flex-direction:row;gap:.5rem;margin-top:.1rem;max-width:100%;min-width:0;overflow:hidden}.dept-badge-container{background:#0000;border:none;border-radius:0;box-shadow:none;font-size:.75rem;font-weight:600;gap:.3rem;height:auto;min-width:0;padding:0}.dept-badge-container,.dept-icon{align-items:center;color:#ffffffe6;display:flex}.dept-icon{flex-shrink:0;font-size:.9rem}.dept-name{color:#ffffffe6;font-weight:700;letter-spacing:.3px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.location-badge-container{background:#0000;border:none;border-radius:0;box-shadow:none;font-size:.75rem;font-weight:500;gap:.3rem;height:auto;letter-spacing:.2px;min-width:0;padding:0}.location-badge-container,.location-icon{align-items:center;color:#ffffffe6;display:flex}.location-icon{flex-shrink:0;font-size:.8rem}.location-name{color:#ffffffe6!important;font-size:.95rem;letter-spacing:.2px}.location-name,.logo-all-locations{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-all-locations{font-size:.95rem!important;max-width:100%;opacity:.85}.logo-small .logo-title{font-size:1rem}.logo-small .logo-department,.logo-small .logo-location{font-size:.7rem}.logo-small .logo-context-container{gap:.35rem;margin-top:.08rem}.logo-small .dept-badge-container{font-size:.68rem;height:auto;padding:0}.logo-small .dept-icon{font-size:.8rem}.logo-small .location-badge-container{font-size:.68rem;height:auto;padding:0}.logo-small .location-icon{font-size:.75rem}.logo-medium .logo-title{font-size:1.3rem}.logo-medium .logo-location{font-size:.85rem}.logo-medium .logo-department{font-size:.8rem}.logo-medium .logo-context-container{gap:.4rem}.logo-medium .dept-badge-container{font-size:.75rem;height:auto;padding:0}.logo-medium .dept-icon{font-size:.9rem}.logo-medium .location-badge-container{font-size:.75rem;height:auto;padding:0}.logo-medium .location-icon{font-size:.8rem}.logo-large .logo-title{font-size:1.6rem}.logo-large .logo-location{font-size:1rem}.logo-large .logo-department{font-size:.95rem}.logo-large .logo-context-container{gap:.45rem}.logo-large .dept-badge-container{font-size:.8rem;height:auto;padding:0}.logo-large .dept-icon{font-size:1rem}.logo-large .location-badge-container{font-size:.8rem;height:auto;padding:0}.logo-large .location-icon{font-size:.85rem}.logo-text-light{color:#fff}.logo-text-dark{color:#2c3e50}.logo-container:hover .logo-svg{transform:scale(1.05);transition:transform .3s ease}.logo-svg{transition:transform .3s ease}@media (max-width:768px){.logo-container{gap:.5rem}.logo-title{font-size:1.2rem}.logo-subtitle{font-size:.65rem}}.user-menu{position:relative}.user-menu-trigger{align-items:center;background:#0000;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;gap:.5rem;padding:.3rem;position:relative;transition:all .3s ease}.user-menu-trigger:hover{background:#ffffff1f;border-color:#ffffffb3;box-shadow:0 6px 16px #0000002e;transform:translateY(-2px)}.user-menu-trigger:hover .user-avatar{box-shadow:0 6px 16px #667eea80,0 0 0 4px #fff3,inset 0 1px 2px #fff6;transform:scale(1.08)}.user-menu-trigger.avatar-only{gap:.3rem;padding:.25rem .35rem}.org-badge-modern{display:none}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff6;border-radius:50%;box-shadow:0 4px 12px #667eea66,0 0 0 3px #ffffff26,inset 0 1px 2px #ffffff4d;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.avatar-img{height:100%;object-fit:cover;width:100%}.avatar-icon{filter:drop-shadow(0 1px 2px rgba(255,255,255,.2));font-size:1.3rem;text-shadow:0 1px 3px #0000001a}.avatar-placeholder{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.avatar-placeholder:before{background:radial-gradient(circle at 30% 30%,#ffffff26 0,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute}.user-details{display:none}.user-name-modern{font-size:.85rem;font-weight:600;line-height:1.2;white-space:nowrap}.user-role-modern{border-radius:8px;display:inline-block;font-size:.75rem;font-weight:500;line-height:1.4;padding:.35rem .45rem;text-transform:capitalize;white-space:nowrap}.user-role-modern.role-admin{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.user-role-modern.role-user{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.user-role-modern.role-superadmin{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.user-role-modern.role-bme_manager{background:linear-gradient(135deg,#9c27b0,#7b1fa2);color:#fff}.user-role-modern.role-department_manager{background:linear-gradient(135deg,#1e88e5,#1565c0);color:#fff}.user-role-modern.role-department_custodian{background:linear-gradient(135deg,#26a69a,#00897b);color:#fff}.user-role-modern.role-bme_engineer{background:linear-gradient(135deg,#5e35b1,#4527a0);color:#fff}.user-role-modern.role-manager{background:linear-gradient(135deg,#00897b,#004d40);color:#fff}.user-role-modern.role-coordinator{background:linear-gradient(135deg,#7e57c2,#5e35b1);color:#fff}.user-role-modern.role-technician{background:linear-gradient(135deg,#ec407a,#c2185b);color:#fff}.user-role-modern.role-custodian{background:linear-gradient(135deg,#0277bd,#01579b);color:#fff}.user-role-modern.role-central_help_desk{background:linear-gradient(135deg,#f57c00,#d84315);color:#fff}.dropdown-arrow{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #fff6;border-radius:50%;bottom:-2px;box-shadow:0 2px 6px #667eea66,0 0 0 2px #ffffff4d;color:#fff;display:flex;font-size:.6rem;height:16px;justify-content:center;opacity:.95;position:absolute;right:-2px;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);width:16px}.dropdown-arrow.open{transform:rotate(180deg)}.user-dropdown{animation:dropdownSlideIn .25s cubic-bezier(.4,0,.2,1);background:#fff;border:1px solid #0000000d;border-radius:12px;box-shadow:0 10px 32px #0000001f,0 0 1px #00000014;min-width:240px;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:10000}@keyframes dropdownSlideIn{0%{filter:blur(0);opacity:0;transform:translateY(-12px) scale(.96)}to{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:1rem;position:relative}.dropdown-header:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:1px}.dropdown-header:after,.dropdown-header:before{content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.dropdown-header:after{background:radial-gradient(circle at 20% 50%,#ffffff0d 0,#0000 50%);bottom:0}.dropdown-user-info{display:flex;flex-direction:column;gap:.35rem;position:relative;z-index:1}.dropdown-name{font-size:.95rem;font-weight:700;letter-spacing:.2px;text-shadow:0 1px 2px #0000001a}.dropdown-email{font-size:.8rem;opacity:.9}.dropdown-divider{background:#e9ecef;height:1px}.dropdown-item{align-items:center;background:#fff;border:none;color:#495057;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;overflow:hidden;padding:.85rem 1rem;position:relative;text-align:left;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.dropdown-item:before{background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;content:"";left:0;position:absolute;top:0;transform:translateX(-3px);transition:transform .25s cubic-bezier(.4,0,.2,1);width:3px}.dropdown-item:hover{background:linear-gradient(90deg,#667eea0d,#0000);color:#667eea;padding-left:1.25rem}.dropdown-item:hover:before{transform:translateX(0)}.dropdown-item.logout-item:hover{background:linear-gradient(90deg,#e74c3c14,#0000);color:#e74c3c}.dropdown-item.logout-item:hover:before{background:linear-gradient(135deg,#e74c3c,#c0392b);transform:translateX(0)}.dropdown-icon{font-size:1.1rem;line-height:1}@media (max-width:1200px){.user-menu-trigger{gap:.4rem;padding:.35rem .55rem}.org-badge-modern{font-size:.7rem;padding:.25rem .5rem}.user-name-modern{font-size:.8rem}.user-role-modern{font-size:.6rem}.user-avatar{height:30px;width:30px}}@media (max-width:992px){.user-menu-trigger{gap:.35rem;padding:.35rem .5rem}.org-badge-modern{font-size:.65rem;padding:.25rem .45rem}.user-avatar{height:28px;width:28px}.user-name-modern{font-size:.75rem}.user-role-modern{font-size:.6rem;padding:.1rem .35rem}}@media (max-width:768px){.user-details{display:none}.user-menu-trigger{gap:.3rem;padding:.3rem .45rem}.user-avatar{height:28px;width:28px}.user-dropdown{min-width:200px}}@media (max-width:640px){.org-badge-modern{display:none}.dropdown-arrow{font-size:.6rem}.user-avatar{height:26px;width:26px}.user-dropdown{min-width:180px}.dropdown-header{padding:.75rem}.dropdown-item{padding:.75rem .85rem}.dropdown-item,.dropdown-name{font-size:.85rem}.user-role-modern{font-size:.65rem;padding:.2rem .3rem}}@media (max-width:500px){.user-menu-trigger{gap:.15rem;padding:.25rem .3rem}.user-avatar{height:24px;width:24px}.avatar-icon{font-size:1rem}.dropdown-arrow{bottom:-1px;font-size:.5rem;height:14px;right:-1px;width:14px}.user-dropdown{min-width:160px}.dropdown-header{padding:.6rem}.dropdown-item{font-size:.8rem;gap:.5rem;padding:.65rem .75rem}.dropdown-icon{font-size:.95rem}.dropdown-name{font-size:.75rem}.user-role-modern{font-size:.6rem;padding:.15rem .25rem}}.alerts-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem}.alerts-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.loading-state{color:#374151;font-size:1.5rem;padding:4rem}.error-message,.loading-state{font-weight:700;text-align:center}.error-message{background:#fef2f2;border:3px solid #dc2626;border-radius:12px;color:#991b1b;font-size:1.1rem;margin-bottom:1.5rem;padding:1.5rem}.alerts-summary-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.alert-summary-card{align-items:center;background:#fff;border-left:4px solid;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;justify-content:space-between;min-height:130px;padding:.75rem;text-align:center;transition:all .3s ease}.alert-summary-card.clickable{cursor:pointer}.alert-summary-card.clickable:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.alert-summary-card.critical{border-left-color:#dc2626}.alert-summary-card.warning{border-left-color:#f59e0b}.alert-summary-card.info{border-left-color:#3b82f6}.alert-summary-card.total{border-left-color:#8b5cf6}.summary-card-header{align-items:center;border-bottom:none;display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem;padding-bottom:0;width:100%}.summary-card-icon{font-size:1.75rem}.summary-card-header h3{color:#2c3e50;font-size:.9rem;font-weight:700;letter-spacing:.3px;margin:0;text-transform:uppercase}.summary-card-value{color:#2c3e50;font-size:2.2rem;font-weight:900;line-height:1;margin-bottom:.5rem}.summary-card-label{color:#6c757d;font-size:.8rem;font-weight:500;margin-top:auto;text-align:center}.alert-filters-clean{border-bottom:3px solid #e9ecef;display:flex;gap:.5rem;margin-bottom:2rem;padding-bottom:0}.filter-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:-3px;padding:1rem 1.5rem;transition:all .3s ease}.filter-tab:hover{background:#667eea0d;color:#667eea}.filter-tab.active{background:#667eea1a;border-bottom-color:#667eea;color:#667eea}.alerts-grid-clean{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.alert-card-clean{background:#fff;border:2px solid #e9ecef;border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s ease}.alert-card-clean:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.alert-card-clean.priority-critical{background:linear-gradient(135deg,#fef2f2,#fff);border-color:#dc2626}.alert-card-clean.priority-warning{background:linear-gradient(135deg,#fffbeb,#fff);border-color:#f59e0b}.alert-card-clean.priority-info{background:linear-gradient(135deg,#eff6ff,#fff);border-color:#3b82f6}.alert-card-header-clean{align-items:center;display:flex;justify-content:space-between}.alert-icons-clean{align-items:center;display:flex;gap:.5rem}.priority-icon-clean{font-size:1.8rem}.type-icon-clean{font-size:1.4rem;opacity:.7}.priority-badge-clean{border-radius:12px;font-size:.75rem;font-weight:700;padding:.4rem .85rem;text-transform:uppercase}.priority-badge-clean.priority-critical{background:#fee2e2;color:#991b1b}.priority-badge-clean.priority-warning{background:#fef3c7;color:#d97706}.priority-badge-clean.priority-info{background:#dbeafe;color:#1e40af}.alert-title-clean{color:#2c3e50;font-size:1.15rem;font-weight:800;line-height:1.3;margin-bottom:.75rem}.alert-message-clean{color:#495057;font-size:.95rem;font-weight:500;line-height:1.5;margin-bottom:1rem}.alert-device-info{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.serial-badge{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#667eea;font-family:Courier New,monospace;font-weight:600}.location-badge,.serial-badge{font-size:.85rem;padding:.35rem .75rem}.location-badge{border-radius:6px}.alert-view-btn{align-items:center;background:#fff;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:.5rem;justify-content:center;padding:.75rem;transition:all .3s ease;width:100%}.alert-view-btn:hover{background:#667eea;color:#fff;transform:translateY(-1px)}.action-btn-compact{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 4px #00000026;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;letter-spacing:.5px;padding:.75rem 1.25rem;text-transform:uppercase;transition:all .3s ease}.action-btn-compact.action-primary{background:#1e3a8a;border:3px solid #1e40af;color:#fff}.action-btn-compact.action-primary:hover{background:#1e40af;box-shadow:0 4px 10px #1e3a8a66;transform:translateY(-2px)}.action-icon-sm{font-size:1.2rem;line-height:1}.no-alerts-clean{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;grid-column:1/-1;padding:4rem 2rem;text-align:center}.no-alerts-clean h3{color:#2c3e50;font-size:1.4rem;font-weight:700;margin-bottom:.5rem}.no-alerts-clean p{color:#6c757d;font-size:1rem;font-weight:500}.action-palette-inline{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 2px 6px #00000014;padding:.75rem 1rem}.action-btn{border-radius:6px;box-shadow:0 2px 4px #0000001a;font-weight:500;transition:all .3s ease}.action-btn:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.action-btn.action-secondary{background:#fff;border:2px solid #dee2e6;color:#495057}.action-btn.action-secondary:hover{background:#f8f9fa;border-color:#adb5bd}@media (max-width:992px){.alerts-grid-clean,.alerts-summary-grid{grid-template-columns:repeat(2,1fr)}.filter-tab{font-size:.9rem;padding:.85rem 1.25rem}}@media (max-width:768px){.alerts-container{padding:1rem}.alerts-header{align-items:flex-start;flex-direction:column;gap:1rem}.alerts-summary-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.alert-summary-card{min-height:110px;padding:1rem}.summary-card-icon{font-size:1.5rem}.summary-card-value{font-size:1.8rem}.summary-card-header h3{font-size:.8rem}.alerts-grid-clean{grid-template-columns:1fr}.filter-tab{font-size:.85rem;padding:.75rem 1rem}}@media (max-width:640px){.alerts-summary-grid{grid-template-columns:1fr}.alert-summary-card{min-height:110px;padding:.9rem}.summary-card-icon{font-size:1.4rem}.summary-card-value{font-size:1.6rem}.summary-card-header h3{font-size:.75rem}.summary-card-label{font-size:.7rem}.filter-tab{flex:1 1;text-align:center}.alert-filters-clean{border-bottom:none;flex-direction:column}.filter-tab{border-bottom:2px solid #e9ecef;border-radius:0;margin-bottom:0}.filter-tab.active{border-bottom-color:#e9ecef;border-left:4px solid #667eea}}.alerts-filters-section{background:linear-gradient(135deg,#fff,#f8f9ff);border:1px solid #e6ecff;border-radius:12px;box-shadow:0 4px 12px #667eea14;margin-bottom:1.5rem;padding:1.25rem}.search-bar{margin-bottom:1rem}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{font-size:1rem;left:.75rem}.search-input{border:2px solid #e6ecff;color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem;padding:.6rem .75rem .6rem 2.4rem;transition:all .3s ease}.search-input::placeholder{color:#adb5bd;font-size:.9rem}.search-input:hover{background:linear-gradient(135deg,#fff,#f0f4ff);border-color:#667eea}.search-input:focus{background:#fff;box-shadow:0 0 0 3px #667eea26}.search-clear{align-items:center;background:none;border:none;color:#adb5bd;cursor:pointer;display:flex;font-size:.9rem;justify-content:center;padding:.2rem;position:absolute;right:.75rem;transition:all .2s ease}.search-clear:hover{color:#667eea;transform:scale(1.15)}.filters-control-row{grid-gap:1rem;align-items:flex-end;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.filter-group{flex-direction:column;gap:.4rem}.filter-group label{color:#2c3e50;font-size:.8rem;font-weight:700;letter-spacing:0;text-transform:none}.filter-select{background:#fff;border:2px solid #e6ecff;border-radius:6px;color:#2c3e50;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.85rem;font-weight:500;padding:.55rem .85rem;transition:all .3s ease}.filter-select:hover{background:linear-gradient(135deg,#fff,#f0f4ff);border-color:#667eea;box-shadow:0 2px 8px #667eea1a;transform:translateY(-1px)}.filter-select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea26;outline:none}.toggle-archived{align-items:center;background:#fff;border:2px solid #e6ecff;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.toggle-icon{font-size:1.1rem}.toggle-text{letter-spacing:.3px}.toggle-archived:hover{background:linear-gradient(135deg,#fff,#f0f4ff);border-color:#667eea;box-shadow:0 2px 8px #667eea1a;color:#667eea;transform:translateY(-1px)}.toggle-archived.active{background:linear-gradient(135deg,#667eea,#5a67d8);border-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff}.alerts-list-container{display:flex;flex-direction:column;gap:1.75rem}.alert-group{border:1px solid #e9ecef;border-radius:8px;overflow:hidden}.alert-group-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:2px solid #e9ecef;cursor:pointer;display:flex;justify-content:space-between;padding:1.25rem 1.5rem;transition:all .3s ease;-webkit-user-select:none;user-select:none}.alert-group-header:hover{background:linear-gradient(135deg,#f0f1f3,#f8f9fa)}.group-header-content{align-items:center;display:flex;flex:1 1;gap:1rem}.expand-icon{align-items:center;display:inline-flex;font-size:.9rem;height:24px;justify-content:center;transition:transform .3s ease;width:24px}.expand-icon.expanded{transform:rotate(90deg)}.group-title{color:#2c3e50;font-size:1.1rem;font-weight:700;margin:0}.group-count{color:#6c757d;font-size:.95rem;font-weight:600}.alert-group-items{padding:1rem}.alert-card,.alert-group-items{background:#fff;display:flex;flex-direction:column;gap:.75rem}.alert-card{border:2px solid #e9ecef;border-radius:10px;padding:1.25rem;transition:all .3s ease}.alert-card:hover{border-color:#adb5bd;box-shadow:0 4px 12px #0000001a}.alert-card.alert-priority-critical{background:linear-gradient(135deg,#fef2f2,#fff);border-color:#dc2626;border-left:4px solid #dc2626}.alert-card.alert-priority-warning{background:linear-gradient(135deg,#fffbeb,#fff);border-color:#f59e0b;border-left:4px solid #f59e0b}.alert-card.alert-priority-info{background:linear-gradient(135deg,#eff6ff,#fff);border-color:#3b82f6;border-left:4px solid #3b82f6}.alert-card.alert-status-acknowledged{opacity:.75}.alert-card.alert-status-snoozed{opacity:.7}.alert-card.alert-status-archived{background:#f8f9fa;opacity:.6}.alert-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.alert-icons{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.priority-icon{font-size:1.6rem}.type-icon{font-size:1.3rem;opacity:.7}.status-badge{background:#667eea;border-radius:50%;color:#fff;font-size:.85rem;height:24px;margin-left:.5rem;width:24px}.alert-title-section{align-items:flex-start;cursor:pointer;display:flex;flex:1 1;gap:.5rem;justify-content:space-between}.alert-title{color:#2c3e50;font-size:1.05rem;font-weight:700;line-height:1.4;margin:0}.expand-toggle{color:#6c757d;flex-shrink:0;font-size:1.2rem;-webkit-user-select:none;user-select:none}.alert-card-content{flex:1 1}.alert-message{color:#495057;font-size:.95rem;font-weight:500;line-height:1.5;margin:0 0 .75rem}.alert-metadata{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.location-badge{background:#e0e7ff;border-radius:4px;color:#4f46e5;font-size:.8rem;font-weight:600;padding:.3rem .7rem}.created-date{color:#6c757d;font-size:.8rem;font-weight:500}.alert-details{background:#f8f9fa;border-left:3px solid #667eea;border-radius:6px;margin-top:.5rem;padding:1rem}.detail-row{gap:1rem;padding:.5rem 0}.detail-label{color:#495057;min-width:100px}.detail-value{color:#6c757d}.alert-actions{border-top:1px solid #e9ecef;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;padding-top:.5rem}.btn-action{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.55rem 1rem;transition:all .3s ease;white-space:nowrap}.btn-action:hover{background:#f8f9fa;border-color:#adb5bd;transform:translateY(-1px)}.btn-view{border-color:#667eea;color:#667eea;font-weight:700}.btn-view:hover{background:#667eea;color:#fff}.btn-acknowledge{border-color:#10b981;color:#10b981}.btn-acknowledge:hover{background:#10b981;color:#fff}.btn-snooze{border-color:#f59e0b;color:#f59e0b}.btn-snooze:hover{background:#f59e0b;color:#fff}.btn-archive{border-color:#6c757d;color:#6c757d}.btn-archive:hover{background:#6c757d;color:#fff}.no-alerts-message{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;padding:4rem 2rem;text-align:center}.no-alerts-icon{font-size:4rem;margin-bottom:1rem}.no-alerts-message h3{color:#2c3e50;font-size:1.4rem;font-weight:700;margin-bottom:.5rem}.no-alerts-message p{color:#6c757d;font-size:1rem;font-weight:500}@media (max-width:768px){.filters-control-row{grid-template-columns:1fr}.alert-card-header{flex-direction:column}.alert-actions{gap:.4rem}.btn-action{flex:1 1;font-size:.8rem;justify-content:center;min-width:0;padding:.5rem .75rem}.detail-row{flex-direction:column;gap:.25rem}.detail-label{min-width:auto}}@media (max-width:640px){.alert-card,.alerts-filters-section{padding:1rem}.alert-title{font-size:.95rem}.alert-message{font-size:.85rem}.btn-action{font-size:.75rem;gap:.3rem;padding:.45rem .65rem}}.table-controls-section{align-items:center;display:flex;gap:1rem;justify-content:flex-start;margin-bottom:1.5rem;padding:0}.view-mode-buttons{align-items:center;background:linear-gradient(135deg,#fff,#f8f9ff);border:2px solid #e6ecff;border-radius:10px;display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem}.view-mode-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:.4rem;justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;padding:.6rem 1.1rem;transition:all .3s ease}.view-mode-btn:hover{background:#667eea1a;color:#667eea}.view-mode-btn.active{background:linear-gradient(135deg,#667eea,#5a67d8);box-shadow:0 2px 8px #667eea33;color:#fff}.view-mode-icon{font-size:1rem;line-height:1}.view-mode-text{letter-spacing:.3px}.alerts-table-container{display:flex;flex-direction:column;gap:1.5rem}.bulk-actions-toolbar{align-items:center;animation:slideDown .2s ease;background:linear-gradient(135deg,#f0f4ff,#fff);border:1px solid #667eea;border-radius:8px;display:flex;gap:1.5rem;justify-content:space-between;padding:1rem 1.5rem}.bulk-actions-info{align-items:center;display:flex;gap:1rem}.bulk-count{color:#667eea;font-size:.9rem;font-weight:700}.bulk-clear-btn{background:#fff;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:.8rem;font-weight:600;padding:.4rem .8rem;transition:all .2s ease}.bulk-clear-btn:hover{background:#f0f0f0;color:#495057}.bulk-action-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.bulk-action-btn{background:#fff;border:1px solid #667eea;border-radius:6px;color:#667eea;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1.25rem;transition:all .2s ease}.bulk-action-btn:hover:not(:disabled){background:#667eea;color:#fff;transform:translateY(-1px)}.bulk-action-btn:disabled{cursor:not-allowed;opacity:.5}.bulk-action-btn.bulk-acknowledge{border-color:#10b981;color:#10b981}.bulk-action-btn.bulk-acknowledge:hover:not(:disabled){background:#10b981;color:#fff}.bulk-action-btn.bulk-snooze{border-color:#f59e0b;color:#f59e0b}.bulk-action-btn.bulk-snooze:hover:not(:disabled){background:#f59e0b;color:#fff}.bulk-action-btn.bulk-archive{border-color:#6c757d;color:#6c757d}.bulk-action-btn.bulk-archive:hover:not(:disabled){background:#6c757d;color:#fff}.alert-group-section{border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.alert-group-header-table{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:2px solid #e9ecef;cursor:pointer;display:flex;justify-content:space-between;padding:1.25rem 1.5rem;transition:all .3s ease;-webkit-user-select:none;user-select:none}.alert-group-header-table:hover{background:linear-gradient(135deg,#f0f1f3,#f8f9fa)}.alert-group-table-wrapper{background:#fff;overflow-x:auto}.alerts-table{border-collapse:collapse;font-size:.8rem;width:100%}.alerts-table-header{background:#f8f9fa;border-bottom:2px solid #e9ecef;font-weight:700;text-align:left}.alerts-table thead th{border-right:1px solid #e9ecef;color:#495057;font-size:.75rem;font-weight:700;letter-spacing:.3px;padding:.7rem;text-transform:uppercase;vertical-align:middle}.alerts-table thead th:last-child{border-right:none}.alert-checkbox,.select-all-checkbox{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.alert-table-row{border-bottom:1px solid #e9ecef;transition:all .2s ease}.alert-table-row:hover{background:#f8f9fa}.alert-table-row.selected{background:#f0f4ff}.alert-table-row.selected:hover{background:#e6ecff}.alert-table-row.alert-priority-critical{border-left:4px solid #dc2626}.alert-table-row.alert-priority-warning{border-left:4px solid #f59e0b}.alert-table-row.alert-priority-info{border-left:4px solid #3b82f6}.alert-table-row.alert-status-acknowledged{opacity:.75}.alert-table-row.alert-status-snoozed{opacity:.7}.alert-table-row.alert-status-archived{background:#fafbfc;opacity:.6}.alerts-table tbody td{border-right:1px solid #e9ecef;color:#495057;padding:.6rem .7rem;vertical-align:middle}.alerts-table tbody td:last-child{border-right:none}.col-checkbox{min-width:45px;text-align:center;width:45px}.col-priority{min-width:75px;width:75px}.col-type{min-width:85px;width:85px}.col-device{min-width:110px;width:110px}.col-location{min-width:100px;width:100px}.col-message{flex:1 1;min-width:220px}.col-status-date{min-width:130px;width:130px}.priority-cell{align-items:center;display:flex;font-size:.75rem;font-weight:600;gap:.3rem;text-transform:capitalize}.priority-icon{flex-shrink:0;font-size:1.2rem;line-height:1}.priority-label,.type-cell{font-size:.75rem}.type-cell{align-items:center;display:flex;gap:.3rem;text-transform:capitalize}.type-icon{line-height:1}.type-label{font-size:.75rem}.device-name{color:#6c757d;margin-top:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-stack,.location-stack{display:flex;flex-direction:column;gap:.25rem}.department-with-icon{align-items:center;display:flex;gap:.35rem;min-width:0}.department-icon{font-size:.95rem}.department-text{color:#495057;font-size:.8rem!important}.department-text,.location-text{display:block;overflow:hidden;text-overflow:ellipsis}.location-text{color:#6c757d;font-size:.7rem;white-space:nowrap}.message-text{word-wrap:break-word;color:#495057;display:block;font-size:.75rem;line-height:1.4;overflow:visible;text-overflow:clip;white-space:normal}.status-date-stack{display:flex;flex-direction:column;gap:.35rem}.status-cell{align-items:center;background:#f8f9fa;border-radius:3px;display:inline-flex;font-size:.7rem;font-weight:600;gap:.25rem;padding:.3rem .5rem;width:-webkit-fit-content;width:fit-content}.status-icon{font-size:.85rem;line-height:1}.status-label{font-size:.7rem;text-transform:capitalize}.alert-date-text{color:#6c757d;display:block;font-size:.7rem;font-weight:500;padding:.2rem 0;white-space:nowrap}.actions-cell{align-items:flex-start;display:flex;flex-direction:column;gap:.3rem;justify-content:center;max-width:100%;padding:.4rem 0}.actions-cell.inline-actions{opacity:.5;transition:opacity .2s ease}.alert-table-row:hover .actions-cell.inline-actions{opacity:1}.action-btn-inline{align-items:center;background:#fff;border:1px solid;border-radius:12px;cursor:pointer;display:inline-flex;font-size:.65rem;font-weight:600;gap:.25rem;height:20px;justify-content:center;line-height:1;padding:.25rem .6rem;text-transform:capitalize;transition:all .2s ease;white-space:nowrap}.action-btn-inline:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.action-btn-inline.action-view{border-color:#667eea;color:#667eea}.action-btn-inline.action-view:hover{background:#f0f4ff}.action-btn-inline.action-acknowledge{border-color:#10b981;color:#10b981}.action-btn-inline.action-acknowledge:hover{background:#f0fdf4}.action-btn-inline.action-snooze{border-color:#f59e0b;color:#f59e0b}.action-btn-inline.action-snooze:hover{background:#fffbeb}.action-btn-inline.action-archive{border-color:#6c757d;color:#6c757d}.action-btn-inline.action-archive:hover{background:#f3f4f6}@media (max-width:1200px){.col-message{min-width:150px}.message-text{max-width:150px}}@media (max-width:992px){.alerts-table{font-size:.78rem}.alerts-table tbody td,.alerts-table thead th{padding:.55rem .6rem}.col-checkbox{min-width:45px;width:45px}.col-priority{width:70px}.col-type{width:80px}.col-device{width:100px}.col-location{width:90px}.col-message{min-width:180px}.col-status-date{min-width:125px;width:125px}}@media (max-width:768px){.view-mode-buttons{gap:.4rem;padding:.4rem}.view-mode-btn{flex-basis:calc(50% - 0.2rem);flex-grow:0;flex-shrink:1;font-size:.8rem;padding:.5rem .8rem}.alerts-table-container{gap:1rem}.bulk-actions-toolbar{align-items:flex-start;flex-direction:column;gap:1rem;padding:.85rem 1rem}.bulk-actions-info{width:100%}.bulk-action-buttons{gap:.5rem;width:100%}.bulk-action-btn{flex:1 1;font-size:.8rem;padding:.45rem .75rem}.alert-group-header-table{padding:.85rem}.alerts-table{font-size:.75rem}.alerts-table tbody td,.alerts-table thead th{padding:.5rem .35rem}.col-checkbox{min-width:45px;width:45px}.col-location,.col-message{display:none}.col-priority,.col-type{width:65px}.col-device{width:80px}.col-status-date{min-width:110px;width:110px}.action-btn-inline{font-size:.6rem;height:18px;padding:.2rem .5rem}.priority-icon{font-size:1rem}.type-icon{font-size:.9rem}.device-name,.status-cell{font-size:.65rem}.status-cell{padding:.2rem .4rem}.alert-date-text{font-size:.65rem}}@media (max-width:640px){.view-mode-buttons{gap:.3rem;padding:.3rem;width:100%}.view-mode-btn{flex-basis:calc(50% - 0.15rem);flex-grow:0;flex-shrink:1;font-size:.75rem;padding:.45rem .65rem}.view-mode-icon{font-size:.9rem}.bulk-action-buttons{flex-wrap:wrap}.bulk-action-btn{flex-basis:calc(50% - 0.25rem);flex-grow:0;flex-shrink:1;font-size:.75rem;padding:.4rem .6rem}}@media (max-width:375px){.view-mode-text{display:none}.view-mode-btn{flex-basis:calc(25% - 0.225rem);flex-grow:0;flex-shrink:1;gap:0;padding:.4rem .5rem}.view-mode-icon{font-size:.85rem}.btn-action{gap:.2rem}.btn-action,.bulk-action-btn{flex-basis:calc(50% - 0.25rem);flex-grow:0;flex-shrink:1;font-size:.7rem;padding:.35rem .5rem}}.alert-help-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.alert-help-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:850px;position:relative;width:95%}.alert-help-modal-close{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;padding:.25rem .5rem;position:absolute;right:1rem;top:1rem;transition:color .2s;z-index:10}.alert-help-modal-close:hover{color:#000}.alert-help-modal-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:1rem 1.5rem .75rem}.alert-help-modal-header h2{color:#1f2937;font-size:1.3rem;font-weight:600;margin:0}.alert-help-modal-body{flex:1 1;overflow-y:auto;padding:1rem 1.5rem}.alert-help-section{margin-bottom:1rem}.alert-help-section h3{border-bottom:1px solid #d1d5db;color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .5rem;padding-bottom:.25rem}.alert-help-table{border-collapse:collapse;font-size:.8rem;margin-bottom:.75rem;width:100%}.alert-help-table thead{background-color:#f3f4f6}.alert-help-table th{border-bottom:1px solid #d1d5db;color:#374151;font-weight:600;padding:.4rem .6rem;text-align:left}.alert-help-table td{border-bottom:1px solid #e5e7eb;color:#4b5563;padding:.4rem .6rem}.alert-help-table tbody tr:hover{background-color:#f9fafb}.alert-help-table tbody tr:last-child td{border-bottom:none}.alert-help-section ul{list-style:none;margin:0;padding:0}.alert-help-section li{color:#4b5563;font-size:.85rem;line-height:1.4;padding:.4rem 0 .4rem 1.25rem;position:relative}.alert-help-section li:before{color:#10b981;content:"";font-weight:700;left:0;position:absolute}.alert-help-section li strong{color:#1f2937;font-weight:600}@media (max-width:768px){.alert-help-modal{max-height:85vh;width:98%}.alert-help-modal-header{padding:.75rem 1rem .5rem}.alert-help-modal-header h2{font-size:1.1rem}.alert-help-modal-body{padding:.75rem 1rem}.alert-help-table{font-size:.75rem}.alert-help-table td,.alert-help-table th{padding:.3rem .4rem}.alert-help-section h3{font-size:.9rem;margin-bottom:.3rem}.alert-help-section li{font-size:.8rem;padding:.2rem 0}}.alert-help-modal-body::-webkit-scrollbar{width:8px}.alert-help-modal-body::-webkit-scrollbar-track{background:#f1f5f9}.alert-help-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.alert-help-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.person-badge{background:linear-gradient(135deg,#667eea26,#764ba226);border:1.5px solid #667eea66;font-weight:600}.person-badge:hover{background:linear-gradient(135deg,#667eea40,#764ba240);border-color:#667eea99;box-shadow:0 2px 6px #667eea26}.person-tooltip:after{border-left-color:#2c3e50;right:-12px;top:50%;transform:translateY(-50%)}@media (max-width:768px){.person-tooltip{font-size:.7rem;max-width:90vw;min-width:180px;padding:.8rem 2rem .8rem .9rem}.tooltip-close-btn{font-size:.75rem;height:22px;right:.5rem;top:.5rem;width:22px}.person-badge{font-size:.75rem;gap:.4rem;padding:.35rem .6rem}.person-icon{font-size:.85rem}.employee-id-badge{font-size:.6rem;padding:.15rem .3rem}}@media (max-width:480px){.person-tooltip{font-size:.65rem;min-width:160px;padding:.75rem .8rem}.tooltip-label{font-size:.65rem;min-width:75px}.person-badge{font-size:.7rem;padding:.3rem .5rem}}.complaints-container{background:linear-gradient(135deg,#fff,#fafafa);border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:2rem}.btn-refresh:hover:not(:disabled){background:#f5f5f5;border-color:#bbb;transform:rotate(180deg);transform-origin:center}.btn-refresh:disabled{cursor:not-allowed;opacity:.7}.btn-refresh.refreshing{animation:spin 1s linear infinite}.search-section{margin-bottom:1.5rem}.search-icon-lens{color:#667eea;flex-shrink:0;font-size:1.2rem;line-height:1;top:50%;transform:translateY(-50%)}.search-input-clean{background:#fff;border:2px solid #e0e0e0;padding:.75rem 3rem;transition:all .3s}.clear-search-btn-inline{align-items:center;background:#e0e0e0;border-radius:50%;color:#6c757d;display:flex;font-size:.9rem;height:28px;justify-content:center;top:50%;transform:translateY(-50%);transition:all .2s;width:28px}.clear-search-btn-inline:hover{background:#667eea;color:#fff;transform:translateY(-50%) scale(1.1)}.complaints-container .filters-section{background:linear-gradient(135deg,#fff,#f8f9fc);border:1px solid #e5e7eb99;border-radius:12px;box-shadow:0 4px 20px #00000014,0 1px 3px #0000000a;margin-bottom:1.5rem;overflow:hidden;padding:0}.filters-heading{color:#2c3e50;font-size:.9rem;font-weight:700;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.complaints-container .filters-header{align-items:center;background:linear-gradient(135deg,#667eea08,#764ba208);border-bottom:1px solid #e5e7eb66;cursor:pointer;display:flex;gap:.75rem;padding:1rem 1.5rem;transition:all .3s ease;-webkit-user-select:none;user-select:none}.complaints-container .filters-header:hover{background:linear-gradient(135deg,#667eea14,#764ba214);border-bottom-color:#667eea33}.complaints-container .filters-toggle-arrow{align-items:center;color:#667eea;display:inline-flex;flex-shrink:0;font-size:1.1rem;justify-content:center;min-width:1.5rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1),color .3s ease}.complaints-container .filters-toggle-arrow.expanded{transform:rotate(180deg)}.complaints-container .filters-header:hover .filters-toggle-arrow{color:#764ba2;transform:rotate(180deg) scale(1.1)}.complaints-container .filters-title-text{color:#2c3e50;flex:1 1;font-size:.9rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.complaints-container .filters-applied-indicator{align-items:center;animation:pulse-indicator 2s ease-in-out infinite;background:#667eea;border-radius:50%;box-shadow:0 0 0 3px #667eea33;display:inline-flex;height:8px;justify-content:center;width:8px}.complaints-container .filters-row-horizontal{align-items:flex-start;background:linear-gradient(135deg,#fff,#f8f9fc);display:flex;flex-wrap:wrap;gap:1.25rem;padding:1.5rem}.complaints-container .filter-item{background:#fff;border:1px solid #e5e7ebcc;border-radius:10px;box-shadow:0 2px 8px #0000000a;display:flex;flex-basis:calc(25% - 0.94rem);flex-direction:column;flex-grow:1;flex-shrink:1;gap:.6rem;min-width:150px;padding:1.1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.complaints-container .filter-item:before{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px 10px 0 0;content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.complaints-container .filter-item:hover{background:#fff;border-color:#667eea;box-shadow:0 8px 24px #667eea26;transform:translateY(-2px)}.complaints-container .filter-item:hover:before{opacity:1}.complaints-container .filter-label{align-items:center;color:#2c3e50;display:flex;font-size:.75rem;font-weight:700;gap:.4rem;letter-spacing:.4px;margin-bottom:.2rem;text-transform:uppercase}.complaints-container .filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.complaints-container .filter-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000000a;color:#4b5563;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.4rem;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.complaints-container .filter-option:before{background:inherit;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.complaints-container .filter-option:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.complaints-container .filter-option.active{border-color:#0000;box-shadow:0 6px 16px #00000026;color:#fff;font-weight:700;transform:translateY(-2px)}.complaints-container .filter-item:first-child .filter-option{--status-color:#ef4444;--status-light:#ef444414}.complaints-container .filter-item:first-child .filter-option:hover{background:var(--status-light);border-color:#ef4444;box-shadow:0 4px 12px #ef444426;color:#000}.complaints-container .filter-item:first-child .filter-option.active{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 6px 16px #ef444440;color:#fff}.complaints-container .filter-item:first-child .filter-option:nth-child(2):hover{background:#3b82f614;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;color:#000}.complaints-container .filter-item:first-child .filter-option:nth-child(2).active{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 6px 16px #3b82f640;color:#fff}.complaints-container .filter-item:first-child .filter-option:nth-child(3):hover{background:#10b98114;border-color:#10b981;box-shadow:0 4px 12px #10b98126;color:#000}.complaints-container .filter-item:first-child .filter-option:nth-child(3).active{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 6px 16px #10b98140;color:#fff}.complaints-container .filter-item:first-child .filter-option:nth-child(4):hover{background:#6b728014;border-color:#6b7280;box-shadow:0 4px 12px #6b728026;color:#000}.complaints-container .filter-item:first-child .filter-option:nth-child(4).active{background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 6px 16px #6b728040;color:#fff}.complaints-container .filter-checkbox-inline{align-items:center;border-radius:6px;color:#4b5563;cursor:pointer;display:flex;font-size:.8rem;gap:.4rem;padding:.3rem .5rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.complaints-container .filter-checkbox-inline:hover{background:#667eea14;color:#667eea}.complaints-container .filter-checkbox-inline input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;margin:0;transition:all .2s ease;width:18px}.complaints-container .filter-checkbox-inline input[type=checkbox]:hover{transform:scale(1.1)}.complaints-container .date-range-group{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;width:100%}.complaints-container .date-input-small{background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;box-shadow:0 1px 3px #0000000d;color:#2c3e50;font-size:.75rem;font-weight:500;padding:.45rem .7rem;transition:all .3s ease}.complaints-container .date-input-small:hover{border-color:#667eea;box-shadow:0 2px 6px #667eea14}.complaints-container .date-input-small:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a,0 2px 6px #667eea14;outline:none}.complaints-container .date-separator-small{color:#2c3e50;font-size:.75rem;font-weight:500;padding:0 .15rem;white-space:nowrap}.complaints-container .clear-filter-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:7px;box-shadow:0 2px 6px #ef444426;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:.4rem .65rem;transition:all .3s ease;white-space:nowrap}.complaints-container .clear-filter-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444440;transform:translateY(-1px)}.complaints-container .department-select{background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;box-shadow:0 1px 3px #0000000d;color:#2c3e50;cursor:pointer;font-size:.75rem;font-weight:500;max-width:100%;padding:.45rem .7rem;transition:all .3s ease}.complaints-container .department-select:hover{border-color:#667eea;box-shadow:0 2px 6px #667eea14}.complaints-container .department-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a,0 2px 6px #667eea14;outline:none}.complaints-container .department-select option{background:#fff;color:#2c3e50;padding:.35rem}.complaints-container .department-select option:checked{background:linear-gradient(#667eea,#667eea);background-color:#667eea!important;color:#fff!important}.date-range-filter-section{background:#0000;display:flex;flex-direction:column;gap:.8rem;padding:0}.date-separator{align-self:center;color:#6b7280;font-size:.85rem;padding:0 .5rem}.complaints-header{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem}.header-right,.stats-summary{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.stats-summary{justify-content:flex-start;margin-bottom:1.5rem}@media (min-width:1150px){.complaints-header{flex-wrap:nowrap}.stats-summary{flex:1 1;flex-wrap:nowrap;min-width:0}.header-right{flex-shrink:0;margin-left:auto}}.filter-group{align-items:center;background:#0000;border:none;display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem 0}.segmented-control-wrapper{background:#f3f4f6;border-radius:8px;display:flex;gap:.5rem;padding:.4rem;width:-webkit-fit-content;width:fit-content}.segmented-control-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem .9rem;transition:all .2s ease;white-space:nowrap}.segmented-control-btn:hover{background:#ffffff80;color:#4b5563}.segmented-control-btn.active{background:#fff;box-shadow:0 1px 3px #00000014;color:#667eea;font-weight:600}.segment-icon{font-size:1rem;line-height:1}.segment-label{font-weight:600}.filter-checkboxes{display:flex;flex:1 1;flex-wrap:wrap;gap:1.2rem}.filter-checkbox{align-items:center;border-radius:0;cursor:pointer;display:flex;gap:.4rem;padding:0;transition:all .2s ease;-webkit-user-select:none;user-select:none}.filter-checkbox,.filter-checkbox:hover{background:none;border:none}.filter-checkbox input[type=checkbox]{accent-color:#667eea;cursor:pointer;flex-shrink:0;height:16px;margin:0;transition:all .2s ease;width:16px}.filter-checkbox input[type=checkbox]:checked{accent-color:#667eea}.checkbox-label{align-items:center;color:#4b5563;display:flex;font-size:.8rem;font-weight:400!important;gap:.3rem;line-height:1;transition:color .2s ease}.filter-checkbox:hover .checkbox-label{color:#667eea}.status-indicator{font-size:.9rem;font-weight:400!important;line-height:1}.complaints-container .department-multiselect{background:#fff;border:2px solid #e9ecef;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#2c3e50;cursor:pointer;font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,sans-serif;font-size:.85rem;font-weight:500;max-width:200px;padding:.4rem .65rem;transition:all .3s ease;width:100%}.complaints-container .department-multiselect:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea26}.complaints-container .department-multiselect:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a,0 2px 8px #667eea26;outline:none}.complaints-container .department-multiselect option{background:#fff;color:#2c3e50;font-weight:500;padding:.5rem}.complaints-container .department-multiselect option:checked{background:linear-gradient(#667eea,#667eea);background-color:#667eea!important;color:#fff!important}.complaints-container .clear-department-filter{background:#fff;border:2px solid #e9ecef;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#667eea;cursor:pointer;font-size:.8rem;font-weight:600;margin-left:0;margin-top:.5rem;max-width:200px;padding:.4rem .75rem;transition:all .3s ease;white-space:nowrap;width:100%}.complaints-container .clear-department-filter:hover{background:#eff6ff;border-color:#667eea;box-shadow:0 4px 12px #667eea33;color:#667eea;transform:translateY(-1px)}.complaints-container .clear-department-filter:active{box-shadow:0 2px 4px #667eea26;transform:translateY(0)}.date-range-inputs{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:1rem}.date-input-group{align-items:center;display:flex;gap:.4rem}.date-input-group label{color:#4b5563;font-size:.75rem;font-weight:600;white-space:nowrap}.date-input{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#4b5563;font-size:.75rem;padding:.4rem .6rem;transition:all .2s}.date-input:hover{border-color:#a6acb8}.date-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.clear-date-btn{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.7rem;font-weight:600;padding:.3rem .65rem;transition:all .2s ease;white-space:nowrap}.clear-date-btn:hover{background:#dc2626;opacity:.9}.complaints-container .filter-info{align-items:center;background:none;border:none;color:#6b7280;display:inline-flex;font-size:.75rem;font-weight:500;padding:0;white-space:nowrap}.department-text{color:#4b5563;display:inline-block;font-size:.9rem;font-weight:600;white-space:nowrap}.complaints-results-info{color:#667eea;font-size:.75rem;font-weight:700;margin-bottom:.75rem;padding-bottom:0}.complaints-export-section{border-bottom:2px solid #e5e7eb;display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.export-dropdown-wrapper{display:inline-block;position:relative}.export-btn-primary{align-items:center;background:#0000;border:2px solid #667eea;border-radius:8px;color:#667eea;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.6rem;padding:.75rem 1.25rem;transition:all .3s ease;white-space:nowrap}.export-btn-primary:hover{background:#667eea14;border-color:#764ba2;color:#764ba2;transform:translateY(-2px)}.export-btn-primary:active{background:#667eea1f;transform:translateY(0)}.export-icon{font-size:1.1rem}.export-icon,.export-text{line-height:1}.dropdown-arrow{font-size:.8rem;line-height:1;margin-left:.3rem;transition:transform .3s ease}.export-dropdown-menu{animation:slideDown .2s ease;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;left:0;margin-top:.5rem;min-width:200px;overflow:hidden;position:absolute;top:100%;z-index:100}.export-menu-item{align-items:center;background:none;border:none;color:#2c3e50;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:.85rem 1.25rem;position:relative;text-align:left;transition:all .2s ease;width:100%}.export-menu-item:not(.disabled):hover{background:linear-gradient(135deg,#667eea14,#764ba214);color:#667eea;padding-left:1.5rem}.export-menu-item.disabled{color:#bdc3c7;cursor:not-allowed;opacity:.6}.export-menu-icon{flex-shrink:0;font-size:1.1rem;line-height:1}.export-menu-text{flex:1 1;line-height:1}.coming-soon-badge{background:#fef3c7;border-radius:4px;color:#92400e;display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.3px;margin-left:.5rem;padding:.2rem .5rem;text-transform:uppercase;white-space:nowrap}.export-menu-divider{background:#e5e7eb;height:1px;margin:.5rem 0}.complaints-table-container{border:1px solid #e5e7eb;overflow-x:auto;overflow-y:visible;position:relative}.complaints-table,.complaints-table-container{background:#fff;box-shadow:0 1px 3px #00000014}.complaints-table{border:1px solid #e5e7eb;border-collapse:collapse;font-size:.9rem;overflow:visible;width:100%}.complaints-table thead{background:linear-gradient(135deg,#f8f9fa,#f3f4f6);border-bottom:2px solid #e5e7eb}.complaints-table th{color:#2c3e50;font-size:.75rem;font-weight:700;letter-spacing:.3px;padding:.85rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.complaints-table th:first-child{width:8%}.complaints-table th:nth-child(2){width:6%}.complaints-table th:nth-child(3){width:8%}.complaints-table th:nth-child(4),.complaints-table th:nth-child(5){min-width:150px;width:19%}.complaints-table th:nth-child(6),.complaints-table th:nth-child(7){width:8%}.complaints-table th:nth-child(8){width:16%}.complaints-table th.center{text-align:center}.complaints-table tbody tr{border-bottom:1px solid #d1d5db;transition:all .2s ease}.complaints-table tbody tr.complaint-row-clickable{cursor:pointer;outline:none}.complaints-table tbody tr.complaint-row-clickable:hover{background:linear-gradient(135deg,#f8fafc,#fffbf0);border-left:4px solid #667eea;padding-left:-4px}.complaints-table tbody tr.complaint-row-clickable:focus{background:linear-gradient(135deg,#f0f4ff,#f8fafc);outline:2px solid #667eea;outline-offset:-1px}.complaints-table tbody tr:not(.complaint-row-clickable):hover{background:linear-gradient(135deg,#f8fafc,#fffbf0);border-left:4px solid #667eea;padding-left:-4px}.complaints-table tbody tr.severity-critical:hover{background:linear-gradient(90deg,#e74c3c14,#e74c3c0a);box-shadow:inset 0 0 0 1px #e74c3c1a}.complaints-table tbody tr.severity-major:hover{background:linear-gradient(90deg,#f39c1214,#f39c120a);box-shadow:inset 0 0 0 1px #f39c121a}.complaints-table tbody tr.severity-minor:hover{background:linear-gradient(90deg,#667eea14,#764ba20a);box-shadow:inset 0 0 0 1px #667eea1a}.complaints-table td{border-bottom:1px solid #d1d5db;color:#1f2937;font-size:.85rem;padding:.9rem 1rem;vertical-align:middle}.complaints-table td:first-child{width:8%}.complaints-table td:nth-child(2){width:6%}.complaints-table td:nth-child(3){width:8%}.complaints-table td:nth-child(4),.complaints-table td:nth-child(5){min-width:150px;white-space:normal;width:19%;word-break:break-word}.complaints-table td:nth-child(6),.complaints-table td:nth-child(7){width:8%}.complaints-table td:nth-child(8){width:16%}.complaints-table td.center{text-align:center}.device-name{display:block;font-weight:500}.serial-number-link{border-bottom:2px solid #0000;color:#667eea;cursor:pointer;font-weight:600;text-decoration:none;transition:all .2s}.serial-number-link:hover{border-bottom-color:#764ba2;color:#764ba2}.complaint-id-cell{font-weight:500}.complaint-table-title{word-wrap:break-word;color:#2c3e50;display:block;font-size:.85rem!important;font-weight:500!important;line-height:1.5;padding:0!important;word-break:break-word}.complaint-title-link{background:none;border:none;border-bottom:2px solid #0000;color:#667eea;cursor:pointer;display:block;font-family:inherit;font-size:inherit;font-weight:600;line-height:1.4;margin-top:.4rem;max-width:100%;padding:0;text-align:left;text-decoration:none;transition:all .2s ease;word-break:break-word}.complaint-title-link:hover{border-bottom-color:#764ba2;color:#764ba2}.complaint-title-link:active{color:#764ba2}.complaint-stacked-cell,.device-stacked-cell{padding:.6rem .75rem!important}.stacked-content{align-items:flex-start;display:flex;flex-direction:column;gap:.35rem}.complaint-stacked-cell .stacked-content{gap:.3rem}.complaint-stacked-cell .complaint-table-title{font-size:.85rem!important;font-weight:600!important}.device-stacked-cell .stacked-content{gap:.6rem!important}.device-stacked-cell .device-name{color:#2c3e50;font-size:.85rem;font-weight:500!important;line-height:1.3;margin:0}.reportedby-info{display:flex;flex-direction:column;gap:.2rem;line-height:1.3}.reportedby-info span:first-child{color:#2c3e50;font-size:.85rem}.days-badge{background:#ecf0f1;border:1px solid #bdc3c7;border-radius:4px;color:#5d6d7b;display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.2px;padding:.25rem .55rem;width:-webkit-fit-content;width:fit-content}.unassigned{color:#9ca3af;font-size:.85rem;font-style:italic}.reported-assigned-cell{overflow:visible!important;padding:.6rem .75rem!important;position:relative}.reported-assigned-container{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.person-section{display:flex;flex:1 1;flex-direction:column;gap:.35rem;min-width:100px}.person-label{color:#667eea;font-size:.65rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.person-badge{align-items:center;background:linear-gradient(135deg,#667eea14,#764ba214);border:1px solid #667eea33;border-radius:6px;color:#2c3e50;cursor:help;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;outline:none;padding:.4rem .65rem;position:relative;transition:all .2s ease}.person-badge:focus{box-shadow:0 0 0 3px #667eea26;outline:2px solid #667eea;outline-offset:2px}.person-badge:hover{background:linear-gradient(135deg,#667eea1f,#764ba21f);border-color:#667eea4d}.person-icon{flex-shrink:0;font-size:.9rem;line-height:1}.person-name{flex:1 1;line-height:1.3;word-break:break-word}.assignment-arrow{color:#a6acb8;flex-shrink:0;font-size:.85rem;font-weight:300;padding:.5rem .25rem}.assigned-badge{background:linear-gradient(135deg,#22c55e14,#10b98114);border:1px solid #22c55e33}.assigned-badge:hover{background:linear-gradient(135deg,#22c55e1f,#10b9811f);border-color:#22c55e4d}.employee-id-badge{background:#0000000d;border-radius:4px;color:#7f8c8d;flex-shrink:0;font-family:Courier New,monospace;font-size:.65rem;font-weight:600;letter-spacing:.3px;padding:.2rem .4rem;white-space:nowrap}.unassigned-badge{background:linear-gradient(135deg,#9ca3af14,#6b728014);border:1px solid #9ca3af33}.unassigned-badge:hover{background:linear-gradient(135deg,#9ca3af1f,#6b72801f);border-color:#9ca3af4d}.unassigned-text{color:#9ca3af;font-style:italic}.person-tooltip{-webkit-touch-callout:none;animation:tooltipFadeIn .3s ease;background:linear-gradient(135deg,#2c3e50,#34495e);border:1.5px solid #667eea4d;border-radius:10px;box-shadow:0 8px 24px #667eea33,0 4px 12px #0003;color:#fff;font-size:.75rem;font-weight:500;gap:.5rem;max-width:300px;min-width:220px;padding:1rem 1.15rem;pointer-events:auto;position:relative;-webkit-user-select:none;user-select:none;white-space:normal;z-index:9999}.person-tooltip,.tooltip-content{display:flex;flex-direction:column}.tooltip-content{gap:0}.tooltip-close-btn{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;height:24px;justify-content:center;line-height:1;padding:0;position:absolute;right:.6rem;top:.6rem;transition:all .2s ease;width:24px}.tooltip-close-btn:hover{background:#ffffff40;border-color:#ffffff4d;transform:scale(1.1)}.tooltip-close-btn:active{transform:scale(.95)}@media (max-width:768px){.person-tooltip{font-size:.7rem;max-width:90vw;min-width:180px;padding:.8rem 2rem .8rem .9rem}.tooltip-close-btn{font-size:.75rem;height:22px;right:.5rem;top:.5rem;width:22px}}.person-tooltip:after{border:6px solid #0000;border-top-color:#2c3e50;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.person-tooltip[style*=top]:after{border-bottom-color:#2c3e50;border-top-color:#0000;bottom:100%}.person-tooltip[style*=bottom]:after{border-bottom-color:#0000;border-top-color:#2c3e50;top:100%}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(4px) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.tooltip-row{align-items:flex-start;border-bottom:1px solid #ffffff0d;border-radius:4px;cursor:default;display:flex;gap:.5rem;margin:.2rem 0;padding:.4rem .5rem;transition:all .2s ease}.tooltip-row:hover{background:#667eea26;border-radius:4px;padding-left:.65rem}.tooltip-row:last-child{border-bottom:none}.tooltip-label{color:#60a5fa;flex-shrink:0;font-weight:700;letter-spacing:.3px;min-width:85px;text-transform:capitalize}.tooltip-value{color:#f3f4f6;line-height:1.4;word-break:break-word}.tooltip-mono{background:#0000004d;border-radius:3px;font-family:Courier New,monospace;letter-spacing:.3px;padding:.2rem .4rem}.communication-log-indicator{align-items:center;color:#667eea;cursor:pointer;display:inline-flex;font-size:1.1rem;gap:.25rem;line-height:1;white-space:nowrap}.log-count{color:#667eea;font-size:.75rem;font-weight:700;margin-left:.1rem}.communication-log-indicator:hover{opacity:.8}.status-pill{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.3px;padding:.3rem .8rem;text-transform:uppercase;white-space:nowrap}.status-pill.status-open{background:#fadbd8;border:1px solid #e74c3c;color:#c0392b}.status-pill.status-in_progress{background:#d6eaf8;border:1px solid #3498db;color:#1a5e96}.status-pill.status-closed{background:linear-gradient(135deg,#10b981,#059669);border:1px solid #047857;box-shadow:0 2px 6px #10b9814d;color:#fff;font-weight:700;letter-spacing:.5px}.status-pill.status-cancelled{background:linear-gradient(135deg,#6b7280,#4b5563);border:1px solid #374151;box-shadow:0 2px 6px #6b72804d;color:#fff;font-weight:700;letter-spacing:.5px}.severity-text{align-items:center;color:#2c3e50;display:inline-flex;font-size:.9rem;font-weight:600;gap:.4rem;transition:all .2s ease;white-space:nowrap}.severity-text:hover{opacity:.8}.severity-indicator{display:inline-block;font-size:1.2rem;font-weight:400!important;line-height:1;margin-right:.35rem}.date-col{color:#7f8c8d;font-size:.9rem}.loading{color:#7f8c8d;font-size:1.1rem;padding:4rem 2rem;text-align:center}.empty-state{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014;color:#6c757d;font-size:1.1rem}.empty-state p{margin:0}.action-palette{border-radius:8px;box-shadow:none;gap:.75rem;padding:1rem}.action-btn,.action-palette{background:#0000;border:none;display:flex}.action-btn{align-items:center;border-radius:8px;box-shadow:0 1px 2px #0000000d;cursor:pointer;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease}.action-btn:hover{box-shadow:0 2px 6px #00000014;transform:translateY(-1px)}.action-btn.action-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-btn.action-primary:hover{background:linear-gradient(135deg,#5568d3,#6b4591);box-shadow:0 4px 12px #667eea4d}.device-selector-modal{animation:slideUp .3s ease;background:#fff;border:none;border-radius:16px;box-shadow:0 20px 60px #0000004d;contain:layout style paint;display:flex;flex-direction:column;max-height:80vh;max-width:700px;overflow:hidden;padding:2rem;width:90%}.modal-overlay{animation:fadeIn .2s ease;background:#0009;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-header,.modal-overlay{align-items:center;display:flex}.modal-header{border-bottom:2px solid #f0f0f0;flex-shrink:0;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;overflow:visible;padding-bottom:1rem;position:relative}.modal-header h3{color:#2c3e50;flex:1 1;font-size:1.5rem;font-weight:600;margin:0;word-break:break-word}.close-btn{align-items:center;background:#0000;border:1px solid #0000;display:flex;flex-shrink:0;height:32px;justify-content:center;line-height:1;margin:0;padding:.5rem;position:absolute;right:0;top:0;transition:background-color .2s ease,border-color .2s ease,color .2s ease;width:32px}.close-btn:hover{background-color:#f0f0f0;border-color:#d0d0d0}.close-btn:active{background-color:#e0e0e0;border-color:silver}.device-selector-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.selector-header-row{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:0}.selector-subtitle{color:#7f8c8d;font-size:.95rem;margin:0 0 1rem}.device-count-badge{align-items:center;background:#2980b9;border-radius:4px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:600;padding:.4rem .85rem;white-space:nowrap}.search-box{margin-bottom:1.25rem;position:relative}.device-search-input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;padding:.75rem 2.5rem .75rem 1rem;transition:all .3s;width:100%}.device-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.clear-search-btn{font-size:.85rem;height:24px;width:24px}.device-list-selector{display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow-y:auto;padding-right:.5rem}.device-selector-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.25rem;transition:all .2s ease}.device-selector-item:hover{background:#f8f9fa;border-color:#2980b9;box-shadow:0 2px 6px #0000001a}.device-selector-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.device-selector-name{color:#2c3e50;font-size:1rem;font-weight:600}.device-selector-codes{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.device-id-badge{background:linear-gradient(135deg,#667eea26,#764ba226);border:1px solid #667eea4d;border-radius:6px;color:#667eea;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:.35rem .75rem;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.device-id-badge:hover{background:linear-gradient(135deg,#667eea40,#764ba240);border-color:#667eea80;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.device-id-badge:active{transform:translateY(0)}.device-selector-id{background:linear-gradient(135deg,#667eea26,#764ba226);border:1px solid #667eea4d;border-radius:6px;color:#667eea;font-size:.9rem;font-weight:700;letter-spacing:.5px}.device-selector-id,.device-selector-serial{padding:.35rem .75rem;width:-webkit-fit-content;width:fit-content}.device-selector-serial{background:#ecf0f1;border:1px solid #bdc3c7;border-radius:6px;color:#2c3e50;font-family:Courier New,monospace;font-size:.85rem;font-weight:600}.device-selector-meta{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.device-selector-location{color:#6c757d;font-size:.85rem}.device-selector-meta>span:first-of-type,.device-selector-meta>span:nth-of-type(2){display:inline}.device-selector-meta .department-icon{display:inline;flex-shrink:0;font-size:.95rem;line-height:1;margin-right:.25rem}.device-selector-department{background:linear-gradient(135deg,#7c8ff0,#8b5fb8);border-radius:20px;box-shadow:0 2px 4px #667eea66;display:inline-block;flex-shrink:0;font-size:.85rem;letter-spacing:.5px;padding:.5rem 1rem}.device-selector-department,.device-selector-department .department-name{color:#fff;font-weight:700;white-space:nowrap}.status-badge{border-radius:12px;padding:.25rem .75rem;text-transform:capitalize}.status-badge.status-available{background:#d4edda;color:#155724}.status-badge.status-in-use{background:#d1ecf1;color:#0c5460}.status-badge.status-maintenance{background:#fff3cd;color:#856404}.status-badge.status-retired{background:#f8d7da;color:#721c24}.no-devices-found{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem 2rem;text-align:center}.no-devices-found p{color:#6c757d;font-size:1rem;margin:0}.action-btn-sm{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.action-btn-sm.action-secondary{background:#fff;border:2px solid #dee2e6;color:#495057}.action-btn-sm.action-secondary:hover{background:#f8f9fa;border-color:#adb5bd;transform:translateY(-1px)}@media (max-width:1200px){.complaints-container .filter-item{flex-basis:calc(50% - 0.75rem);flex-grow:1;flex-shrink:1;min-width:150px}}@media (max-width:768px){.complaints-container .filter-item{flex:1 1 100%}.complaints-container .filters-header{padding:.75rem 1rem}.complaints-container .filters-title-text{font-size:.85rem}}@media (max-width:1400px){.complaints-table{min-width:1150px}}@media (max-width:1200px){.complaints-table{min-width:1100px}}@media (max-width:992px){.filters-grid{gap:1.5rem;grid-template-columns:1fr}.complaints-table{min-width:1050px}.device-selector-item{align-items:flex-start;flex-direction:column}.device-selector-meta{align-items:flex-start;flex-direction:row;gap:1rem}}@media (max-width:1100px){.device-selector-item{gap:.75rem}.device-selector-item,.device-selector-meta{align-items:flex-start;flex-direction:column}.device-selector-meta{gap:.5rem;width:100%}.device-selector-meta>div{align-items:center;display:flex;gap:.4rem;width:100%}.device-selector-location{display:block;margin-top:.25rem;width:100%}.device-selector-department{flex-shrink:0;white-space:nowrap}}@media (max-width:430px){.device-selector-meta{align-items:flex-start;flex-direction:column;gap:.5rem;width:100%}.device-selector-meta>div{align-items:center;display:flex;gap:.4rem;width:100%}.device-selector-location{display:block;margin-top:.25rem;width:100%}.device-selector-department{flex-shrink:0;white-space:nowrap}}@media (max-width:992px){.complaints-container .filters-container{gap:1.25rem;padding:.75rem 0}.complaints-container .filter-group{flex-direction:column;gap:1rem}.complaints-container .filter-label{min-width:auto}.complaints-container .date-range-inputs,.complaints-container .filter-checkboxes{width:100%}.complaints-container .filter-info{margin-left:0;text-align:center;width:100%}}@media (max-width:768px){.complaints-container .filters-grid{gap:1.5rem;grid-template-columns:1fr}.complaints-container .department-multiselect{max-width:none;width:100%}.complaints-container .clear-department-filter{margin-left:0;margin-top:.5rem;width:100%}.complaints-container{padding:1rem}.complaints-header{align-items:flex-start;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.header-right{flex-direction:column;gap:.75rem;width:100%}.stats-summary{flex-wrap:wrap;gap:.5rem;width:100%}.stat-card-mini{flex:1 1;min-width:90px;padding:.6rem .9rem}.stat-number-mini{font-size:1.2rem}.action-palette{padding:.75rem;width:100%}.action-btn{font-size:.9rem;justify-content:center;width:100%}.filters-container{gap:.9rem;margin-bottom:1.5rem;padding:.9rem}.filter-label{font-size:.9rem}.filter-checkboxes{flex-direction:column;gap:.8rem}.date-range-inputs{align-items:stretch;flex-direction:column;gap:.6rem}.date-input-group{width:100%}.date-input{font-size:.85rem;padding:.5rem .6rem}.clear-date-btn{font-size:.8rem;padding:.45rem .9rem;width:100%}.device-selector-modal{padding:1.25rem;width:95%}.modal-header{gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.close-btn,.modal-header h3{font-size:1.25rem}.close-btn{height:28px;padding:.4rem;width:28px}.selector-header-row{align-items:flex-start;flex-direction:column;gap:.75rem}.device-count-badge{align-self:flex-start;font-size:.75rem}.complaints-table{font-size:.8rem;min-width:900px}.complaints-table td,.complaints-table th{padding:.6rem .5rem}.complaints-table th{font-size:.65rem;padding:.6rem .5rem}.device-name{font-size:.85rem}.department-text,.serial-number-link{font-size:.8rem}.breakdown-info{gap:.15rem}.breakdown-info span:first-child{font-size:.8rem}.days-badge{font-size:.65rem;padding:.2rem .45rem}.status-pill{font-size:.65rem;padding:.25rem .6rem}.severity-badge{font-size:.68rem;min-width:100px;padding:.3rem .75rem}.complaint-title-link{font-size:.85rem}.date-col{font-size:.8rem}}.device-quick-view-modal{animation:slideUp .3s ease;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;padding:0;width:90%}.device-quick-view-modal .modal-header{border-bottom:2px solid #f0f0f0;margin-bottom:0;padding:1.25rem 1.5rem}.device-quick-view-modal .modal-title{color:#2c3e50;font-size:1.25rem;font-weight:600;margin:0}.device-quick-view-modal .modal-body{flex:1 1;overflow-y:auto;padding:0}@media (max-width:768px){.device-quick-view-modal{max-height:90vh;max-width:95vw}}.quick-filters{background:linear-gradient(135deg,#fff,#f8f9fc);border:1px solid #e5e7eb99;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:1.5rem;padding:1.25rem}.quick-filters-title{align-items:center;display:flex;gap:.5rem;letter-spacing:.5px;margin-bottom:1rem}.preset-btn,.preset-buttons{align-items:center}.preset-btn{border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000a;color:#4b5563;display:flex;font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,sans-serif;font-size:.8rem;font-weight:500;gap:.5rem;overflow:hidden;padding:.6rem 1.1rem;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.preset-btn:before{background:inherit;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.preset-btn:hover{background:#667eea14;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.preset-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;box-shadow:0 6px 20px #667eea40;font-weight:700;transform:translateY(-2px)}.preset-btn.active:hover{box-shadow:0 8px 24px #667eea59;transform:translateY(-3px)}@media (max-width:768px){.quick-filters{margin-bottom:1.25rem;padding:1rem}.quick-filters-title{font-size:.85rem;margin-bottom:.85rem}.preset-buttons{gap:.6rem}.preset-btn{flex-basis:calc(33.333% - 0.4rem);flex-grow:1;flex-shrink:1;font-size:.8rem;min-width:100px;padding:.5rem .9rem}}.active-filters{background:linear-gradient(135deg,#fff,#f8f9fc);border:1px solid #e5e7eb99;border-radius:12px;box-shadow:0 2px 8px #0000000a;margin-bottom:1.5rem;padding:1.25rem 7rem 1.25rem 1.25rem;position:relative}.active-filters-label{font-size:.8rem;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem;white-space:nowrap;width:100%}.filter-pill{border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000000a;color:#2d2c50;font-weight:500;gap:.75rem;padding:.55rem .5rem;transition:all .2s ease;white-space:nowrap}.filter-pill:hover{background:#fafbfc;border-color:#667eea;box-shadow:0 4px 12px #667eea26}.filter-pill-remove{align-items:center;background:#ef44441a;border:none;border-radius:4px;color:#ef4444;display:inline-flex;flex-shrink:0;font-size:.85rem;font-weight:600;height:20px;justify-content:center;margin-left:.01rem;padding:0;width:20px}.filter-pill-remove:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.filter-and-connector{align-items:center;display:inline-flex;font-size:.8rem;letter-spacing:.3px;margin:0 .1rem;opacity:.9;padding:0 .1rem}.clear-all-btn{border-radius:8px;box-shadow:0 2px 6px #ef444426;font-size:.9rem;padding:.65rem 1.5rem;position:absolute;right:1.25rem;top:1.25rem}.clear-all-btn:hover{box-shadow:0 4px 12px #ef444440;transform:translateY(-1px)}@media (max-width:768px){.active-filters{margin-bottom:1.25rem;padding:1rem 5rem 1rem 1rem}.active-filters-label,.filter-pill{font-size:.85rem}.filter-pill{flex-basis:calc(50% - 0.4rem);flex-grow:1;flex-shrink:1;min-width:140px;padding:.5rem .9rem}.filter-and-connector{display:none}.clear-all-btn{font-size:.85rem;padding:.6rem 1.25rem;right:1rem;top:1rem}}.sidebar-drawer{width:500px!important}.sidebar-drawer .filter-group-content{grid-template-columns:repeat(2,1fr)!important}.sidebar-drawer .filter-group-title{justify-content:flex-start!important;text-align:left!important;width:100%}.sidebar-drawer .filter-group:nth-child(3) .filter-item-wrapper:first-child,.sidebar-drawer .filter-group:nth-child(3) .filter-item-wrapper:nth-child(2){grid-column:1/-1}@media (max-width:1024px){.sidebar-drawer{width:450px!important}}@media (max-width:768px){.sidebar-drawer{max-width:90vw!important;width:100%!important}}.work-logs-container{background:linear-gradient(135deg,#fff,#fafafa);border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:2rem}.work-logs-header{align-items:center;border-bottom:1px solid #e5e7eb99;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.work-logs-title-section{display:flex;flex-direction:column;gap:.5rem}.work-logs-title,.work-logs-title-section h2{color:#2c3e50;font-size:1.8rem;font-weight:800;letter-spacing:-.5px;margin:0}.work-logs-subtitle{color:#6b7280;font-size:.9rem;font-weight:500;margin:.5rem 0 0}.btn-refresh,.work-logs-stats{flex-shrink:0}.work-logs-stats .stats-card-container.complaint{border-left:3px solid #e74c3c;height:110px;min-height:110px}.work-logs-stats .stats-card-container.maintenance{border-left:3px solid #3498db;height:110px;min-height:110px}.work-logs-stats .stats-card-container.hours{border-left:3px solid #f39c12;height:110px;min-height:110px;min-width:120px;width:120px}.stats-card-container.hours .stats-card-label{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;max-width:100%;overflow:hidden;white-space:normal}.search-section{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.search-box-wrapper{width:100%}.search-icon{color:#667eea;flex-shrink:0;font-size:1.2rem;left:1rem;line-height:1;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;padding:.75rem 3rem;transition:all .3s;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.clear-search-btn{align-items:center;background:#e0e0e0;border:none;border-radius:50%;color:#6c757d;cursor:pointer;display:flex;font-size:.9rem;height:28px;justify-content:center;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:all .2s;width:28px}.clear-search-btn:hover{background:#667eea;color:#fff;transform:translateY(-50%) scale(1.1)}.filters-section{background:linear-gradient(135deg,#fff,#f8f9fc);border:1px solid #e5e7eb99;border-radius:12px;box-shadow:0 4px 20px #00000014,0 1px 3px #0000000a;margin-bottom:1.5rem;overflow:hidden;padding:0}.filters-header{align-items:center;background:linear-gradient(135deg,#667eea08,#764ba208);border-bottom:1px solid #e5e7eb66;cursor:pointer;display:flex;gap:.75rem;padding:1rem 1.5rem;transition:all .3s ease;-webkit-user-select:none;user-select:none}.filters-header:hover{background:linear-gradient(135deg,#667eea14,#764ba214);border-bottom-color:#667eea33}.filters-toggle-arrow{align-items:center;color:#667eea;display:inline-flex;flex-shrink:0;font-size:1.1rem;justify-content:center;min-width:1.5rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1),color .3s ease}.filters-toggle-arrow.expanded{transform:rotate(180deg)}.filters-header:hover .filters-toggle-arrow{color:#764ba2;transform:rotate(180deg) scale(1.1)}.filters-title-text{color:#2c3e50;flex:1 1;font-size:.9rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.filters-applied-indicator{align-items:center;animation:pulse-indicator 2s ease-in-out infinite;background:#667eea;border-radius:50%;box-shadow:0 0 0 3px #667eea33;display:inline-flex;height:8px;justify-content:center;width:8px}@keyframes pulse-indicator{0%,to{box-shadow:0 0 0 3px #667eea33;transform:scale(1)}50%{box-shadow:0 0 0 5px #667eea4d;transform:scale(1.2)}}.filters-row-horizontal{align-items:flex-start;background:linear-gradient(135deg,#fff,#f8f9fc);display:flex;flex-wrap:wrap;gap:1.25rem;padding:1.5rem}.filter-item{background:#fff;border:1px solid #e5e7ebcc;border-radius:10px;box-shadow:0 2px 8px #0000000a;display:flex;flex-basis:calc(25% - 0.94rem);flex-direction:column;flex-grow:1;flex-shrink:1;gap:.4rem;min-width:160px;padding:.9rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-item:before{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px 10px 0 0;content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.filter-item:hover{background:#fff;border-color:#667eea;box-shadow:0 8px 24px #667eea26;transform:translateY(-2px)}.filter-item:hover:before{opacity:1}.filter-label{color:#2c3e50;font-size:.75rem;font-weight:700;gap:.4rem;letter-spacing:.4px;margin-bottom:.2rem;text-transform:uppercase}.filter-controls,.filter-label{align-items:center;display:flex}.filter-controls{flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.date-range-group{align-items:stretch;display:flex;flex-direction:column;gap:.4rem;justify-content:flex-start;width:100%}.date-input-small{background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;box-shadow:0 1px 3px #0000000d;color:#2c3e50;font-size:.75rem;font-weight:500;padding:.45rem .7rem;transition:all .3s ease}.date-input-small:hover{border-color:#667eea;box-shadow:0 2px 6px #667eea14}.date-input-small:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a,0 2px 6px #667eea14;outline:none}.date-separator-small{color:#2c3e50;font-size:.75rem;font-weight:500;padding:.15rem 0;text-align:center;white-space:nowrap}.clear-filter-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:7px;box-shadow:0 2px 6px #ef444426;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:.4rem .65rem;transition:all .3s ease;white-space:nowrap}.clear-filter-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #ef444440;transform:translateY(-1px)}.work-type-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:.5rem;margin-bottom:1.5rem}.tab-btn{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;letter-spacing:.3px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .2s ease}.tab-btn:hover{background:#667eea0d;color:#667eea}.tab-btn.active{border-bottom-color:#667eea;color:#667eea}.tab-icon{font-size:1.2rem;line-height:1}.tab-label{white-space:nowrap}.tab-count{font-size:.85rem;font-weight:500}.results-info{background:#f3f4f6;border-radius:6px;color:#6b7280;font-size:.9rem;font-weight:500;margin-bottom:1rem;padding:.75rem 1rem}.work-logs-table-wrapper{border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #00000014;margin-bottom:1.5rem;overflow-x:auto}.work-logs-table{border-collapse:collapse;font-size:.85rem;min-width:1000px;width:100%}.work-logs-table thead{background:linear-gradient(135deg,#f8f9fa,#f3f4f6);border-bottom:2px solid #e5e7eb;position:-webkit-sticky;position:sticky;top:0;z-index:10}.work-logs-table th{color:#2c3e50;font-size:.8rem;font-weight:700;letter-spacing:.3px;padding:1rem .75rem;text-align:left;text-transform:uppercase;white-space:nowrap}.work-logs-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s ease}.work-logs-table tbody tr:hover{background:linear-gradient(135deg,#f8f9ff,#fffbf0);border-left:4px solid #667eea;cursor:pointer}.work-logs-table td{color:#1f2937;padding:1rem .75rem;vertical-align:top}.col-type{min-width:120px;width:120px}.col-title{min-width:300px;width:300px}.col-device{min-width:220px;width:220px}.col-department{min-width:140px;width:140px}.col-technician{min-width:150px;width:150px}.col-date{min-width:130px;width:130px}.col-hours{min-width:90px;text-align:center;width:90px}.type-simple{align-items:center;display:flex;gap:.5rem;white-space:nowrap}.type-icon{flex-shrink:0;font-size:1rem}.type-text{color:#2c3e50;font-size:.85rem;font-weight:500}.title-content{align-items:flex-start;display:flex;flex-direction:column;gap:.3rem}.title-text{color:#2c3e50;font-size:.9rem;font-weight:500;line-height:1.4}.device-info{align-items:flex-start;display:flex;flex-direction:column;gap:.3rem}.device-name{font-size:.85rem!important;font-weight:500!important}.status-badge{border:1px solid;font-size:.7rem;font-weight:700;justify-content:center;white-space:nowrap}.status-badge.status-closed{background:linear-gradient(135deg,#dcfce7,#f0fdf4);border-color:#16a34a4d;color:#16a34a}.status-badge.status-cancelled{background:linear-gradient(135deg,#fee2e2,#fef2f2);border-color:#dc26264d;color:#dc2626}.status-badge.status-completed{background:linear-gradient(135deg,#dcfce7,#f0fdf4);border-color:#16a34a4d;color:#16a34a}.severity-badge{align-items:center;border:1px solid;border-radius:4px;display:inline-flex;font-size:.65rem;font-weight:600;justify-content:center;letter-spacing:.3px;padding:.3rem .6rem;text-transform:uppercase;white-space:nowrap}.severity-badge.severity-critical{background:linear-gradient(135deg,#fee2e2,#fef2f2);border-color:#dc26264d;color:#dc2626}.severity-badge.severity-major{background:linear-gradient(135deg,#fef3c7,#fffbeb);border-color:#f59e0b4d;color:#f59e0b}.severity-badge.severity-minor{background:linear-gradient(135deg,#dbeafe,#eff6ff);border-color:#3b82f64d;color:#3b82f6}.hours-badge{align-items:center;border-radius:4px;color:#000;display:inline-flex;font-size:.75rem;font-weight:600;justify-content:center;padding:.3rem .6rem}.work-log-details-row td{background:#f9fafb;padding:0!important}.details-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;padding:1.5rem}.details-section{display:flex;flex-direction:column;gap:.5rem}.details-title{color:#2c3e50;font-size:.9rem;font-weight:700;letter-spacing:.3px;margin:0;text-transform:uppercase}.details-text{color:#4b5563;font-size:.9rem;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word}.details-badge{align-items:center;border:1px solid #f59e0b4d;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.3px;padding:.4rem .8rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.details-badge,.details-badge.badge-required{background:linear-gradient(135deg,#fed7aa,#fef3c7);color:#92400e}.details-badge.badge-required{border-color:#f59e0b4d}.details-badge.badge-not-required,.details-badge.badge-on-time{background:linear-gradient(135deg,#dcfce7,#f0fdf4);border-color:#16a34a4d;color:#16a34a}.details-badge.badge-late{background:linear-gradient(135deg,#fee2e2,#fef2f2);border-color:#dc26264d;color:#dc2626}.details-meta{border-top:1px solid #e5e7eb;color:#6b7280;display:flex;flex-wrap:wrap;font-size:.85rem;gap:2rem;grid-column:1/-1;padding-top:1.5rem}.meta-item{align-items:center;display:flex;font-weight:500;gap:.4rem}.empty-state{padding:4rem 2rem;text-align:center}.work-logs-loading{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:400px;padding:2rem}.work-logs-loading p{color:#666;font-size:1rem;font-weight:500;margin:0}.work-logs-error{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:400px;padding:2rem;text-align:center}.work-logs-error p{color:#dc2626;font-size:1rem;margin:0;max-width:400px}.pagination{align-items:center;background:#f9fafb;border-radius:8px;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-top:1.5rem;padding:1.5rem}.pagination-info{color:#6b7280;font-size:.9rem;font-weight:500}.pagination-controls{display:flex;gap:.75rem}.pagination-btn{background:#fff;border:1.5px solid #667eea;border-radius:6px;color:#667eea;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#667eea;box-shadow:0 2px 8px #667eea33;color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.per-page-selector{align-items:center;color:#6b7280;display:flex;font-size:.9rem;gap:.75rem}.per-page-selector label{font-weight:500}.per-page-selector select{background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:.85rem;padding:.4rem .6rem;transition:all .2s ease}.per-page-selector select:hover{border-color:#667eea}.per-page-selector select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}@media (max-width:1200px){.filter-item{flex-basis:calc(50% - 0.75rem);flex-grow:1;flex-shrink:1;min-width:150px}}@media (max-width:1024px){.work-logs-header{align-items:flex-start;flex-direction:column;gap:1rem}.work-logs-stats{width:100%}.stat-card{flex:1 1}.work-logs-table{font-size:.8rem}.work-logs-table td,.work-logs-table th{padding:.75rem .6rem}.col-type{width:100px}.col-title{width:220px}.col-device{width:180px}.col-date{width:110px}.col-hours{width:80px}.filters-header{padding:.75rem 1rem}.filters-title-text{font-size:.85rem}.details-container{gap:1.25rem;grid-template-columns:1fr;padding:1.25rem}}.quick-filters{margin-bottom:1rem}.quick-filters>div:first-child{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.quick-filters-title{color:#2c3e50;flex-shrink:0;font-size:.9rem;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.quick-filters-info-badge{flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.preset-btn{background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.preset-btn:hover{background:#667eea0d;border-color:#667eea;color:#667eea}.preset-btn.active{background:#667eea;border-color:#667eea;box-shadow:0 2px 8px #667eea33;color:#fff}.active-filters{align-items:center;background:#f3f4f6;border-left:4px solid #667eea;border-radius:8px;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem}.active-filters-label{color:#2c3e50;flex-shrink:0;font-size:.85rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.filter-pill{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;color:#2c3e50;display:inline-flex;font-size:.8rem;gap:.5rem;padding:.35rem .75rem}.filter-pill-remove{color:#667eea;cursor:pointer;font-weight:700;margin-left:.25rem;transition:all .2s ease}.filter-pill-remove:hover{color:#dc2626;transform:scale(1.15)}.filter-and-connector{color:#667eea;flex-shrink:0;font-size:.75rem;font-weight:700;text-transform:uppercase}.clear-all-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:20px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.75rem;font-weight:600;margin-left:auto;padding:.35rem .75rem;transition:all .2s ease;white-space:nowrap}.clear-all-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 6px #ef444433}.advanced-filters-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea33;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding:.6rem 1.2rem;transition:all .3s ease}.advanced-filters-btn:hover{background:linear-gradient(135deg,#5568d3,#6a3d92);box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.advanced-arrow{display:inline-block;font-size:.85rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.advanced-arrow.open{transform:rotate(180deg)}@media (max-width:768px){.work-logs-container{padding:1rem}.quick-filters{margin-bottom:.75rem}.quick-filters>div:first-child{align-items:flex-start;flex-wrap:wrap;gap:.5rem}.quick-filters-title{font-size:.8rem;order:1}.quick-filters-info-badge{flex-shrink:1;order:2;overflow:visible;text-overflow:clip;white-space:normal;width:100%;word-break:break-word}.preset-buttons{gap:.5rem;width:100%}.preset-btn{flex:1 1 auto;font-size:.75rem;min-width:calc(50% - .25rem);padding:.4rem .75rem}.active-filters{align-items:stretch;display:flex;flex-direction:column;margin-bottom:1.25rem;padding:.85rem .85rem .9rem}.active-filters-header{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.75rem}.active-filters-pills{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.active-filters-label{flex-shrink:0;font-size:.85rem;margin-bottom:0;text-align:left;width:auto}.active-filters-pills .filter-pill{align-items:flex-start;display:flex;flex:none;flex-wrap:wrap;font-size:.85rem;justify-content:space-between;min-width:0;overflow:visible;padding:.5rem .9rem;text-align:left;text-overflow:clip;white-space:normal!important;width:100%;word-break:break-word}.active-filters-pills .filter-and-connector{display:block!important;flex-basis:100%!important;font-size:.7rem!important;gap:0!important;margin:0!important;order:0!important;padding:.25rem 0!important;text-align:center!important;width:100%!important}.clear-all-btn{font-size:.8rem;padding:.4rem 1rem}.work-logs-header{align-items:flex-start;flex-direction:column;gap:1rem}.work-logs-title,.work-logs-title-section h2{font-size:1.5rem}.title-with-button{align-items:flex-start;flex-wrap:wrap}.btn-refresh{flex-shrink:0}.work-logs-stats{flex-direction:row;flex-wrap:wrap;gap:.75rem;width:100%}.work-logs-stats .stats-card-container{flex-basis:calc(33.333% - 0.5rem);flex-grow:1;flex-shrink:1;min-width:85px}.work-logs-stats .stats-card-container.hours{max-width:100%;min-width:85px;width:auto}.stat-card{width:auto}.search-input{font-size:1rem}.work-type-tabs{flex-wrap:wrap}.tab-btn{flex:1 1;flex-direction:column;font-size:.85rem;gap:.25rem;min-width:100px;padding:.6rem 1rem}.tab-label{display:none}.tab-count{font-size:.7rem;order:2}.tab-icon{font-size:1.3rem;order:1}.filter-item{flex:1 1 100%}.filters-section{padding:0}.filters-header{padding:.75rem 1rem}.filters-title-text{font-size:.85rem}.filters-row-horizontal{gap:1rem;padding:1rem}.date-range-group{align-items:stretch;flex-direction:column}.date-input-small{width:100%}.date-separator-small{align-self:flex-start;margin-bottom:-.5rem;order:-1}.work-logs-table{font-size:.75rem;min-width:700px}.work-logs-table td,.work-logs-table th{padding:.6rem .5rem}.col-type{width:80px}.col-title{width:160px}.col-device{width:130px}.col-department{width:100px}.col-date{width:90px}.col-hours{width:70px}.severity-badge,.status-badge{font-size:.6rem;padding:.25rem .4rem}.hours-badge{font-size:.65rem}.title-text{font-size:.8rem}.device-name{font-size:.75rem}.details-container{gap:.75rem;grid-template-columns:1fr;padding:1rem}.details-title{font-size:.85rem}.details-text{font-size:.8rem}.details-meta{font-size:.75rem;gap:.75rem}.pagination{align-items:stretch;flex-direction:column;gap:.75rem}.pagination-info,.per-page-selector{justify-content:center;width:100%}.pagination-controls{justify-content:space-between;width:100%}.pagination-btn{flex:1 1}}@media (max-height:500px) and (orientation:landscape){.work-logs-container{padding:.75rem}.work-logs-header{gap:1rem;margin-bottom:1rem}.work-logs-table{font-size:.75rem;min-width:800px}.work-logs-table td,.work-logs-table th{padding:.5rem .4rem}.col-type{min-width:80px;width:80px}.col-title{min-width:150px;width:150px}.col-device{min-width:120px;width:120px}.col-department{min-width:90px;width:90px}.col-technician{min-width:100px;width:100px}.col-date{min-width:85px;width:85px}.col-hours{min-width:70px;width:70px}.severity-badge,.status-badge{font-size:.55rem;padding:.2rem .35rem}.hours-badge{font-size:.6rem;padding:.2rem .35rem}.title-text{font-size:.75rem}.device-name{font-size:.7rem}.work-logs-title-section h2{font-size:1.2rem;margin-bottom:.25rem}.work-logs-stats{gap:.5rem}.work-logs-stats .stats-card-container{height:90px;min-height:90px;padding:.75rem}.stats-card-container.hours .stats-card-label{font-size:.55rem}.quick-filters>div:first-child{gap:.5rem;margin-bottom:.5rem}.preset-buttons{gap:.4rem}.preset-btn{font-size:.75rem;padding:.35rem .75rem}.active-filters{gap:.5rem;margin-bottom:.75rem;padding:.5rem .75rem}.filter-pill{font-size:.7rem;padding:.25rem .6rem}.work-logs-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:8px;margin-bottom:1rem;overflow-x:auto}.details-container{gap:.75rem;grid-template-columns:1fr;padding:.75rem}.details-title{font-size:.75rem}.details-text{font-size:.7rem}}@media (max-height:400px) and (orientation:landscape){.work-logs-header{margin-bottom:.5rem}.work-logs-title-section h2{font-size:1rem}.work-logs-stats{gap:.25rem}.work-logs-stats .stats-card-container{height:75px;min-height:75px;padding:.5rem}.work-logs-table{font-size:.7rem;min-width:750px}.work-logs-table td,.work-logs-table th{padding:.4rem .3rem}.col-type{min-width:70px;width:70px}.col-title{min-width:120px;width:120px}.col-device{min-width:100px;width:100px}.col-department{min-width:80px;width:80px}.col-technician{min-width:85px;width:85px}.col-date{min-width:75px;width:75px}.col-hours{min-width:60px;width:60px}}.work-logs-header{display:flex;flex-direction:column;gap:1.5rem}@media (min-width:1025px){.work-logs-header{align-items:flex-start;flex-direction:row;justify-content:space-between}.work-logs-header>div:first-child{flex:1 1}}.work-logs-stats{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.stats-card-container.complaint{border-left:3px solid #e74c3c;height:110px;min-height:110px}.stats-card-container.maintenance{border-left:3px solid #3498db;height:110px;min-height:110px}.stats-card-container.hours{border-left:3px solid #f39c12;height:110px;min-height:110px;width:auto}.stats-card-container.hours .stats-card-label{font-size:.6rem;line-height:1.3;max-width:150px;white-space:pre-wrap;word-break:break-word}@media (min-width:1025px){.work-logs-stats{justify-content:flex-start}}@media (min-width:769px) and (max-width:1024px){.work-logs-stats{gap:.75rem;justify-content:flex-start}.stats-card-container.complaint,.stats-card-container.hours,.stats-card-container.maintenance{height:105px;min-height:105px}.stats-card-container.hours .stats-card-label{font-size:.55rem;max-width:120px}}@media (max-width:768px){.work-logs-stats{gap:.75rem;justify-content:center;width:100%}.stats-card-container.complaint,.stats-card-container.hours,.stats-card-container.maintenance{height:105px;min-height:105px}.stats-card-container.hours .stats-card-label{font-size:.55rem;max-width:120px}}@media (max-width:480px){.work-logs-stats{gap:.5rem}.stats-card-container.complaint,.stats-card-container.hours,.stats-card-container.maintenance{height:100px;min-height:100px}.stats-card-container.hours .stats-card-label{-webkit-line-clamp:3;font-size:.45rem;max-width:100px}.work-type-tabs{flex-wrap:wrap}.tab-btn{flex:1 1;flex-direction:column;font-size:.85rem;gap:.25rem;min-width:100px;padding:.6rem 1rem}.tab-label{display:none}.tab-count{font-size:.7rem;order:2}.tab-icon{font-size:1.3rem;order:1}}.assigned-devices-container{background:#fff;min-height:100vh;padding:2rem}.assigned-devices-header{align-items:center;border-bottom:2px solid #e9ecef;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.assigned-devices-header h2{color:#2c3e50;font-size:1.8rem;font-weight:800;letter-spacing:-.5px;margin:0}.header-subtitle{color:#6b7280;font-size:.9rem;font-weight:500;margin:.5rem 0 0}.btn-refresh{align-items:center;background:none;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;min-height:36px;min-width:36px;padding:.5rem;transition:all .2s ease}.btn-refresh:hover{background:#f5f5f5;border-color:#bbb;transform:rotate(180deg);transform-origin:center}.title-with-button{align-items:center;display:flex;gap:1rem;justify-content:flex-start}.assigned-devices-loading{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:400px;padding:2rem}.spinner{border:4px solid #f0f0f0;height:50px;width:50px}.assigned-devices-loading p{color:#666;font-size:1rem;font-weight:500;margin:0}.assigned-devices-error{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:400px;padding:2rem;text-align:center}.error-icon{font-size:4rem}.assigned-devices-error p{color:#dc2626;font-size:1rem;margin:0;max-width:400px}.btn-retry{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-retry:hover{background:#5568d3;box-shadow:0 2px 8px #667eea4d}.assigned-devices-controls{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.search-box-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.search-icon-lens{color:#999;font-size:1.1rem;left:1rem;pointer-events:none;position:absolute}.search-input-clean{background:#fafbfc;border:1px solid #ddd;border-radius:8px;font-size:.95rem;padding:.75rem 2.5rem;transition:all .2s ease;width:100%}.search-input-clean:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.clear-search-btn-inline{background:none;border:none;color:#999;cursor:pointer;font-size:1.2rem;padding:.25rem .5rem;position:absolute;right:.75rem;transition:color .2s ease}.clear-search-btn-inline:hover{color:#dc2626}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.filter-btn{background:#fff;border:1.5px solid #ddd;border-radius:6px;color:#666;cursor:pointer;flex:0 1 auto;font-size:.85rem;font-weight:600;letter-spacing:.3px;min-width:auto;padding:.6rem 1.2rem;text-transform:uppercase;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{background:#f8f9ff;border-color:#667eea;color:#667eea}.filter-btn.active{background:#667eea;border-color:#667eea;box-shadow:0 2px 8px #667eea4d;color:#fff}.assigned-devices-empty{padding:4rem 2rem;text-align:center}.empty-icon{display:block;font-size:4rem;margin-bottom:1rem}.empty-title{color:#1f2937;font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.empty-subtitle{color:#6b7280;font-size:.95rem;font-style:italic;font-weight:500;margin:0}.assigned-devices-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.device-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;display:flex;flex-direction:column;overflow:hidden;padding:1.5rem;transition:all .3s ease}.device-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.card-header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.device-id-section{flex:1 1}.card-content{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.device-name{color:#2c3e50;font-size:1rem;font-weight:700;line-height:1.3;word-break:break-word}.device-model,.device-serial{display:flex;font-size:.85rem;gap:.5rem}.device-model .label,.device-serial .label{color:#666;font-weight:600;min-width:50px}.device-model .value,.device-serial .value{background:#f3f4f6;border-radius:4px;color:#2c3e50;font-family:Courier New,monospace;font-size:.8rem;padding:.2rem .4rem}.device-department{align-items:center;background:#f0f7ff;border-left:3px solid #667eea;border-radius:6px;color:#2c3e50;display:flex;font-size:.85rem;gap:.4rem;padding:.5rem .75rem}.device-department .icon{font-size:1.1rem}.maintenance-status{display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem}.status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.4rem;letter-spacing:.3px;padding:.4rem .75rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.status-badge.status-overdue{background:linear-gradient(135deg,#fee2e2,#fef2f2);border:1px solid #dc26264d;color:#dc2626}.status-badge.status-due-soon{background:linear-gradient(135deg,#fef3c7,#fffbeb);border:1px solid #f59e0b4d;color:#f59e0b}.maintenance-dates{background:#f9fafb;border-left:3px solid #3b82f6;border-radius:6px;display:flex;flex-direction:column;gap:.4rem;padding:.75rem}.date-item{align-items:center;display:flex;font-size:.8rem;justify-content:space-between}.date-item .label{color:#666;font-weight:600}.date-item .date{color:#2c3e50;font-weight:500}.card-footer{border-top:1px solid #e9ecef;margin-top:1rem;padding-top:1rem}.btn-view-device{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;letter-spacing:.3px;padding:.75rem 1rem;text-transform:uppercase;transition:all .2s ease;width:100%}.btn-view-device:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}@media (max-width:1024px){.assigned-devices-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.assigned-devices-container{padding:1rem}.assigned-devices-header{align-items:flex-start;flex-direction:column;gap:.5rem}.assigned-devices-header h2{font-size:1.5rem}.assigned-devices-controls{gap:1rem}.filter-buttons{gap:.4rem;justify-content:flex-start;width:100%}.filter-btn{flex:0 1 auto;font-size:.8rem;min-width:auto;padding:.5rem 1rem;white-space:nowrap}.assigned-devices-grid{grid-template-columns:1fr}.device-card{padding:1rem}.device-name{font-size:.95rem}}.device-approval-dashboard{background:linear-gradient(135deg,#fff,#fafafa);border-radius:12px;box-shadow:0 2px 8px #0000000a;margin:1.5rem auto;max-width:1400px;min-height:600px;padding:2rem}.device-approval-dashboard .approval-header{border-bottom:1px solid #e5e7eb99;margin-bottom:2rem;padding-bottom:1.5rem}.device-approval-dashboard .approval-header h1{color:#2c3e50;font-size:1.8rem;font-weight:800;letter-spacing:-.5px;margin:0}.device-approval-dashboard .approval-header p{color:#6b7280;font-size:.9rem;font-weight:500;margin:.5rem 0 0}.device-approval-dashboard .approval-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.device-approval-dashboard .stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #00000014;cursor:pointer;display:flex;gap:.75rem;min-width:160px;padding:.75rem 1.25rem;transition:all .2s ease}.device-approval-dashboard .stat-card:hover{box-shadow:0 2px 6px #0000001f;transform:translateY(-1px)}.device-approval-dashboard .stat-number{color:#2c3e50;font-size:1.3rem;font-weight:800;line-height:1}.device-approval-dashboard .stat-label{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.device-approval-dashboard .approval-tabs{border-bottom:2px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.device-approval-dashboard .tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;bottom:-2px;color:#6b7280;cursor:pointer;display:flex;flex-direction:row;font-size:.95rem;font-weight:600;gap:.5rem;letter-spacing:.3px;padding:.75rem 1.5rem;position:relative;text-transform:uppercase;transition:all .2s ease}.device-approval-dashboard .tab-icon{font-size:1rem;line-height:1}.device-approval-dashboard .tab-label{display:inline}.device-approval-dashboard .tab-count{color:#667eea;display:inline;font-size:.85rem;font-weight:700}.device-approval-dashboard .tab:hover{background:#667eea0d;border-radius:8px 8px 0 0;color:#2c3e50}.device-approval-dashboard .tab.active{border-bottom-color:#667eea;color:#667eea;font-weight:700}.device-approval-dashboard .approval-table-container{border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #00000014;margin-bottom:1.5rem;overflow-x:auto}.device-approval-dashboard .approval-table{border-collapse:collapse;font-size:.85rem;min-width:1000px;width:100%}.device-approval-dashboard .approval-table thead{background:linear-gradient(135deg,#f8f9fa,#f3f4f6);border-bottom:2px solid #e5e7eb;position:-webkit-sticky;position:sticky;top:0;z-index:10}.device-approval-dashboard .approval-table thead th{color:#2c3e50;font-size:.8rem;font-weight:700;letter-spacing:.3px;padding:1rem .75rem;text-align:left;text-transform:uppercase;white-space:nowrap}.device-approval-dashboard .approval-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s ease}.device-approval-dashboard .approval-table tbody tr:hover{background:linear-gradient(135deg,#f8f9ff,#fffbf0);border-left:4px solid #667eea;cursor:pointer}.device-approval-dashboard .approval-table td{color:#1f2937;padding:1rem .75rem;vertical-align:top}.device-approval-dashboard .status-badge{align-items:center;border:1px solid;border-radius:6px;display:inline-flex;font-size:.7rem;font-weight:700;justify-content:center;letter-spacing:.3px;padding:.4rem .75rem;text-transform:uppercase;white-space:nowrap}.device-approval-dashboard .status-badge.pending{background:linear-gradient(135deg,#fef3c7,#fffbeb);border-color:#f59e0b4d;color:#f59e0b}.device-approval-dashboard .status-badge.approved{background:linear-gradient(135deg,#dcfce7,#f0fdf4);border-color:#16a34a4d;color:#16a34a}.device-approval-dashboard .status-badge.rejected{background:linear-gradient(135deg,#fee2e2,#fef2f2);border-color:#dc26264d;color:#dc2626}.device-approval-dashboard .resubmission-badge{background:linear-gradient(135deg,#fef3c7,#fffbeb);border:1px solid #f59e0b4d;border-radius:4px;color:#92400e;display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:.3px;padding:.3rem .6rem;text-transform:uppercase;white-space:nowrap}.device-approval-dashboard .action-buttons{align-items:center;display:flex;flex-wrap:nowrap;gap:.35rem}.device-approval-dashboard .btn-action{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.3rem;padding:.4rem .75rem;transition:all .2s ease;white-space:nowrap}.device-approval-dashboard .btn-view{background:linear-gradient(135deg,#dbeafe,#eff6ff);border:1px solid #3b82f633;color:#3b82f6}.device-approval-dashboard .btn-view:hover{background:linear-gradient(135deg,#bfdbfe,#dbeafe);box-shadow:0 2px 8px #3b82f626;transform:translateY(-1px)}.device-approval-dashboard .btn-approve{background:linear-gradient(135deg,#dcfce7,#f0fdf4);border:1px solid #16a34a33;color:#16a34a}.device-approval-dashboard .btn-approve:hover{background:linear-gradient(135deg,#bbf7d0,#dcfce7);box-shadow:0 2px 8px #16a34a26;transform:translateY(-1px)}.device-approval-dashboard .btn-reject{background:linear-gradient(135deg,#fee2e2,#fef2f2);border:1px solid #dc262633;color:#dc2626}.device-approval-dashboard .btn-reject:hover{background:linear-gradient(135deg,#fecaca,#fee2e2);box-shadow:0 2px 8px #dc262626;transform:translateY(-1px)}.device-approval-dashboard .expanded-details{background:#f9fafb;border-bottom:2px solid #e0e0e0}.device-approval-dashboard .expanded-details td{padding:1.5rem}.device-approval-dashboard .details-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;padding:1.5rem}.device-approval-dashboard .details-section{display:flex;flex-direction:column;gap:.5rem}.device-approval-dashboard .details-title{color:#2c3e50;font-size:.9rem;font-weight:700;letter-spacing:.3px;margin:0;text-transform:uppercase}.device-approval-dashboard .details-text{color:#4b5563;font-size:.9rem;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word}.device-approval-dashboard .empty-state{padding:4rem 2rem;text-align:center}.device-approval-dashboard .empty-icon{display:block;font-size:4rem;margin-bottom:1rem}.device-approval-dashboard .empty-title{color:#1f2937;font-size:1.3rem;font-weight:600;margin:0 0 .5rem}.device-approval-dashboard .empty-subtitle{color:#6b7280;font-size:.95rem;font-style:italic;font-weight:500;margin:0}.device-approval-dashboard .approval-dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:400px;padding:2rem}.device-approval-dashboard .loading-spinner{text-align:center}.device-approval-dashboard .spinner{animation:spin 1s linear infinite;border:4px solid #f0f0f0;border-radius:50%;border-top-color:#667eea;height:50px;margin:0 auto 1rem;width:50px}.device-approval-dashboard .approval-dashboard-loading p{color:#666;font-size:1rem;font-weight:500;margin:0}@media (max-width:1024px){.device-approval-dashboard .approval-header{align-items:flex-start;flex-direction:column}.device-approval-dashboard .details-container{gap:1.25rem;grid-template-columns:1fr;padding:1.25rem}}@media (max-width:768px){.device-approval-dashboard{padding:1rem}.device-approval-dashboard .approval-header h1{font-size:1.5rem}.device-approval-dashboard .approval-stats{flex-direction:column;width:100%}.device-approval-dashboard .stat-card{width:100%}.device-approval-dashboard .approval-tabs{flex-wrap:nowrap;gap:.25rem}.device-approval-dashboard .tab{flex:1 1;flex-direction:column;font-size:0;gap:.25rem;justify-content:center;min-width:auto;padding:.5rem .4rem}.device-approval-dashboard .tab-label{display:none}.device-approval-dashboard .tab-icon{font-size:1.25rem}.device-approval-dashboard .tab-count{background:#f3f4f6;border-radius:10px;color:#667eea;font-size:.7rem;padding:.15rem .35rem}.device-approval-dashboard .approval-table{font-size:.75rem;min-width:700px}.device-approval-dashboard .approval-table td,.device-approval-dashboard .approval-table th{padding:.6rem .5rem}.device-approval-dashboard .status-badge{font-size:.6rem;padding:.25rem .4rem}.device-approval-dashboard .action-buttons{flex-wrap:wrap}.device-approval-dashboard .details-container{gap:.75rem;grid-template-columns:1fr;padding:1rem}.device-approval-dashboard .details-title{font-size:.85rem}.device-approval-dashboard .details-text{font-size:.8rem}}.approval-modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.approval-modal-content{animation:slideUp .3s ease-out;background-color:#fff;border-radius:8px;box-shadow:0 20px 25px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:700px;overflow:hidden;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.approval-modal-header{align-items:center;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.approval-modal-header h2{color:#1f2937;flex:1 1;font-size:1.25rem;font-weight:600;margin:0}.approval-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.approval-modal-close:hover{background-color:#e5e7eb;color:#1f2937}.approval-notification{align-items:center;animation:slideDown .3s ease-out;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin:0;padding:1rem 1.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.approval-notification-success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-bottom-color:#22c55e}.approval-notification-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-bottom-color:#ef4444}.approval-notification-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.approval-notification-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:24px;justify-content:center;line-height:1;width:24px}.approval-notification-success .approval-notification-icon{background:#22c55e;color:#fff}.approval-notification-error .approval-notification-icon{background:#ef4444;color:#fff}.approval-notification-message{color:#1f2937;font-size:.9rem;font-weight:500;line-height:1.5}.approval-notification-success .approval-notification-message{color:#166534}.approval-notification-error .approval-notification-message{color:#991b1b}.approval-notification-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;height:32px;justify-content:center;margin-left:1rem;padding:0;transition:all .2s ease;width:32px}.approval-notification-close:hover{background-color:#00000014;color:#1f2937}.approval-modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.approval-modal-body::-webkit-scrollbar{width:6px}.approval-modal-body::-webkit-scrollbar-track{background-color:#f3f4f6}.approval-modal-body::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:3px}.approval-modal-body::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}.approval-action-section h3,.approval-decision-section h3,.approval-device-details h3,.approval-notes-section h3{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.75rem}.approval-device-details{margin-bottom:1.5rem}.approval-details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.approval-detail-row{display:flex;flex-direction:column;gap:.25rem}.approval-detail-row label{color:#6b7280;font-size:.85rem;font-weight:500}.approval-detail-row span{color:#1f2937;font-size:.95rem;font-weight:500}.approval-notes-section{background-color:#f0f9ff;border:1px solid #bfdbfe;border-radius:6px;margin-bottom:1.5rem;padding:1rem}.approval-notes-content{color:#1e40af;font-size:.95rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.approval-decision-section{background-color:#faf5ff;border:1px solid #e9d5ff;border-radius:6px;margin-bottom:1.5rem;padding:1rem}.approval-decision-content{color:#6b21a8;font-size:.95rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.approval-action-section{margin-bottom:1rem}.approval-form-group{display:flex;flex-direction:column;gap:.5rem}.approval-form-group label{color:#1f2937;font-size:.9rem;font-weight:600}.approval-form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:.9rem;padding:.75rem;resize:vertical;transition:all .2s ease}.approval-form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.approval-form-group textarea:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.approval-helper-text{color:#6b7280;font-size:.8rem;font-style:italic;margin-top:.25rem}.approval-modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.approval-btn-cancel{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;min-height:40px;padding:.75rem 1.5rem;transition:all .2s ease}.approval-btn-cancel:hover:not(:disabled){background-color:#f3f4f6;border-color:#6b7280;box-shadow:0 2px 8px #6b72801a;color:#1f2937}.approval-btn-cancel:active:not(:disabled){transform:scale(.98)}.approval-btn-cancel:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.5}.approval-btn-submit{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.5px;min-height:40px;padding:.75rem 1.75rem;transition:all .2s ease;white-space:nowrap}.approval-btn-submit:active:not(:disabled){transform:scale(.98)}.approval-btn-submit:disabled{cursor:not-allowed;opacity:.5}.approval-btn-approve{background:linear-gradient(135deg,#16a34a,#15803d);border:1px solid #16a34a4d;box-shadow:0 2px 8px #16a34a33;color:#fff;font-size:1rem;letter-spacing:.5px;position:relative}.approval-btn-approve:first-letter{font-size:1.2em;font-weight:700;text-shadow:-.7px -.7px 0 #fffc,.7px -.7px 0 #fffc,-.7px .7px 0 #fffc,.7px .7px 0 #fffc,-.7px 0 0 #fffc,.7px 0 0 #fffc,0 -.7px 0 #fffc,0 .7px 0 #fffc,-1px -1px 0 #fff9,1px -1px 0 #fff9,-1px 1px 0 #fff9,1px 1px 0 #fff9}.approval-btn-approve:before{background:radial-gradient(circle at top left,#ffffff1a,#0000);border-radius:6px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.approval-btn-approve:hover:not(:disabled){background:linear-gradient(135deg,#15803d,#127a3c);box-shadow:0 6px 20px #16a34a59;transform:translateY(-2px)}.approval-btn-approve:disabled{background:linear-gradient(135deg,#86efac,#6ee7b7)}.approval-btn-reject{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid #ef444466;box-shadow:0 4px 12px #ef44444d;color:#fff;font-size:.95rem;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:.75rem 1.75rem;position:relative}.approval-btn-reject:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:1}.approval-btn-reject:after{background:radial-gradient(circle at top left,#ffffff26,#0000);border-radius:6px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.approval-btn-reject:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 24px #dc262666,inset 0 0 0 1px #ffffff1a;letter-spacing:.8px;transform:translateY(-3px)}.approval-btn-reject:hover:not(:disabled):before{left:100%}.approval-btn-reject:active:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.approval-btn-reject:disabled{background:linear-gradient(135deg,#fca5a5,#f87171);box-shadow:0 2px 8px #dc262626;opacity:.6}@media (max-width:640px){.approval-modal-content{max-height:95vh;width:95%}.approval-modal-header{padding:1rem}.approval-modal-header h2{font-size:1.1rem}.approval-modal-body{padding:1rem}.approval-details-grid{grid-template-columns:1fr}.approval-modal-footer{flex-direction:column-reverse;gap:.75rem}.approval-btn-cancel,.approval-btn-submit{width:100%}}.app-footer{background:linear-gradient(135deg,#f8f9fa,#f0f2f5);border-top:1px solid #e9ecef;box-shadow:0 -2px 8px #0000000a;color:#6b7280;font-size:.8rem;margin-top:3rem;padding:1.5rem 2rem;text-align:center}.footer-content{flex-direction:column;margin:0 auto;max-width:1400px}.footer-content,.footer-links{align-items:center;display:flex;gap:.75rem}.footer-links{flex-wrap:wrap;justify-content:center}.footer-copyright{color:#6b7280;font-size:.8rem}.footer-copyright,.footer-link{font-weight:500;white-space:nowrap}.footer-link{border-radius:4px;color:#667eea;padding:.25rem .5rem;text-decoration:none;transition:all .3s ease}.footer-link:hover{background-color:#667eea14;color:#764ba2;text-decoration:underline}.footer-link:active{transform:scale(.98)}.footer-separator{color:#d1d5db;font-weight:300}.footer-attribution{color:#9ca3af;font-size:.75rem;font-weight:500;letter-spacing:.3px;margin-top:.5rem;text-transform:titlecase}@media (max-width:768px){.app-footer{font-size:.75rem;margin-top:2rem;padding:1.25rem 1rem}.footer-content{gap:.5rem}.footer-links{flex-direction:column;gap:.5rem}.footer-copyright,.footer-link{font-size:.75rem}.footer-link{padding:.2rem .4rem}.footer-separator{display:none}.footer-attribution{font-size:.7rem;margin-top:.75rem}}@media (max-width:480px){.app-footer{font-size:.7rem;margin-top:1.5rem;padding:1rem .75rem}.footer-content{gap:.4rem}.footer-links{flex-direction:column;gap:.4rem}.footer-copyright,.footer-link{font-size:.7rem}.footer-link{padding:.15rem .3rem}.footer-attribution{font-size:.65rem;margin-top:.5rem}}.guest-page-main.guest-device-main{background:#f8f9fa;padding:2rem 1rem}.guest-device-view-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:900px;padding:2rem;width:100%}.device-view-header{align-items:flex-start;background:linear-gradient(135deg,#667eea14,#764ba214);border:1px solid #667eea33;border-radius:12px;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.header-content{flex:1 1}.header-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.device-view-header h2{color:#2c3e50;flex-shrink:0;font-size:2rem;font-weight:600;margin:0}.device-id-badge-header{align-items:center;display:inline-flex;flex-shrink:0}.header-badges{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.department-icon-large{align-items:center;display:inline-flex;font-size:1.8rem;justify-content:center;line-height:1;min-width:2rem}.department-badge-large{background:linear-gradient(135deg,#7c8ff0,#8b5fb8);border-radius:20px;box-shadow:0 2px 4px #667eea66;color:#fff;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1rem}.department-value-with-icon{align-items:center;display:flex;gap:.5rem}.department-icon{align-items:center;display:inline-flex;flex-shrink:0;font-size:1.2rem;justify-content:center;line-height:1}.department-badge{background:linear-gradient(135deg,#7c8ff0,#8b5fb8);border-radius:20px;box-shadow:0 2px 4px #667eea66;color:#fff;display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:.5rem 1rem}.header-actions{flex-shrink:0}.device-view-content{display:flex;flex-direction:column;gap:1.5rem}.guest-device-view-container .info-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000000f;padding:1.75rem;transition:all .3s ease}.guest-device-view-container .info-card:hover{box-shadow:0 4px 16px #0000001a}.info-card h3{align-items:center;color:#2c3e50;display:flex;font-size:1.2rem;font-weight:700;gap:.75rem;letter-spacing:-.3px;margin:0 0 1.5rem}.info-card h3:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;content:"";flex-shrink:0;height:22px;width:4px}.info-card.guest-info-card h3:before{display:none}.info-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.info-item{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:10px;flex-direction:column;gap:.5rem;padding:1.25rem;transition:all .3s ease}.info-item:hover{background:linear-gradient(135deg,#fff,#f8f9fa);border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.info-label{color:#6c757d;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:#2c3e50;font-size:1rem;font-weight:500}.info-card-text{background:#fff;border:1px solid #e9ecef;border-radius:8px;color:#495057;font-size:.95rem;line-height:1.6;margin:0;padding:1.25rem}.action-palette-inline{background:#0000;border:none;border-radius:0;box-shadow:none;display:inline-flex;gap:.75rem;padding:0}.guest-device-view-container .action-btn{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.6rem;justify-content:center;min-height:44px;padding:.85rem 1.5rem;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.guest-device-view-container .action-btn:hover{box-shadow:0 6px 16px #00000026;transform:translateY(-3px)}.guest-device-view-container .action-btn:active{transform:translateY(-1px)}.guest-device-view-container .action-btn.action-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.guest-device-view-container .action-btn.action-primary:hover{background:linear-gradient(135deg,#5568d3,#663a8e);box-shadow:0 8px 20px #667eea4d}.guest-device-view-container .action-btn.action-secondary{background:#fff;border:2px solid #667eea;color:#667eea;font-weight:600}.guest-device-view-container .action-btn.action-secondary:hover{background:#f0f4ff;border-color:#764ba2;color:#764ba2}.action-icon{font-size:1.2rem}.action-icon,.action-text{line-height:1}.error-state,.loading-state{color:#6c757d;font-size:1.1rem;padding:4rem;text-align:center}.error-state{color:#e74c3c;margin-bottom:1.5rem}@media (max-width:768px){.guest-device-view-container{padding:1rem}.device-view-header{flex-direction:column}.header-actions{width:100%}.action-palette-inline{flex-direction:column}.action-btn,.action-palette-inline{justify-content:center;width:100%}.info-grid{grid-template-columns:1fr}.device-view-header h2{font-size:1.5rem}}@media (max-width:480px){.guest-device-view-container{border-radius:0;box-shadow:none;margin:0;padding:.5rem}.device-view-header{gap:1rem;margin-bottom:1rem;padding-bottom:.75rem}.header-content{width:100%}.header-title-row{align-items:flex-start;flex-direction:column;gap:.25rem}.device-view-header h2{font-size:1.25rem;margin-bottom:.25rem}.device-id-badge-header{width:100%}.header-badges{gap:.5rem;width:100%}.department-icon-large{font-size:1.5rem}.department-badge-large{flex:1 1;font-size:.75rem;padding:.4rem .75rem}.header-actions{width:100%}.action-palette-inline{gap:.5rem;padding:.5rem;width:100%}.action-btn{font-size:.85rem;gap:.4rem;min-height:44px;padding:.7rem 1rem;width:100%}.action-icon{font-size:1rem}.info-card{background:#fff;border:1px solid #e9ecef;border-left:none;border-radius:0;border-right:none;margin:0 -.5rem;padding:.75rem}.info-card h3{font-size:1rem;margin:0 0 .75rem}.info-grid{gap:.5rem}.info-item{gap:.3rem;padding:.6rem}.info-label{font-size:.7rem;margin-bottom:.1rem}.info-value{font-size:.85rem;word-break:break-word}.info-card-text{font-size:.85rem;line-height:1.5;padding:.75rem}.error-state,.loading-state{font-size:.95rem;padding:2rem 1rem}}.guest-page-header-professional{-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,#2c3e50f2,#34495ef2);border-bottom:3px solid #667eea99;box-shadow:0 4px 20px #0003;color:#fff;font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.guest-header-content-professional{align-items:center;display:flex;gap:1.5rem;margin:0 auto;max-width:1200px}.guest-header-logo-section{align-items:center;display:flex;flex-shrink:0}.guest-header-divider{background:linear-gradient(180deg,#fff0,#fff9 50%,#fff0);border-radius:1px;height:60px;width:2px}.guest-header-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.guest-header-title{color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:.3px}.guest-header-subtitle{color:#fffc;font-size:.8rem;font-weight:400;letter-spacing:.2px}@media (max-width:768px){.guest-page-header-professional{padding:.75rem 1rem}.guest-header-content-professional{gap:1rem}.guest-header-divider{height:50px}.guest-header-title{font-size:1rem}.guest-header-subtitle{font-size:.75rem}}@media (max-width:480px){.guest-page-header-professional{padding:.6rem .8rem}.guest-header-content-professional{gap:.75rem}.guest-header-divider{height:40px;width:1px}.guest-header-title{font-size:.9rem}.guest-header-subtitle{font-size:.7rem}}.guest-page-main{padding:2rem 1rem}.guest-page-main.guest-complaint-main{background:#f8f9fa;padding:2rem 1rem}.guest-complaint-form-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-width:750px;padding:2rem;width:100%}.guest-complaint-form-card{width:100%}.modal-header-extended{align-items:flex-start;border-bottom:2px solid #f0f0f0;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.modal-header-title{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.modal-header-title h3{color:#2c3e50;font-size:1.35rem;font-weight:600;margin:0}.modal-device-info{align-items:center;background:linear-gradient(135deg,#667eea14,#764ba214);border-left:4px solid #667eea;border-radius:6px;display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem}.modal-device-info .device-name{color:#2c3e50;flex-shrink:0;font-size:1rem;font-weight:600}.modal-location-info{align-items:center;background:linear-gradient(135deg,#27ae6014,#34d39914);border-left:4px solid #27ae60;border-radius:4px;display:flex;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem}.modal-location-info .location-icon{flex-shrink:0;font-size:1rem}.modal-location-info .location-name{color:#16a34a;font-size:.95rem;font-weight:600}.close-btn{background:none;border:none;border-radius:4px;color:#7f8c8d;cursor:pointer;font-size:1.5rem;padding:.25rem .5rem;transition:all .2s}.close-btn:hover{background:#f0f0f0;color:#2c3e50}.complaint-form{display:flex;flex-direction:column;gap:1rem}.guest-complaint-form-container .form-group{display:flex;flex-direction:column;gap:.5rem}.guest-complaint-form-container .form-group label{color:#2c3e50;font-size:.9rem;font-weight:500}.guest-complaint-form-container .form-help-text{color:#6c757d;display:block;font-size:.8rem;font-weight:400;margin-top:.25rem}.guest-complaint-form-container .form-group input,.guest-complaint-form-container .form-group textarea{border:2px solid #e0e0e0;border-radius:6px;font-family:inherit;font-size:.95rem;padding:.65rem;transition:all .3s}.guest-complaint-form-container .form-group textarea{min-height:90px;resize:vertical}.guest-complaint-form-container .form-group input:focus,.guest-complaint-form-container .form-group textarea:focus,.guest-complaint-form-container .severity-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.guest-complaint-form-container .severity-select{-webkit-appearance:none;appearance:none;background-color:#fff;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 .75rem center;background-repeat:no-repeat;background-size:1.25em;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;font-family:inherit;font-size:.95rem;padding:.65rem 2.5rem .65rem .65rem;transition:all .3s}.guest-complaint-form-container .severity-select:hover{border-color:#667eea}.severity-description{display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem;min-height:50px}.severity-desc{border-radius:6px;font-size:.8rem;font-weight:500;line-height:1.35;margin:0;padding:.6rem;word-break:break-word}.severity-desc.critical{background-color:#e74c3c1a;border-left:4px solid #e74c3c;color:#c0392b}.severity-desc.major{background-color:#f39c121a;border-left:4px solid #f39c12;color:#d68910}.severity-desc.minor{background-color:#95a5a61a;border-left:4px solid #95a5a6;color:#5d6d7b}.guest-complaint-form-container .form-row{grid-gap:.85rem;align-items:start;display:grid;gap:.85rem;grid-template-columns:1fr 1fr}.reporter-section-label{color:#2c3e50;display:block;font-size:.95rem;font-weight:600;margin-bottom:.75rem}.reporter-identification-section{background:linear-gradient(135deg,#646cff0d,#c864ff0d);border:1px solid #646cff26;border-radius:8px;display:flex;flex-direction:column;gap:.75rem;padding:.85rem}.section-header{color:#2c3e50;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.section-hint{color:#6c757d;font-size:.8rem;line-height:1.4;margin:0}.guest-complaint-form-container .employee-id-input{border:2px solid #e0e0e0;border-radius:6px;font-family:inherit;font-size:.95rem;padding:.65rem;transition:all .3s}.guest-complaint-form-container .employee-id-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.guest-complaint-form-container .employee-id-input.loading{background-color:#f39c120d;border-color:#f39c12}.guest-complaint-form-container .employee-id-input.found{background-color:#27ae600d;border-color:#27ae60}.guest-complaint-form-container .employee-id-input.not-found{background-color:#e74c3c0d;border-color:#e74c3c}.guest-complaint-form-container .verification-indicator{align-items:center;animation:guest-slideDown .2s ease-out;border-radius:6px;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;margin-top:.25rem;padding:.5rem .6rem}@keyframes guest-slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.guest-complaint-form-container .verification-indicator.loading{background-color:#f39c121a;border-left:3px solid #f39c12;color:#d68910}.guest-complaint-form-container .verification-indicator.found{background-color:#27ae601a;border-left:3px solid #27ae60;color:#229954}.guest-complaint-form-container .verification-indicator.not-found{background-color:#e74c3c1a;border-left:3px solid #e74c3c;color:#c0392b}.guest-complaint-form-container .manual-entry-fields{animation:guest-slideDown .2s ease-out;display:flex;flex-direction:column;gap:.75rem;padding-top:.5rem}.guest-complaint-form-container .manual-entry-fields .form-group input{background-color:#f9f9f9;border:2px solid #e0e0e0}.guest-complaint-form-container .manual-entry-fields .form-group input:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.guest-complaint-form-container .employee-details-found{animation:guest-slideDown .2s ease-out;background-color:#27ae6014;border:1px solid #27ae6033;border-radius:6px;display:flex;flex-direction:column;gap:.5rem;margin-top:.25rem;padding:.75rem}.detail-row{align-items:baseline;display:flex;font-size:.9rem;gap:.5rem}.detail-label{color:#2c3e50;flex-shrink:0;font-weight:600;min-width:90px}.detail-value{color:#1a5e96;flex:1 1;word-break:break-word}.guest-complaint-form-container .form-actions{border-top:2px solid #f0f0f0;display:flex;gap:1rem;margin-top:.75rem;padding-top:1rem}.guest-complaint-form-container .action-btn{align-items:center;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.65rem 1.1rem;text-transform:none;transition:all .3s ease}.guest-complaint-form-container .action-btn:hover:not(:disabled){box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.guest-complaint-form-container .action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.guest-complaint-form-container .action-btn.action-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.guest-complaint-form-container .action-btn.action-primary:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#663a8e)}.guest-complaint-form-container .action-btn.action-secondary{background:#fff;border:2px solid #dee2e6;color:#495057}.guest-complaint-form-container .action-btn.action-secondary:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd}.guest-complaint-form-container .action-icon{font-size:1.2rem;line-height:1}.guest-complaint-form-container .action-text{line-height:1}.guest-complaint-form-container .phone-input-wrapper{align-items:center;display:flex;gap:.5rem;position:relative}.guest-complaint-form-container .phone-input-wrapper input[type=tel]{flex:1 1}.guest-complaint-form-container .phone-validation-display{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:.5rem}.guest-complaint-form-container .digit-count{font-size:.85rem;font-weight:600;min-width:35px;text-align:right}.guest-complaint-form-container .validation-status{font-size:1rem;font-weight:700;min-width:20px;text-align:center}.guest-complaint-form-container .form-error-text{color:#d32f2f;display:block;font-size:.8rem;font-weight:500;margin-top:.25rem}.guest-complaint-form-container .form-success-text{color:#27ae60;display:block;font-size:.8rem;font-weight:500;margin-top:.25rem}@media (max-width:768px){.guest-page-main{padding:1.5rem 1rem}.guest-complaint-form-container{padding:1.5rem}.modal-device-info,.modal-header-extended{align-items:flex-start;flex-direction:column}.modal-device-info{gap:.5rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.action-btn{width:100%}.reporter-identification-section{gap:.5rem;padding:.75rem}.manual-entry-fields .form-row{grid-template-columns:1fr}.detail-row{flex-direction:column;gap:.25rem}.detail-label{min-width:auto}}@media (max-width:480px){.guest-page-main{padding:1rem .5rem}.guest-complaint-form-container{border-radius:8px;box-shadow:0 1px 4px #0000001a;margin:0;max-width:100%;padding:1rem}.modal-header-extended{flex-direction:column;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem}.modal-header-title h3{font-size:1.15rem;margin:0 0 .25rem}.modal-device-info{font-size:.9rem;gap:.5rem;padding:.6rem}.modal-device-info .device-name{font-size:.9rem}.close-btn{font-size:1.25rem;position:absolute;right:.5rem;top:.5rem}.complaint-form{gap:.85rem}.form-group{gap:.35rem}.form-group label{color:#2c3e50;font-size:.85rem;font-weight:600}.form-group input,.form-group textarea,.severity-select{border-radius:4px;font-size:16px;min-height:44px;padding:.65rem}.form-group textarea{font-size:16px;min-height:100px}.form-row{gap:.75rem;grid-template-columns:1fr}.severity-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:2.2rem}.severity-description{gap:.4rem;min-height:auto}.severity-desc{font-size:.75rem;line-height:1.3;padding:.5rem}.reporter-section-label{font-size:.9rem;margin-bottom:.5rem}.reporter-identification-section{background:linear-gradient(135deg,#646cff14,#c864ff14);gap:.6rem;padding:.65rem}.section-hint{font-size:.75rem;line-height:1.4;margin:0}.employee-id-input{font-size:16px;min-height:44px;padding:.65rem}.verification-indicator{font-size:.75rem;margin-top:.2rem;padding:.45rem .5rem}.manual-entry-fields{gap:.6rem;padding-top:.4rem}.manual-entry-fields .form-group input{font-size:16px;min-height:44px}.employee-details-found{gap:.4rem;padding:.6rem}.detail-row{flex-direction:column;font-size:.85rem;gap:.3rem}.detail-label{font-size:.8rem;font-weight:600;min-width:auto}.detail-value{font-size:.85rem;margin-top:.1rem}.form-actions{flex-direction:column;gap:.6rem;margin-top:.5rem;padding-top:.75rem}.action-btn{font-size:.85rem;gap:.35rem;min-height:44px;padding:.7rem 1rem;width:100%}.action-icon{font-size:1rem}.action-text{font-size:.85rem}.phone-input-wrapper{align-items:flex-start;flex-direction:column;gap:.35rem}.phone-input-wrapper input[type=tel]{font-size:16px;min-height:44px;width:100%}.phone-validation-display{align-self:flex-end;gap:.4rem}.digit-count{font-size:.75rem}.validation-status{font-size:.95rem}.form-error-text,.form-success-text{font-size:.75rem}}.guest-page-layout{background:#fff;display:flex;flex-direction:column;font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}.guest-page-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #0000001a;padding:1rem 1.5rem;z-index:10}.guest-header-content{align-items:center;display:flex;margin:0 auto;max-width:1200px}.guest-page-main{align-items:center;background:#f8f9fa;display:flex;flex:1 1;justify-content:center;padding:3rem 1rem}.guest-page-layout .app-footer{background:#f8f9fa;border-top:1px solid #e9ecef;margin-top:auto}.guest-confirmation-container{align-items:center;display:flex;justify-content:center;max-width:600px;width:100%}.confirmation-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:2rem;width:100%}.success-section{margin-bottom:2rem;text-align:center}.success-icon-animated{align-items:center;animation:guest-successPulse .6s ease-out;background:linear-gradient(135deg,#28a745,#20c997);border-radius:50%;box-shadow:0 4px 16px #28a74533;color:#fff;display:inline-flex;font-size:2rem;font-weight:700;height:60px;justify-content:center;margin-bottom:1rem;width:60px}@keyframes guest-successPulse{0%{box-shadow:0 0 0 0 #28a745b3}70%{box-shadow:0 0 0 12px #28a74500}to{box-shadow:0 4px 16px #28a74533}}.confirmation-title{color:#2c3e50;font-size:1.6rem;font-weight:700;letter-spacing:-.3px;margin:0 0 .5rem}.confirmation-subtitle{color:#6c757d;font-size:.95rem;line-height:1.5;margin:0}.complaint-id-section{background:linear-gradient(135deg,#f0f4ff,#faf8ff);border:1px solid #e0e7ff;border-radius:10px;margin:2rem 0;padding:1.5rem;text-align:center}.id-label{color:#667eea;display:block;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin-bottom:.75rem;text-transform:uppercase}.id-display-compact{gap:.8rem;margin-bottom:.75rem}.copy-btn-compact,.id-display-compact{align-items:center;display:flex;justify-content:center}.copy-btn-compact{background:#0000;border:none;border-radius:8px;color:#667eea;cursor:pointer;flex-shrink:0;font-size:1.3rem;height:44px;transition:all .3s ease;width:44px}.copy-btn-compact:hover{color:#764ba2;transform:translateY(-2px)}.copy-btn-compact.copied{animation:guest-copySuccess .4s ease;color:#28a745}@keyframes guest-copySuccess{0%{transform:scale(.9)}50%{transform:scale(1.1)}to{transform:scale(1)}}.id-hint{color:#6c757d;font-size:.85rem;font-weight:500;margin:0}.quick-info{background:linear-gradient(135deg,#667eea0d,#764ba20d);border:1px solid #667eea1a;border-radius:10px;display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0;padding:1rem}.info-header{color:#667eea;display:block;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem;margin-top:.75rem;text-transform:uppercase}.info-header:first-child{margin-top:0}.info-item{align-items:center;color:#2c3e50;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;line-height:1.4;margin-bottom:.5rem}.info-item:last-child{margin-bottom:0}.info-divider{background:#667eea33;height:1px;margin:.75rem 0}.info-emoji{align-items:center;display:flex;flex-shrink:0;font-size:1.2rem}.reported-by-card{background:linear-gradient(135deg,#f8f9ff,#fdf8ff);border:1px solid #e8e6ff;border-radius:10px;margin:1.5rem 0;padding:1.2rem}.reported-by-card .card-header{align-items:center;border-bottom:2px solid #667eea26;display:flex;gap:.6rem;margin-bottom:1rem;padding-bottom:.75rem}.reported-by-card .card-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.4rem}.reported-by-card .card-title{color:#2c3e50;font-size:.95rem;font-weight:700}.reported-by-card .card-content{display:flex;flex-direction:column;gap:.6rem}.reported-by-card .detail-row{align-items:baseline;display:flex;gap:.75rem}.reported-by-card .detail-label{color:#667eea;flex-shrink:0;font-size:.85rem;font-weight:600;min-width:70px}.reported-by-card .detail-text{color:#2c3e50;font-size:.9rem;word-break:break-word}.confirmation-actions-compact{display:flex;gap:.75rem;justify-content:center;margin-top:1.5rem}.confirmation-card .action-btn-compact{align-items:center;border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;min-height:44px;padding:.65rem 1.1rem;text-transform:none;transition:all .3s ease}.confirmation-card .action-btn-compact:hover:not(:disabled){box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.confirmation-card .action-btn-compact:active:not(:disabled){transform:translateY(-1px)}.confirmation-card .action-btn-compact:disabled{cursor:not-allowed;opacity:.6;transform:none}.confirmation-card .action-btn-compact.action-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.confirmation-card .action-btn-compact.action-primary:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#663a8e);box-shadow:0 6px 16px #667eea33}.confirmation-card .action-btn-compact.action-secondary{background:#fff;border:2px solid #dee2e6;color:#495057}.confirmation-card .action-btn-compact.action-secondary:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd;color:#2c3e50}.confirmation-card .action-icon{font-size:1.2rem;line-height:1}.confirmation-card .action-text{font-weight:500;line-height:1}@media (max-width:640px){.guest-page-main{padding:2rem 1rem}.confirmation-card{border-radius:10px;padding:1.5rem}.confirmation-title{font-size:1.35rem}.confirmation-subtitle{font-size:.9rem}.success-icon-animated{font-size:1.8rem;height:55px;margin-bottom:.75rem;width:55px}.complaint-id-section{margin:1.5rem 0;padding:1.2rem}.id-display-compact{gap:.6rem;margin-bottom:.6rem}.copy-btn-compact{font-size:1.1rem;height:40px;width:40px}.reported-by-card{margin:1.2rem 0;padding:1rem}.reported-by-card .card-header{margin-bottom:.75rem;padding-bottom:.6rem}.reported-by-card .card-title{font-size:.9rem}.reported-by-card .detail-label{font-size:.8rem;min-width:65px}.reported-by-card .detail-text{font-size:.85rem}.quick-info{gap:.6rem;margin:1rem 0;padding:.75rem}.info-header{font-size:.8rem;margin-bottom:.4rem;margin-top:.6rem}.info-divider{margin:.6rem 0}.info-item{font-size:.85rem;gap:.6rem;margin-bottom:.4rem}.info-emoji{font-size:1rem}.confirmation-actions-compact{gap:.6rem;margin-top:1rem}.confirmation-card .action-btn-compact{font-size:.85rem;min-height:42px;padding:.6rem 1rem}.confirmation-card .action-icon{font-size:1rem}}@media (max-width:480px){.guest-page-main{padding:1.5rem .75rem}.confirmation-card{border-radius:8px;box-shadow:0 1px 6px #0000000f;padding:1.2rem}.confirmation-title{font-size:1.2rem;margin-bottom:.4rem}.success-section{margin-bottom:1.5rem}.confirmation-subtitle{font-size:.85rem}.success-icon-animated{font-size:1.6rem;height:50px;margin-bottom:.6rem;width:50px}.complaint-id-section{margin:1.2rem 0;padding:1rem}.id-label{font-size:.7rem;margin-bottom:.6rem}.id-display-compact{gap:.5rem;margin-bottom:.5rem}.copy-btn-compact{font-size:1rem;height:38px;width:38px}.id-hint{font-size:.8rem}.reported-by-card{margin:1rem 0;padding:.9rem}.reported-by-card .card-header{margin-bottom:.65rem;padding-bottom:.5rem}.reported-by-card .card-icon{font-size:1.2rem}.reported-by-card .card-title{font-size:.85rem}.reported-by-card .card-content{gap:.5rem}.reported-by-card .detail-label{font-size:.75rem;min-width:60px}.reported-by-card .detail-text{font-size:.8rem}.quick-info{gap:.5rem;margin:1rem 0;padding:.65rem}.info-header{font-size:.75rem;margin-bottom:.35rem;margin-top:.5rem}.info-divider{margin:.5rem 0}.info-item{font-size:.8rem;gap:.5rem;margin-bottom:.35rem}.info-emoji{font-size:1rem}.confirmation-actions-compact{flex-direction:column;gap:.5rem;margin-top:.75rem}.confirmation-card .action-btn-compact{font-size:.85rem;min-height:44px;padding:.6rem 1rem;width:100%}.confirmation-card .action-icon{font-size:1rem}.confirmation-card .action-text{font-size:.85rem}}@media print{.guest-confirmation-container{background:#fff;padding:0}.confirmation-card{border:none;box-shadow:none}.action-btn-compact,.confirmation-actions-compact{display:none}}.kicked-out-container{background:#fff}.kicked-out-container,.kicked-out-left-side{display:flex;min-height:100vh;overflow:hidden;position:relative}.kicked-out-left-side{align-items:center;animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-size:400% 400%;flex:1 1;justify-content:center;padding:40px 20px}.kicked-out-right-side{align-items:center;background:#fff;display:flex;flex:0 0 40%;justify-content:center;overflow-y:auto;padding:40px;position:relative}.kicked-out-box{animation:slideInRight .8s ease-out;max-width:400px;width:100%}.kicked-out-header{margin-bottom:30px;text-align:center}.kicked-out-header h3{color:#2d3748;font-size:28px;font-weight:700;margin:0 0 8px}.kicked-out-icon{display:block;font-size:3rem;margin-bottom:12px}.kicked-out-message{color:#4a5568;font-size:15px;line-height:1.6;margin:0 0 20px}.kicked-out-reasons{background:#f7fafc;border-left:4px solid #667eea;border-radius:8px;margin:20px 0;padding:16px;text-align:left}.kicked-out-subtext{color:#4a5568;font-size:13px;font-weight:600;margin:0 0 12px}.kicked-out-reasons ul{list-style:none;margin:0;padding:0}.kicked-out-reasons li{color:#718096;font-size:14px;margin:8px 0;padding-left:20px;position:relative}.kicked-out-reasons li:before{color:#667eea;content:"•";font-weight:700;left:8px;position:absolute}.kicked-out-login-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:10px;padding:12px 24px;transition:all .3s ease;width:100%}.kicked-out-login-btn:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.kicked-out-login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.kicked-out-footer-note{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:16px}.kicked-out-footer-text{color:#a0aec0;font-size:13px;font-weight:500;margin:0}.kicked-out-footer-attribution{bottom:12px;position:absolute;right:20px;z-index:20}.kicked-out-footer-attribution p{color:#00000080;font-size:.7rem;font-weight:500;letter-spacing:.3px;margin:0;white-space:nowrap}@media (max-width:1024px){.kicked-out-left-side,.kicked-out-right-side{flex:0 0 50%}.left-side-text h1{font-size:36px}.left-side-text h2{font-size:16px}.left-side-text p{font-size:14px}}@media (max-width:768px){.kicked-out-container{flex-direction:column}.kicked-out-left-side{flex:0 0 auto;min-height:300px;padding:30px 20px}.kicked-out-right-side{flex:1 1;padding:30px 20px}.left-side-text h1{font-size:28px}.left-side-text h2{font-size:14px}.left-side-text p{font-size:13px}.left-side-text h1 .org-icon{font-size:36px}.medical-float-1,.medical-float-2,.medical-float-3,.medical-float-4,.medical-float-5,.medical-float-6{display:none}}@media (max-width:480px){.kicked-out-left-side{min-height:250px;padding:20px}.kicked-out-right-side{padding:20px}.kicked-out-box{max-width:100%}.left-side-text h1{font-size:24px}.left-side-text h2,.left-side-text p{font-size:12px}.left-side-text h1 .org-icon{font-size:28px}.kicked-out-header h3{font-size:24px}.kicked-out-icon{font-size:2.5rem}.kicked-out-message{font-size:14px}}.reset-password-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.reset-password-box{background:#fff;border-radius:10px;box-shadow:0 10px 25px #0003;max-width:450px;padding:40px;width:100%}.reset-password-box h2{color:#333;font-size:28px;font-weight:600;margin-bottom:15px;text-align:center}.reset-description{color:#666;font-size:15px;margin-bottom:30px;text-align:center}.loading-message{color:#667eea;font-size:16px;padding:20px;text-align:center}.form-group{margin-bottom:25px}.form-group label{color:#555;font-weight:500}.form-group input{border:2px solid #e0e0e0;border-radius:6px;padding:12px 15px;transition:border-color .3s}.help-text{color:#888;display:block;font-size:13px;line-height:1.4;margin-top:6px}.btn-primary{font-size:16px;font-weight:600;padding:14px;transition:transform .2s,box-shadow .2s;width:100%}.btn-primary:hover:not(:disabled){box-shadow:0 5px 15px #667eea66}.error-message{background-color:#fee;border-left:4px solid #c33;color:#c33}.error-message,.success-message{border-radius:6px;padding:12px 15px}.success-message{background-color:#efe;border-left:4px solid #3c3;color:#3c3;font-size:14px;margin-bottom:20px}.back-to-login{margin-top:20px;text-align:center}.back-to-login a,.back-to-login button{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;font-weight:500;font:inherit;padding:0;text-decoration:none;transition:color .3s}.back-to-login a:hover,.back-to-login button:hover{color:#764ba2;text-decoration:underline}@media (max-width:500px){.reset-password-box{padding:30px 20px}.reset-password-box h2{font-size:24px}}.verify-email-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:system-ui,-apple-system,sans-serif;justify-content:center;min-height:100vh}.verify-email-box{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;padding:2rem;text-align:center;width:100%}.verify-email-box h2{color:#2c3e50;font-size:1.5rem;margin:0 0 1.5rem}.status-container{padding:2rem 0}.status-container p{color:#666;font-size:.95rem;line-height:1.5;margin:1rem 0}.status-container small{color:#999;font-size:.85rem}.status-container.verifying{align-items:center;display:flex;flex-direction:column;gap:1rem}.spinner{animation:spin 1s linear infinite;border:3px solid #f0f0f0;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.status-container.success{align-items:center;display:flex;flex-direction:column;gap:1rem}.success-icon{align-items:center;background:#d4edda;border:2px solid #28a745;border-radius:50%;color:#28a745;display:flex;font-size:32px;height:60px;justify-content:center;margin:0 auto;width:60px}.status-container.success p{color:#28a745;font-weight:600}.status-container.error{align-items:center;display:flex;flex-direction:column;gap:1rem}.error-icon{align-items:center;background:#f8d7da;border:2px solid #dc3545;border-radius:50%;color:#dc3545;display:flex;font-size:32px;height:60px;justify-content:center;margin:0 auto;width:60px}.status-container.error p{color:#dc3545;font-weight:600}.btn-primary{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;margin-top:1rem;padding:.75rem 1.5rem;transition:all .3s}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.forgot-password-container{background:#fff}.forgot-password-container,.forgot-password-left-side{display:flex;min-height:100vh;overflow:hidden;position:relative}.forgot-password-left-side{align-items:center;animation:gradientShift 15s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-size:400% 400%;flex:1 1;justify-content:center;padding:40px 20px}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.particles{animation:particleFloat 20s linear infinite;background-image:radial-gradient(circle at 20% 50%,#ffffff1a 1px,#0000 0),radial-gradient(circle at 80% 80%,#ffffff1a 1px,#0000 0),radial-gradient(circle at 40% 20%,#ffffff1a 1px,#0000 0);background-size:50px 50px,80px 80px,60px 60px;height:100%;left:0;position:absolute;top:0;width:100%}@keyframes particleFloat{0%{background-position:0 0,0 0,0 0}to{background-position:50px 50px,-80px 80px,60px -60px}}.medical-pattern{background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#ffffff1a 0,#ffffff1a 20px);height:100%;left:0;opacity:.05;position:absolute;top:0;width:100%}.medical-float-1,.medical-float-2,.medical-float-3,.medical-float-4,.medical-float-5,.medical-float-6{animation:float 20s ease-in-out infinite;opacity:.15;position:absolute}.medical-float-1{animation-delay:0s;left:5%;top:10%}.medical-float-2{animation-delay:2s;right:8%;top:20%}.medical-float-3{animation-delay:4s;bottom:15%;left:10%}.medical-float-4{animation-delay:1s;bottom:25%;right:5%}.medical-float-5{animation-delay:3s;left:2%;top:50%}.medical-float-6{animation-delay:5s;right:3%;top:60%}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-20px) rotate(5deg)}50%{transform:translateY(-10px) rotate(-5deg)}75%{transform:translateY(-15px) rotate(3deg)}}.left-side-content{animation:slideInLeft .8s ease-out;color:#fff;max-width:400px;position:relative;text-align:center;z-index:10}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.left-side-text h2{color:#fffc;font-size:18px;font-weight:500;letter-spacing:1px;margin:0 0 10px;text-transform:uppercase}.left-side-text h1{align-items:center;display:flex;flex-wrap:wrap;font-size:42px;font-weight:800;gap:12px;justify-content:center;line-height:1.2;margin:0 0 20px}.left-side-text h1 .org-icon{animation:iconFloat 3s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:48px}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.left-side-text p{color:#ffffffe6;font-size:16px;font-weight:300;line-height:1.6;margin:0}.forgot-password-right-side{align-items:center;background:#fff;display:flex;flex:0 0 40%;justify-content:center;overflow-y:auto;padding:40px}.forgot-password-box{animation:slideInRight .8s ease-out;max-width:400px;width:100%}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.reset-header{margin-bottom:30px;text-align:center}.reset-header h3{color:#2d3748;font-size:28px;font-weight:700;margin:0 0 8px}.reset-header p{color:#718096;font-size:14px;font-weight:500;margin:0}.form-group,.reset-form{margin-bottom:20px}.form-group label{color:#4a5568;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input{border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:15px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input::placeholder{color:#cbd5e0}.btn{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease;width:100%}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-top:10px}.btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{animation:shake .5s ease;background-color:#fff5f5;border:1px solid #fc8181;border-radius:8px;color:#c53030;font-size:14px;margin-bottom:20px;padding:12px 16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.info-message{align-items:flex-start;background:linear-gradient(135deg,#eff6ff,#eff6ff);border:1px solid #bfdbfe;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.info-icon{align-items:center;background:#dbeafe;border-radius:50%;color:#1e40af;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;width:32px}.info-content{flex:1 1}.info-title{color:#1e3a8a;font-size:14px;font-weight:600;margin-bottom:4px}.info-text{color:#1e40af;font-size:13px;line-height:1.5}.back-to-login-section{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px;text-align:center}.back-to-login-link{border-radius:6px;color:#667eea;display:inline-block;font-size:14px;font-weight:500;padding:6px 12px;text-decoration:none;transition:all .2s ease}.back-to-login-link:hover{background-color:#667eea14;color:#764ba2;text-decoration:none}.back-to-login-link:active{transform:scale(.98)}.forgot-password-footer-bottom-left{bottom:20px;left:20px;position:absolute;z-index:20}.forgot-password-footer-bottom-left p{color:#fffc;font-size:12px;font-weight:400;margin:0}.forgot-password-footer-bottom-left strong{color:#fffffff2;font-weight:600}.forgot-password-footer-attribution{bottom:12px;position:absolute;right:20px;z-index:20}.forgot-password-footer-attribution p{color:#00000080;font-size:.7rem;font-weight:500;letter-spacing:.3px;margin:0;white-space:nowrap}@media (max-width:1024px){.forgot-password-left-side,.forgot-password-right-side{flex:0 0 50%}.left-side-text h1{font-size:36px}.left-side-text h2{font-size:16px}.left-side-text p{font-size:14px}}@media (max-width:768px){.forgot-password-container{flex-direction:column}.forgot-password-left-side{flex:0 0 auto;min-height:300px;padding:30px 20px}.forgot-password-right-side{flex:1 1;padding:30px 20px}.left-side-text h1{font-size:28px}.left-side-text h2{font-size:14px}.left-side-text p{font-size:13px}.left-side-text h1 .org-icon{font-size:36px}.medical-float-1,.medical-float-2,.medical-float-3,.medical-float-4,.medical-float-5,.medical-float-6{display:none}}@media (max-width:480px){.forgot-password-left-side{min-height:250px;padding:20px}.forgot-password-right-side{padding:20px}.forgot-password-box{max-width:100%}.left-side-text h1{font-size:24px}.left-side-text h2,.left-side-text p{font-size:12px}.left-side-text h1 .org-icon{font-size:28px}.reset-header h3{font-size:24px}.reset-header p{font-size:13px}}
/*# sourceMappingURL=main.adb9aefa.css.map*/