@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@400&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Montserrat:wght@400&display=swap);:root{--color-primary-start:#31356e;--color-primary-end:#1c1f4e;--primary-gradient:linear-gradient(135deg,var(--color-primary-start) 0%,var(--color-primary-end) 100%);--primary-deep:#31356e;--primary-soft-bg:#31356e1a;--primary-soft-border:#31356e38}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.add-admin-btn-outline,.add-user-admin-btn,.add-user-btn,.add-user-btn-filled,.btn,.document-settings-btn,.filter-select,.logout-btn,.nav-item,.sidebar-nav a,[class*=-btn],[class*=-item],[class*=button],[role=button],button{animation:none!important;box-shadow:none!important;-webkit-box-shadow:none!important;transition:background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out!important}:not([class*=modal]):not([class*=Modal]):not([class*=plp-]):hover,:not([class*=modal]):not([class*=Modal]):not([class*=plp-]):hover:after,:not([class*=modal]):not([class*=Modal]):not([class*=plp-]):hover:before{box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;text-shadow:none!important;transform:none!important;transition-duration:.3s!important}: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: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{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)}}*{box-sizing:border-box;margin:0;padding:0}.landing-container{align-items:center;background:#fff;display:flex;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:100vh;padding:20px;text-align:center}.content-center{align-items:center;animation:fadeIn 1s ease-out;display:flex;flex-direction:column;max-width:900px;width:100%}.main-title{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:#fff;display:inline-block;font-size:60px;letter-spacing:0;line-height:1;text-align:center;text-shadow:2px 2px 4px #0003;width:100%}.main-title,.sub-title{font-family:Roboto,sans-serif;font-weight:400;margin-bottom:1rem}.sub-title{color:#1c1d1e;font-size:22.5px;opacity:.95}.highlight{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text}.description,.highlight{font-family:Roboto,sans-serif;font-weight:300}.description{color:#1c1d1e;font-size:1.2rem;line-height:1.6;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:1000px;opacity:.9}.admin-login-btn{background:var(--primary-gradient);border:none;border-radius:50px;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;letter-spacing:.5px;margin-top:10px;max-width:450px;padding:14px;width:100%}.modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:calc(100vh - 40px);max-width:450px;overflow-y:auto;padding:40px;position:relative;width:90%}.modal-title{color:#31356e!important;font-size:25px!important;font-weight:300;margin-bottom:10px}.modal-subtitle,.modal-title{font-family:Roboto,sans-serif;text-align:center}.modal-subtitle{color:#666;font-size:15px;margin-bottom:30px}.modal-form{gap:20px}.form-group,.modal-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#333;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;text-align:left}.input-icon-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#999;left:12px;pointer-events:none;position:absolute}.form-input-with-icon{padding:12px 42px}.form-input,.form-input-with-icon{background:#f8f9fa;border:1px solid #ddd;border-radius:10px;font-family:Roboto,sans-serif;font-size:14px;transition:all .3s ease;width:100%}.form-input{padding:12px}.password-toggle-btn{background:none}.form-input-with-icon:focus{background:#fff;border-color:#31356e;box-shadow:0 0 0 3px #31356e1a;outline:none}.form-input-with-icon::placeholder{color:#aaa;font-weight:300}.form-input-with-icon:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}.form-options{align-items:center;display:flex;justify-content:space-between;margin:5px 0}.checkbox-label{align-items:center;color:#666;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:14px;gap:6px}.checkbox-label input[type=checkbox]{align-items:center;appearance:none;-webkit-appearance:none;background-color:#fff;border:1.5px solid #aaa;border-radius:4px;cursor:pointer;display:flex;height:16px;justify-content:center;margin:0;transition:all .2s ease;width:16px}.checkbox-label input[type=checkbox]:checked{background:var(--primary-gradient);border-color:var(--primary-deep)}.checkbox-label input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;margin-bottom:2px;transform:rotate(45deg);width:4px}.forgot-link{color:#31356e;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s ease}.forgot-link:hover{color:#1c1f4e;text-decoration:underline}.modal-login-btn{background:var(--primary-gradient);border:none;border-radius:50px;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;letter-spacing:.5px;margin-top:10px;padding:14px;width:100%}.password-reset-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.password-reset-modal-content{animation:modalSlideIn .3s ease;background:#fff;border-radius:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:440px;padding:32px;position:relative;width:90%}.password-reset-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s ease;width:32px}.password-reset-modal-close:hover{background:#e5e7eb;color:#374151;transform:scale(1.05)}.password-reset-icon-wrapper{display:flex;justify-content:center;margin-bottom:20px}.password-reset-icon-circle{align-items:center;background:linear-gradient(135deg,#31356e1f,#1c1f4e26);border-radius:50%;color:var(--primary-deep);display:flex;height:64px;justify-content:center;width:64px}.password-reset-modal-title{color:#1f2937;font-size:22px;font-weight:700;margin:0 0 12px;text-align:center}.password-reset-description{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 24px;text-align:center}.password-reset-input-wrapper{margin-bottom:24px;position:relative;width:100%}.password-reset-input-icon{align-items:center;color:#9ca3af;display:flex;justify-content:center;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.password-reset-email-input{background-color:#fff;border:1.5px solid #e5e7eb;border-radius:12px;color:#1f2937;font-family:inherit;font-size:15px;font-weight:400;outline:none;padding:12px 14px 12px 42px;transition:all .2s ease;width:100%}.password-reset-email-input:focus{border-color:var(--primary-deep);box-shadow:0 0 0 3px #31356e26}.password-reset-email-input::placeholder{color:#9ca3af;font-weight:400}.password-reset-email-input:disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.password-reset-button-container{margin-top:8px}.password-reset-btn{align-items:center;background:var(--primary-gradient);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;position:relative;transition:all .2s ease;width:100%}.password-reset-btn:hover:not(:disabled){box-shadow:0 4px 12px #1c1f4e40;filter:brightness(1.06);transform:translateY(-1px)}.password-reset-btn:active:not(:disabled){transform:translateY(0)}.password-reset-btn:disabled{cursor:not-allowed;opacity:.6}.password-reset-spinner{animation:passwordResetSpin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes passwordResetSpin{to{transform:rotate(1turn)}}.password-reset-footer svg{color:#f59e0b;flex-shrink:0}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.main-title{font-size:40px}.sub-title{font-size:1.5rem}.description{font-size:1rem;margin-bottom:1.2rem;padding:0 20px}.admin-login-btn{font-size:15px;margin-top:8px;max-width:400px;padding:12px;width:100%}.modal-content{padding:30px}.modal-title{font-size:24px}.form-input-with-icon{font-size:14px;padding:12px 42px}.input-icon{height:18px;left:12px;width:18px}}@media (max-width:480px){.main-title{font-size:32px}.sub-title{font-size:1.2rem}.description{font-size:1rem;margin-bottom:1rem}.admin-login-btn{font-size:15px;margin-top:5px;padding:12px;width:95%}.modal-content{padding:25px 20px;width:95%}.modal-title{font-size:22px}.modal-subtitle{font-size:13px;margin-bottom:20px}.form-options{align-items:flex-start;flex-direction:column;gap:12px}.modal-login-btn{font-size:15px;padding:12px}.form-input-with-icon{font-size:13px;padding:10px 38px}.input-icon{height:16px;left:10px;width:16px}}.error-message{background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#c62828;font-size:14px;padding:12px;text-align:center}:root{--plp-bg:#e8e8e8;--plp-header-bg:#e8e8e8;--plp-bg-2:#fff;--plp-surface:#fff;--plp-surface-2:#f3f4f6;--plp-border:#e5e7eb;--plp-border-2:#31356e;--plp-accent:#31356e;--plp-accent-end:#1c1f4e;--plp-text:#1c1d1e;--plp-text-muted:#6b7280;--plp-text-faint:#9ca3af;--plp-radius:16px;--plp-radius-lg:20px;--plp-transition:0.28s cubic-bezier(0.4,0,0.2,1)}.plp-root{background:#e8e8e8;background:var(--plp-bg);color:#1c1d1e;color:var(--plp-text);font-family:Inter,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.plp-header{background:#e8e8e8!important;background:var(--plp-header-bg)!important;border:none!important;box-shadow:none!important;height:72px;position:sticky;top:0;z-index:100}.plp-header-inner{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 40px}.plp-logo{filter:brightness(0) saturate(100%) invert(21%) sepia(21%) saturate(2206%) hue-rotate(204deg) brightness(91%) contrast(89%);height:28px;width:auto}.plp-nav{align-items:center;display:flex;gap:8px}.plp-mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;padding:8px;z-index:110}.plp-hamburger{display:flex;flex-direction:column;height:18px;justify-content:space-between;width:24px}.plp-hamburger span{background:#1c1d1e;border-radius:2px;display:block;height:2px;transition:all .3s ease;width:100%}.plp-hamburger.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.plp-hamburger.open span:nth-child(2){opacity:0}.plp-hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.plp-mobile-nav{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--plp-border);border-radius:16px;box-shadow:0 10px 40px #00000026;display:none;flex-direction:column;left:16px;opacity:0;padding:8px;position:fixed;right:16px;top:80px;transform:translateY(-20px) scale(.95);transition:all .25s cubic-bezier(.4,0,.2,1);z-index:99}.plp-mobile-nav.open{opacity:1;transform:translateY(0) scale(1)}.plp-mobile-nav-link{align-items:center;background:none;border:none;border-radius:12px;color:#1c1d1e;color:var(--plp-text);cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;padding:14px 20px;text-align:left;text-decoration:none;transition:all .2s ease}.plp-mobile-nav-link:active,.plp-mobile-nav-link:hover{background:#f3f4f6;background:var(--plp-surface-2);color:#31356e;color:var(--plp-accent)}.plp-mobile-nav-link:not(:last-child){margin-bottom:4px}.plp-nav-link{background:none;border:none;border-radius:10px;color:#6b7280;color:var(--plp-text-muted);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;text-decoration:none;transition:none!important}.plp-nav-link:active,.plp-nav-link:focus,.plp-nav-link:hover{background:none!important;color:#6b7280!important;color:var(--plp-text-muted)!important;outline:none!important;transform:none!important}.plp-nav-link--admin{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--plp-border);color:#31356e;color:var(--plp-accent)}.plp-nav-link--admin:hover{background:#31356e!important;background:var(--plp-accent)!important;border-color:#31356e!important;border-color:var(--plp-accent)!important;color:#fff!important}.plp-hero{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr minmax(300px,420px);margin:0 auto;max-width:1200px;min-height:calc(100vh - 72px);padding:60px 40px 80px;position:relative;z-index:1}.plp-badge{align-items:center;background:#31356e0f;border:1px solid #31356e1a;border-radius:100px;color:#31356e;color:var(--plp-accent);display:inline-flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.04em;margin-bottom:24px;padding:6px 16px;text-transform:uppercase;width:fit-content}.plp-badge-dot{background:#10b981;border-radius:50%;box-shadow:0 0 6px #10b98166;height:6px;width:6px}.plp-headline{color:#1c1d1e;color:var(--plp-text);font-size:clamp(2.4rem,5vw,4rem);font-weight:900;letter-spacing:-.03em;line-height:1.05;margin:0}.plp-headline-accent{color:#31356e;color:var(--plp-accent)}.plp-sub{color:#6b7280;color:var(--plp-text-muted);font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.7;margin:22px 0 0;max-width:560px}.plp-cta-group{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}.plp-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:15px;font-weight:700;gap:8px;height:50px;justify-content:center;min-width:220px;padding:0 16px;text-decoration:none;transition:none!important}.plp-btn-primary{background:linear-gradient(135deg,#31356e,#1c1f4e);background:linear-gradient(135deg,var(--plp-accent) 0,var(--plp-accent-end) 100%);color:#fff;height:46px}.plp-btn-primary:hover{opacity:1!important}.plp-btn-outline{background:#0000;border:none!important;color:#31356e;font-weight:700;height:46px}.plp-btn-outline,.plp-btn-outline:hover{box-shadow:inset 0 0 0 1.5px #31356e!important}.plp-btn-outline:hover{background:#0000!important}.plp-trust{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.plp-trust-badge{background:#0000;border-radius:100px;box-shadow:inset 0 0 0 1px #31356e33;font-size:13px;font-weight:600;gap:6px;padding:6px 14px}.plp-trust-badge,.plp-trust-icon{align-items:center;color:#31356e;display:flex}.plp-trust-icon{color:var(--plp-accent);justify-content:center}.plp-hero-visual,.plp-phone-stack{display:flex;justify-content:center}.plp-phone-stack{align-items:center;height:600px;max-width:320px;perspective:1000px;position:relative;width:100%}.plp-phone-frame{filter:drop-shadow(0 20px 40px rgba(0,0,0,.1));height:auto;position:absolute;transition:all .8s cubic-bezier(.16,1,.3,1);width:100%}.plp-phone-frame--back{transform:translateX(-100px) scale(.9);z-index:1}.plp-phone-frame--front{transform:translateX(20px);z-index:2}.plp-phone-img{display:block;height:auto;width:100%}.plp-float-card{align-items:center;background:#fff;border:1px solid #31356e26;border-radius:14px;box-shadow:0 4px 15px #0000000a;color:#1c1d1e;color:var(--plp-text);display:flex;font-size:14px;font-weight:700;gap:10px;padding:12px 20px;position:absolute;white-space:nowrap;z-index:2}.plp-float-card--tl{left:-28px;top:14%}.plp-float-card--br{bottom:18%;right:-28px}.plp-float-icon{align-items:center;color:#31356e;color:var(--plp-accent);display:flex;justify-content:center}.plp-stats{background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--plp-border);border-top:1px solid #e5e7eb;border-top:1px solid var(--plp-border);padding:40px;position:relative;z-index:1}.plp-stats-inner{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px;text-align:center}.plp-stat-value{color:#31356e;color:var(--plp-accent);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800}.plp-stat-label{color:#6b7280;color:var(--plp-text-muted);font-size:13px;font-weight:500}.plp-features{margin:0 auto;max-width:1200px;position:relative;z-index:1}.plp-section-header{margin-bottom:56px;text-align:center}.plp-section-title{color:#1c1d1e;color:var(--plp-text);font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800}.plp-section-sub{color:#6b7280;color:var(--plp-text-muted);font-size:16px;margin-left:auto;margin-right:auto;margin-top:14px;max-width:540px}.plp-cta-band{background:#f8f9ff;border-top:1px solid #e5e7eb;border-top:1px solid var(--plp-border);position:relative;z-index:1}.plp-cta-band-inner{margin:0 auto;max-width:700px;padding:96px 40px;text-align:center}.plp-cta-band-title{color:#1c1d1e;color:var(--plp-text);font-size:clamp(2rem,4vw,3rem);font-weight:800}.plp-cta-band-sub{color:#6b7280;color:var(--plp-text-muted);font-size:17px;margin:18px 0 32px}.plp-footer{background:#0000;border:none;padding:24px 40px;position:relative;text-align:left;z-index:1}.plp-footer-copy{color:#6b7280;color:var(--plp-text-muted);font-size:13px;font-weight:400;letter-spacing:normal;line-height:1.7}.plp-modal-overlay{align-items:center!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background:#0009!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;padding:20px!important;position:fixed!important;right:0!important;top:0!important;z-index:9999!important}.about-modal-content,.privacy-modal-content{-ms-overflow-style:none;animation:slideUp .3s ease-out!important;background:#fff!important;border-radius:24px!important;box-shadow:0 20px 60px #0000004d!important;max-height:85vh!important;max-width:650px!important;overflow-y:auto!important;position:relative!important;scrollbar-width:none;width:90%!important}.about-modal-content::-webkit-scrollbar,.privacy-modal-content::-webkit-scrollbar{display:none}.about-modal-close,.privacy-modal-close{align-items:center!important;background:#f1f5f9!important;border:none!important;border-radius:50%!important;color:#64748b!important;cursor:pointer!important;display:flex!important;height:36px!important;justify-content:center!important;position:absolute!important;right:20px!important;top:20px!important;width:36px!important;z-index:10!important}.about-header,.privacy-header{background:linear-gradient(135deg,#f8fafc,#fff)!important;border-bottom:1px solid #e5e7eb!important;padding:40px!important;text-align:center!important}.about-icon-circle{background:var(--primary-gradient)!important;margin:0 auto 20px!important}.about-title,.privacy-title{color:#1c1d1e!important;font-size:28px!important;font-weight:700!important;margin-bottom:8px!important}.about-body,.privacy-body{padding:30px 40px!important}.about-section,.privacy-section{margin-bottom:24px!important}.about-section h3,.privacy-section h3{font-size:18px!important;font-weight:600!important;margin-bottom:12px!important}.privacy-section{border-radius:12px!important}.section-header{justify-content:space-between!important}.section-content,.section-header{padding:16px!important}@media (max-width:1024px){.plp-header{padding:0 24px}.plp-hero{display:flex;flex-direction:column-reverse;gap:48px;min-height:auto;padding:40px 24px;text-align:center}.plp-hero-visual{display:flex;flex-shrink:0;justify-content:center;width:100%}.plp-phone-stack{flex-shrink:0;height:480px;margin:0 auto;max-width:260px;width:100%}.plp-cta-group,.plp-trust{justify-content:center;margin-left:auto;margin-right:auto}.plp-phone-frame--back{transform:translateX(-60px) scale(.85)}.plp-phone-frame--front{transform:translateX(10px)}}@media (max-width:640px){.plp-headline{font-size:32px}.plp-sub{font-size:16px}.plp-cta-group{flex-direction:column;max-width:320px;width:100%}.plp-btn{min-width:0!important;min-width:auto!important;width:100%!important}.plp-trust{gap:8px}.plp-trust-badge{font-size:12px;padding:4px 10px}.plp-phone-stack{height:400px;max-width:220px}.plp-phone-frame--back{transform:translateX(-50px) scale(.85)}.plp-header-inner{padding:0 16px}.plp-nav{display:none}.plp-mobile-menu-btn{align-items:center;display:flex;justify-content:center}.plp-mobile-nav{display:flex}.plp-logo{height:24px}}@media (max-width:768px){.about-modal-content,.privacy-modal-content{border-radius:16px!important;max-height:90vh!important;max-width:95vw!important;width:95%!important}.about-header,.privacy-header{padding:24px 20px!important}.about-title,.privacy-title{color:#1c1d1e!important;font-size:22px!important}.about-body,.privacy-body{padding:20px!important}.about-section h3,.privacy-section h3{font-size:16px!important}.about-modal-close,.privacy-modal-close{height:32px!important;right:12px!important;top:12px!important;width:32px!important}.section-header{padding:12px!important}.section-number{font-size:22px!important}.section-content{padding:12px!important}.section-content p{font-size:13px!important;line-height:1.5!important}}@media (max-width:480px){.plp-modal-overlay{padding:10px!important}.about-modal-content,.privacy-modal-content{border-radius:12px!important;max-height:95vh!important;max-width:100vw!important;width:100%!important}.about-header,.privacy-header{padding:20px 16px!important}.about-title,.privacy-title{color:#1c1d1e!important;font-size:20px!important}.about-subtitle,.privacy-subtitle{font-size:13px!important}.about-body,.privacy-body{padding:16px!important}.about-section,.privacy-section{margin-bottom:16px!important}.about-section h3,.privacy-section h3{font-size:15px!important;margin-bottom:8px!important}.about-section p{font-size:13px!important;line-height:1.5!important}.about-modal-close,.privacy-modal-close{height:28px!important;right:8px!important;top:8px!important;width:28px!important}.section-header{padding:10px 12px!important}.section-number{font-size:20px!important}.section-header h3{font-size:14px!important}.section-toggle{color:#1c1d1e!important;font-size:18px!important;height:24px!important;width:24px!important}.section-content{padding:10px 12px!important}.section-content p{font-size:12px!important;line-height:1.4!important}.privacy-footer{margin-top:20px!important;padding-top:16px!important}.privacy-footer p{font-size:11px!important}.about-footer p{font-size:12px!important}}.add-user-modal-overlay{align-items:center!important;animation:fadeIn .3s ease-out!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background:#00000080!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;padding:20px!important;position:fixed!important;right:0!important;top:0!important;z-index:10000!important}.add-user-modal-content{animation:slideUp .3s ease-out!important;background:#fff!important;border-radius:20px!important;box-shadow:0 20px 60px #0000004d!important;max-width:440px!important;padding:32px!important;position:relative!important;width:90%!important}.add-user-modal-close{align-items:center!important;background:none!important;border:none!important;border-radius:50%!important;color:#999!important;cursor:pointer!important;display:flex!important;font-size:18px!important;height:28px!important;justify-content:center!important;position:absolute!important;right:16px!important;top:16px!important;transition:color .3s ease!important;width:28px!important}.add-user-modal-close:hover{background:#f5f5f5!important;color:#333!important}.add-user-modal-body{display:flex!important;flex-direction:column!important;margin-top:0!important}.user-management-title{color:#1c1d1e!important;font-size:28px!important;font-weight:700!important;margin-bottom:4px!important}.user-management-subtitle,.user-management-title{font-family:Inter,sans-serif!important;line-height:1!important;text-align:left!important}.user-management-subtitle{color:#6b7280!important;font-size:14px!important;margin:0!important}.store-buttons-grid{display:flex!important;flex-direction:row!important;gap:12px!important;margin:4px 0 0!important;width:100%!important}.store-badge-item{align-items:center!important;background:#f8f9fa!important;border:1px solid #e5e7eb!important;border-radius:12px!important;display:flex!important;flex:1 1!important;height:56px!important;justify-content:center!important;overflow:hidden!important;padding:0!important;transition:all .3s ease!important}.store-badge-item.disabled{cursor:not-allowed!important;filter:grayscale(1)!important;opacity:.5!important;pointer-events:none!important}.store-badge-img{height:100%!important;object-fit:contain!important;width:100%!important}.lgu-modal-content{max-height:95vh!important;max-width:800px!important;overflow-y:auto!important;width:95%!important}.lgu-request-form{flex-direction:column!important;margin-top:24px!important}.form-row,.lgu-request-form{display:flex!important;gap:16px!important}.form-row .form-group{flex:1 1!important}.form-group{display:flex!important;flex-direction:column!important;gap:6px!important}.form-group label{color:#374151!important;font-size:13px!important;font-weight:600!important}.form-group input,.form-group select{background-color:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;color:#111827!important;font-family:Inter,sans-serif!important;font-size:14px!important;padding:10px 14px!important;transition:all .2s ease!important}.form-group input:focus,.form-group select:focus{border-color:#31356e!important;box-shadow:0 0 0 3px #31356e1a!important;outline:none!important}.form-group select:disabled{background-color:#f9fafb!important;cursor:not-allowed!important}.lgu-submit-btn{background:#31356e!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;font-size:15px!important;font-weight:700!important;margin-top:12px!important;padding:14px!important;transition:none!important}@media (max-width:640px){.form-row{flex-direction:column!important;gap:16px!important}}.lgu-submit-btn{align-items:center;display:flex;gap:10px;justify-content:center}.spinner{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.plp-features{background:#e8e8e8;background:var(--plp-bg);padding:100px 40px}.plp-features-container{margin:0 auto;max-width:1200px}.plp-features-header{margin-bottom:64px;text-align:center}.plp-features-badge{align-items:center;background:#31356e0f;border:1px solid #31356e1a;border-radius:100px;color:#31356e;color:var(--plp-accent);display:inline-flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.04em;margin-bottom:20px;padding:6px 16px;text-transform:uppercase}.plp-features-badge-dot{background:#10b981;border-radius:50%;box-shadow:0 0 6px #10b98166;height:6px;width:6px}.plp-features-title{color:#1c1d1e;color:var(--plp-text);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0}.plp-features-subtitle{color:#6b7280;color:var(--plp-text-muted);font-size:17px;line-height:1.6;margin-left:auto;margin-right:auto;margin-top:12px;max-width:500px}.plp-features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr)}.plp-feature-card{background:#fff;background:var(--plp-surface);border:1px solid #e5e7eb;border:1px solid var(--plp-border);border-radius:20px;display:flex;gap:24px;padding:32px}.plp-feature-icon-wrap{align-items:center;background:linear-gradient(135deg,#31356e,#1c1f4e);background:linear-gradient(135deg,var(--plp-accent) 0,var(--plp-accent-end) 100%);border-radius:16px;box-shadow:0 8px 20px -8px #31356e66;color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.plp-feature-content{flex:1 1}.plp-feature-label{background:#10b9811a;border-radius:6px;color:#059669;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.03em;margin-bottom:10px;padding:4px 10px;text-transform:uppercase}.plp-feature-title{color:#1c1d1e;color:var(--plp-text);font-size:20px;font-weight:700;line-height:1.3;margin:0 0 8px}.plp-feature-desc{color:#6b7280;color:var(--plp-text-muted);font-size:15px;line-height:1.7;margin:0}@media (max-width:900px){.plp-features{padding:60px 24px}.plp-features-grid{gap:16px;grid-template-columns:1fr}.plp-feature-card{gap:20px;padding:24px}.plp-feature-icon-wrap{border-radius:14px;height:48px;width:48px}.plp-feature-title{font-size:18px}}@media (max-width:480px){.plp-features{padding:48px 16px}.plp-features-title{font-size:24px}.plp-feature-card{flex-direction:column;gap:16px;padding:24px}.plp-feature-icon-wrap{height:44px;width:44px}.plp-feature-title{font-size:17px}.plp-feature-desc{font-size:14px}}.sidebar{background:var(--primary-gradient)!important;color:#fff;height:100vh!important;left:0;overflow:hidden;position:fixed;top:0;width:300px!important;z-index:1000}.sidebar,.sidebar-content{display:flex;flex-direction:column}.sidebar-content{height:100%;overflow-x:hidden;overflow-y:auto}.sidebar-content::-webkit-scrollbar{width:4px}.sidebar-content::-webkit-scrollbar-track{background:#ffffff1a}.sidebar-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.sidebar-header{align-items:flex-start;display:flex;flex-shrink:0;justify-content:flex-start;padding:32px}.sidebar-logo-image{height:auto;max-width:140px;object-fit:contain}.sidebar-nav{flex:1 1 auto;flex-direction:column;gap:4px;min-height:0;padding:0 16px}.nav-item,.sidebar-nav{display:flex;position:relative}.nav-item{align-items:center;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-family:Montserrat,sans-serif;font-size:16px;font-style:normal;font-weight:400;gap:12px;padding:10px 16px;text-decoration:none;transition:color .3s ease}.nav-item:hover{background:#ffffff1a}.nav-item.active{background:#0000}.nav-active-indicator{background:#fff3;border-radius:8px;bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.nav-icon{color:#ffffffe6;height:20px;min-width:20px;transition:all .3s ease;width:20px}.nav-label{z-index:1}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{color:#fff}.sidebar-footer{margin-top:auto;padding-bottom:20px}.copyright{color:#fff9;font-family:Inter,sans-serif;font-size:12px;font-weight:400;letter-spacing:0;line-height:16px;padding:20px 25px;text-align:left}@media (max-width:1199px){.sidebar{width:260px!important}.sidebar-header{padding:24px}.sidebar-logo-image{max-width:120px}.nav-item{font-size:15px;padding:10px 14px}.nav-icon{height:20px;width:20px}.copyright{font-size:11px;padding:16px 20px}}@media (max-width:1023px){.sidebar{width:80px!important}.sidebar-header{justify-content:center;padding:20px 10px}.sidebar-logo-image{max-width:50px}.sidebar-nav{padding:0 10px}.nav-item{gap:0;justify-content:center;padding:12px}.nav-label{display:none!important}.nav-icon{height:24px;margin-right:0;width:24px}.copyright{display:none}}@media (max-width:767px){.sidebar{width:70px!important}.sidebar-header{padding:16px 8px}.sidebar-logo-image{max-width:45px}.sidebar-nav{gap:2px;padding:0 8px}.nav-item{border-radius:6px;padding:10px}.nav-icon{height:22px;width:22px}}@media (max-width:479px){.sidebar{width:60px!important}.sidebar-header{padding:12px 6px}.sidebar-logo-image{max-width:40px}.sidebar-nav{padding:0 6px}.nav-item{border-radius:6px;padding:8px}.nav-icon{height:20px;width:20px}}@media (hover:none) and (pointer:coarse){.nav-item:hover{background:#0000}.nav-item:active{background:#ffffff26}}@supports (padding-top:env(safe-area-inset-top)){.sidebar{padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top)}.sidebar-header{padding-top:max(32px,env(safe-area-inset-top))}}.stats-grid{margin-bottom:20px}.stat-card{transition:transform .2s}.stat-header{margin-bottom:8px}.stat-title{letter-spacing:-.2px}.stat-value{color:#1a1f2e;font-size:24px;font-weight:600;margin-bottom:4px}.recent-users-section{margin-top:10px}.section-header{margin-bottom:15px}@media (max-width:768px){.main-content{margin-left:80px;padding:20px;width:calc(100% - 80px)}.dashboard-header{align-items:flex-start;flex-direction:column;gap:15px}.dashboard-title{font-size:24px}.document-settings-btn{margin-left:0;width:100%}.stats-grid{gap:16px;grid-template-columns:1fr}.stat-card{padding:20px}.stat-value{font-size:28px}.user-card{flex-wrap:wrap;padding:16px}.user-avatar{font-size:18px;height:40px;width:40px}.user-name{font-size:15px}.user-email{font-size:13px}.user-time{font-size:11px;padding:3px 8px}}@media (max-width:480px){.main-content{padding:15px}.dashboard-title{font-size:22px}.user-card{align-items:flex-start;flex-direction:column;padding:14px}.user-avatar{font-size:16px;height:36px;width:36px}.user-info{width:100%}.user-name{font-size:14px}.user-email{font-size:12px}.user-time{align-self:flex-end;margin-top:8px}}@media (max-width:1199px){.main-content{margin-left:280px;padding:24px 30px;width:calc(100% - 280px)}.stats-grid{gap:20px;grid-template-columns:repeat(3,1fr)}.stat-card{padding:20px}.stat-title{font-size:18px}.stat-value{font-size:26px}.chart-card{margin-bottom:24px;padding:24px}.chart-title{font-size:22px}.chart-container{height:360px}}@media (max-width:1023px){.sidebar{width:80px!important}.main-content{margin-left:80px;padding:20px;width:calc(100% - 80px)}.stats-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:18px}.stat-title{font-size:16px}.stat-value{font-size:24px}.chart-card{margin-bottom:20px;padding:20px}.chart-header-row{align-items:flex-start;flex-direction:column;gap:12px}.chart-title{font-size:20px}.chart-container{height:320px}}@media (max-width:767px){.main-content{margin-left:70px;padding:16px;width:calc(100% - 70px)}.stats-grid{gap:12px;grid-template-columns:1fr}.stat-card{min-height:120px;padding:16px}.stat-title{font-size:15px}.stat-value{font-size:26px}.chart-card{margin-bottom:16px;padding:16px}.chart-title{font-size:18px}.chart-container{height:280px}.filter-row{flex-wrap:wrap}.filter-select{flex:1 1;font-size:13px;min-width:120px}}@media (max-width:479px){.main-content{margin-left:60px;padding:12px;width:calc(100% - 60px)}.sidebar{width:60px!important}.stats-grid{gap:10px}.stat-card{padding:14px}.stat-title{font-size:14px}.stat-value{font-size:22px}.chart-card{margin-bottom:12px;padding:14px}.chart-title{font-size:16px}.chart-subtitle{font-size:12px}.chart-container{height:240px}.filter-select{font-size:12px;min-width:100px}}@media (hover:none) and (pointer:coarse){.stat-card:hover{box-shadow:none;transform:none}.nav-item:hover{background:#0000}.chart-filter-btn:hover,.filter-pill:hover,.user-filter-chip:hover{background:#0000;border-color:#e5e7eb}}.chart-footer{border-top:1px solid #f0f0f0;padding-top:10px;text-align:right}.view-all-button-small{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#1c1f4e;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:6px 12px;transition:all .2s ease}.view-all-button-small:hover{background:#f8fafc;border-color:#cbd5e1}@media (max-width:768px){.chart-card{padding:16px}.chart-container{height:320px}.chart-header-row{align-items:flex-start;flex-direction:column}.filter-row{justify-content:flex-start;width:100%}}@media (max-width:480px){.chart-card{padding:12px}.chart-container{height:280px}}.error-container{align-items:center;display:flex;height:100vh;justify-content:center}.error-card{background-color:#fff3f3;border-color:#ffcdd2;padding:40px;text-align:center}.error-title{color:#d32f2f;margin-bottom:10px}.error-message{color:#d32f2f;margin-bottom:20px}.retry-button{background:linear-gradient(135deg,#31356e,#1c1f4e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.retry-button:hover{background-color:#1c1f4e;transform:translateY(-2px)}.no-users-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:40px;text-align:center}.stat-change-percent-positive{color:#0f1;font-weight:500}.stat-change-percent-negative{color:#f44;font-weight:500}.stat-change-percent-neutral{color:#666;font-weight:500}.calendar-wrapper{display:flex;flex-direction:column;gap:8px;margin-top:8px}.document-calendar-wrapper{border-radius:16px;margin-bottom:50px!important;padding:28px 32px 32px;position:relative}.filter-select{transition:all .25s cubic-bezier(.4,0,.2,1)}.filter-select.active{background:#31356e;border-color:#31356e;color:#fff}.filter-select:hover{background:#e8e9f0;transform:translateY(-1px)}.filter-select.active:hover{background:#252858}.calendar-months{height:16px;margin-left:8px;position:relative}.calendar-months.mobile{height:14px;margin-left:0}.month-label{color:#5b6e8c;font-family:Inter,sans-serif;font-size:11px;font-weight:500;margin-left:-2px;position:absolute;transform:none}.calendar-months.mobile .month-label{font-size:9px}.calendar-grid{display:flex;gap:3px;justify-content:space-between;margin-left:8px;overflow-x:auto;padding-bottom:4px;width:100%}.calendar-week{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.calendar-day{aspect-ratio:1;border-radius:2px;cursor:pointer;height:auto;min-width:10px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.calendar-day.has-data:hover{box-shadow:0 2px 8px #1c1f4e4d;filter:brightness(.85);position:relative;transform:scale(1.1);z-index:10}.calendar-day.empty{pointer-events:none}.calendar-tooltip{display:block}.tooltip-content{background:#1c1f4ef0;border:1px solid #ffffff1f;border-radius:6px;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;flex-direction:column;gap:2px;padding:8px 12px;white-space:nowrap}.tooltip-count{color:#fff;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.tooltip-date{color:#fffc;font-family:Inter,sans-serif;font-size:11px}.calendar-footer{align-items:center;border-top:1px solid #31356e1a;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:16px;padding-top:16px}.calendar-total{color:#31356e;font-size:13px;font-weight:500}.calendar-legend{align-items:center;display:flex;gap:6px}.legend-label{color:#6b7280;font-size:11px}.legend-scale{display:flex;gap:3px}.legend-block{border-radius:2px;height:12px;width:12px}.calendar-loading{color:#6b7280;font-size:14px;padding:40px;text-align:center}@media (max-width:768px){.document-calendar-wrapper{padding:16px}.calendar-grid{gap:3px}.calendar-grid,.calendar-months{margin-left:8px}.calendar-week{gap:3px}.calendar-day,.legend-block{height:10px;width:10px}.calendar-footer{align-items:flex-start;flex-direction:column}}.calendar-grid::-webkit-scrollbar{height:6px}.calendar-grid::-webkit-scrollbar-track{background:#31356e0d;border-radius:3px}.calendar-grid::-webkit-scrollbar-thumb{background:#31356e33;border-radius:3px}.calendar-grid::-webkit-scrollbar-thumb:hover{background:#31356e4d}@media (max-width:1199px){.document-calendar-wrapper{margin-bottom:40px!important;padding:24px!important}.calendar-day{border-radius:2px}.calendar-tooltip{max-width:220px}.tooltip-title{font-size:12px}.tooltip-ordinance{font-size:11px}}@media (max-width:1023px){.document-calendar-wrapper{border-radius:12px!important;margin-bottom:30px!important;padding:20px!important}.calendar-months{height:14px;margin-left:6px}.month-label{font-size:10px}.calendar-grid{gap:2px;margin-left:6px}.calendar-week{gap:2px}.calendar-day{border-radius:1.5px}.calendar-tooltip{max-width:200px;padding:10px 12px}.tooltip-title{font-size:11px}.tooltip-ordinance{font-size:10px;padding:3px 0}.calendar-footer{margin-top:12px;padding-top:12px}.calendar-legend{gap:12px}.legend-label{font-size:11px}.legend-block{height:10px;width:10px}}@media (max-width:767px){.document-calendar-wrapper{border-radius:10px!important;margin-bottom:24px!important;padding:16px!important}.calendar-months{height:12px;margin-left:4px}.month-label{font-size:9px}.calendar-grid{-webkit-overflow-scrolling:touch;margin-left:0;overflow-x:visible}.calendar-week{flex:1 1;min-width:0}.calendar-day{border-radius:1px;min-width:auto;width:auto}.calendar-day.has-data:hover{transform:scale(1.05)}.calendar-tooltip{max-width:180px;padding:8px 10px}.tooltip-title{font-size:10px;margin-bottom:4px}.tooltip-ordinance{font-size:9px;padding:2px 0}.calendar-footer{align-items:flex-start;flex-direction:column;gap:8px;margin-top:10px;padding-top:10px}.calendar-legend{flex-wrap:wrap;gap:10px}.legend-label{font-size:10px}.legend-block{height:8px;width:8px}}@media (max-width:479px){.document-calendar-wrapper{border-radius:8px!important;margin-bottom:20px!important;padding:12px!important}.calendar-months{height:10px;margin-left:0}.month-label{font-size:8px}.calendar-grid{margin-left:0}.calendar-week{flex:1 1;min-width:0}.calendar-day{border-radius:1px;min-width:auto;width:auto}.calendar-tooltip{max-width:160px;padding:6px 8px}.tooltip-title{font-size:9px;margin-bottom:3px;padding-bottom:4px}.tooltip-ordinance{font-size:8px;padding:1px 0}.calendar-footer{margin-top:8px;padding-top:8px}.calendar-legend{gap:8px}.legend-label{font-size:9px}.legend-block{height:6px;width:6px}.calendar-grid::-webkit-scrollbar{height:3px}}@media (hover:none) and (pointer:coarse){.calendar-day.has-data:hover{box-shadow:none;filter:none;transform:none}.calendar-day.has-data:active{box-shadow:0 2px 8px #1c1f4e4d;transform:scale(1.05)}.filter-select:hover{background:#0000;transform:none}.filter-select.active:hover{background:#31356e}}@media (max-width:1024px) and (orientation:landscape){.calendar-grid{overflow-x:auto}.calendar-week{min-width:14px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.calendar-day{border-radius:1px}}.dataset-list-header{gap:8px;margin-bottom:2px;padding-left:0}.dataset-list-header .dataset-list-icon{color:#31356e;height:24px;width:24px}.dataset-item-icon{color:#31356e!important;flex-shrink:0;height:24px!important;transition:all .3s ease;width:24px!important}.dataset-item-filename{max-width:500px}.level-provincial{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:2px 10px}@media (max-width:768px){.main-content{margin-left:80px;padding:20px;width:calc(100% - 80px)}.header-row{align-items:flex-start;flex-direction:column;gap:15px}.search-wrapper{max-width:100%;width:100%}.back-button{justify-content:center;width:124px}.upload-section{height:auto;margin-bottom:10px;min-height:270px;padding:20px}.upload-subtext{font-size:14px;max-width:90%}.dataset-list-section{margin-top:10px;padding-left:0;padding-right:0}.dataset-list-header{align-items:center;flex-direction:row;gap:8px;margin-bottom:16px}.dataset-list-title{font-size:18px}.dataset-list-subtitle{font-size:14px;margin-left:0}.dataset-item{align-items:flex-start;flex-direction:column;gap:12px;padding:18px 22px}.dataset-file-left,.dataset-item-left{width:100%}.dataset-file-right,.dataset-item-right{flex-wrap:wrap;gap:12px;justify-content:flex-start;width:100%}.dataset-file-meta{flex-wrap:wrap;gap:12px}.dataset-file-item{align-items:flex-start;flex-direction:column;gap:12px;padding:18px 22px}.dataset-items-container{gap:12px;margin-top:8px;max-height:600px;padding:4px 4px 4px 0}.no-documents{font-size:16px;padding:45px}.no-documents .no-documents-icon{height:40px!important;width:40px!important}}@media (max-width:480px){.main-content{padding:15px}.upload-label .upload-icon{height:36px!important;width:36px!important}.dataset-item{padding:16px}.dataset-item-icon{height:20px!important;width:20px!important}.dataset-item-filename{font-size:12px}.dataset-item-meta{font-size:9px;gap:6px}.no-documents{font-size:15px;padding:30px}.no-documents .no-documents-icon{height:32px!important;width:32px!important}}.user-search-section{max-width:100%}.user-search-input{padding:0 16px 0 42px}.add-user-btn{align-items:center;background:var(--primary-gradient);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:15px;font-weight:500;gap:8px;height:40px;justify-content:center;min-width:100px;padding:0 24px;white-space:nowrap}.btn-icon{color:#fff}.user-avatar-item{box-shadow:0 2px 8px #31356e33}.user-role-badge{white-space:nowrap}.user-remove-btn{background:#fff;border:1px solid #dc2626;border-radius:8px;color:#dc2626;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.user-remove-btn:hover:not(:disabled){background:#fef2f2}.user-remove-btn:disabled{cursor:not-allowed;opacity:.6}.user-action-btn{background:#0000;color:#94a3b8;transition:all .2s}.user-action-btn:hover:not(:disabled){background:#f1f5f9}@media (max-width:1199px){.main-content{margin-left:280px;padding:24px 30px;width:calc(100% - 280px)}.user-management-top-bar{margin-bottom:20px}.user-management-container{padding:24px}.user-management-title{font-size:22px}.user-item{padding:14px 20px}.user-avatar-item{font-size:17px;height:42px;width:42px}.users-items-container{max-height:500px}}@media (max-width:1023px){.sidebar{width:80px!important}.main-content{margin-left:80px;padding:20px;width:calc(100% - 80px)}.user-management-top-bar{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:20px}.user-search-section{max-width:100%}.add-user-btn{flex:0 0 auto;font-size:14px;height:40px;padding:0 20px}.user-management-container{padding:20px}.user-management-title{font-size:20px}.user-item{align-items:flex-start;flex-direction:column;gap:12px;padding:14px 18px}.user-item-left{width:100%}.user-item-right{flex-wrap:wrap;gap:8px;justify-content:flex-start;width:100%}.user-time-item{width:auto}.user-filter-modal-content{max-width:90vw;width:280px}.users-pagination{align-items:flex-start;flex-direction:column;gap:12px}.users-items-container{max-height:400px}}@media (max-width:767px){.sidebar{width:70px!important}.main-content{margin-left:70px;padding:16px;width:calc(100% - 70px)}.user-management-top-bar{gap:10px;margin-bottom:16px}.user-search-input{font-size:14px;height:38px}.add-user-btn{flex:0 0 auto;font-size:14px;height:40px;padding:0 18px}.user-management-container{border-radius:16px;padding:16px}.user-management-title{font-size:18px}.user-management-subtitle{font-size:13px}.user-item{gap:10px;padding:12px 14px}.user-avatar-item{font-size:15px;height:38px;width:38px}.user-name-item{font-size:14px}.user-email-item{font-size:12px}.user-role-badge{font-size:11px;padding:3px 10px}.user-time-item{font-size:11px;padding:3px 8px}.user-remove-btn{font-size:11px;padding:5px 10px}.users-pagination-btn{font-size:12px;padding:6px 12px}.users-pagination-info{font-size:12px}.user-filter-modal-content{right:-10px!important;width:260px}.user-filter-chip{font-size:12px;padding:5px 10px}}@media (max-width:479px){.sidebar{width:60px!important}.main-content{margin-left:60px;padding:12px;width:calc(100% - 60px)}.user-management-top-bar{gap:8px;margin-bottom:12px}.user-search-input{font-size:13px;height:36px;padding-left:38px}.user-search-icon{height:16px;left:12px;width:16px}.add-user-btn{flex:0 0 auto;font-size:13px;height:38px;padding:0 16px}.user-management-container{border-radius:12px;padding:14px}.user-management-title{font-size:16px}.user-management-subtitle{font-size:12px;margin-bottom:12px}.user-item{gap:8px;padding:12px}.user-avatar-item{font-size:14px;height:36px;width:36px}.user-name-item{font-size:13px}.user-email-item{font-size:11px}.user-role-badge{font-size:10px;padding:2px 8px}.user-time-item{font-size:10px;padding:2px 6px}.user-remove-btn{font-size:10px;padding:4px 8px}.user-action-btn{padding:6px}.no-users-found{font-size:14px;padding:30px}.no-users-icon{height:40px!important;width:40px!important}.users-pagination{margin-top:12px}.users-pagination-btn{font-size:11px;padding:5px 10px}.users-pagination-info{font-size:11px}.user-filter-modal-content{left:50%;max-height:80vh;max-width:280px;overflow-y:auto;position:fixed;right:auto;top:50%;transform:translate(-50%,-50%);width:90vw}.user-filter-modal-body{gap:16px;padding:16px}.user-filter-chip{font-size:11px;padding:4px 8px}}@media (hover:none) and (pointer:coarse){.user-item:hover{background:#fff}.nav-item:hover{background:#0000}.user-filter-chip:hover{background:#fff;border-color:#e5e7eb}.user-filter-chip.active:hover{background:linear-gradient(135deg,#31356e,#1c1f4e);border-color:#31356e}.users-pagination-btn:hover:not(:disabled){border-color:#d1d5db;color:#1f2937}.user-remove-btn:hover:not(:disabled){background:#fff}.user-action-btn:hover:not(:disabled){background:#0000;color:#94a3b8}}@media (max-width:1024px) and (orientation:landscape){.main-content{padding:16px 20px}.user-management-container{padding:20px}.user-item{align-items:center;flex-direction:row}.user-item-right{justify-content:flex-end;width:auto}}@supports (padding-top:env(safe-area-inset-top)){.main-content{padding-bottom:max(30px,env(safe-area-inset-bottom));padding-top:max(30px,env(safe-area-inset-top))}.user-filter-modal-content{max-height:calc(80vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}.add-user-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.add-user-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:calc(100vh - 40px);max-width:500px;overflow-y:auto;padding:40px;position:relative;width:90%}.add-user-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;position:absolute;right:20px;top:20px;transition:color .3s ease;width:30px}.add-user-modal-close:hover{background:#f5f5f5;color:#333}.add-user-modal-body{display:flex;flex-direction:column;gap:20px;margin-top:20px}.add-user-form-field{display:flex;flex-direction:column;gap:8px}.add-user-field-label{color:#333;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;margin-bottom:4px;text-align:left}.add-user-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.add-user-input-icon{align-items:center;color:#999;display:flex;justify-content:center;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.add-user-field-input-with-icon{background:#f8f9fa;border:1px solid #ddd;border-radius:10px;font-family:Roboto,sans-serif;font-size:14px;height:46px;line-height:1.5;padding:12px 16px 12px 42px;transition:all .3s ease;width:100%}.add-user-field-input-with-icon.with-toggle{padding-right:52px}.add-user-field-select{background:#f8f9fa;border:1px solid #ddd;border-radius:10px;font-family:Roboto,sans-serif;font-size:14px;height:46px;line-height:1.5;padding:12px 44px 12px 16px;transition:all .3s ease;width:100%}.add-user-field-select:focus{background:#fff;border-color:#31356e;box-shadow:0 0 0 3px #31356e1a;outline:none}.add-user-field-select:disabled{cursor:not-allowed;opacity:.7}.add-user-field-select{appearance:none;background-repeat:no-repeat}.add-user-field-input-with-icon:focus{background:#fff;border-color:#31356e;box-shadow:0 0 0 3px #31356e1a;outline:none}.add-user-field-input-with-icon::placeholder{color:#aaa;font-weight:300}.add-user-admin-button-container{margin-top:8px}.add-user-admin-btn{background:linear-gradient(135deg,#31356e,#1c1f4e);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;height:48px;padding:12px;transition:all .3s ease;width:100%}.add-user-admin-btn:disabled{cursor:not-allowed;opacity:.75}.add-user-admin-btn:hover{transform:none}.add-user-admin-btn.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d}.add-user-error-message{background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#c62828;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}@media (max-width:768px){.add-user-modal-content{max-width:450px;padding:30px}.add-user-field-input-with-icon{font-size:13px;height:42px;padding:10px 14px 10px 40px}.add-user-input-icon{left:12px}}@media (max-width:480px){.add-user-modal-content{max-width:400px;padding:24px 20px;width:95%}.add-user-modal-close{right:15px;top:15px}.add-user-field-input-with-icon{font-size:12px;height:38px;padding:8px 12px 8px 36px}.add-user-input-icon{left:10px}}@media (max-width:768px){.main-content{margin-left:80px;padding:20px;width:calc(100% - 80px)}.settings-header-bar{align-items:flex-start;flex-direction:column;gap:15px}.settings-title{font-size:24px}.logout-btn{width:100%}.user-profile-card{padding:16px}.user-avatar{font-size:22px;height:52px;width:52px}.username{font-size:16px}.edit-profile-modal-content,.password-reset-modal-content{padding:30px!important;width:95%!important}.edit-profile-modal-title,.password-reset-modal-title{font-size:20px!important}.about-icon-circle,.password-reset-icon-circle,.password-reset-success-icon-circle,.privacy-icon-circle{height:60px!important;width:60px!important}.about-modal-content,.privacy-modal-content{max-height:90vh!important;width:95%!important}.about-title,.privacy-title{font-size:24px!important}.about-body,.about-header,.privacy-body,.privacy-header{padding:20px!important}.section-header{padding:12px 16px!important}.section-number{font-size:20px!important}.section-header h3{font-size:14px!important}.rights-actions{flex-direction:column!important}}@media (max-width:480px){.main-content{padding:15px}.user-profile-card{flex-wrap:wrap;justify-content:center;text-align:center}.user-info{text-align:center}.about-modal-content,.edit-profile-modal-content,.password-reset-modal-content,.privacy-modal-content{border-radius:16px!important;max-width:95vw!important;padding:20px!important}.about-modal-overlay,.privacy-modal-overlay{padding:10px!important}.about-header,.privacy-header{padding:20px 16px!important}.about-title,.privacy-title{font-size:20px!important}.about-subtitle,.privacy-subtitle{font-size:13px!important}.about-body,.privacy-body{padding:16px!important}.about-modal-close,.privacy-modal-close{height:32px!important;right:12px!important;top:12px!important;width:32px!important}.privacy-section{border-radius:12px!important;margin-bottom:16px!important}.section-header{gap:12px!important;padding:12px 14px!important}.section-number{font-size:18px!important}.section-header h3{font-size:14px!important}.section-toggle{font-size:20px!important;height:24px!important;width:24px!important}.section-content{padding:12px 14px!important}.section-content p{font-size:12px!important;line-height:1.5!important}.privacy-footer{margin-top:20px!important;padding-top:16px!important}.privacy-footer p{font-size:11px!important}.about-footer p{font-size:12px!important}}@media (max-width:380px){.about-modal-content,.edit-profile-modal-content,.password-reset-modal-content,.privacy-modal-content{border-radius:12px!important;max-width:98vw!important;padding:16px!important}.about-header,.privacy-header{padding:16px 12px!important}.about-title,.privacy-title{font-size:18px!important}.about-body,.privacy-body{padding:12px!important}.about-modal-close,.privacy-modal-close{height:28px!important;right:8px!important;top:8px!important;width:28px!important}.section-header{gap:10px!important;padding:10px 12px!important}.section-number{font-size:18px!important}.section-header h3{font-size:13px!important}.section-content{padding:10px 12px!important}.section-content p{font-size:11px!important;line-height:1.4!important}}:root{--pip-primary:#31356e;--pip-accent:#4f46e5;--pip-bg:#e8e8e8;--pip-text:#1e293b;--pip-text-muted:#64748b;--pip-border:#e2e8f0;--pip-radius:20px;--pip-shadow:0 10px 30px #0000000d}body{margin:0;padding:0}.pip-root{align-items:center;background-color:#e8e8e8;background-color:var(--pip-bg);color:#1e293b;color:var(--pip-text);display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;padding:20px 40px}.pip-container{max-width:900px;padding:0;width:100%}.pip-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--pip-border);border-radius:20px;border-radius:var(--pip-radius);box-shadow:0 10px 30px #0000000d;box-shadow:var(--pip-shadow);overflow:hidden}.pip-content-header{background:linear-gradient(135deg,#f8fafc,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--pip-border);padding:60px 40px;text-align:center}.pip-title{color:#1c1d1e;font-size:36px;font-weight:800;margin-bottom:12px}.pip-subtitle{color:#64748b;color:var(--pip-text-muted);font-size:16px}.pip-content-body{padding:60px}.pip-section{margin-bottom:40px}.pip-section-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.pip-section-number{color:#31356e;font-family:Inter,sans-serif;font-size:32px;font-weight:800}.pip-section h3{color:#1c1d1e;font-size:20px;font-weight:700;margin:0}.pip-section p{color:#475569;font-size:16px;line-height:1.7}.pip-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--pip-border);margin-top:60px;padding-top:30px;text-align:center}.pip-footer p{color:#64748b;color:var(--pip-text-muted);font-size:14px}.pip-team-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:40px}.pip-team-card{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--pip-border);border-radius:16px;padding:30px;text-align:center;transition:transform .2s ease}.pip-team-card:hover{transform:translateY(-5px)}.pip-team-img{border:3px solid #31356e;border:3px solid var(--pip-primary);border-radius:50%;height:100px;margin-bottom:16px;object-fit:cover;width:100px}.pip-team-name{color:#31356e;color:var(--pip-primary);font-size:18px;font-weight:700;margin-bottom:4px}.pip-team-role{color:#4f46e5;color:var(--pip-accent);font-size:13px;font-weight:600;letter-spacing:.05em;margin-bottom:12px;text-transform:uppercase}.pip-team-bio{color:#64748b;color:var(--pip-text-muted);font-size:14px;line-height:1.5}@media (max-width:768px){.pip-root{padding:16px}.pip-content-header{padding:40px 20px}.pip-title{font-size:28px}.pip-content-body{padding:30px 20px}.pip-section-number{font-size:24px}}.pinaka-report-card{animation:pinakaFadeIn .5s ease-out;background:linear-gradient(135deg,#1c1f4e,#31356e 50%,#252963);border-radius:20px;box-shadow:0 8px 32px #1c1f4e38;margin-bottom:28px;overflow:hidden;padding:28px 32px;position:relative}@keyframes pinakaFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pinaka-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:22px}.pinaka-header-left{align-items:center;display:flex;gap:12px}.pinaka-title{color:#fff;font-family:Inter,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.3px;margin:0}.pinaka-subtitle{color:#ffffff8c;font-family:Inter,sans-serif;font-size:13px;font-weight:400;margin:2px 0 0}.pinaka-timestamp{color:#fff6;font-family:Inter,sans-serif;font-size:12px;white-space:nowrap}.pinaka-divider{background:#ffffff1a;height:1px;margin-bottom:22px}.pinaka-grid{grid-gap:1px;background:#ffffff14;border-radius:14px;display:grid;gap:1px;grid-template-columns:repeat(6,1fr);margin-bottom:20px;overflow:hidden}.pinaka-item{background:#ffffff0a;display:flex;flex-direction:column;gap:6px;padding:18px 16px;position:relative;transition:background .2s}.pinaka-item:hover{background:#ffffff14}.pinaka-item-label{color:#ffffff80;font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.pinaka-item-value{color:#fff;font-family:Inter,sans-serif;font-size:26px;font-weight:700;line-height:1.1}.pinaka-item-desc{color:#ffffff73;font-weight:400;line-height:1.3}.pinaka-item-desc,.pinaka-item-status{font-family:Inter,sans-serif;font-size:11px}.pinaka-item-status{align-items:center;border-radius:20px;display:inline-flex;font-weight:600;gap:4px;margin-top:2px;padding:2px 8px;width:fit-content}.pinaka-status-good{background:#10b9812e;color:#34d399}.pinaka-status-mid{background:#facc152e;color:#fde047}.pinaka-status-bad{background:#ef44442e;color:#f87171}.pinaka-status-info{background:#6366f138;color:#a5b4fc}.pinaka-summary-bar{align-items:center;display:flex;flex-wrap:wrap;gap:24px}.pinaka-summary-item{align-items:center;color:#fff9;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:500;gap:7px}.pinaka-summary-item strong{color:#ffffffe6;font-weight:700}.pinaka-summary-dot{background:#ffffff4d;border-radius:50%;flex-shrink:0;height:6px;width:6px}@media (max-width:1199px){.pinaka-grid{grid-template-columns:repeat(3,1fr)}.pinaka-item-value{font-size:22px}}@media (max-width:767px){.pinaka-report-card{padding:20px 18px}.pinaka-grid{grid-template-columns:repeat(2,1fr)}.pinaka-title{font-size:18px}.pinaka-item-value{font-size:20px}}@media (max-width:479px){.pinaka-grid{grid-template-columns:1fr 1fr}.pinaka-summary-bar{gap:14px}}.pinaka-detail-row{grid-gap:14px;border-top:1px solid #ffffff14;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-top:16px;padding-top:16px}.pinaka-detail-panel{background:#ffffff0a;border:1px solid #ffffff12;border-radius:12px;padding:16px 18px}.pinaka-detail-panel-title{color:#ffffff73;font-family:Inter,sans-serif;font-size:11px;font-weight:700;letter-spacing:.8px;margin-bottom:12px;text-transform:uppercase}.pinaka-detail-level-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.pinaka-detail-level-row:last-child{margin-bottom:0}.pinaka-detail-level-left{align-items:center;display:flex;gap:8px;min-width:0}.pinaka-detail-level-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.pinaka-detail-level-name{color:#ffffffb3;font-family:Inter,sans-serif;font-size:12px;font-weight:500;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pinaka-detail-level-bar-wrap{background:#ffffff14;border-radius:4px;flex:1 1;height:4px;margin:0 10px;min-width:40px}.pinaka-detail-level-bar{background:#ffffff4d;border-radius:4px;height:4px;transition:width .6s ease}.pinaka-detail-level-count{color:#ffffffd9;font-family:Inter,sans-serif;font-size:12px;font-weight:700;white-space:nowrap}.pinaka-detail-sub{border-top:1px solid #ffffff0f;color:#ffffff59;font-family:Inter,sans-serif;font-size:11px;margin-top:10px;padding-top:8px}@media (max-width:767px){.pinaka-detail-row{grid-template-columns:1fr}}.dashboard-header{justify-content:flex-end}.document-settings-btn{align-items:center;background:var(--primary-gradient);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:15px;font-weight:500;gap:10px;height:48px;justify-content:center;transition:all .3s ease;width:244px}.document-settings-btn .settings-icon{color:#fff}.stats-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.stat-card{background:#fff;border:1px solid #e0e0e0;border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;min-height:140px;padding:24px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 8px 24px #31356e14;transform:translateY(-2px)}.stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.stat-title{color:#1c1d1e;font-family:Inter,sans-serif;font-size:20px;font-weight:700}.stat-icon{color:#000;height:28px;opacity:.7;width:28px}.stat-value{font-size:32px;font-weight:700;line-height:1.2;margin-bottom:8px}.stat-change,.stat-value{font-family:Inter,sans-serif}.stat-change{align-items:center;color:#475569;display:flex;font-size:13px;gap:6px}.stat-change-percent{font-weight:600}.stat-change-text{font-weight:400}.status-dot{border-radius:50%;display:inline-block;height:10px;position:relative;width:10px}.status-dot.online{background-color:#10b981}.status-dot.offline{background-color:#ef4444}.status-dot.unknown{background-color:#94a3b8}.loading-container{align-items:center;display:flex;height:100%;justify-content:center;min-height:70vh;width:100%}.loading-card{padding:40px;text-align:center}.loader{animation:rotation 1s linear infinite;border:4px solid #e5e7eb;border-bottom-color:#31356e;border-radius:50%;box-sizing:border-box;display:inline-block;flex-shrink:0;height:48px;margin-bottom:16px;width:48px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.chart-card{background:#fff;border:1px solid #e0e0e0;border-radius:16px;margin-bottom:40px;padding:28px 32px 32px;transition:all .2s}.chart-header-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:28px}.chart-titles{flex:1 1}.chart-title{color:#1c1d1e;font-family:Inter,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.3px;margin:0 0 6px}.chart-subtitle{color:#5b6e8c;font-family:Inter,sans-serif;font-size:14px;font-weight:400;margin:0}.filter-row{align-items:center;background:#0000;border:none;display:flex;flex-wrap:wrap;gap:12px;padding:0}.filter-icon-static{align-items:center;color:#5b6e8c;display:inline-flex;height:32px;justify-content:center;width:32px}.filter-select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:40px;color:#1e293b;font-weight:500;outline:none;padding:8px 20px 8px 18px;transition:all .2s ease}.filter-select--compact{border-radius:8px;font-size:12px;overflow:hidden;padding:6px 12px;text-overflow:ellipsis;white-space:nowrap;width:100%}.filter-select:hover{background:#f1f5f9;border-color:#cbd5e1}.filter-select:focus{box-shadow:0 0 0 2px #31356e1a}.chart-container{height:400px;margin-top:8px;position:relative;width:100%}#tokenUsageChart{height:100%!important;width:100%!important}.view-all-button{align-items:center;background:#fff;border:1.5px solid #31356e;border:1.5px solid var(--primary-deep,#31356e);border-radius:40px;color:#31356e;color:var(--primary-deep,#31356e);cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:10px 24px;transition:none!important}.view-all-button:active,.view-all-button:focus-visible,.view-all-button:hover{background:#fff!important;border-color:#31356e!important;border-color:var(--primary-deep,#31356e)!important;box-shadow:none!important;color:#31356e!important;color:var(--primary-deep,#31356e)!important;transform:none!important}.recent-users-section{margin-top:20px}.section-header{margin-bottom:20px}.section-title{color:#000;margin:0 0 4px}.section-subtitle{color:#666;font-family:Inter,sans-serif;font-size:14px}.users-grid{flex-direction:column;gap:12px}.user-card,.users-grid{display:flex;width:100%}.user-card{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;gap:16px;padding:16px 20px}.user-avatar{font-size:20px;font-weight:600;height:48px;width:48px}.user-info{min-width:0}.user-name{color:#333;font-size:15px;font-weight:600;margin:0 0 4px}.user-email,.user-name{font-family:Inter,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#666;font-size:14px;margin:0;text-decoration:underline;text-decoration-color:#666}.user-time{border-radius:20px;color:#666;flex-shrink:0;font-family:Inter,sans-serif;font-size:12px;font-weight:500;padding:4px 10px;white-space:nowrap}@media (max-width:1199px){.main-content{margin-left:280px;padding:24px 30px;width:calc(100% - 280px)}.stats-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.stat-card{min-height:130px;padding:20px}.stat-title{font-size:18px}.stat-value{font-size:28px}.chart-card{margin-bottom:24px;padding:24px}.chart-title{font-size:22px}.chart-container{height:350px}.main-content>div[style*="display: flex"]{flex-direction:column!important;gap:20px!important}.main-content>div[style*="display: flex"]>.chart-card{flex:none!important;width:100%!important}}@media (max-width:1023px){.sidebar{width:80px!important}.sidebar-header{justify-content:center;padding:20px 10px}.sidebar-logo-image{max-width:50px}.nav-item{gap:0;justify-content:center;padding:12px}.nav-label{display:none!important}.nav-icon{height:24px;margin-right:0;width:24px}.copyright{display:none}.main-content{margin-left:80px;padding:20px;width:calc(100% - 80px)}.stats-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.stat-card{min-height:120px;padding:16px}.stat-title{font-size:16px}.stat-value{font-size:24px}.chart-card{margin-bottom:20px;padding:20px}.chart-header-row{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:20px}.chart-title{font-size:20px}.chart-subtitle{font-size:13px}.filter-row{justify-content:flex-start;width:100%}.filter-select{font-size:13px;padding:6px 14px 6px 12px}.chart-container{height:300px}.user-filter-modal-content{max-width:90vw;width:280px}.user-card{padding:14px}.user-avatar{font-size:18px;height:40px;width:40px}.user-name{font-size:14px}.user-email{font-size:12px}.user-time{font-size:11px;padding:3px 8px}}@media (max-width:767px){.main-content{margin-left:70px;padding:16px;width:calc(100% - 70px)}.stats-grid{gap:12px;grid-template-columns:1fr;margin-bottom:20px}.stat-card{min-height:110px;padding:16px}.stat-title{font-size:15px}.stat-value{font-size:26px}.stat-change{font-size:12px}.chart-card{border-radius:12px;margin-bottom:16px;padding:16px}.chart-header-row{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:16px}.chart-title{font-size:18px}.chart-subtitle{font-size:12px}.filter-row{flex-wrap:wrap;gap:8px}.filter-select{border-radius:20px;flex:1 1;font-size:12px;min-width:120px;padding:6px 12px}.chart-container{height:280px}.chart-filter-btn{height:28px;width:28px}.user-filter-modal-content{right:-10px!important;width:260px}.user-filter-chip{font-size:12px;padding:5px 10px}.document-settings-btn{font-size:14px;height:44px;width:100%}.user-card{align-items:flex-start;flex-direction:column;gap:10px;padding:12px}.user-avatar{font-size:16px;height:36px;width:36px}.user-info{min-width:auto;width:100%}.user-name{font-size:14px;white-space:normal}.user-email{font-size:12px;white-space:normal}.user-time{align-self:flex-start;font-size:11px;padding:3px 8px}.recent-users-section{margin-top:16px}}@media (max-width:479px){.main-content{margin-left:60px;padding:12px;width:calc(100% - 60px)}.sidebar{width:60px!important}.sidebar-header{padding:16px 8px}.sidebar-logo-image{max-width:40px}.nav-item{padding:10px}.nav-icon{height:20px;width:20px}.stats-grid{gap:10px}.stat-card{border-radius:12px;min-height:100px;padding:14px}.stat-title{font-size:14px}.stat-value{font-size:22px}.stat-change{font-size:11px}.chart-card{border-radius:10px;margin-bottom:12px;padding:14px}.chart-title{font-size:16px}.chart-subtitle{font-size:11px}.chart-container{height:240px}.filter-select{font-size:11px;min-width:100px;padding:5px 10px}.user-filter-modal-content{left:50%;max-height:80vh;max-width:300px;overflow-y:auto;position:fixed;right:auto;top:50%;transform:translate(-50%,-50%);width:90vw}.user-filter-modal-body{gap:16px;padding:16px}.user-filter-chip{font-size:11px;padding:4px 8px}.user-card{padding:12px}.user-avatar{font-size:14px;height:32px;width:32px}.user-name{font-size:13px}.user-email{font-size:11px}.user-time{font-size:10px}.filter-panel{padding:10px 12px}.filter-panel-select{font-size:11px;padding:4px 8px}.filter-pill{font-size:11px;padding:3px 10px}}@media (hover:none) and (pointer:coarse){.stat-card:hover{transform:none}.chart-filter-btn:hover{background:#0000!important}.nav-item:hover{background:#0000}.user-filter-chip:hover{background:#fff;border-color:#e5e7eb}.user-filter-chip.active:hover{background:linear-gradient(135deg,#31356e,#1c1f4e);border-color:#31356e}}@media (max-width:1024px) and (orientation:landscape){.main-content{padding:16px 20px}.stats-grid{grid-template-columns:repeat(3,1fr)}.chart-container{height:280px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.chart-card,.stat-card,.user-card{border-width:.5px}}@supports (padding-top:env(safe-area-inset-top)){.sidebar{padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top)}.main-content{padding-bottom:max(20px,env(safe-area-inset-bottom));padding-top:max(20px,env(safe-area-inset-top))}}.chart-footer{border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;margin-top:12px;padding-top:20px}.total-consultations{background:#f0f4ff;border-radius:8px;color:#31356e;display:inline-block}.filter-toggle-btn,.total-consultations{font-family:Inter,sans-serif;font-size:13px;font-weight:500;padding:6px 14px}.filter-toggle-btn{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;flex-shrink:0;gap:6px;transition:all .2s ease}.filter-toggle-btn--active,.filter-toggle-btn:hover{background:#f0f4ff;border-color:#31356e;color:#31356e}.filter-active-dot{background:#31356e;border-radius:50%;display:inline-block;height:6px;margin-left:2px;width:6px}.filter-panel{background:#f8fafc;border:1px solid #e8edf4;border-radius:10px;display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding:12px 16px}.filter-panel-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.filter-panel-label{color:#94a3b8;flex-shrink:0;font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:.5px;min-width:52px;text-transform:uppercase}.filter-pill-group{display:flex;flex-wrap:wrap;gap:6px}.filter-pill{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;color:#475569;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:500;padding:4px 12px;transition:all .15s ease}.filter-pill:hover{border-color:#31356e;color:#31356e}.filter-pill--active{background:#31356e;border-color:#31356e;color:#fff}.filter-panel-select{border:1.5px solid #e2e8f0;color:#1e293b;flex:1 1;font-size:12px;font-weight:500;min-width:120px;outline:none;padding:5px 10px;transition:border-color .15s}.chart-filter-btn{align-items:center;background:#0000!important;border:none!important;border-radius:8px;box-shadow:none!important;color:#94a3b8;display:flex;height:32px;justify-content:center;outline:none!important;position:static;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}.chart-filter-btn.active,.chart-filter-btn:hover{background:#0000!important;border:none!important;color:#1c1f4e;outline:none!important}.consulted-docs-modal-overlay{animation:fadeIn .2s ease-in-out;background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1099}.consulted-docs-modal{animation:fadeIn .25s ease-in-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:90vh;left:50vw;max-height:90vh;max-width:1200px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1100}.consulted-docs-modal-header{align-items:flex-start;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:24px}.consulted-docs-modal-close-btn{flex-shrink:0;margin-top:0}.consulted-docs-modal-stats{flex-shrink:0}.consulted-docs-modal-controls{flex-shrink:0;padding:0 24px}.consulted-docs-modal-table-wrapper{flex:1 1;margin:0 24px;overflow-y:auto}.consulted-docs-modal-table-wrapper table tr{transition:background-color .15s ease}.consulted-docs-modal-table-wrapper table tbody tr:hover{background-color:#f0f7ff!important}@media (max-width:1200px){.consulted-docs-modal{max-width:1000px;width:95%}.consulted-docs-modal-stats{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){.consulted-docs-modal{border-radius:8px;max-height:95vh;max-width:100%;width:98%}.consulted-docs-modal-header{padding:16px}.consulted-docs-modal-stats{grid-template-columns:1fr!important;margin:0 16px!important;padding:12px!important}.consulted-docs-modal-controls{flex-direction:column;margin-bottom:12px!important;padding:0 16px!important}.consulted-docs-modal-table-wrapper{margin:0 16px!important}.consulted-docs-modal-table-wrapper table{font-size:11px!important}.consulted-docs-modal-table-wrapper table td,.consulted-docs-modal-table-wrapper table th{padding:8px 6px!important}.consulted-docs-modal-table-wrapper table th{position:sticky;top:0}}@media (max-width:480px){.consulted-docs-modal-header h2{font-size:18px!important}.consulted-docs-modal-header p{font-size:12px!important}.consulted-docs-modal-table-wrapper{max-height:calc(85vh - 200px)}}.user-filter-modal-content{border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 16px #0000001f;margin-top:8px;top:100%}.user-filter-modal-header{border-bottom:1px solid #e0e0e0;padding:14px 16px}.user-filter-modal-title{color:#1c1d1e;font-size:14px}.user-filter-modal-close-icon{color:#999;font-size:16px;height:24px;padding:0;transition:color .2s;width:24px}.user-filter-modal-close-icon:hover{color:#333}.user-filter-body{padding:14px 16px}.user-filter-section{margin-bottom:16px}.user-filter-section:last-child{margin-bottom:0}.user-filter-section-label{color:#666;display:block;font-size:12px;letter-spacing:.5px;margin-bottom:8px}.user-filter-chips{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(2,1fr)}.user-filter-chip{background:#f0f0f0;border:1px solid #e0e0e0;border-radius:6px;color:#666;font-family:Inter,sans-serif;padding:8px 12px;transition:all .2s ease}.user-filter-chip:hover{background:#e8e8e8;border-color:#d0d0d0}.user-filter-chip.active{background:#31356e}.filter-panel-select{background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;padding:10px 12px;transition:border-color .2s;width:100%}.filter-panel-select:focus{border-color:#31356e;box-shadow:0 0 0 3px #31356e1a;outline:none}.user-filter-modal-footer{border-top:1px solid #e0e0e0;gap:10px;padding:12px 16px}.user-filter-reset-btn{background:#f0f0f0;border:1px solid #ddd;border-radius:6px;color:#666;font-family:Inter,sans-serif;font-size:13px;padding:10px 14px}.user-filter-reset-btn:hover{background:#e8e8e8;border-color:#ccc}.user-filter-apply-btn{background:#31356e;border-radius:6px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;padding:10px 14px}.user-filter-apply-btn:hover{background:#252963;box-shadow:0 2px 8px #31356e4d}.user-filter-modal-body{padding:14px 16px}.main-content{padding:30px 50px}.header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;width:100%}.back-container{margin-bottom:0}.back-button{align-items:center;background:#fff;border:1px solid #00000080;border-radius:8px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:15px;font-weight:500;gap:8px;height:40px;justify-content:center;padding:0 20px;width:124px}.back-button,.back-button svg{color:#999;transition:all .3s ease}.back-button svg{height:18px;width:18px}.back-button:hover{background:#f5f5f5;border-color:#31356e;color:#31356e}.back-button:hover svg{color:#31356e}.search-section{margin-bottom:0;width:100%}.search-wrapper{position:relative;width:100%}.search-wrapper .search-icon{color:#9ca3af;height:18px;left:14px;position:absolute;top:50%;transform:translateY(-50%);width:18px;z-index:1}.search-input{background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-family:Inter,sans-serif;font-size:15px;height:40px;padding:0 42px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#31356e;box-shadow:0 0 0 3px #31356e1a;outline:none}.search-input:focus+.search-icon{color:#31356e}.search-input::placeholder{color:#9ca3af}.doc-filter-label{font-size:13px;font-weight:600;letter-spacing:.025em}.doc-filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1.25 5 5 5-5' fill='none' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:12px 8px;border:1px solid #ddd;cursor:pointer;padding:10px 40px 10px 12px}.doc-filter-select:focus{border-color:#31356e;box-shadow:0 0 0 3px #31356e1a;outline:none}.doc-filter-reset-btn:hover{background:#f3f4f6}.doc-filter-apply-btn{background:linear-gradient(135deg,#31356e,#1c1f4e)}.doc-filter-apply-btn:hover{background:#1c1f4e}.upload-section{background:#fff;border:2px solid #e0e0e0;border:1px solid #e0e0e0;border-radius:16px;border-radius:20px;box-shadow:0 2px 8px #0000000d;box-shadow:0 4px 12px #00000008;display:flex;flex-direction:column;height:auto;justify-content:flex-start;margin-bottom:10px;min-height:320px;min-height:260px;padding:30px;padding:24px}.upload-drop-area{margin-bottom:24px;width:100%}.upload-dashed-box{align-items:center;background:#fcfdff;border:1.5px dashed #e0e7ff;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;transition:all .2s ease;width:100%}.upload-dashed-box:hover{background:#f5f7ff;border-color:#31356e}.upload-dashed-box.disabled{cursor:not-allowed;opacity:.6}.upload-cloud-icon{margin-bottom:16px}.upload-drop-text{color:#374151;font-family:Inter,sans-serif;font-size:15px;font-weight:600;margin-bottom:8px}.browse-link{color:#31356e;text-decoration:none}.upload-supported-text{color:#9ca3af;font-family:Inter,sans-serif;font-size:12px;text-align:center}.upload-status-group{margin-bottom:20px;width:100%}.status-label{color:#6b7280;display:block;font-size:13px;font-weight:500;margin-bottom:12px}.status-list{display:flex;flex-direction:column;gap:12px}.status-item{align-items:center;border-radius:8px;display:flex;font-family:Inter,sans-serif;justify-content:space-between;overflow:hidden;padding:12px 16px;position:relative;width:100%}.uploading-item{background:#fff;border:1px solid #e5e7eb;padding-bottom:16px}.status-file-name{color:#374151;font-size:14px;font-weight:500}.status-progress-track{background:#f3f4f6;bottom:0;height:4px;left:0;position:absolute;width:100%}.status-progress-fill{background:linear-gradient(135deg,#31356e,#1c1f4e);height:100%;transition:width .3s ease}.uploaded-item{background:#fff;border:1px solid #31356e}.status-remove-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:opacity .2s}.status-remove-btn:hover{opacity:.7}.upload-submit-btn{background:linear-gradient(135deg,#31356e,#1c1f4e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:600;letter-spacing:.05em;margin-top:auto;padding:14px;text-transform:uppercase;transition:all .2s ease;width:100%}.upload-submit-btn:hover:not(:disabled){background:#1c1f4e;box-shadow:0 4px 6px #31356e33}.upload-submit-btn.cancel-mode{background:#ef4444;cursor:pointer}.upload-submit-btn.cancel-mode:hover{background:#dc2626;box-shadow:0 4px 6px #ef444433}.upload-submit-btn:disabled{background:#94a3b8;cursor:not-allowed}.btn-loading-content{align-items:center;color:#fff;display:flex;height:100%;justify-content:center;width:100%}.file-input-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.file-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:2}.dataset-list-section{background:#0000;margin-top:10px;padding-left:0;padding-right:0;width:100%}.dataset-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;width:100%}.dataset-list-title{color:#000;font-family:Inter,sans-serif;font-size:18px;font-weight:600;line-height:1.2;margin:0}.filter-button,.filter-container{align-items:center;display:flex}.filter-button{background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#1c1d1e;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;position:relative;transition:all .3s ease}.filter-button:hover{background:#f5f5f5;border-color:#31356e}.filter-icon{color:#666;height:18px;width:18px}.filter-badge{background:#ff990b;border-radius:50%;display:inline-block;height:8px;margin-left:8px;position:static;width:8px}.dataset-list-subtitle{color:#666;font-family:Inter,sans-serif;font-size:15px;line-height:1.4;margin:4px 0 0;padding-left:0}.dataset-items-container{background:#0000;border-radius:12px;display:flex;flex-direction:column;gap:16px;margin-top:8px;max-height:900px;overflow-y:auto;padding:4px 4px 4px 0;width:100%}.dataset-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 6px #00000008;display:flex;gap:16px;justify-content:space-between;margin:0;padding:28px 32px;transition:all .3s ease;width:100%}.dataset-item:hover{border-color:#e0e0e0}.dataset-item-left{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.dataset-item-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.dataset-item-title-row{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.dataset-item:hover .dataset-item-icon{color:#31356e!important}.dataset-item-filename{color:#111827;font-size:14px;font-weight:600;max-width:600px;word-break:break-word}.dataset-item-filename,.dataset-item-subtitle{font-family:Inter,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dataset-item-subtitle{color:#6b7280;font-size:11px}.dataset-item-badge{background:var(--primary-soft-bg);border-radius:999px;color:var(--primary-deep);font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.dataset-item-right{align-items:center;display:flex;flex-shrink:0;gap:20px}.dataset-item-barangay-badge,.dataset-item-municipality-badge,.dataset-item-province-badge{background:var(--primary-soft-bg);border-radius:999px;color:var(--primary-deep);font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.dataset-item-level-badge{border-radius:999px;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.level-national{background:var(--primary-soft-bg);border:1px solid var(--primary-soft-border);color:var(--primary-deep)}.level-provincial{background:#fdf2f8;border:1px solid #fce7f3;color:#9d174d}.level-city,.level-lgu,.level-municipal{background:var(--primary-soft-bg);border:1px solid var(--primary-soft-border);color:var(--primary-deep)}.level-barangay{background:#ecfdf5;border:1px solid #d1fae5;color:#065f46}.user-role-badge{background:#f3f4f6;color:#4b5563;font-size:11px}.user-role-badge.role-sysadmin,.user-role-badge.role-system-admin{background:var(--primary-gradient);border:none;color:#fff}.user-role-badge.role-admin{background:#f0fdf4;border:1px solid #dcfce7;color:#166534}.user-role-badge.role-user{background:#f9fafb;border:1px solid #f3f4f6;color:#6b7280}.dataset-item-meta{align-items:center;color:#aaa;display:flex;font-family:Inter,sans-serif;font-size:10px;gap:8px;white-space:nowrap}.meta-dot{color:#ccc;font-size:10px;margin:0 4px}.dataset-file-item{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;display:flex;font-family:Inter,sans-serif;gap:18px;justify-content:space-between;margin:0;padding:20px 26px;transition:all .2s ease;width:100%}.dataset-file-item:hover{border-color:#e0e0e0}.dataset-file-left{align-items:center;display:flex;flex:1 1;gap:16px;min-width:0}.dataset-file-icon{color:#31356e;flex-shrink:0;height:24px;width:24px}.dataset-file-name{color:#333;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dataset-file-right{align-items:center;display:flex;flex-shrink:0;gap:24px}.dataset-file-meta{flex-shrink:0;gap:20px}.dataset-file-meta,.meta-item{align-items:center;color:#aaa;display:flex;font-size:10px}.meta-item{gap:4px;white-space:nowrap}.document-action-btn{align-items:center;background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;margin-left:16px;padding:8px;transition:all .2s ease}.document-action-btn:hover{background-color:#f3f4f6;color:#31356e}.delete-modal-content:hover{box-shadow:0 15px 40px #0003!important;transform:none!important}.delete-confirm-btn{background:#ef4444;transition:all .2s ease}.delete-confirm-btn:hover{background:#b91c1c;box-shadow:0 8px 18px #7f1d1d59}.delete-confirm-btn.document-delete-confirm-btn{background:#ef4444}.delete-confirm-btn.document-delete-confirm-btn:hover{background:#991b1b;box-shadow:0 8px 18px #7f1d1d66}.no-documents{align-items:center;background:#fff;border:1px dashed #e0e0e0;border-radius:12px;color:#aaa;display:flex;flex-direction:column;font-family:Inter,sans-serif;font-size:17px;gap:16px;justify-content:center;margin:8px 0;padding:60px;width:100%}.no-documents .no-documents-icon{color:#cbd5e0!important;height:48px!important;transition:all .3s ease;width:48px!important}.filter-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.filter-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;max-height:calc(100vh - 40px);max-width:400px;overflow:hidden;width:90%}.filter-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.filter-modal-title{color:#1c1d1e;font-family:Inter,sans-serif;font-size:18px;font-weight:600;margin:0}.filter-modal-close{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .3s ease}.filter-modal-close:hover{color:#333}.filter-modal-body{gap:20px;padding:24px}.filter-group,.filter-modal-body{display:flex;flex-direction:column}.filter-group{gap:8px}.filter-label{color:#333;font-weight:500}.filter-label,.filter-select{font-family:Inter,sans-serif;font-size:14px}.filter-select{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;padding:10px 12px;transition:all .3s ease}.filter-select:focus{border-color:#31356e;box-shadow:0 0 0 3px #31356e1a;outline:none}.filter-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;padding:16px 24px}.filter-clear-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:10px;color:#666;cursor:pointer;display:flex;flex:1 1;font-family:Inter,sans-serif;font-size:14px;font-weight:500;height:48px;justify-content:center;transition:all .3s ease}.filter-clear-btn:hover{background:#f5f5f5;border-color:#ccc}.filter-apply-btn{background:linear-gradient(135deg,#31356e,#1c1f4e);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-family:Inter,sans-serif;font-size:14px;font-weight:500;height:48px;transition:all .3s ease}.filter-apply-btn,.pagination-container{align-items:center;display:flex;justify-content:center}.pagination-container{gap:12px;margin-bottom:20px;margin-top:30px}.pagination-button{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#31356e;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.pagination-button:hover:not(:disabled){background:#f5f5ff;border-color:#31356e;color:#1c1f4e}.info-text-block{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;line-height:1.6;padding:12px;white-space:pre-wrap}.doc-info-list{display:flex;flex-direction:column;gap:8px;margin:0;padding-left:20px}.doc-info-list li{color:#374151;font-size:14px;line-height:1.5}.doc-view-toggle-row{display:flex;gap:10px;margin-bottom:20px}.doc-view-toggle-btn{background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;font-weight:600;padding:8px 12px;transition:all .2s ease}.doc-view-toggle-btn:hover{background:#eef2ff;border-color:#a5b4fc}.doc-view-toggle-btn.active{background:linear-gradient(135deg,#31356e,#1c1f4e);border-color:#31356e;color:#fff}.original-doc-text-panel{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:#1f2937;font-size:14px;line-height:1.7;max-height:420px;overflow-y:auto;padding:16px;white-space:pre-wrap}.doc-info-modal-content{background:#f0f0f0!important;border-radius:8px!important;max-width:900px!important;padding:40px!important;width:95%!important}.document-paper{background:#fff;box-shadow:0 5px 25px #00000026;color:#000;font-family:Times New Roman,serif;line-height:1.5;min-height:1000px;padding:80px 100px;position:relative}.document-republic-header{font-family:Times New Roman,serif;font-size:14px;margin-bottom:20px;text-align:center}.document-republic-header p{line-height:1.2;margin:0}.document-office-header{border-bottom:3px double #000;margin-bottom:40px;padding-bottom:20px;text-align:center}.document-office-name{font-size:18px;font-weight:700;text-transform:uppercase}.document-title-block{margin-bottom:50px;text-align:center}.document-ordinance-number{font-size:20px;font-weight:700;margin-bottom:15px;text-decoration:underline}.document-ordinance-title{font-size:18px;font-style:italic;font-weight:700;margin:0 auto;max-width:80%;text-transform:uppercase}.document-body-content{text-align:justify}.document-section{margin-bottom:25px}.document-section-head{font-weight:700;margin-bottom:10px}.document-section-body{margin-left:20px}.full-text-content{font-size:14px;line-height:1.8;white-space:pre-wrap}.document-signatories{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin-top:80px}.signatory-block{text-align:center}.signatory-name{border-bottom:1px solid #000;font-weight:700;padding-bottom:4px;text-transform:uppercase}.signatory-title{font-size:12px;margin-top:4px}.document-meta-grid{grid-gap:15px;background:#f9fafb;border:1px solid #ddd;display:grid;font-family:Inter,sans-serif;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:30px;padding:10px}.meta-field-label{color:#666;font-size:10px;font-weight:600;text-transform:uppercase}.meta-field-value{color:#000;font-size:13px;font-weight:500}.pagination-button:disabled{color:#ccc;cursor:not-allowed;opacity:.5}.pagination-pages{display:flex;gap:8px}.page-number{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:500;height:40px;justify-content:center;transition:all .3s ease;width:40px}.page-number:hover{background:#f5f5f5;border-color:#31356e}.page-number.active{background:linear-gradient(135deg,#31356e,#1c1f4e);border-color:#31356e;color:#fff}.dataset-items-container::-webkit-scrollbar{width:6px}.dataset-items-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.dataset-items-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#31356e,#1c1f4e);border-radius:10px}.dataset-items-container::-webkit-scrollbar-thumb:hover{background:#1c1f4e}@media (max-width:768px){.main-content{margin-left:80px;padding:20px;width:calc(100% - 80px)}.header-row{align-items:flex-start;flex-direction:column;gap:15px}.search-wrapper{max-width:100%;width:100%}.back-button{justify-content:center;width:124px}.upload-section{height:auto;margin-bottom:10px;min-height:270px;padding:20px}.upload-subtext{font-size:14px;max-width:90%}.dataset-list-section{margin-top:10px;padding-left:0;padding-right:0}.dataset-list-header{align-items:center;flex-direction:row;gap:8px;justify-content:space-between;margin-bottom:16px}.dataset-list-title{font-size:18px}.dataset-list-subtitle{font-size:14px;margin-left:0}.dataset-item{align-items:flex-start;flex-direction:column;gap:12px;padding:18px 22px}.dataset-file-left,.dataset-item-left{width:100%}.dataset-file-right,.dataset-item-right{flex-wrap:wrap;gap:12px;justify-content:flex-start;width:100%}.dataset-file-meta{flex-wrap:wrap;gap:12px}.dataset-file-item{align-items:flex-start;flex-direction:column;gap:12px;padding:18px 22px}.dataset-items-container{gap:12px;margin-top:8px;max-height:600px;padding:4px 4px 4px 0}.no-documents{font-size:16px;padding:45px}.no-documents .no-documents-icon{height:40px!important;width:40px!important}}@media (max-width:480px){.main-content{padding:15px}.upload-label .upload-icon{height:36px!important;width:36px!important}.dataset-item{padding:16px}.dataset-item-icon{height:20px!important;width:20px!important}.dataset-item-filename{font-size:12px}.dataset-item-meta{font-size:9px;gap:6px}.no-documents{font-size:15px;padding:30px}.no-documents .no-documents-icon{height:32px!important;width:32px!important}.filter-button{font-size:12px;padding:6px 12px}.filter-button svg{height:14px;width:14px}}.doc-info-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.doc-info-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:calc(100vh - 40px);max-width:500px;overflow-y:auto;padding:40px;position:relative;width:90%}.doc-info-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;position:absolute;right:20px;top:20px;transition:color .3s ease;width:30px}.doc-info-modal-close:hover{background:#f5f5f5;color:#333}.doc-info-modal-title{color:#000;font-family:Inter,sans-serif;font-size:23px;font-weight:600;margin:0 0 25px;text-align:center}.doc-info-modal-body{display:flex;flex-direction:column;gap:18px;margin-top:10px}.doc-info-field{display:flex;flex-direction:column;gap:6px}.doc-info-label{color:#6b7280;font-family:Inter,sans-serif;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.doc-info-value{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;color:#111827;font-family:Inter,sans-serif;font-size:15px;padding:12px 16px;word-break:break-all}.doc-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.doc-info-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;margin-top:30px;padding-top:20px}.doc-delete-btn{align-items:center;background:#fff;border:1px solid #dc2626;border-radius:10px;color:#dc2626;cursor:pointer;display:flex;flex:1 1;font-family:Inter,sans-serif;font-size:15px;font-weight:500;gap:8px;height:48px;justify-content:center;transition:all .3s ease}.doc-delete-btn:hover{background:#dc2626;color:#fff}.doc-close-btn{align-items:center;background:linear-gradient(135deg,#31356e,#1c1f4e);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:Inter,sans-serif;font-size:15px;font-weight:500;height:48px;justify-content:center;transition:all .3s ease}.doc-close-btn:hover{background:#1c1f4e}@media (max-width:480px){.doc-info-modal-content{padding:24px}.doc-info-grid{grid-template-columns:1fr}}@media (max-width:1199px){.main-content{margin-left:280px;padding:24px 30px;width:calc(100% - 280px)}.header-row{margin-bottom:24px}.back-button{font-size:14px;height:38px;width:110px}.dataset-grid{gap:16px;grid-template-columns:1fr}.dataset-item{padding:16px 20px}.item-title{font-size:15px}}@media (max-width:1023px){.sidebar{width:80px!important}.main-content{margin-left:80px;padding:20px;width:calc(100% - 80px)}.header-row{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:20px}.search-input{font-size:15px;height:44px}.filters-row{align-items:stretch;flex-direction:column;gap:12px}.filter-group,.filter-select{width:100%}.dataset-grid{gap:12px;grid-template-columns:1fr}.dataset-item{padding:14px 16px}.item-icon{height:40px;width:40px}.item-title{font-size:14px}.item-description{font-size:13px}.upload-btn{justify-content:center;width:100%}.modal-content{max-width:90vw;padding:24px}.form-row{gap:16px;grid-template-columns:1fr}}@media (max-width:767px){.sidebar{width:70px!important}.main-content{margin-left:70px;padding:16px;width:calc(100% - 70px)}.header-row{gap:12px;margin-bottom:16px}.back-button{font-size:13px;height:36px;padding:0 16px;width:100px}.search-input{font-size:14px;height:40px;padding-left:40px}.search-wrapper .search-icon{height:16px;left:12px;width:16px}.filters-row{gap:10px}.filter-label{font-size:11px}.filter-select{font-size:13px;padding:8px 12px}.dataset-container{padding:16px}.dataset-header{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:16px}.section-title{font-size:16px}.dataset-item{align-items:flex-start;flex-direction:column;gap:10px;padding:12px}.item-left{width:100%}.item-icon{height:36px;width:36px}.item-title{font-size:13px}.item-description{font-size:12px}.item-right{justify-content:flex-start;width:100%}.upload-btn{font-size:13px;height:36px;padding:0 16px}.modal-content{max-width:95vw;padding:20px}.modal-title{font-size:18px}.form-row{gap:12px}.form-label{font-size:12px}.form-input,.form-select{font-size:14px;height:40px}.file-upload-area{padding:20px}.modal-actions{flex-direction:column-reverse;gap:10px}.cancel-btn,.submit-btn{height:44px;width:100%}}@media (max-width:479px){.sidebar{width:60px!important}.main-content{margin-left:60px;padding:12px;width:calc(100% - 60px)}.header-row{gap:10px;margin-bottom:12px}.back-button{font-size:12px;height:34px;min-width:90px;padding:0 12px;width:auto}.search-input{font-size:13px;height:38px}.dataset-container{border-radius:12px;padding:12px}.section-title{font-size:15px}.dataset-item{border-radius:8px;padding:10px}.item-icon{height:32px;width:32px}.item-title{font-size:12px}.item-description{font-size:11px}.item-meta{font-size:10px}.upload-btn{font-size:12px;height:34px}.modal-content{padding:16px}.modal-title{font-size:16px}.modal-subtitle{font-size:13px}.form-input,.form-select{font-size:13px;height:38px}.cancel-btn,.submit-btn{font-size:14px;height:40px}.doc-info-modal-content{max-width:95vw;padding:20px}.doc-info-title{font-size:18px}.doc-info-grid{gap:12px;grid-template-columns:1fr}.doc-close-btn,.doc-delete-btn{font-size:14px;height:44px}}@media (hover:none) and (pointer:coarse){.back-button:hover{background:#fff;border-color:#00000080;color:#999}.back-button:hover svg{color:#999}.dataset-item:hover{background:#fff;border-color:#e0e0e0}.upload-btn:hover{background:linear-gradient(135deg,#31356e,#1c1f4e)}.nav-item:hover{background:#0000}}@media (max-width:1024px) and (orientation:landscape){.main-content{padding:16px 20px}.dataset-grid{grid-template-columns:repeat(2,1fr)}}.user-management-top-bar{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;width:100%}.user-search-section{flex:1 1;width:100%}.user-search-wrapper{position:relative;width:100%}.user-search-icon{color:#9ca3af;height:18px;left:14px;position:absolute;top:50%;transform:translateY(-50%);width:18px}.user-search-input{background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-family:Inter,sans-serif;font-size:15px;height:40px;padding:0 48px 0 42px;transition:all .3s ease;width:100%}.user-filter-toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;bottom:4px;color:#9ca3af;cursor:pointer;display:flex;height:32px;justify-content:center;margin:auto 0;position:absolute;right:6px;top:4px;transition:all .2s ease;width:32px}.user-filter-toggle-btn:hover{background:#f3f4f6;color:#31356e}.user-filter-toggle-btn.active,.user-filter-toggle-btn:active{background:linear-gradient(135deg,#31356e,#1c1f4e);color:#fff}.user-filter-modal-content{animation:slideDownIn .3s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 40px #00000026;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:300px;z-index:1001}.user-filter-modal-overlay{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0000!important;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.user-filter-modal-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:16px 20px}.user-filter-modal-title{color:#111827;font-size:15px;font-weight:600}.user-filter-modal-close-icon{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background .2s}.user-filter-modal-close-icon:hover{background:#f3f4f6;color:#111827}.user-filter-modal-body{display:flex;flex-direction:column;gap:20px;padding:16px 20px}.user-filter-section{display:flex;flex-direction:column;gap:10px}.user-filter-section-label{color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.user-filter-chips{display:flex;flex-wrap:wrap;gap:8px}.user-filter-chip{background:#fff;border:1px solid #e5e7eb;border-radius:20px;color:#4b5563;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s}.user-filter-chip:hover{background:#f8f9ff;border-color:#31356e}.user-filter-chip.active{background:linear-gradient(135deg,#31356e,#1c1f4e);border-color:#31356e;color:#fff}.user-filter-sort-options,.user-filter-toggle-group{display:flex;flex-direction:column;gap:4px}.user-filter-sort-item,.user-filter-toggle-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;color:#4b5563;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:10px 12px;text-align:left;transition:all .2s}.user-filter-sort-item:hover,.user-filter-toggle-item:hover{background:#f9fafb}.user-filter-sort-item.active,.user-filter-toggle-item.active{background:#f3f4f6;color:#31356e;font-weight:500}.check-icon{color:#31356e}.user-filter-modal-footer{background:#f9fafb;border-top:1px solid #f3f4f6;display:flex;gap:12px;padding:16px 20px}.user-filter-reset-btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#4b5563;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px;transition:all .2s}.user-filter-reset-btn:hover{background:#f3f4f6}.user-filter-apply-btn{background:linear-gradient(135deg,#31356e,#1c1f4e);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px;transition:all .2s}.user-filter-apply-btn:hover{background:#1c1f4e}.user-search-input:focus{border-color:#31356e;box-shadow:0 0 0 3px #31356e1a;outline:none}.user-search-input::placeholder{color:#9ca3af}.buttons-container{display:flex;flex-shrink:0;gap:12px}.add-user-btn-filled{background:var(--primary-gradient);border:none;border-radius:10px;color:#fff}.add-admin-btn-outline,.add-user-btn-filled{align-items:center;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:15px;font-weight:500;gap:8px;height:40px;justify-content:center;padding:0 24px;white-space:nowrap}.add-admin-btn-outline{background:#0000;border:1px solid #31356e;border-radius:10px;color:#31356e}.btn-icon{color:currentColor}.user-management-container{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:30px}.user-management-header{margin-bottom:8px;width:100%}.user-management-title{color:#000;font-family:Inter,sans-serif;font-size:23px;font-weight:600;margin:0 0 4px}.user-management-subtitle{color:#6b7280;font-family:Inter,sans-serif;font-size:15px;margin:0 0 15px;padding-bottom:2px}.users-items-container{display:flex;flex-direction:column;gap:12px;max-height:600px;overflow-y:auto;padding:4px 4px 4px 0;width:100%}.user-item{background:#fff;border:1px solid #e0e0e0;border-radius:12px;justify-content:space-between;padding:16px 24px;width:100%}.user-item,.user-item-left{align-items:center;display:flex;gap:16px}.user-item-left{flex:1 1;min-width:0}.user-avatar-item{align-items:center;background:linear-gradient(135deg,#31356e,#1c1f4e);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-family:Inter,sans-serif;font-size:18px;font-weight:600;height:44px;justify-content:center;width:44px}.user-info-item{display:flex;flex-direction:column;gap:4px;min-width:0}.user-name-item{color:#333;font-size:15px;font-weight:600}.user-email-item,.user-name-item{font-family:Inter,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email-item{color:#666;font-size:14px;margin:0;text-decoration:underline;text-decoration-color:#666}.user-item-right{align-items:center;display:flex;flex-shrink:0;gap:24px}.user-role-badge{background:#f0f0f0}.user-role-badge,.user-time-item{border-radius:20px;color:#666;font-size:12px;font-weight:500;padding:4px 12px}.user-time-item{font-family:Inter,sans-serif;white-space:nowrap}.user-actions{display:flex;gap:8px}.user-action-btn{align-items:center;background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .3s ease-in-out,color .3s ease-in-out}.user-action-btn:hover:not(:disabled){background-color:#f3f4f6;color:#31356e}.user-action-btn:disabled{cursor:not-allowed;opacity:.3}.user-action-btn.delete-btn:hover{background-color:#fef2f2;color:#ef4444}.no-users-found{align-items:center;background:#fff;border:1px dashed #e0e0e0;border-radius:12px;color:#aaa;display:flex;flex-direction:column;font-family:Inter,sans-serif;font-size:16px;gap:16px;justify-content:center;padding:60px;width:100%}.no-users-icon{color:#cbd5e0!important;height:48px!important;width:48px!important}.users-pagination{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:16px}.users-pagination-info{color:#6b7280;font-family:Inter,sans-serif;font-size:13px}.users-pagination-actions{align-items:center;display:flex;gap:8px}.users-pagination-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:500;padding:8px 14px;transition:all .2s ease}.users-pagination-btn:hover:not(:disabled){border-color:#31356e;color:#31356e}.users-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.users-items-container::-webkit-scrollbar{width:6px}.users-items-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.users-items-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#31356e,#1c1f4e);border-radius:10px}.users-items-container::-webkit-scrollbar-thumb:hover{background:#1c1f4e}.admin-modal-overlay,.user-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.admin-modal-content,.user-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:calc(100vh - 40px);max-width:500px;overflow-y:auto;padding:40px;position:relative;width:90%}.admin-modal-close,.user-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;position:absolute;right:20px;top:20px;transition:color .3s ease;width:30px}.admin-modal-close:hover,.user-modal-close:hover{background:#f5f5f5;color:#333}.admin-modal-body,.user-modal-body{display:flex;flex-direction:column;gap:20px;margin-top:20px}.admin-form-field,.user-form-field{display:flex;flex-direction:column;gap:8px}.admin-field-label,.user-field-label{color:#333;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;margin-bottom:4px;text-align:left}.admin-input-wrapper,.user-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.admin-input-icon,.user-input-icon{left:14px;pointer-events:none;top:50%;transform:translateY(-50%)}.admin-input-icon,.password-toggle-btn,.user-input-icon{align-items:center;color:#999;display:flex;justify-content:center;position:absolute}.password-toggle-btn{background:#0000;border:none;bottom:0;cursor:pointer;height:32px;line-height:0;margin:auto 0;padding:0;right:12px;top:0;width:32px}.password-toggle-btn:hover{color:#333}.password-toggle-btn:active,.password-toggle-btn:focus{outline:none}.admin-field-input-with-icon,.user-field-input-with-icon{background:#f8f9fa;border:1px solid #ddd;border-radius:10px;font-family:Roboto,sans-serif;font-size:14px;height:46px;line-height:1.5;padding:12px 16px 12px 42px;transition:all .3s ease;width:100%}.admin-field-input-with-icon.with-toggle,.edit-field-input-with-icon.with-toggle,.user-field-input-with-icon.with-toggle{padding-right:52px}.user-field-select{appearance:none;background:#f8f9fa;border:1px solid #ddd;border-radius:10px;font-family:Roboto,sans-serif;font-size:14px;height:46px;line-height:1.5;padding:12px 44px 12px 16px;transition:all .3s ease;width:100%}.user-field-select:focus{background:#fff;border-color:#31356e;box-shadow:0 0 0 3px #31356e1a;outline:none}.user-field-select:disabled{cursor:not-allowed;opacity:.7}.admin-field-select{background:#f8f9fa;border:1px solid #ddd;border-radius:10px;font-family:Roboto,sans-serif;font-size:14px;height:46px;line-height:1.5;padding:12px 44px 12px 16px;transition:all .3s ease;width:100%}.admin-field-select:focus{background:#fff;border-color:#31356e;box-shadow:0 0 0 3px #31356e1a;outline:none}.admin-field-select:disabled{cursor:not-allowed;opacity:.7}.admin-field-select{appearance:none;background-repeat:no-repeat}.select-chevron{align-items:center;bottom:0;color:#333;display:flex;height:32px;justify-content:center;margin:auto 0;pointer-events:none;position:absolute;right:12px;top:0;width:32px}.admin-field-input-with-icon:focus,.user-field-input-with-icon:focus{background:#fff;border-color:#31356e;box-shadow:0 0 0 3px #31356e1a;outline:none}.admin-field-input-with-icon::placeholder,.user-field-input-with-icon::placeholder{color:#aaa;font-weight:300}.admin-info-text{align-items:center;background:#f8f9fa;border-radius:8px;color:#666;display:flex;font-family:Roboto,sans-serif;font-size:12px;gap:8px;margin-top:8px;padding:12px}.admin-modal-footer,.user-modal-footer{border-top:1px solid #e5e7eb;display:flex;justify-content:center;margin-top:24px;padding-top:20px}.admin-save-btn,.user-save-btn{align-items:center;background:linear-gradient(135deg,#31356e,#1c1f4e);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:15px;font-weight:500;gap:8px;height:48px;justify-content:center;letter-spacing:.5px;width:100%}.user-save-btn:disabled{cursor:not-allowed;opacity:.75}.admin-save-btn:active,.user-save-btn:active{transform:translateY(0)}.admin-error-message,.user-error-message{background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#c62828;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.edit-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.edit-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:calc(100vh - 40px);max-width:500px;overflow-y:auto;padding:40px;position:relative;width:90%}.edit-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:20px;height:30px;justify-content:center;position:absolute;right:20px;top:20px;transition:color .3s ease;width:30px}.edit-modal-close:hover{background:#f5f5f5;color:#333}.edit-modal-title{color:#000;font-family:Inter,sans-serif;font-size:23px;font-weight:600;margin:0 0 20px;text-align:center}.edit-modal-body{gap:20px;margin-top:10px}.edit-form-field,.edit-modal-body{display:flex;flex-direction:column}.edit-form-field{gap:8px}.edit-field-label{color:#333;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;margin-bottom:4px;text-align:left}.edit-input-wrapper{align-items:center;display:flex;position:relative;width:100%}.edit-input-icon{align-items:center;color:#999;display:flex;justify-content:center;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.edit-field-input-with-icon{background:#f8f9fa;border:1px solid #ddd;border-radius:10px;box-sizing:border-box;font-family:Roboto,sans-serif;font-size:14px;height:46px;line-height:1.5;padding:12px 16px 12px 42px;transition:all .3s ease;width:100%}.edit-field-input-with-icon:focus{background:#fff;border-color:#31356e;box-shadow:0 0 0 3px #31356e1a;outline:none}.edit-field-input-with-icon::placeholder{color:#aaa;font-weight:300}.edit-error-message{background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;color:#c62828;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.edit-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;margin-top:24px;padding-top:20px}.edit-save-btn{align-items:center;background:linear-gradient(135deg,#31356e,#1c1f4e);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:Roboto,sans-serif;font-size:15px;font-weight:500;gap:8px;height:48px;justify-content:center;letter-spacing:.5px}.edit-save-btn:active{transform:translateY(0)}.edit-delete-btn{align-items:center;background:#fff;border:1px solid #dc2626;border-radius:10px;color:#dc2626;cursor:pointer;display:flex;flex:1 1;font-family:Roboto,sans-serif;font-size:15px;font-weight:500;gap:8px;height:48px;justify-content:center;letter-spacing:.5px;transition:all .3s ease}.edit-delete-btn:hover{background:#dc2626;color:#fff}.edit-delete-btn:active{transform:translateY(0)}.promote-field-container{margin-top:8px}.promote-admin-btn{align-items:center;background:#fff;border:1px dashed #31356e;border-radius:10px;color:#31356e;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;gap:8px;height:46px;justify-content:center;transition:all .2s ease;width:100%}.promote-admin-btn:hover{border-style:solid}.promote-admin-btn:active{transform:translateY(1px)}.promote-admin-btn:disabled{cursor:not-allowed}.promote-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:2100}.promote-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 15px 40px #0003;max-height:calc(100vh - 40px);max-width:400px;overflow-y:auto;padding:32px;text-align:center;width:90%}.promote-modal-header{align-items:center;display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.promote-warning-icon{align-items:center;background:#f0f7ff;border-radius:50%;color:#31356e;display:flex;height:64px;justify-content:center;width:64px}.promote-modal-title{color:#111827;font-family:Inter,sans-serif;font-size:20px;font-weight:600;margin:0}.promote-modal-subtitle{color:#6b7280;font-family:Inter,sans-serif;font-size:14px;line-height:1.5;margin:0}.promote-modal-footer{display:flex;gap:12px}.promote-cancel-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;flex:1 1;font-family:Inter,sans-serif;font-size:14px;font-weight:500;height:48px;justify-content:center;transition:all .2s ease}.promote-cancel-btn:hover{background:#f9fafb}.promote-confirm-btn{align-items:center;background:linear-gradient(135deg,#31356e,#1c1f4e);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:Inter,sans-serif;font-size:14px;font-weight:500;height:48px;justify-content:center;transition:all .3s ease}.promote-confirm-btn:hover{opacity:.9}.user-menu-button{align-items:center;background:none!important;border:none;border-radius:50%!important;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.user-menu-button:hover{background-color:#f1f5f9!important;color:#0f172a}.delete-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:2000}.delete-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 15px 40px #0003;max-height:calc(100vh - 40px);max-width:400px;overflow-y:auto;padding:32px;text-align:center;width:90%}.delete-modal-header{align-items:center;display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.delete-warning-icon{align-items:center;background:#fef2f2;border-radius:50%;color:#ef4444;display:flex;height:64px;justify-content:center;width:64px}.delete-modal-title{color:#111827;font-family:Inter,sans-serif;font-size:20px;font-weight:600;margin:0}.delete-modal-subtitle{color:#6b7280;font-family:Inter,sans-serif;font-size:14px;line-height:1.5;margin:0}.delete-modal-footer{display:flex;gap:12px}.delete-cancel-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;flex:1 1;font-family:Inter,sans-serif;font-size:14px;font-weight:500;height:48px;justify-content:center;transition:all .2s ease}.delete-cancel-btn:hover{background:#f9fafb}.delete-confirm-btn{align-items:center;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:Inter,sans-serif;font-size:14px;font-weight:500;height:48px;justify-content:center;transition:all .3s ease}.delete-confirm-btn,.delete-confirm-btn:hover{background:linear-gradient(135deg,#31356e,#1c1f4e)}@media (max-width:1024px){.user-search-section{max-width:400px;width:400px}}@media (max-width:768px){.user-management-top-bar{align-items:stretch;flex-direction:column;gap:12px}.user-search-section{max-width:100%;width:100%}.user-management-container{padding:20px}.user-item{align-items:flex-start;flex-direction:column;gap:12px;padding:14px 18px}.user-item-left{width:100%}.user-item-right{gap:16px;justify-content:flex-start;width:100%}.admin-modal-content,.edit-modal-content,.user-modal-content{max-width:450px;padding:30px}.admin-field-input-with-icon,.edit-field-input-with-icon,.user-field-input-with-icon{font-size:13px;height:42px;padding:10px 14px 10px 40px}.admin-input-icon,.edit-input-icon,.user-input-icon{left:12px}.admin-save-btn,.edit-delete-btn,.edit-save-btn,.user-save-btn{font-size:15px;padding:12px}.edit-modal-footer{flex-direction:column;gap:10px}}@media (max-width:480px){.user-management-container{padding:16px}.user-management-title{font-size:22px}.user-avatar-item{font-size:16px;height:40px;width:40px}.user-name-item{font-size:14px}.user-email-item{font-size:12px}.user-role-badge{font-size:10px;padding:2px 8px}.user-time-item{font-size:11px;padding:3px 10px}.no-users-found{font-size:15px;padding:40px}.admin-modal-content,.edit-modal-content,.user-modal-content{max-width:400px;padding:24px 20px;width:95%}.admin-modal-close,.edit-modal-close,.user-modal-close{right:15px;top:15px}.edit-modal-title{font-size:22px}.admin-field-input-with-icon,.edit-field-input-with-icon,.user-field-input-with-icon{font-size:12px;height:38px;padding:8px 12px 8px 36px}.admin-input-icon,.edit-input-icon,.user-input-icon{left:10px}.admin-save-btn,.edit-delete-btn,.edit-save-btn,.user-save-btn{font-size:14px;padding:10px}.admin-info-text{font-size:11px;padding:10px}.user-item-right{gap:12px}}.user-status-badge{border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.5px;margin-right:8px;padding:4px 10px;text-transform:uppercase}.user-status-badge.disabled{background:#fef2f2;border:1px solid #fee2e2;color:#ef4444}.edit-modal-footer-left{display:flex;flex:1 1;gap:10px}.edit-status-btn{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.edit-status-btn.disable{background:#fff5f5;border-color:#ffc9c9;color:#e03131}.edit-status-btn.disable:hover:not(:disabled){background:#ffe3e3;border-color:#ffa8a8}.edit-status-btn.enable{background:#ebfbee;border-color:#b2f2bb;color:#2b8a3e}.edit-status-btn.enable:hover:not(:disabled){background:#d3f9d8;border-color:#8ce99a}.edit-status-btn:disabled{cursor:not-allowed;opacity:.6}.user-item-right{gap:12px}.edit-danger-zone{border-top:1px solid #f1f3f5;margin-top:24px;padding-top:16px}.danger-zone-title{color:#adb5bd;font-family:Inter,sans-serif;font-size:13px;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.danger-zone-actions{display:flex;flex-direction:column;gap:12px}.danger-action-btn{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:12px;color:#495057;cursor:pointer;display:flex;gap:16px;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.danger-action-btn:hover:not(:disabled){background:#f8f9fa;border-color:#dee2e6;box-shadow:0 4px 6px #0000000d;transform:translateY(-1px)}.danger-action-btn .btn-text-content{display:flex;flex-direction:column}.danger-action-btn .btn-label{font-size:14px;font-weight:600}.danger-action-btn .btn-subtext{color:#868e96;font-size:12px}.danger-action-btn.status-btn.disable:hover:not(:disabled){background:#fff5f5;border-color:#ffc9c9;color:#c92a2a}.danger-action-btn.status-btn.disable:hover:not(:disabled) .btn-subtext{color:#f03e3e}.danger-action-btn.status-btn.enable:hover:not(:disabled){background:#ebfbee;border-color:#b2f2bb;color:#2b8a3e}.danger-action-btn.status-btn.enable:hover:not(:disabled) .btn-subtext{color:#40c057}.danger-action-btn.delete-btn:hover:not(:disabled){background:#fff5f5;border-color:#ffc9c9;color:#c92a2a}.danger-action-btn.delete-btn:hover:not(:disabled) .btn-subtext{color:#f03e3e}.edit-modal-cancel-btn{background:#fff;border:1px solid #dee2e6;border-radius:10px;color:#495057;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s ease}.edit-modal-cancel-btn:hover{background:#f8f9fa;border-color:#ced4da}@media (max-width:1199px){.main-content{margin-left:280px;padding:24px 30px;width:calc(100% - 280px)}.user-management-top-bar{margin-bottom:20px}.user-search-input{height:42px}.user-management-container{padding:24px}.user-management-title{font-size:22px}.user-item{padding:14px 20px}.user-avatar-item{font-size:17px;height:42px;width:42px}.users-items-container{max-height:500px}}@media (max-width:1023px){.sidebar{width:80px!important}.main-content{margin-left:80px;padding:20px;width:calc(100% - 80px)}.user-management-top-bar{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:20px}.user-search-section{max-width:100%}.buttons-container{justify-content:flex-end}.user-management-container{padding:20px}.user-management-title{font-size:20px}.user-item{align-items:flex-start;flex-direction:column;gap:12px;padding:14px 18px}.user-item-left{width:100%}.user-item-right{flex-wrap:wrap;gap:8px;justify-content:flex-start;width:100%}.user-time-item{width:auto}.user-filter-modal-content{max-width:90vw;width:280px}.users-pagination{align-items:flex-start;flex-direction:column;gap:12px}.users-items-container{max-height:400px}.section-header{align-items:flex-start;flex-direction:column;gap:16px}.add-admin-btn-outline,.add-user-btn-filled{font-size:14px;height:40px;padding:0 20px}}@media (max-width:767px){.sidebar{width:70px!important}.main-content{margin-left:70px;padding:16px;width:calc(100% - 70px)}.user-management-top-bar{gap:10px;margin-bottom:16px}.user-search-input{font-size:14px;height:38px;padding:0 42px 0 40px}.user-filter-toggle-btn{height:28px;width:28px}.buttons-container{gap:10px}.add-admin-btn-outline,.add-user-btn-filled{flex:0 0 auto;font-size:14px;height:40px;padding:0 18px}.user-management-container{border-radius:16px;padding:16px}.user-management-title{font-size:18px}.user-management-subtitle{font-size:13px}.user-item{gap:10px;padding:12px 14px}.user-avatar-item{font-size:15px;height:38px;width:38px}.user-name-item{font-size:14px}.user-email-item{font-size:12px}.user-role-badge{font-size:11px;padding:3px 10px}.user-time-item{font-size:11px;padding:3px 8px}.user-remove-btn{font-size:11px;padding:5px 10px}.users-pagination-btn{font-size:12px;padding:6px 12px}.users-pagination-info{font-size:12px}.user-filter-modal-content{right:-10px!important;width:260px}.user-filter-chip{font-size:12px;padding:5px 10px}.section-header{gap:12px}.add-user-admin-btn{font-size:13px;height:40px}.add-user-modal-content{max-width:90vw;padding:24px}.add-user-field-input-with-icon{font-size:13px;height:42px}}@media (max-width:479px){.sidebar{width:60px!important}.main-content{margin-left:60px;padding:12px;width:calc(100% - 60px)}.user-management-top-bar{gap:8px;margin-bottom:12px}.user-search-input{font-size:13px;height:36px;padding:0 38px 0 36px}.user-search-icon{height:16px;left:12px;width:16px}.user-filter-toggle-btn{height:26px;width:26px}.add-admin-btn-outline,.add-user-btn-filled{font-size:13px;height:38px;padding:0 16px}.user-management-container{border-radius:12px;padding:14px}.user-management-title{font-size:16px}.user-management-subtitle{font-size:12px;margin-bottom:12px}.user-item{gap:8px;padding:12px}.user-avatar-item{font-size:14px;height:36px;width:36px}.user-name-item{font-size:13px}.user-email-item{font-size:11px}.user-role-badge{font-size:10px;padding:2px 8px}.user-time-item{font-size:10px;padding:2px 6px}.user-remove-btn{font-size:10px;padding:4px 8px}.user-action-btn{padding:6px}.no-users-found{font-size:14px;padding:30px}.no-users-icon{height:40px!important;width:40px!important}.users-pagination{margin-top:12px}.users-pagination-btn{font-size:11px;padding:5px 10px}.users-pagination-info{font-size:11px}.user-filter-modal-content{left:50%;max-height:80vh;max-width:280px;overflow-y:auto;position:fixed;right:auto;top:50%;transform:translate(-50%,-50%);width:90vw}.user-filter-modal-body{gap:16px;padding:16px}.user-filter-chip{font-size:11px;padding:4px 8px}.section-header{gap:10px}.buttons-container{gap:8px}.add-admin-btn-outline,.add-user-btn-filled{flex:0 0 auto;font-size:12px;height:36px;padding:0 12px}.add-user-modal-content{max-width:95vw;padding:20px}.add-user-modal-close{right:15px;top:15px}.add-user-field-input-with-icon{font-size:12px;height:38px;padding:8px 12px 8px 36px}.add-user-input-icon{left:10px}.danger-zone-title{font-size:14px}.danger-zone-subtitle{font-size:12px}.danger-action-btn{padding:10px 12px}.danger-action-btn .btn-label{font-size:13px}.danger-action-btn .btn-subtext{font-size:11px}}@media (hover:none) and (pointer:coarse){.user-item:hover{background:#fff}.nav-item:hover{background:#0000}.user-filter-chip:hover{background:#fff;border-color:#e5e7eb}.user-filter-chip.active:hover{background:linear-gradient(135deg,#31356e,#1c1f4e);border-color:#31356e}.users-pagination-btn:hover:not(:disabled){border-color:#d1d5db;color:#1f2937}.user-remove-btn:hover:not(:disabled){background:#fff}.user-action-btn:hover:not(:disabled){background:#0000;color:#94a3b8}.add-user-admin-btn:hover{transform:none}.danger-action-btn:hover:not(:disabled){background:#fff;border-color:#e9ecef;box-shadow:none;transform:none}.edit-modal-cancel-btn:hover{background:#fff;border-color:#dee2e6}}@media (max-width:1024px) and (orientation:landscape){.main-content{padding:16px 20px}.user-management-container{padding:20px}.user-item{align-items:center;flex-direction:row}.user-item-right{justify-content:flex-end;width:auto}.section-header{align-items:center;flex-direction:row}}@supports (padding-top:env(safe-area-inset-top)){.main-content{padding-bottom:max(30px,env(safe-area-inset-bottom));padding-top:max(30px,env(safe-area-inset-top))}.user-filter-modal-content{max-height:calc(80vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.add-user-modal-content{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}.dashboard-container{background:#f8f9fc}.settings-header-bar{align-items:center!important;display:flex!important;justify-content:space-between!important;margin-bottom:24px!important;width:100%!important}.settings-title{color:#31356e!important;font-size:28px!important;font-weight:700!important;line-height:1!important;margin:0!important}.logout-btn,.settings-title{font-family:Inter,sans-serif!important}.logout-btn{align-items:center!important;background:var(--primary-gradient)!important;border:none!important;border-radius:10px!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:15px!important;font-weight:500!important;gap:8px!important;height:40px!important;justify-content:center!important;min-width:120px!important;padding:0 24px!important;transition:all .3s ease!important;white-space:nowrap!important}.logout-btn:hover{box-shadow:0 4px 12px #31356e4d;transform:translateY(-1px)}.user-profile-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;display:flex;gap:16px;margin-bottom:32px;padding:20px 24px;transition:all .3s ease}.user-profile-card:hover{box-shadow:0 4px 12px #0000000d}.user-avatar{align-items:center;background:linear-gradient(135deg,#31356e,#1c1f4e);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-family:Inter,sans-serif;font-size:28px;font-weight:700;height:64px;justify-content:center;width:64px}.user-info{flex:1 1}.username{color:#1e293b;font-family:Inter,sans-serif;font-size:18px;font-weight:600;margin:0 0 4px;padding-left:12px}.user-role{background:#eef2ff;border-radius:20px;display:inline-flex;font-family:Inter,sans-serif;font-size:13px;font-weight:500;line-height:1;margin:0;padding:4px 12px}.edit-btn,.user-role{align-items:center;color:#31356e}.edit-btn{background:#f1f5f9;border:none;border-radius:12px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:10px;transition:all .2s;width:40px}.edit-btn:hover{background:#e2e8f0;transform:scale(1.05)}.settings-section{margin-bottom:32px}.section-title{color:#31356e;font-family:Inter,sans-serif;font-size:18px;font-weight:600;margin-bottom:16px}.settings-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:16px;margin-bottom:10px;padding:16px 20px;transition:all .2s ease}.settings-item:hover{background:#f8fafc;border-color:#31356e;transform:translateX(4px)}.item-icon{color:#6b7280;height:20px;min-width:20px;width:20px}.item-content{flex:1 1}.item-text{color:#1e293b;display:block;font-family:Inter,sans-serif;font-size:15px;font-weight:500;margin-bottom:2px}.item-value{color:#94a3b8;display:block;font-size:13px}.item-arrow{color:#94a3b8;transition:all .2s ease}.settings-item:hover .item-arrow{color:#31356e;transform:translateX(4px)}.edit-profile-modal-overlay{align-items:center!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background:#0009!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;margin:0!important;padding:20px!important;position:fixed!important;right:0!important;top:0!important;z-index:9999!important}.edit-profile-modal-content{animation:slideUp .3s ease-out!important;background:#fff!important;border-radius:20px!important;box-shadow:0 20px 60px #0000004d!important;margin:auto!important;max-width:500px!important;padding:40px!important;position:relative!important;width:90%!important}.edit-profile-modal-close{align-items:center!important;background:none!important;border:none!important;border-radius:50%!important;color:#999!important;cursor:pointer!important;display:flex!important;height:30px!important;justify-content:center!important;padding:0!important;position:absolute!important;right:20px!important;top:20px!important;transition:all .3s ease!important;width:30px!important}.edit-profile-modal-close:hover{background:#f5f5f5!important;color:#333!important;transform:rotate(90deg)!important}.edit-profile-modal-title{color:#31356e!important;font-family:Inter,sans-serif!important;font-size:24px!important;font-weight:600!important;margin:0 0 24px!important;text-align:center!important}.edit-profile-modal-body{gap:20px!important}.edit-profile-form-field,.edit-profile-modal-body{display:flex!important;flex-direction:column!important}.edit-profile-form-field{gap:8px!important;margin-bottom:20px!important}.edit-profile-field-label{color:#333!important;font-family:Inter,sans-serif!important;font-size:14px!important;font-weight:500!important;margin-bottom:4px!important;text-align:left!important}.edit-profile-input-wrapper{align-items:center!important;display:flex!important;position:relative!important;width:100%!important}.edit-profile-input-icon{align-items:center!important;color:#999!important;display:flex!important;justify-content:center!important;left:14px!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:1!important}.edit-profile-field-input{background:#f8f9fa!important;border:1px solid #ddd!important;border-radius:10px!important;box-sizing:border-box!important;font-family:Inter,sans-serif!important;font-size:14px!important;height:46px!important;line-height:1.5!important;padding:12px 16px 12px 42px!important;transition:all .3s ease!important;width:100%!important}.edit-profile-field-input:focus{background:#fff!important;border-color:#31356e!important;box-shadow:0 0 0 3px #31356e1a!important;outline:none!important}.edit-profile-field-input::placeholder{color:#aaa!important;font-weight:300!important}.edit-profile-message{align-items:center!important;animation:slideIn .3s ease!important;border-radius:10px!important;display:flex!important;font-size:14px!important;gap:10px!important;margin-bottom:20px!important;padding:12px 16px!important}.edit-profile-message.success{background:#e8f5e9!important;border:1px solid #c8e6c9!important;color:#2e7d32!important}.edit-profile-message.error{background:#ffebee!important;border:1px solid #ffcdd2!important;color:#c62828!important}.edit-profile-button-container{margin-top:8px!important}.edit-profile-btn{background:linear-gradient(135deg,#31356e,#1c1f4e)!important;border:none!important;border-radius:10px!important;color:#fff!important;cursor:pointer!important;font-family:Inter,sans-serif!important;font-size:14px!important;font-weight:500!important;height:48px!important;padding:12px!important;transition:all .3s ease!important;width:100%!important}.edit-profile-btn:disabled{cursor:not-allowed!important;opacity:.75!important}.edit-profile-btn:hover:not(:disabled){box-shadow:0 4px 15px #31356e4d!important;transform:translateY(-1px)!important}.password-reset-modal-overlay{align-items:center!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background:#0009!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;margin:0!important;padding:20px!important;position:fixed!important;right:0!important;top:0!important;z-index:9999!important}.password-reset-modal-content{animation:slideUp .3s ease-out!important;background:#fff!important;border-radius:20px!important;box-shadow:0 20px 60px #0000004d!important;margin:auto!important;max-width:450px!important;padding:40px!important;position:relative!important;width:90%!important}.password-reset-modal-close{align-items:center!important;background:none!important;border:none!important;border-radius:50%!important;color:#999!important;cursor:pointer!important;display:flex!important;height:30px!important;justify-content:center!important;padding:0!important;position:absolute!important;right:20px!important;top:20px!important;transition:all .3s ease!important;width:30px!important}.password-reset-modal-close:hover{background:#f5f5f5!important;color:#333!important;transform:rotate(90deg)!important}.password-reset-icon-wrapper,.password-reset-success-icon-wrapper{display:flex!important;justify-content:center!important;margin-bottom:24px!important}.password-reset-icon-circle{background:linear-gradient(135deg,#31356e,#1c1f4e)!important}.password-reset-icon-circle,.password-reset-success-icon-circle{align-items:center!important;border-radius:50%!important;color:#fff!important;display:flex!important;height:80px!important;justify-content:center!important;width:80px!important}.password-reset-success-icon-circle{background:linear-gradient(135deg,#10b981,#059669)!important}.password-reset-modal-title,.password-reset-success-title{color:#333!important;font-family:Inter,sans-serif!important;font-size:22px!important;font-weight:600!important;margin:0 0 12px!important;text-align:center!important}.password-reset-description,.password-reset-success-description{color:#666!important;font-family:Inter,sans-serif!important;font-size:14px!important;line-height:1.5!important;margin:0 0 20px!important;text-align:center!important}.password-reset-email-info{background:#f5f5f5!important;color:#555!important;gap:8px!important;margin-bottom:20px!important;padding:12px!important}.password-reset-email-highlight,.password-reset-email-info{align-items:center!important;border-radius:10px!important;display:flex!important;font-family:Inter,sans-serif!important;font-size:14px!important;justify-content:center!important}.password-reset-email-highlight{background:var(--primary-soft-bg)!important;color:var(--primary-deep)!important;gap:10px!important;margin:20px 0!important;padding:14px!important}.password-reset-instruction{background:#fff3e0!important;border-radius:10px!important;color:#666!important;color:#e65100!important;font-size:13px!important;line-height:1.5!important;margin:0 0 24px!important;padding:12px!important;text-align:center!important}.password-reset-message{align-items:center!important;animation:slideIn .3s ease!important;border-radius:10px!important;display:flex!important;font-size:14px!important;gap:10px!important;margin-bottom:20px!important;padding:12px 16px!important}.password-reset-message.success{background:#e8f5e9!important;border:1px solid #c8e6c9!important;color:#2e7d32!important}.password-reset-message.error{background:#ffebee!important;border:1px solid #ffcdd2!important;color:#c62828!important}.password-reset-button-container{margin-top:8px!important}.password-reset-btn{background:linear-gradient(135deg,#31356e,#1c1f4e)!important;border:none!important;border-radius:10px!important;color:#fff!important;cursor:pointer!important;font-family:Inter,sans-serif!important;font-size:14px!important;font-weight:500!important;height:48px!important;padding:12px!important;transition:all .3s ease!important;width:100%!important}.password-reset-btn.success{background:linear-gradient(135deg,#10b981,#059669)!important}.password-reset-btn:disabled{cursor:not-allowed!important;opacity:.75!important}.password-reset-btn:hover:not(:disabled){box-shadow:0 4px 15px #31356e4d!important;transform:translateY(-1px)!important}.password-reset-footer{border-top:1px solid #f3f4f6;margin-top:20px;padding-top:16px}.password-reset-footer p{align-items:center;color:#9ca3af;display:flex;font-size:12px;gap:8px;margin:0}.about-modal-overlay{align-items:center!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background:#0009!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;margin:0!important;overflow-y:auto!important;padding:20px!important;position:fixed!important;right:0!important;top:0!important;z-index:9999!important}.about-modal-content{animation:slideUp .3s ease-out!important;background:#fff!important;border-radius:24px!important;box-shadow:0 20px 60px #0000004d!important;max-height:85vh!important;max-width:650px!important;overflow-y:auto!important;position:relative!important;width:90%!important}.about-modal-close{align-items:center!important;background:#f1f5f9!important;border:none!important;border-radius:50%!important;color:#64748b!important;cursor:pointer!important;display:flex!important;float:right!important;height:36px!important;justify-content:center!important;margin:10px 10px 0 0!important;position:sticky!important;right:20px!important;top:20px!important;transition:all .3s ease!important;width:36px!important;z-index:10!important}.about-modal-close:hover{background:#e2e8f0!important;color:#31356e!important;transform:rotate(90deg)!important}.about-header{background:linear-gradient(135deg,#f8fafc,#fff)!important;border-bottom:1px solid #e5e7eb!important;padding:40px 40px 20px!important;text-align:center!important}.about-icon-wrapper{margin-bottom:20px!important}.about-icon-circle,.about-icon-wrapper{display:flex!important;justify-content:center!important}.about-icon-circle{align-items:center!important;background:linear-gradient(135deg,#31356e,#1c1f4e)!important;border-radius:50%!important;color:#fff!important;height:80px!important;width:80px!important}.about-title{color:#31356e!important;font-size:32px!important;font-weight:700!important;margin:0 0 8px!important}.about-subtitle,.about-title{font-family:Inter,sans-serif!important}.about-subtitle{color:#64748b!important;font-size:14px!important;margin:0!important}.about-body{padding:30px 40px!important}.about-section{margin-bottom:28px!important}.about-section h3{color:#1e293b!important;font-size:18px!important;font-weight:600!important;margin:0 0 12px!important}.about-section h3,.about-section p{font-family:Inter,sans-serif!important}.about-section p{color:#475569!important;font-size:14px!important;line-height:1.6!important;margin:0!important}.about-section ul{margin:0 0 0 20px!important;padding:0!important}.about-section li{color:#475569!important;font-family:Inter,sans-serif!important;font-size:14px!important;line-height:1.6!important;margin-bottom:8px!important}.about-section li strong{color:#31356e!important}.version-info{background:#f8fafc!important;border:1px solid #e5e7eb!important;border-radius:12px!important;padding:16px!important}.version-info p{margin:4px 0!important}.about-footer{border-top:1px solid #e5e7eb!important;margin-top:30px!important;padding-top:20px!important;text-align:center!important}.about-footer p{color:#94a3b8!important;font-family:Inter,sans-serif!important;font-size:12px!important;margin:4px 0!important}.privacy-modal-overlay{align-items:center!important;-webkit-backdrop-filter:blur(5px)!important;backdrop-filter:blur(5px)!important;background:#0009!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;margin:0!important;overflow-y:auto!important;padding:20px!important;position:fixed!important;right:0!important;top:0!important;z-index:9999!important}.privacy-modal-content{animation:slideUp .3s ease-out!important;background:#fff!important;border-radius:24px!important;box-shadow:0 20px 60px #0000004d!important;max-height:85vh!important;max-width:750px!important;overflow-y:auto!important;position:relative!important;width:90%!important}.privacy-modal-close{align-items:center!important;background:#f1f5f9!important;border:none!important;border-radius:50%!important;color:#64748b!important;cursor:pointer!important;display:flex!important;float:right!important;height:36px!important;justify-content:center!important;margin:10px 10px 0 0!important;position:sticky!important;right:20px!important;top:20px!important;transition:all .3s ease!important;width:36px!important;z-index:10!important}.privacy-modal-close:hover{background:#e2e8f0!important;color:#31356e!important;transform:rotate(90deg)!important}.privacy-header{background:linear-gradient(135deg,#f8fafc,#fff)!important;border-bottom:1px solid #e5e7eb!important;padding:40px 40px 20px!important;text-align:center!important}.privacy-icon-wrapper{margin-bottom:20px!important}.privacy-icon-circle,.privacy-icon-wrapper{display:flex!important;justify-content:center!important}.privacy-icon-circle{align-items:center!important;background:linear-gradient(135deg,#31356e,#1c1f4e)!important;border-radius:50%!important;color:#fff!important;height:80px!important;width:80px!important}.privacy-title{color:#1c1d1e!important;font-size:32px!important;font-weight:700!important;margin:0 0 8px!important}.privacy-subtitle,.privacy-title{font-family:Inter,sans-serif!important}.privacy-subtitle{color:#64748b!important;font-size:14px!important;margin:0!important}.privacy-body{padding:30px 40px!important}.privacy-section{border:1px solid #e5e7eb!important;border-radius:16px!important;margin-bottom:30px!important;overflow:hidden!important;transition:all .2s ease!important}.privacy-section:hover{border-color:#31356e!important;box-shadow:0 2px 8px #31356e0d!important}.section-header{align-items:center!important;background:#f8fafc!important;cursor:pointer!important;display:flex!important;gap:16px!important;padding:16px 20px!important;transition:all .2s ease!important}.section-header:hover{background:#f1f5f9!important}.section-number{color:#31356e!important;font-size:28px!important;font-weight:700!important}.section-header h3,.section-number{font-family:Inter,sans-serif!important}.section-header h3{color:#1e293b!important;flex:1 1!important;font-size:16px!important;font-weight:600!important;margin:0!important}.section-toggle{align-items:center!important;border-radius:8px!important;color:#1c1d1e!important;display:flex!important;font-size:24px!important;font-weight:600!important;height:28px!important;justify-content:center!important;transition:all .2s ease!important;width:28px!important}.section-content{animation:slideDown .3s ease-out!important;border-top:1px solid #e5e7eb!important;padding:20px!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.section-content p{color:#475569!important;font-family:Inter,sans-serif!important;font-size:14px!important;line-height:1.6!important;margin:0 0 12px!important}.section-content ul{margin:10px 0 0 20px!important;padding:0!important}.section-content li{color:#475569!important;font-family:Inter,sans-serif!important;font-size:14px!important;line-height:1.6!important;margin-bottom:8px!important}.section-content li strong,.security-badge{color:#31356e!important}.security-badge{align-items:center!important;background:#e8eaf6!important;border-radius:10px!important;display:inline-flex!important;font-size:13px!important;font-weight:500!important;gap:8px!important;margin-top:16px!important;padding:10px 16px!important}.rights-actions{display:flex!important;gap:12px!important;margin-top:16px!important}.rights-btn{border:none!important;border-radius:10px!important;cursor:pointer!important;font-family:Inter,sans-serif!important;font-size:13px!important;font-weight:500!important;padding:10px 20px!important;transition:all .2s ease!important}.rights-btn:first-child{background:linear-gradient(135deg,#31356e,#1c1f4e)!important;color:#fff!important}.rights-btn:first-child:hover{background:#1c1f4e!important;transform:translateY(-1px)!important}.rights-btn.secondary{background:#fff!important;border:1px solid #fecaca!important;color:#dc2626!important}.rights-btn.secondary:hover{background:#fef2f2!important;border-color:#dc2626!important}.privacy-footer{border-top:1px solid #e5e7eb!important;margin-top:30px!important;padding-top:20px!important;text-align:center!important}.contact-info{align-items:center!important;color:#475569!important;display:flex!important;font-size:14px!important;gap:8px!important;justify-content:center!important;margin-bottom:12px!important}.privacy-footer p{color:#94a3b8!important;font-family:Inter,sans-serif!important;font-size:12px!important;margin:0!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.main-content{margin-left:80px;padding:20px;width:calc(100% - 80px)}.settings-header-bar{align-items:flex-start;flex-direction:column;gap:15px}.settings-title{font-size:24px}.logout-btn{width:100%}.user-profile-card{padding:16px}.user-avatar{font-size:22px;height:52px;width:52px}.username{font-size:16px}.edit-profile-modal-content,.password-reset-modal-content{padding:30px!important;width:95%!important}.edit-profile-modal-title,.password-reset-modal-title{font-size:20px!important}.about-icon-circle,.password-reset-icon-circle,.password-reset-success-icon-circle,.privacy-icon-circle{height:60px!important;width:60px!important}.about-modal-content,.privacy-modal-content{max-height:90vh!important;width:95%!important}.about-title,.privacy-title{font-size:24px!important}.about-body,.about-header,.privacy-body,.privacy-header{padding:20px!important}.section-header{padding:12px 16px!important}.section-number{font-size:18px!important}.section-header h3{font-size:14px!important}.rights-actions{flex-direction:column!important}}@media (max-width:480px){.main-content{padding:15px}.user-profile-card{flex-wrap:wrap;justify-content:center;text-align:center}.user-info{text-align:center}.about-modal-content,.edit-profile-modal-content,.password-reset-modal-content,.privacy-modal-content{padding:20px!important}.section-content{padding:15px!important}}@media (max-width:1199px){.main-content{margin-left:280px;padding:24px 30px;width:calc(100% - 280px)}.settings-header-bar{margin-bottom:20px!important}.settings-title{font-size:26px!important}.logout-btn{font-size:14px!important;height:38px!important;padding:0 20px!important}.settings-column,.settings-layout-grid{gap:20px!important}.settings-card,.user-profile-card{padding:24px!important}}@media (max-width:1023px){.sidebar{width:80px!important}.main-content{margin-left:80px;padding:20px;width:calc(100% - 80px)}.settings-header-bar{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:20px!important}.settings-title{font-size:24px!important}.logout-btn{height:40px!important;width:100%!important}.settings-layout-grid{gap:16px!important;grid-template-columns:1fr!important}.settings-column{gap:16px!important}.settings-card,.user-profile-card{padding:20px!important}.user-avatar{font-size:24px!important;height:60px!important;width:60px!important}.settings-card-title{font-size:16px!important}.settings-card-subtitle{font-size:13px!important}.about-modal-content,.edit-profile-modal-content,.password-reset-modal-content,.privacy-modal-content{max-width:90vw!important;padding:24px!important}}@media (max-width:767px){.sidebar{width:70px!important}.main-content{margin-left:70px;padding:16px;width:calc(100% - 70px)}.settings-header-bar{margin-bottom:16px!important}.settings-title{font-size:20px!important}.logout-btn{font-size:14px!important;height:36px!important}.settings-card,.user-profile-card{border-radius:12px!important;padding:16px!important}.user-avatar{font-size:20px!important;height:50px!important;width:50px!important}.user-name{font-size:16px!important}.user-role{font-size:13px!important}.settings-card-title{font-size:15px!important}.settings-card-subtitle{font-size:12px!important}.settings-item{padding:12px 0!important}.settings-item-label{font-size:13px!important}.settings-item-description{font-size:11px!important}.about-modal-content,.edit-profile-modal-content,.password-reset-modal-content,.privacy-modal-content{max-width:95vw!important;padding:20px!important}.modal-title{font-size:18px!important}.form-input{height:40px!important}.about-modal-overlay,.privacy-modal-overlay{padding:16px!important}.about-header,.privacy-header{padding:24px 20px!important}.about-title,.privacy-title{font-size:22px!important}.about-body,.privacy-body{padding:20px!important}.about-modal-close,.privacy-modal-close{height:32px!important;right:12px!important;top:12px!important;width:32px!important}.privacy-section{margin-bottom:16px!important}.section-header{gap:12px!important;padding:14px 16px!important}.section-number{font-size:24px!important}.section-header h3{font-size:15px!important}.section-content{padding:14px 16px!important}}@media (max-width:479px){.sidebar{width:60px!important}.main-content{margin-left:60px;padding:12px;width:calc(100% - 60px)}.settings-header-bar{margin-bottom:12px!important}.settings-title{font-size:18px!important}.logout-btn{font-size:13px!important;height:34px!important;padding:0 16px!important}.settings-card,.user-profile-card{border-radius:10px!important;padding:14px!important}.user-avatar{font-size:18px!important;height:44px!important;width:44px!important}.user-name{font-size:14px!important}.user-role{font-size:12px!important}.change-password-btn,.edit-profile-btn{font-size:12px!important;height:32px!important;padding:0 12px!important}.settings-card-title{font-size:14px!important}.settings-card-subtitle{font-size:11px!important}.settings-item{padding:10px 0!important}.settings-item-label{font-size:12px!important}.settings-item-description{font-size:10px!important}.about-modal-content,.edit-profile-modal-content,.password-reset-modal-content,.privacy-modal-content{max-width:95vw!important;padding:16px!important}.modal-title{font-size:16px!important}.modal-subtitle{font-size:13px!important}.form-label{font-size:12px!important}.form-input{font-size:13px!important;height:38px!important}.about-body,.about-header,.privacy-body,.privacy-header{padding:16px!important}.section-header{padding:10px 14px!important}.section-number{font-size:20px!important}.section-header h3{font-size:13px!important}.about-modal-close,.privacy-modal-close{height:28px!important;right:8px!important;top:8px!important;width:28px!important}.about-footer p,.privacy-footer p{font-size:11px!important}}@media (hover:none) and (pointer:coarse){.settings-item:hover{background:#0000!important}.change-password-btn:hover,.edit-profile-btn:hover{background:var(--primary-gradient)!important;color:#fff!important}.logout-btn:hover{opacity:1!important}.nav-item:hover{background:#0000}}@media (max-width:1024px) and (orientation:landscape){.main-content{padding:16px 20px}.settings-layout-grid{grid-template-columns:repeat(2,1fr)!important}}@supports (padding-top:env(safe-area-inset-top)){.main-content{padding-bottom:max(30px,env(safe-area-inset-bottom));padding-top:max(30px,env(safe-area-inset-top))}.about-modal-content,.edit-profile-modal-content,.password-reset-modal-content,.privacy-modal-content{max-height:calc(90vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}.log-icon{color:#31356e}.logs-top-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;width:100%}.logs-search-section{flex:1 1;width:100%}.logs-search-wrapper{position:relative;width:100%}.logs-search-icon{color:#9ca3af;height:18px;left:14px;position:absolute;top:50%;transform:translateY(-50%);width:18px}.logs-search-input{background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-family:Inter,sans-serif;font-size:15px;height:40px;padding:0 16px 0 42px;transition:all .3s ease;width:100%}.logs-search-input:focus{border-color:#31356e;box-shadow:0 0 0 3px #31356e1a;outline:none}.logs-search-input::placeholder{color:#9ca3af}.logs-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 2px 8px #0000000d;min-height:235px;padding:24px;width:100%}.logs-list{display:flex;flex-direction:column;gap:12px}.log-card{background:#f9fafb;border:1px solid #cfd8e3;border-radius:16px;justify-content:space-between;padding:16px 20px}.log-card,.log-left{align-items:center;display:flex}.log-left{gap:16px}.log-icon{stroke-width:1.5px;color:inherit;flex-shrink:0}.log-text{display:flex;flex-direction:column;gap:4px}.log-title{align-items:center;color:#1a1f2e;display:flex;font-family:Inter,sans-serif;font-size:16px;font-weight:500;gap:8px}.severity-pill{border:1px solid #0000;border-radius:999px;font-size:11px;font-weight:600;line-height:1.5;padding:2px 10px}.severity-info{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.severity-warning{background:#fffbeb;border-color:#fde68a;color:#b45309}.severity-high{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.log-details{color:#6b7280;font-family:Inter,sans-serif;font-size:13px}.log-meta{color:#8b8b8b;display:flex;flex-wrap:wrap;gap:10px}.log-meta,.log-time{font-family:Inter,sans-serif;font-size:12px}.log-time{color:#9ca3af;flex-shrink:0;white-space:nowrap}.no-logs{color:#666;padding:40px;text-align:center}.no-logs,.no-logs-state{font-family:Inter,sans-serif}.no-logs-state{align-items:center;background:#fff;border:1px dashed #e0e0e0;border-radius:12px;color:#aaa;display:flex;flex-direction:column;font-size:16px;gap:16px;justify-content:center;padding:60px;width:100%}.no-logs-icon{color:#cbd5e0!important;height:48px!important;width:48px!important}.logs-pagination{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:16px}.logs-pagination-info{color:#6b7280;font-family:Inter,sans-serif;font-size:13px}.logs-pagination-actions{align-items:center;display:flex;gap:8px}.logs-pagination-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:500;padding:8px 14px;transition:all .2s ease}.logs-pagination-btn:hover:not(:disabled){border-color:#31356e;color:#31356e}.logs-pagination-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.main-content{margin-left:80px;padding:20px;width:calc(100% - 80px)}.logs-card{padding:20px}.card-title{font-size:18px}.log-card{align-items:flex-start;flex-direction:column;gap:12px;padding:14px 16px}.log-left{width:100%}.log-time{align-self:flex-end}}.dashboard-container{display:flex;height:100vh;min-height:100vh;overflow:hidden}.main-content{background:#f8f9fa;flex:1 1;height:100vh;margin-left:323px;min-height:100vh;overflow-y:auto;padding:30px 40px;width:calc(100% - 323px)}.dashboard-header{margin-bottom:30px}.dashboard-header,.security-top-bar{align-items:center;display:flex;justify-content:space-between;width:100%}.security-top-bar{gap:16px;margin-bottom:24px}.security-search-section{flex:1 1;width:100%}.security-search-wrapper{position:relative;width:100%}.security-search-icon{color:#9ca3af;height:18px;left:14px;position:absolute;top:50%;transform:translateY(-50%);width:18px}.security-search-input{background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-family:Inter,sans-serif;font-size:15px;height:40px;padding:0 16px 0 42px;transition:all .3s ease;width:100%}.security-search-input:focus{border-color:#31356e;box-shadow:0 0 0 3px #31356e1a;outline:none}.security-search-input::placeholder{color:#9ca3af}.security-alerts-card{background:#ff990b33;border:1px solid #ff990b4d;border-radius:18px;box-shadow:0 2px 8px #0000000d;min-height:235px;padding:24px;width:100%}.card-title{color:#000;font-size:23px;font-weight:600;margin:0 0 4px}.card-subtitle,.card-title{font-family:Inter,sans-serif}.card-subtitle{color:#6b7280;font-size:15px;margin:0 0 15px;padding-bottom:2px}.alerts-list{display:flex;flex-direction:column;gap:12px}.alert-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;padding:16px 20px;transition:all .3s ease}.alert-card.dismissed{background:#fdfdfd;border-color:#e5e7eb;filter:grayscale(.5);opacity:.6}.alert-card.dismissed .alert-icon{color:#94a3b8}.alert-card.dismissed .alert-title{color:#64748b}.alert-card.dismissed .alert-actions-wrapper{filter:none!important;opacity:1!important}.alert-card.dismissed .alert-dropdown-menu{background:#fff;filter:none!important;opacity:1!important}.alert-card.dismissed .alert-dropdown-item{color:#4b5563;opacity:1!important}.alert-card.dismissed .alert-dropdown-item:hover{background:#f9fafb}.alert-card.dismissed .alert-dropdown-item.delete{color:#dc2626}.alert-card.dismissed .alert-action-trigger{color:#31356e}.alert-left{align-items:center;display:flex;gap:16px}.alert-icon{stroke-width:1.5px;color:#ff990b;flex-shrink:0}.alert-text{display:flex;flex-direction:column;gap:4px}.alert-title{color:#1a1f2e;font-family:Inter,sans-serif;font-size:16px;font-weight:400}.alert-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.alert-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 10px;text-transform:uppercase;width:fit-content}.alert-status-badge.dismissed{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.alert-details{color:#8b8b8b;font-family:Inter,sans-serif;font-size:13px}.alert-right{align-items:center;display:flex;gap:16px}.alert-time{color:#b0b0b0;flex-shrink:0;font-family:Inter,sans-serif;font-size:12px;white-space:nowrap}.alert-actions-wrapper{position:relative}.alert-action-trigger{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.alert-action-trigger.active,.alert-action-trigger:hover{background:#f1f5f9;color:#31356e}.alert-dropdown-menu{animation:dropdownIn .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;margin-top:8px;overflow:hidden;position:absolute;right:0;top:100%;width:180px;z-index:100}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-dropdown-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:10px 14px}.alert-dropdown-header span{color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.alert-dropdown-header button{background:#0000;border:none;color:#94a3b8;cursor:pointer;display:flex;padding:2px}.alert-dropdown-items{padding:6px}.alert-dropdown-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:14px;gap:10px;padding:10px 12px;transition:all .2s ease;width:100%}.alert-dropdown-item:hover:not(:disabled){background:#f9fafb;color:#111827}.alert-dropdown-item.delete{color:#dc2626}.alert-dropdown-item.delete:hover:not(:disabled){background:#fef2f2}.alert-dropdown-item:disabled{cursor:not-allowed;opacity:.5}.security-pagination{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:16px}.security-pagination-info{color:#6b7280;font-family:Inter,sans-serif;font-size:13px}.security-pagination-actions{align-items:center;display:flex;gap:8px}.security-pagination-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:500;padding:8px 14px;transition:all .2s ease}.security-pagination-btn:hover:not(:disabled){border-color:#31356e;color:#31356e}.no-alerts-state{align-items:center;background:#fff;border:1px dashed #e0e0e0;border-radius:12px;color:#aaa;display:flex;flex-direction:column;font-family:Inter,sans-serif;font-size:16px;gap:16px;justify-content:center;padding:60px;width:100%}.no-alerts-icon{color:#cbd5e0!important;height:48px!important;width:48px!important}.no-alerts{color:#666;font-family:Inter,sans-serif;padding:40px;text-align:center}@media (max-width:1024px){.security-alerts-card{height:auto;min-height:235px;width:100%}}@media (max-width:768px){.main-content{margin-left:80px;padding:20px;width:calc(100% - 80px)}.security-alerts-card{padding:20px;width:100%}.card-title{font-size:18px}.alert-card{align-items:flex-start;flex-direction:column;gap:12px;padding:14px 16px}.alert-left{width:100%}.alert-time{align-self:flex-end}.alert-title{font-size:14px}.alert-details{font-size:12px}}@media (max-width:480px){.main-content{padding:15px}.security-alerts-card{padding:16px}.card-title{font-size:16px;margin-bottom:16px}.alert-card{padding:12px}.alert-left{gap:12px}.alert-icon{height:24px;width:24px}.alert-title{font-size:13px}.alert-details,.alert-time{font-size:11px}}@media (max-width:1199px){.main-content{margin-left:280px;padding:24px 30px;width:calc(100% - 280px)}.security-top-bar{margin-bottom:20px}.security-alerts-card{padding:24px}.card-title{font-size:20px}}@media (max-width:1023px){.sidebar{width:80px!important}.main-content{margin-left:80px;padding:20px;width:calc(100% - 80px)}.dashboard-header{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:20px}.security-top-bar{align-items:stretch;flex-direction:column;gap:12px}.security-search-section{max-width:100%}.security-alerts-card{padding:20px}.card-title{font-size:18px}.alert-card{padding:14px 16px}.alert-icon{height:32px;width:32px}.alert-title{font-size:14px}}@media (max-width:767px){.sidebar{width:70px!important}.main-content{margin-left:70px;padding:16px;width:calc(100% - 70px)}.dashboard-header,.security-top-bar{margin-bottom:16px}.security-top-bar{gap:10px}.security-search-input{font-size:14px;height:40px}.security-alerts-card{border-radius:12px;padding:16px}.card-title{font-size:17px;margin-bottom:16px}.alert-card{align-items:flex-start;flex-direction:column;gap:10px;padding:12px}.alert-left,.alert-right{width:100%}.alert-right{justify-content:space-between}.alert-icon{height:28px;width:28px}.alert-title{font-size:13px}.alert-details{font-size:12px}.alert-time{align-self:flex-end}}@media (max-width:479px){.sidebar{width:60px!important}.main-content{margin-left:60px;padding:12px;width:calc(100% - 60px)}.dashboard-header,.security-top-bar{margin-bottom:12px}.security-top-bar{gap:8px}.security-search-input{font-size:13px;height:38px}.security-alerts-card{border-radius:10px;padding:14px}.card-title{font-size:15px;margin-bottom:12px}.alert-card{gap:8px;padding:10px}.alert-icon{height:24px;width:24px}.alert-title{font-size:12px}.alert-details{font-size:11px}.alert-time{font-size:10px}}@media (hover:none) and (pointer:coarse){.alert-card:hover{background:#fff;border-color:#e5e7eb}.nav-item:hover{background:#0000}}@media (max-width:1024px) and (orientation:landscape){.main-content{padding:16px 20px}.alert-card{align-items:center;flex-direction:row}}@supports (padding-top:env(safe-area-inset-top)){.main-content{padding-bottom:max(30px,env(safe-area-inset-bottom));padding-top:max(30px,env(safe-area-inset-top))}}.requests-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.requests-modal-container{animation:modalAppear .3s ease-out;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:750px;overflow-y:auto;padding:40px;position:relative;width:90%}@keyframes modalAppear{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close-icon{align-items:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:24px;top:24px;transition:all .2s ease;width:36px}.modal-close-icon:hover{background:#e5e7eb;transform:rotate(90deg)}.modal-section-title{color:#9ca3af;font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase}.info-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;padding:16px}.info-box,.info-item{display:flex;gap:12px}.info-item{align-items:center;color:#374151;font-size:14px}.info-item-icon{color:#31356e;flex-shrink:0}.location-grid{grid-gap:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);padding:20px}.location-tag{font-size:14px}.location-tag strong{color:#64748b;font-weight:500}.location-tag span{color:#1e293b;font-weight:600;margin-left:4px}.message-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;color:#4b5563;font-size:14px;line-height:1.6;padding:16px}.modal-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:40px}.btn-reject{background:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#ef4444;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-reject:hover{background:#fef2f2;border-color:#fecaca}.btn-approve{background:#31356e;border:none;border-radius:12px;box-shadow:0 4px 6px -1px #31356e33;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 28px;transition:all .2s ease}.btn-approve:hover{background:#1c1f4e;box-shadow:0 10px 15px -3px #31356e4d;transform:translateY(-1px)}.doc-filter-toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;bottom:4px;color:#9ca3af;cursor:pointer;display:flex;height:32px;justify-content:center;margin:auto 0;position:absolute;right:6px;top:4px;transition:all .2s ease;width:32px;z-index:2}.doc-filter-toggle-btn:hover{background:#f3f4f6;color:#31356e}.doc-filter-toggle-btn.active{background:linear-gradient(135deg,#31356e,#1c1f4e);color:#fff}.doc-filter-modal-overlay{background:#0000;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:1000}.doc-filter-modal-content{animation:slideDownIn .3s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 10px 40px #00000026;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:300px;z-index:1001}@keyframes slideDownIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.doc-filter-modal-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:16px 20px}.doc-filter-modal-title{color:#111827;font-size:15px;font-weight:600}.doc-filter-modal-close-icon{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:4px}.doc-filter-modal-close-icon:hover{background:#f3f4f6;color:#111827}.doc-filter-modal-body{display:flex;flex-direction:column;gap:14px;padding:16px 20px}.doc-filter-group{display:flex;flex-direction:column;gap:8px}.doc-filter-label{color:#6b7280;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.doc-filter-select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;padding:10px 12px;width:100%}.doc-filter-modal-footer{background:#f9fafb;border-top:1px solid #f3f4f6;display:flex;gap:12px;padding:16px 20px}.doc-filter-reset-btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#4b5563}.doc-filter-apply-btn,.doc-filter-reset-btn{cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:10px}.doc-filter-apply-btn{background:#31356e;border:none;border-radius:10px;color:#fff}.no-requests{align-items:center;background:#fff;border:1px dashed #e0e0e0;border-radius:12px;color:#aaa;display:flex;flex-direction:column;font-family:Inter,sans-serif;font-size:17px;gap:16px;justify-content:center;margin:8px 0;padding:60px;width:100%}.no-requests-icon{color:#cbd5e0!important;height:48px!important;transition:all .3s ease;width:48px!important}.modal-info-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr 1fr}@media (max-width:768px){.requests-modal-container{border-radius:20px;padding:24px;width:95%}.modal-info-grid{gap:24px;grid-template-columns:1fr}.location-grid{gap:12px;grid-template-columns:1fr;padding:16px}.modal-actions{flex-direction:column;gap:12px}.modal-actions button{justify-content:center;width:100%}.btn-approve,.btn-reject{padding:14px;width:100%}.modal-header-text h2{font-size:20px}.modal-close-icon{height:32px;right:16px;top:16px;width:32px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:var(--primary-deep)}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.6492c90c.css.map*/