@charset "UTF-8";:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: #e74c3c;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-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-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient( to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55 );--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;padding:4px;width:var(--toastify-toast-width);box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right)}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right)}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;padding:0;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}}.Toastify__toast{--y: 0;position:relative;-ms-touch-action:none;touch-action:none;min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);cursor:default;direction:ltr;z-index:0;overflow:hidden}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto;padding:6px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.Toastify__toast-body>div:last-child{word-break:break-word;-ms-flex:1;flex:1}.Toastify__toast-icon{-webkit-margin-end:10px;margin-inline-end:10px;width:20px;-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}@media only screen and (max-width:480px){.Toastify__toast{margin-bottom:0;border-radius:0}}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;-ms-flex-item-align:start;align-self:flex-start;z-index:1}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:var(--toastify-z-index);opacity:.7;transform-origin:left;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial;border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp{position:absolute;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidenav{width:280px;height:100vh;background:var(--bg-color);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(-100%);overflow:hidden}.sidenav.open{transform:translate(0);box-shadow:2px 0 20px #00000026}.sidenav:not(.closed):hover{box-shadow:2px 0 15px #00000014}.sidenav__header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:hsla(var(--color-primary-hsl),.03);display:flex;align-items:center;justify-content:space-between;min-height:64px;flex-shrink:0;transition:all .3s ease}.sidenav__brand{display:flex;align-items:center;gap:.75rem;transition:all .3s ease;width:100%}.sidenav__logo{width:36px;height:36px;object-fit:contain;flex-shrink:0;transition:all .3s ease;border-radius:8px}.sidenav__company-name{font-size:1rem;font-weight:700;color:var(--text-color);line-height:1.2;white-space:nowrap;transition:all .3s ease;overflow:hidden;text-overflow:ellipsis}.sidenav__close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidenav__close:hover{background:var(--hover-bg);color:var(--color-primary);transform:scale(1.05)}.sidenav__close:active{transform:scale(.95)}.sidenav__content{flex:1;padding:.5rem 0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.sidenav__content::-webkit-scrollbar{width:4px}.sidenav__content::-webkit-scrollbar-track{background:transparent}.sidenav__content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px;opacity:.5}.sidenav__content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.sidenav__content{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.sidenav ul{padding:0;margin:0;flex:1;display:flex;flex-direction:column;gap:.125rem}.sidenav li{padding:0 1rem;display:flex;flex-direction:column}.sidenav a:not(.sidenav__brand a),.sidenav .nav-action{display:flex;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;border-radius:.375rem;background:none;border:none;font:inherit;color:var(--text-color);cursor:pointer;transition:all .2s ease;font-weight:500;text-decoration:none;white-space:nowrap;overflow:hidden;position:relative;font-size:.9rem}.sidenav a:not(.sidenav__brand a):hover,.sidenav .nav-action:hover{background:var(--hover-bg);transform:translate(4px)}.sidenav a:not(.sidenav__brand a):active,.sidenav .nav-action:active{transform:translate(4px) scale(.98)}.sidenav a:not(.sidenav__brand a) .nav-icon,.sidenav .nav-action .nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.nav-text{transition:all .3s ease;flex:1;text-align:left}.active-link{background:hsla(var(--color-primary-hsl),.12)!important;font-weight:600;color:var(--color-primary)!important;position:relative}.active-link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--color-primary);border-radius:0 2px 2px 0}.active-link:hover{background:hsla(var(--color-primary-hsl),.18)!important;transform:none!important}.nav-action.logout{color:var(--color-logout);margin-top:auto}.nav-action.logout:hover{background:var(--logout-bg-hover);color:var(--color-logout-hover)}.sidenav__footer{padding:.5rem 1rem;border-top:1px solid var(--border-color);flex-shrink:0;display:flex;flex-direction:column;gap:.125rem;background:var(--bg-color)}.announcement-link,.help-link{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:.375rem;color:var(--text-secondary);text-decoration:none;transition:all .2s ease;font-size:.85rem}.announcement-link:hover,.help-link:hover{background:var(--hover-bg);color:var(--color-primary)}.announcement-link svg,.announcement-link .icon,.help-link svg,.help-link .icon{width:18px;height:18px;flex-shrink:0}.announcement-badge{margin-left:auto;background:var(--color-primary);color:#fff;font-size:.7rem;padding:.1rem .4rem;border-radius:10px;font-weight:600}@media(max-width:768px){.sidenav{width:280px;box-shadow:none}.sidenav.open{box-shadow:2px 0 25px #0003}.sidenav:not(.open){transform:translate(-100%)}.sidenav__header{min-height:64px;padding:1rem 1.25rem}.sidenav__close{display:flex}}@media(max-width:480px){.sidenav{width:100%;max-width:300px;height:100dvh}.sidenav.open{box-shadow:2px 0 30px #00000040}.sidenav__header{padding:1rem 1.25rem;min-height:64px}.sidenav__brand{gap:.5rem}.sidenav__logo{width:32px;height:32px}.sidenav__company-name{font-size:.95rem}}[data-theme=dark] .sidenav{background:var(--bg-color-dark);border-right-color:var(--border-color-dark)}[data-theme=dark] .sidenav__header{background:hsla(var(--color-primary-hsl),.05);border-bottom-color:var(--border-color-dark)}[data-theme=dark] .sidenav.desktop.closed a:not(.sidenav__brand a):after,[data-theme=dark] .sidenav.desktop.closed .nav-action:after{background:var(--bg-color-dark);color:var(--text-color-dark);border-color:var(--border-color-dark);box-shadow:0 4px 12px #0000004d}[data-theme=dark] .sidenav__content::-webkit-scrollbar-thumb{background:var(--border-color-dark)}[data-theme=dark] .sidenav__content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary-dark)}@media(prefers-reduced-motion:reduce){.sidenav,.sidenav a,.sidenav .nav-action,.sidenav__close{transition:none}}@media(prefers-contrast:high){.sidenav{border-right:2px solid var(--border-color)}.sidenav__header{border-bottom:2px solid var(--border-color)}.sidenav .active-link:before{width:4px}}.user-header{display:flex;justify-content:space-between;align-items:center;background:var(--bg-color);border-bottom:1px solid var(--border-color);padding:1rem 1.5rem;position:sticky;top:0;z-index:90}.user-header .header-left{display:flex;align-items:center;gap:1rem}.user-header .header-left .mobile-menu-toggle{display:flex;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease;width:40px;height:40px;align-items:center;justify-content:center}.user-header .header-left .mobile-menu-toggle:hover{background:var(--hover-bg);color:var(--color-primary)}.user-header .header-left .page-title{font-size:1.25rem;font-weight:600;color:var(--text-color);margin:0}.user-header .header-right{display:flex;align-items:center;gap:1rem}.user-header .header-right .user-info{display:flex;align-items:center;gap:.75rem}.user-header .header-right .user-info .back-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#fff;color:var(--text-color);border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;flex-shrink:0}.user-header .header-right .user-info .back-button:hover{background:#22c55e;color:#fff;transform:translate(-2px)}.user-header .header-right .user-info .back-button:active{transform:translate(0)}@media(max-width:480px){.user-header .header-right .user-info .back-button{width:32px;height:32px}}.user-header .header-right .user-info .theme-toggle-header{display:flex;align-items:center}.user-header .header-right .user-info .theme-toggle-header .theme-toggle{margin:0;border:none;background:none;box-shadow:none}.user-header .header-right .user-info .theme-toggle-header .theme-toggle:hover{background:var(--hover-bg)}.user-header .header-right .user-info .user-name{font-size:.9rem;font-weight:500;color:var(--text-secondary)}@media(max-width:768px){.user-header .header-right .user-info .user-name{display:none}}.user-header .header-right .user-info .notifications-header{position:relative}.user-header .header-right .user-info .notifications-header .notifications-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;border-radius:.375rem;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;position:relative}.user-header .header-right .user-info .notifications-header .notifications-toggle:hover{background:var(--hover-bg);color:var(--color-primary)}.user-header .header-right .user-info .notifications-header .notifications-toggle .notification-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;padding:0 5px;background:var(--color-danger);color:#fff;font-size:.7rem;font-weight:600;border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-color);animation:pulse 2s infinite}.user-header .header-right .user-info .notifications-header .notifications-dropdown{position:absolute;top:100%;right:0;background:var(--form-bg);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--card-shadow);min-width:360px;max-width:400px;max-height:480px;overflow:hidden;z-index:1000;margin-top:.5rem;animation:slideDown .2s ease-out}.user-header .header-right .user-info .notifications-header .notifications-dropdown:before{content:"";position:absolute;top:-8px;right:12px;width:14px;height:14px;background:var(--form-bg);border-left:1px solid var(--border-color);border-top:1px solid var(--border-color);transform:rotate(45deg)}.user-header .header-right .user-info .notifications-header .notifications-dropdown .notifications-header{padding:1rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--color-gray-50)}.user-header .header-right .user-info .notifications-header .notifications-dropdown .notifications-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-color)}.user-header .header-right .user-info .notifications-header .notifications-dropdown .notifications-header .mark-all-read{font-size:.8rem;color:var(--color-primary);cursor:pointer;background:none;border:none;padding:.25rem .5rem;border-radius:.25rem;transition:all .2s ease}.user-header .header-right .user-info .notifications-header .notifications-dropdown .notifications-header .mark-all-read:hover{background:var(--hover-bg)}.user-header .header-right .user-info .notifications-header .notifications-dropdown .notifications-list{max-height:400px;overflow-y:auto}.user-header .header-right .user-info .notifications-header .notifications-dropdown .notifications-list .no-notifications{padding:2rem 1rem;text-align:center;color:var(--text-secondary);font-size:.9rem}.user-header .header-right .user-info .notifications-header .notifications-dropdown .notifications-list .notification-item{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;cursor:pointer;border-bottom:1px solid var(--border-color);transition:all .2s ease;position:relative}.user-header .header-right .user-info .notifications-header .notifications-dropdown .notifications-list .notification-item:last-child{border-bottom:none}.user-header .header-right .user-info .notifications-header .notifications-dropdown .notifications-list .notification-item:hover{background:var(--hover-bg)}.user-header .header-right .user-info .notifications-header .notifications-dropdown .notifications-list .notification-item.unread{background:var(--color-primary-light)}.user-header .header-right .user-info .notifications-header .notifications-dropdown .notifications-list .notification-item.unread:hover{background:var(--color-primary-lighter)}.user-header .header-right .user-info .notifications-header .notifications-dropdown .notifications-list .notification-item .notification-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--color-primary-light);color:var(--color-primary)}.user-header .header-right .user-info .notifications-header .notifications-dropdown .notifications-list .notification-item .notification-icon.announcement{background:var(--color-info-light);color:var(--color-info)}.user-header .header-right .user-info .notifications-header .notifications-dropdown .notifications-list .notification-item .notification-icon.warning{background:var(--color-warning-light);color:var(--color-warning)}.user-header .header-right .user-info .notifications-header .notifications-dropdown .notifications-list .notification-item .notification-icon.success{background:var(--color-success-light);color:var(--color-success)}.user-header .header-right .user-info .notifications-header .notifications-dropdown .notifications-list .notification-item .notification-content{flex:1;min-width:0}.user-header .header-right .user-info .notifications-header .notifications-dropdown .notifications-list .notification-item .notification-content .notification-title{font-size:.9rem;font-weight:600;color:var(--text-color);margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-header .header-right .user-info .notifications-header .notifications-dropdown .notifications-list .notification-item .notification-content .notification-message{font-size:.85rem;color:var(--text-secondary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.user-header .header-right .user-info .notifications-header .notifications-dropdown .notifications-list .notification-item .notification-content .notification-date{font-size:.75rem;color:var(--text-muted);margin-top:.375rem}.user-header .header-right .user-info .notifications-header .notifications-dropdown .notifications-list .notification-item .unread-indicator{width:8px;height:8px;border-radius:50%;background:var(--color-primary);flex-shrink:0;margin-top:.375rem}.user-header .header-right .user-info .notifications-header .notifications-dropdown .notifications-footer{padding:.75rem 1rem;border-top:1px solid var(--border-color);text-align:center;background:var(--color-gray-50)}.user-header .header-right .user-info .notifications-header .notifications-dropdown .notifications-footer button{font-size:.85rem;color:var(--color-primary);background:none;border:none;cursor:pointer;font-weight:500;transition:all .2s ease}.user-header .header-right .user-info .notifications-header .notifications-dropdown .notifications-footer button:hover{text-decoration:underline}.user-header .header-right .user-info .user-menu{position:relative}.user-header .header-right .user-info .user-menu .user-menu-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;border-radius:.375rem;cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.user-header .header-right .user-info .user-menu .user-menu-toggle:hover{background:var(--hover-bg);color:var(--color-primary)}.user-header .header-right .user-info .user-menu .dropdown{position:absolute;top:100%;right:0;background:var(--form-bg);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:var(--card-shadow);min-width:280px;overflow:hidden;z-index:1000;margin-top:.5rem}.user-header .header-right .user-info .user-menu .dropdown .dropdown-header{padding:1rem;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:1.25rem;background:var(--color-gray-100)}.user-header .header-right .user-info .user-menu .dropdown .dropdown-header .role{font-size:.85rem;font-weight:600;color:var(--text-color);text-transform:capitalize}.user-header .header-right .user-info .user-menu .dropdown .dropdown-header .email{font-size:.8rem;color:var(--text-secondary);word-break:break-word}.user-header .header-right .user-info .user-menu .dropdown ul{list-style:none;margin:0;padding:0}.user-header .header-right .user-info .user-menu .dropdown ul li{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;cursor:pointer;font-size:.9rem;color:var(--text-secondary);transition:all .2s ease;border:none;background:none;width:100%;text-align:left}.user-header .header-right .user-info .user-menu .dropdown ul li svg{width:16px;height:16px;color:var(--text-secondary);flex-shrink:0}.user-header .header-right .user-info .user-menu .dropdown ul li:hover:not(.accessibility-section){background:var(--hover-bg);color:var(--color-primary)}.user-header .header-right .user-info .user-menu .dropdown ul li:hover:not(.accessibility-section) svg{color:var(--color-primary)}.user-header .header-right .user-info .user-menu .dropdown ul .accessibility-section{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin:0;background:var(--color-gray-50);cursor:default}.user-header .header-right .user-info .user-menu .dropdown ul .accessibility-section:hover{background:var(--color-gray-50)}.user-header .header-right .user-info .user-menu .dropdown ul .accessibility-section .accessibility-header{display:flex;align-items:center;gap:.75rem;font-weight:600;font-size:.9rem;color:var(--text-color);margin:0}.user-header .header-right .user-info .user-menu .dropdown ul .accessibility-section .accessibility-header svg{color:var(--color-primary)}.user-header .header-right .user-info .user-menu .dropdown ul .accessibility-section .accessibility-controls{display:flex;flex-direction:column;gap:.75rem}.user-header .header-right .user-info .user-menu .dropdown ul .accessibility-section .accessibility-control>*{width:100%}.user-header .header-right .user-info .user-menu .dropdown ul li.logout{border-top:1px solid var(--border-color);margin-top:0;color:var(--color-danger)}.user-header .header-right .user-info .user-menu .dropdown ul li.logout:hover{background:var(--logout-bg-hover);color:var(--color-danger)}.user-header .header-right .user-info .user-menu .dropdown ul li.logout:hover svg{color:var(--color-danger)}li.logout .logout-button{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;cursor:pointer;font-size:.9rem;color:var(--color-danger);width:100%;padding:0;transition:all .2s ease;background:none;border:none}li.logout .logout-button svg{width:16px;height:16px;color:var(--color-danger);flex-shrink:0}li.logout .logout-button span{color:var(--color-danger)}li.logout .logout-button:hover{background:none;color:var(--color-danger)}li.logout .logout-button:hover svg{color:var(--color-danger)}.theme-toggle,.font-size-adjuster{width:100%}@media(max-width:768px){.user-header{padding:.75rem 1rem}.user-header .header-right .user-info .theme-toggle-header .theme-toggle{transform:scale(.9)}.user-header .header-right .user-info .user-menu .dropdown{position:fixed;top:70px;right:1rem;left:auto;min-width:280px;max-width:calc(100vw - 2rem)}}@media(max-width:480px){.user-header{padding:.5rem}.user-header .header-left .page-title{font-size:1.1rem}.user-header .header-right .user-info .theme-toggle-header .theme-toggle{transform:scale(.85)}.user-header .header-right .user-info .notifications-header .notifications-dropdown{position:fixed;top:60px;right:.5rem;left:.5rem;min-width:auto;max-width:none;width:auto}.user-header .header-right .user-info .notifications-header .notifications-dropdown:before{right:20px}.user-header .header-right .user-info .user-menu .dropdown{top:60px;right:.5rem;min-width:260px}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.theme-toggle{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:.5rem;cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:.9rem;font-weight:500}.theme-toggle:hover{background:var(--bg-secondary);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.theme-toggle:active{transform:translateY(0);box-shadow:0 1px 4px #0000001a}.theme-toggle:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.theme-toggle__icon{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;color:var(--text-secondary);transition:color .3s ease}.theme-toggle:hover .theme-toggle__icon{color:var(--primary-color)}.theme-toggle__text{flex:1;text-align:left;white-space:nowrap}.dark .theme-toggle{border-color:var(--border-color-dark)}.dark .theme-toggle:hover{background:var(--bg-secondary-dark);border-color:var(--primary-color);box-shadow:0 2px 8px #0000004d}.theme-toggle svg{transition:transform .3s ease}.theme-toggle:hover svg{transform:scale(1.1)}@media(max-width:768px){.theme-toggle{padding:.625rem .875rem;gap:.625rem;font-size:.85rem}.theme-toggle__icon{width:1.25rem;height:1.25rem}}@media(prefers-contrast:high){.theme-toggle,.theme-toggle:hover{border-width:2px}}@media(prefers-reduced-motion:reduce){.theme-toggle{transition:none}.theme-toggle:hover{transform:none}.theme-toggle svg{transition:none}.theme-toggle:hover svg{transform:none}}.font-size-adjuster{display:flex;flex-direction:column;gap:.75rem;padding:.5rem;background:var(--card-bg);border-radius:8px;border:var(--card-border);box-shadow:var(--card-shadow)}.font-size-adjuster__header{display:flex;flex-direction:column;gap:.25rem}.font-size-adjuster__title{font-weight:600;font-size:.9rem;color:var(--text-color)}.font-size-adjuster__subtitle{font-size:.8rem;color:var(--text-secondary)}.font-size-adjuster__controls{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem;background:var(--color-gray-50);border-radius:6px;border:1px solid var(--border-color)}.font-size-adjuster__button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-color);border-radius:4px;cursor:pointer;font-weight:700;font-size:.9rem;transition:all .2s ease}.font-size-adjuster__button:hover:not(:disabled){background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);transform:translateY(-1px)}.font-size-adjuster__button:active:not(:disabled){transform:translateY(0)}.font-size-adjuster__button:disabled{opacity:.5;cursor:not-allowed;background:var(--color-gray-100);color:var(--text-secondary)}.font-size-adjuster__button--decrease{font-size:.8rem}.font-size-adjuster__button--increase{font-size:1rem}.font-size-adjuster__current{font-size:.85rem;font-weight:500;color:var(--text-color);min-width:4rem;text-align:center;padding:.25rem;background:var(--bg-color);border-radius:4px;border:1px solid var(--border-color)}.font-size-adjuster__reset{padding:.5rem .75rem;border:1px solid var(--border-color);background:transparent;color:var(--text-color);border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s ease}.font-size-adjuster__reset:hover:not(:disabled){background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);transform:translateY(-1px)}.font-size-adjuster__reset:active:not(:disabled){transform:translateY(0)}.font-size-adjuster__reset:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.font-size-adjuster,.font-size-adjuster__controls{padding:.75rem}.font-size-adjuster__button{width:2.25rem;height:2.25rem}.font-size-adjuster__reset{padding:.6rem .85rem;font-size:.85rem}}@media(max-width:480px){.font-size-adjuster__controls{flex-wrap:wrap;justify-content:center;gap:.75rem}.font-size-adjuster__current{order:-1;width:100%;min-width:auto}}:root.font-small{font-size:14px}:root.font-medium{font-size:16px}:root.font-large{font-size:18px}:root.font-xlarge{font-size:20px}[data-theme=dark] .font-size-adjuster__button:hover:not(:disabled){background:var(--color-primary);color:var(--color-white)}[data-theme=dark] .font-size-adjuster__reset:hover:not(:disabled){background:var(--color-primary);color:var(--color-white)}.confirmation-modal-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background-color:#00000080!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important;animation:fadeIn .2s ease-out;padding:1rem;box-sizing:border-box}.confirmation-modal-content{background:#fff!important;border-radius:12px!important;padding:24px!important;min-width:320px!important;max-width:400px!important;width:100%!important;box-shadow:0 4px 20px #00000026!important;animation:scaleIn .2s ease-out!important;margin:0!important;text-align:center!important}.confirmation-modal-content .modal-header{text-align:center!important}.confirmation-modal-content .modal-header h3{margin:0 0 16px;font-size:20px;font-weight:600;color:#333;text-align:center!important}.confirmation-modal-content .modal-body{margin-bottom:24px;text-align:center!important}.confirmation-modal-content .modal-body p{margin:0;color:#666;font-size:15px;line-height:1.5;text-align:center!important}.confirmation-modal-content .modal-footer{display:flex!important;justify-content:center!important;gap:16px;text-align:center!important}.confirmation-modal-content .modal-footer .btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s ease;min-width:100px;text-align:center!important}.confirmation-modal-content .modal-footer .btn-cancel{background:#f3f4f6;color:#374151}.confirmation-modal-content .modal-footer .btn-cancel:hover{background:#e5e7eb}.confirmation-modal-content .modal-footer .btn-danger{background:#dc2626;color:#fff}.confirmation-modal-content .modal-footer .btn-danger:hover{background:#b91c1c}.confirmation-modal-content .modal-footer .btn-primary{background:#2563eb;color:#fff}.confirmation-modal-content .modal-footer .btn-primary:hover{background:#1d4ed8}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}[data-theme=dark] .confirmation-modal-overlay{background-color:#000000b3!important}[data-theme=dark] .confirmation-modal-content{background:#1a1a1a!important;border:1px solid #333}[data-theme=dark] .confirmation-modal-content .modal-header h3{color:#fff!important}[data-theme=dark] .confirmation-modal-content .modal-body p{color:#aaa!important}[data-theme=dark] .confirmation-modal-content .modal-footer .btn-cancel{background:#333;color:#fff}[data-theme=dark] .confirmation-modal-content .modal-footer .btn-cancel:hover{background:#444}@media(max-width:480px){.confirmation-modal-content{min-width:auto!important;width:calc(100% - 32px)!important;margin:16px!important;padding:20px!important}.confirmation-modal-content .modal-header h3{font-size:18px}.confirmation-modal-content .modal-body p{font-size:14px}.confirmation-modal-content .modal-footer{flex-direction:column!important;gap:12px}.confirmation-modal-content .modal-footer .btn{width:100%;padding:14px 20px}}.role-layout{display:flex;position:relative;min-height:100vh}.main-content{margin-left:0;flex:1;display:flex;flex-direction:column;min-height:100vh;background:var(--page-bg);transition:margin-left .3s ease;width:100%}.main-content.sidebar-open{margin-left:280px;width:calc(100% - 280px)}.page-body{flex:1;padding:20px;transition:filter .3s ease}.page-body.blurred{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:98;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:768px){.main-content{margin-left:0!important;width:100%!important}.page-body{padding:16px}}@media(max-width:480px){.page-body{padding:12px}}.citizen-profile-management{padding:2rem;font-family:Inter,sans-serif;color:var(--text-color);background-color:var(--page-bg)}[data-theme=dark] .citizen-profile-management{background-color:var(--page-bg)!important;color:var(--text-color)!important}[data-theme=dark] .citizen-profile-management .cpm-header h4{color:var(--text-color)!important}[data-theme=dark] .citizen-profile-management .cpm-header p{color:var(--text-secondary)!important}[data-theme=dark] .citizen-profile-management .cpm-search,[data-theme=dark] .citizen-profile-management .cpm-filter{background:var(--input-bg)!important;color:var(--text-color)!important;border-color:var(--border-color)!important}[data-theme=dark] .citizen-profile-management .cpm-search::placeholder,[data-theme=dark] .citizen-profile-management .cpm-filter::placeholder{color:var(--text-secondary)!important}[data-theme=dark] .citizen-profile-management .cpm-search option,[data-theme=dark] .citizen-profile-management .cpm-filter option{background:var(--input-bg)!important;color:var(--text-color)!important}[data-theme=dark] .citizen-profile-management .cpm-clear-filters{background:var(--color-gray-600)!important;color:var(--color-white)!important}[data-theme=dark] .citizen-profile-management .cpm-clear-filters:hover{background:var(--color-gray-700)!important}[data-theme=dark] .citizen-profile-management .cpm-register-btn{background:var(--color-success)!important;color:var(--color-white)!important}[data-theme=dark] .citizen-profile-management .cpm-refresh-btn{background:var(--color-gray-700)!important;color:var(--text-color)!important;border-color:var(--border-color)!important}[data-theme=dark] .citizen-profile-management .cpm-refresh-btn:hover{background:var(--color-gray-600)!important}[data-theme=dark] .citizen-profile-management .cpm-loading,[data-theme=dark] .citizen-profile-management .cpm-error,[data-theme=dark] .citizen-profile-management .cpm-empty-state{background:var(--form-bg)!important}[data-theme=dark] .citizen-profile-management .cpm-loading h5,[data-theme=dark] .citizen-profile-management .cpm-error h5,[data-theme=dark] .citizen-profile-management .cpm-empty-state h5{color:var(--text-color)!important}[data-theme=dark] .citizen-profile-management .cpm-loading p,[data-theme=dark] .citizen-profile-management .cpm-error p,[data-theme=dark] .citizen-profile-management .cpm-empty-state p{color:var(--text-secondary)!important}[data-theme=dark] .citizen-profile-management .cpm-table-wrap{background:var(--form-bg)!important;border-color:var(--border-color)!important}[data-theme=dark] .citizen-profile-management .cpm-table-wrap .cpm-table thead{background:var(--color-gray-800)!important}[data-theme=dark] .citizen-profile-management .cpm-table-wrap .cpm-table thead th{color:var(--text-color)!important;border-bottom-color:var(--border-color)!important}[data-theme=dark] .citizen-profile-management .cpm-table-wrap .cpm-table tbody tr:hover{background:#3a3a4a!important;color:var(--text-color)!important}[data-theme=dark] .citizen-profile-management .cpm-table-wrap .cpm-table tbody tr td{color:var(--text-color)!important;border-bottom-color:var(--border-color)!important}.citizen-profile-management .cpm-header{margin-bottom:2rem}.citizen-profile-management .cpm-header h4{font-size:1.75rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color)}.citizen-profile-management .cpm-header p{font-size:.95rem;color:var(--text-secondary);max-width:700px;line-height:1.5;margin-bottom:1.5rem}.citizen-profile-management .cpm-header .cpm-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.citizen-profile-management .cpm-header .cpm-actions .cpm-search{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;min-width:250px;background:var(--input-bg);color:var(--text-color)}.citizen-profile-management .cpm-header .cpm-actions .cpm-search:focus{outline:none;border-color:var(--color-primary)}[data-theme=dark] .citizen-profile-management .cpm-header .cpm-actions .cpm-search{background:var(--input-bg-dark);color:#000}[data-theme=dark] .citizen-profile-management .cpm-header .cpm-actions .cpm-search::placeholder{color:#666}.citizen-profile-management .cpm-header .cpm-actions .cpm-filter{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;background:var(--input-bg);color:var(--text-color);cursor:pointer;min-width:150px}.citizen-profile-management .cpm-header .cpm-actions .cpm-filter:focus{outline:none;border-color:var(--color-primary)}.citizen-profile-management .cpm-header .cpm-actions .cpm-filter option{background:var(--input-bg);color:#000}[data-theme=dark] .citizen-profile-management .cpm-header .cpm-actions .cpm-filter,[data-theme=dark] .citizen-profile-management .cpm-header .cpm-actions .cpm-filter option{background:var(--input-bg-dark);color:#000}.citizen-profile-management .cpm-header .cpm-actions .cpm-clear-filters{background:var(--color-gray-500);color:var(--color-white);border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.citizen-profile-management .cpm-header .cpm-actions .cpm-clear-filters:hover{background:var(--color-gray-600)}.citizen-profile-management .cpm-header .cpm-actions .cpm-register-btn{background:var(--color-success);color:var(--color-white);border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s ease}.citizen-profile-management .cpm-header .cpm-actions .cpm-register-btn:hover{background:#3e8e59}.citizen-profile-management .cpm-header .cpm-actions .cpm-refresh-btn{background:var(--color-gray-100);color:var(--text-color);border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.citizen-profile-management .cpm-header .cpm-actions .cpm-refresh-btn:hover{background:var(--color-gray-200)}.citizen-profile-management .cpm-loading,.citizen-profile-management .cpm-error,.citizen-profile-management .cpm-empty-state{text-align:center;padding:3rem;background:var(--form-bg);border-radius:12px;box-shadow:var(--card-shadow);border:var(--card-border)}.citizen-profile-management .cpm-loading h5,.citizen-profile-management .cpm-error h5,.citizen-profile-management .cpm-empty-state h5{font-size:1.2rem;margin-bottom:.5rem;color:var(--text-color)}.citizen-profile-management .cpm-loading p,.citizen-profile-management .cpm-error p,.citizen-profile-management .cpm-empty-state p{color:var(--text-secondary)}.citizen-profile-management .cpm-error h5{color:var(--color-danger)}.citizen-profile-management .cpm-table-wrap{background:var(--form-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:var(--card-shadow)}.citizen-profile-management .cpm-table-wrap .cpm-table{width:100%;border-collapse:collapse}.citizen-profile-management .cpm-table-wrap .cpm-table thead{background:var(--color-gray-50)}.citizen-profile-management .cpm-table-wrap .cpm-table thead th{text-align:left;padding:1rem;font-size:.9rem;font-weight:600;color:var(--text-color);border-bottom:1px solid var(--border-color)}.citizen-profile-management .cpm-table-wrap .cpm-table tbody tr{transition:background .2s ease}.citizen-profile-management .cpm-table-wrap .cpm-table tbody tr:hover{background:var(--hover-bg)}.citizen-profile-management .cpm-table-wrap .cpm-table tbody tr td{padding:1rem;font-size:.9rem;color:var(--text-color);border-bottom:1px solid var(--border-color)}.citizen-profile-management .cpm-table-wrap .cpm-table tbody tr td .cpm-status{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;text-transform:capitalize}.citizen-profile-management .cpm-table-wrap .cpm-table tbody tr td .cpm-status.cpm-status-active{background:var(--color-success-bg);color:var(--color-success)}.citizen-profile-management .cpm-table-wrap .cpm-table tbody tr td .cpm-status.cpm-status-inactive{background:var(--color-danger-bg);color:var(--color-danger)}.citizen-profile-management .cpm-table-wrap .cpm-table tbody tr td .cpm-status.cpm-status-pending{background:var(--color-warning-bg);color:var(--color-warning)}.citizen-profile-management .cpm-table-wrap .cpm-table tbody tr td .text-muted{color:var(--text-secondary);font-style:italic}.citizen-profile-management .cpm-action-buttons{display:flex;gap:.5rem}.citizen-profile-management .cpm-action-buttons .cpm-btn-view{background:var(--color-success);color:var(--color-white);border:1px solid var(--color-success);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.citizen-profile-management .cpm-action-buttons .cpm-btn-view:hover{background:#3e8e59;border-color:#3e8e59}.citizen-profile-management .cpm-action-buttons .cpm-btn-edit{background:var(--color-info);color:var(--color-white);border:1px solid var(--color-info);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.citizen-profile-management .cpm-action-buttons .cpm-btn-edit:hover{background:#0950c3;border-color:#0950c3}.citizen-profile-management .cpm-action-buttons .cpm-btn-delete{background:var(--color-danger);color:var(--color-white);border:1px solid var(--color-danger);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.citizen-profile-management .cpm-action-buttons .cpm-btn-delete:hover{background:#ca1c36;border-color:#ca1c36}.citizen-profile-management .cpm-action-buttons .cpm-btn-approve{background:var(--color-success);color:var(--color-white);border:1px solid var(--color-success);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.citizen-profile-management .cpm-action-buttons .cpm-btn-approve:hover{background:#3e8e59;border-color:#3e8e59}.citizen-profile-management .cpm-action-buttons .cpm-btn-archive{background:var(--color-warning);color:var(--color-white);border:1px solid var(--color-warning);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.citizen-profile-management .cpm-action-buttons .cpm-btn-archive:hover{background:#ad721f;border-color:#ad721f}@media(max-width:768px){.citizen-profile-management{padding:1rem}.citizen-profile-management .cpm-header .cpm-actions{flex-direction:column;align-items:stretch;gap:.75rem}.citizen-profile-management .cpm-header .cpm-actions .cpm-search,.citizen-profile-management .cpm-header .cpm-actions .cpm-filter{min-width:auto;width:100%}.citizen-profile-management .cpm-header .cpm-actions .cpm-clear-filters,.citizen-profile-management .cpm-header .cpm-actions .cpm-register-btn,.citizen-profile-management .cpm-header .cpm-actions .cpm-refresh-btn{width:100%;text-align:center}.citizen-profile-management .cpm-table-wrap{overflow-x:auto;border-radius:8px}.citizen-profile-management .cpm-table-wrap .cpm-table{min-width:600px}.citizen-profile-management .cpm-action-buttons{flex-direction:column;gap:.25rem}.citizen-profile-management .cpm-action-buttons button{width:100%;text-align:center}}@media(max-width:480px){.citizen-profile-management{padding:.5rem}.citizen-profile-management .cpm-header h4{font-size:1.5rem}.citizen-profile-management .cpm-header .cpm-actions{gap:.5rem}.citizen-profile-management .cpm-table-wrap .cpm-table{min-width:500px}.citizen-profile-management .cpm-table-wrap .cpm-table th,.citizen-profile-management .cpm-table-wrap .cpm-table td{padding:.75rem .5rem;font-size:.8rem}}.resident-profile-view{padding:2rem;font-family:Inter,sans-serif;background-color:var(--page-bg);color:var(--text-color);min-height:100vh}.resident-profile-view .rpv-header{margin-bottom:2rem}.resident-profile-view .rpv-header .rpv-breadcrumb .rpv-back-link{color:var(--color-success);cursor:pointer;font-size:.9rem;font-weight:500;transition:color .2s ease}.resident-profile-view .rpv-header .rpv-breadcrumb .rpv-back-link:hover{text-decoration:underline}.resident-profile-view .rpv-content{display:flex;flex-direction:column;gap:2rem}.resident-profile-view .rpv-profile-summary,.resident-profile-view .rpv-section{background:var(--form-bg)!important;border:1px solid var(--border-color)!important;border-radius:12px;padding:1.5rem;box-shadow:var(--card-shadow)}.resident-profile-view .rpv-profile-summary h1,.resident-profile-view .rpv-profile-summary h2,.resident-profile-view .rpv-profile-summary h3,.resident-profile-view .rpv-profile-summary h4,.resident-profile-view .rpv-profile-summary h5,.resident-profile-view .rpv-profile-summary h6,.resident-profile-view .rpv-profile-summary p,.resident-profile-view .rpv-profile-summary span,.resident-profile-view .rpv-profile-summary div,.resident-profile-view .rpv-profile-summary strong,.resident-profile-view .rpv-profile-summary td,.resident-profile-view .rpv-profile-summary th,.resident-profile-view .rpv-section h1,.resident-profile-view .rpv-section h2,.resident-profile-view .rpv-section h3,.resident-profile-view .rpv-section h4,.resident-profile-view .rpv-section h5,.resident-profile-view .rpv-section h6,.resident-profile-view .rpv-section p,.resident-profile-view .rpv-section span,.resident-profile-view .rpv-section div,.resident-profile-view .rpv-section strong,.resident-profile-view .rpv-section td,.resident-profile-view .rpv-section th{color:var(--text-color)!important}.resident-profile-view .rpv-profile-summary label,.resident-profile-view .rpv-section label{color:var(--text-secondary)!important}.resident-profile-view .rpv-profile-summary .rpv-no-control,.resident-profile-view .rpv-profile-summary .rpv-no-address,.resident-profile-view .rpv-section .rpv-no-control,.resident-profile-view .rpv-section .rpv-no-address{color:var(--color-gray-400)!important}[data-theme=dark] .resident-profile-view{background-color:var(--page-bg)!important}[data-theme=dark] .resident-profile-view .rpv-profile-summary,[data-theme=dark] .resident-profile-view .rpv-section{background:var(--form-bg)!important;border-color:var(--border-color)!important}[data-theme=dark] .resident-profile-view .rpv-profile-summary h1,[data-theme=dark] .resident-profile-view .rpv-profile-summary h2,[data-theme=dark] .resident-profile-view .rpv-profile-summary h3,[data-theme=dark] .resident-profile-view .rpv-profile-summary h4,[data-theme=dark] .resident-profile-view .rpv-profile-summary h5,[data-theme=dark] .resident-profile-view .rpv-profile-summary h6,[data-theme=dark] .resident-profile-view .rpv-profile-summary p,[data-theme=dark] .resident-profile-view .rpv-profile-summary span,[data-theme=dark] .resident-profile-view .rpv-profile-summary div,[data-theme=dark] .resident-profile-view .rpv-profile-summary strong,[data-theme=dark] .resident-profile-view .rpv-profile-summary td,[data-theme=dark] .resident-profile-view .rpv-profile-summary th,[data-theme=dark] .resident-profile-view .rpv-section h1,[data-theme=dark] .resident-profile-view .rpv-section h2,[data-theme=dark] .resident-profile-view .rpv-section h3,[data-theme=dark] .resident-profile-view .rpv-section h4,[data-theme=dark] .resident-profile-view .rpv-section h5,[data-theme=dark] .resident-profile-view .rpv-section h6,[data-theme=dark] .resident-profile-view .rpv-section p,[data-theme=dark] .resident-profile-view .rpv-section span,[data-theme=dark] .resident-profile-view .rpv-section div,[data-theme=dark] .resident-profile-view .rpv-section strong,[data-theme=dark] .resident-profile-view .rpv-section td,[data-theme=dark] .resident-profile-view .rpv-section th{color:var(--text-color)!important}[data-theme=dark] .resident-profile-view .rpv-profile-summary label,[data-theme=dark] .resident-profile-view .rpv-section label{color:var(--text-secondary)!important}[data-theme=dark] .resident-profile-view .rpv-details-grid .rpv-detail-item p,[data-theme=dark] .resident-profile-view .rpv-address-line{color:var(--text-color)!important}[data-theme=dark] .resident-profile-view .rpv-address-details span{color:var(--text-secondary)!important}[data-theme=dark] .resident-profile-view .rpv-table tbody tr:hover{background:#3a3a4a!important}[data-theme=dark] .resident-profile-view .rpv-table tbody tr td{color:var(--text-color)!important;border-bottom-color:var(--border-color)!important}[data-theme=dark] .resident-profile-view .rpv-status-badge{color:var(--text-color)!important}[data-theme=dark] .resident-profile-view .rpv-empty{color:var(--text-secondary)!important}.resident-profile-view .rpv-profile-summary .rpv-name-section .rpv-name{font-size:2rem;font-weight:600;margin:0}.resident-profile-view .rpv-profile-summary .rpv-name-section .rpv-status.rpv-status-active{background:hsla(var(--color-success-hsl),.1);color:var(--color-success)!important}.resident-profile-view .rpv-profile-summary .rpv-name-section .rpv-status.rpv-status-archived,.resident-profile-view .rpv-profile-summary .rpv-name-section .rpv-status.rpv-status-inactive{background:hsla(var(--color-danger-hsl),.1);color:var(--color-danger)!important}.resident-profile-view .rpv-profile-summary .rpv-name-section .rpv-status.rpv-status-pending{background:hsla(var(--color-warning-hsl),.1);color:var(--color-warning)!important}.resident-profile-view .rpv-section .rpv-section-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.resident-profile-view .rpv-details-grid .rpv-detail-item p{min-height:1.5rem}.resident-profile-view .rpv-control-number-container .rpv-control-display .rpv-edit-btn{background:hsla(var(--color-info-hsl),.1);color:var(--color-info)!important;border:1px solid transparent;padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .2s ease}.resident-profile-view .rpv-control-number-container .rpv-control-display .rpv-edit-btn:hover{background:var(--color-info);color:#fff!important}.resident-profile-view .rpv-dependencies-container,.resident-profile-view .rpv-table-container{overflow-x:auto}.resident-profile-view .rpv-dependencies-container .rpv-table,.resident-profile-view .rpv-table-container .rpv-table{width:100%;border-collapse:collapse}.resident-profile-view .rpv-dependencies-container .rpv-table thead,.resident-profile-view .rpv-table-container .rpv-table thead{background:var(--color-gray-100)!important}.resident-profile-view .rpv-dependencies-container .rpv-table thead th,.resident-profile-view .rpv-table-container .rpv-table thead th{color:var(--text-secondary)!important;border-bottom:1px solid var(--border-color)!important;padding:.75rem;font-size:.9rem;font-weight:600;text-align:left}.resident-profile-view .rpv-dependencies-container .rpv-table tbody tr,.resident-profile-view .rpv-table-container .rpv-table tbody tr{transition:background .2s ease}.resident-profile-view .rpv-dependencies-container .rpv-table tbody tr:hover,.resident-profile-view .rpv-table-container .rpv-table tbody tr:hover{background:var(--hover-bg)}.resident-profile-view .rpv-dependencies-container .rpv-table tbody tr td,.resident-profile-view .rpv-table-container .rpv-table tbody tr td{padding:.75rem;font-size:.9rem;border-bottom:1px solid var(--border-color)}.resident-profile-view .rpv-dependencies-summary{margin-top:1rem;padding:.75rem;background:var(--color-gray-100)!important;border-radius:6px;text-align:center;font-size:.9rem;color:var(--text-secondary)!important}.resident-profile-view .rpv-dependencies-summary strong{color:var(--color-success)!important}.resident-profile-view .rpv-empty,.resident-profile-view .loading,.resident-profile-view .error{text-align:center;padding:2rem;font-size:.95rem}.resident-profile-view .error{color:var(--color-danger)!important;background:hsla(var(--color-danger-hsl),.1)!important}.resident-profile-view .rpv-modal{background:var(--card-bg)!important;border-radius:12px;box-shadow:var(--card-shadow)!important;border:var(--card-border)!important;width:100%;max-width:500px;animation:modalSlideIn .3s ease-out}.resident-profile-view .rpv-modal .rpv-modal-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-color)}.resident-profile-view .rpv-modal .rpv-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-color)!important}.resident-profile-view .rpv-modal .rpv-modal-body p{margin:0 0 1rem;line-height:1.5;color:var(--text-color)!important}.resident-profile-view .rpv-modal .rpv-modal-body .rpv-modal-input{width:100%;padding:.75rem;border:1px solid var(--border-color)!important;border-radius:8px;font-size:1rem;margin-bottom:1rem;background:var(--input-bg)!important;color:var(--text-color)!important}.resident-profile-view .rpv-modal .rpv-modal-body .rpv-modal-input:focus{outline:none;border-color:var(--color-primary)!important}[data-theme=dark] .resident-profile-view .rpv-modal .rpv-modal-body .rpv-modal-input{background:var(--input-bg-dark)!important;color:#000!important}[data-theme=dark] .resident-profile-view .rpv-modal .rpv-modal-body .rpv-modal-input::placeholder{color:#666!important}.resident-profile-view .rpv-modal .rpv-modal-body .rpv-modal-current{color:var(--text-secondary)!important;margin-bottom:1rem}.resident-profile-view .rpv-modal .rpv-modal-body .rpv-modal-current span{font-weight:500;color:var(--text-color)!important}.resident-profile-view .rpv-modal .rpv-modal-body .rpv-modal-format{margin-top:.5rem;font-size:.85rem;color:var(--text-secondary)!important;display:flex;align-items:center;gap:.5rem}.resident-profile-view .rpv-modal .rpv-modal-body .rpv-modal-format .rpv-format-tooltip{position:relative;display:inline-flex}.resident-profile-view .rpv-modal .rpv-modal-body .rpv-modal-format .rpv-format-tooltip .rpv-tooltip-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--color-info)!important;color:#fff;border-radius:50%;font-size:.7rem;font-weight:700;cursor:help;transition:background-color .2s ease}.resident-profile-view .rpv-modal .rpv-modal-body .rpv-modal-format .rpv-format-tooltip .rpv-tooltip-icon:hover{background:var(--color-info-dark)!important}.resident-profile-view .rpv-modal .rpv-modal-body .rpv-modal-format .rpv-format-tooltip .rpv-format-example{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--color-gray-500)!important;color:#fff;padding:.75rem;border-radius:6px;font-size:.8rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000;margin-bottom:.5rem}.resident-profile-view .rpv-modal .rpv-modal-body .rpv-modal-format .rpv-format-tooltip .rpv-format-example:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--color-gray-800)}.resident-profile-view .rpv-modal .rpv-modal-body .rpv-modal-format .rpv-format-tooltip:hover .rpv-format-example{opacity:1;visibility:visible}.resident-profile-view .rpv-modal .rpv-modal-body .rpv-changes-preview{background:var(--color-gray-100);padding:1rem;border-radius:8px;margin-top:1rem;color:var(--text-color)}[data-theme=dark] .resident-profile-view .rpv-modal .rpv-modal-body .rpv-changes-preview{background:var(--color-gray-200-dark, #3a3a4a)!important;color:var(--text-color)!important}[data-theme=dark] .resident-profile-view .rpv-modal .rpv-modal-body .rpv-changes-preview strong{color:var(--text-color)!important}.resident-profile-view .rpv-modal .rpv-modal-body .rpv-success-message{text-align:center;color:var(--text-color)}.resident-profile-view .rpv-modal .rpv-modal-body .rpv-success-message .rpv-success-detail{margin-top:1rem;padding:1rem;background:var(--color-success-bg);border-radius:8px;border:1px solid var(--color-success);color:var(--text-color)}.resident-profile-view .rpv-modal .rpv-modal-body .rpv-success-message .rpv-success-detail strong{color:var(--color-success)}.resident-profile-view .rpv-modal .rpv-modal-body .rpv-error-message{text-align:center;color:var(--text-color)}.resident-profile-view .rpv-modal .rpv-modal-body .rpv-error-message .rpv-modal-btn-retry{margin-top:1rem;background:var(--color-info);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.resident-profile-view .rpv-modal .rpv-modal-body .rpv-error-message .rpv-modal-btn-retry:hover:not(:disabled){background:#0950c3}.resident-profile-view .rpv-modal .rpv-modal-footer{padding:1rem 1.5rem 1.5rem;display:flex;gap:1rem;justify-content:flex-end;border-top:1px solid var(--border-color)}.resident-profile-view .rpv-modal .rpv-modal-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease;min-width:120px}.resident-profile-view .rpv-modal .rpv-modal-btn:disabled{opacity:.6;cursor:not-allowed}.resident-profile-view .rpv-modal .rpv-modal-btn.rpv-modal-btn-cancel{background:var(--color-gray-500);color:#fff}.resident-profile-view .rpv-modal .rpv-modal-btn.rpv-modal-btn-cancel:hover:not(:disabled){background:var(--color-gray-600)}.resident-profile-view .rpv-modal .rpv-modal-btn.rpv-modal-btn-save{background:var(--color-success);color:#fff}.resident-profile-view .rpv-modal .rpv-modal-btn.rpv-modal-btn-save:hover:not(:disabled){background:#3e8e59}.resident-profile-view .rpv-modal .rpv-modal-btn.rpv-modal-btn-discard{background:var(--color-danger);color:#fff}.resident-profile-view .rpv-modal .rpv-modal-btn.rpv-modal-btn-discard:hover:not(:disabled){background:#ca1c36}.resident-profile-view .rpv-modal .rpv-modal-btn.rpv-modal-btn-success{background:var(--color-success);color:#fff}.resident-profile-view .rpv-modal .rpv-modal-btn.rpv-modal-btn-success:hover:not(:disabled){background:#3e8e59}.resident-profile-view .rpv-modal .rpv-modal-btn.rpv-modal-btn-retry{background:var(--color-info);color:#fff}.resident-profile-view .rpv-modal .rpv-modal-btn.rpv-modal-btn-retry:hover:not(:disabled){background:#0950c3}@media(max-width:768px){.resident-profile-view{padding:1rem}.resident-profile-view .rpv-profile-summary,.resident-profile-view .rpv-section{padding:1.5rem}.resident-profile-view .rpv-profile-summary .rpv-name{font-size:1.5rem}.resident-profile-view .rpv-details-grid{grid-template-columns:1fr;gap:1rem}.resident-profile-view .rpv-table-container .rpv-table{min-width:500px}}@media(max-width:480px){.resident-profile-view .rpv-profile-summary,.resident-profile-view .rpv-section{padding:1rem}.resident-profile-view .rpv-profile-summary .rpv-name{font-size:1.25rem}.resident-profile-view .rpv-control-number-container .rpv-control-display{flex-direction:column;align-items:flex-start;gap:.5rem}}@media(max-width:768px){.resident-profile-view .rpv-modal{margin:1rem}.resident-profile-view .rpv-modal .rpv-modal-footer{flex-direction:column}.resident-profile-view .rpv-modal .rpv-modal-footer .rpv-modal-btn{width:100%}}.blotter-incidents{padding:2rem;font-family:Inter,sans-serif;color:var(--text-color);background-color:var(--page-bg)}.blotter-incidents .loading,.blotter-incidents .error{text-align:center;padding:2rem;font-size:1.1rem}.blotter-incidents .loading.error,.blotter-incidents .error.error{color:var(--color-danger);background:var(--color-danger-bg);border:1px solid var(--color-danger);border-radius:8px}.blotter-incidents .loading.loading,.blotter-incidents .error.loading{color:var(--text-secondary)}.blotter-incidents .bi-content .bi-title-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:2rem}.blotter-incidents .bi-content .bi-title-section .bi-title{flex:1}.blotter-incidents .bi-content .bi-title-section .bi-title h1{font-size:1.75rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color)}.blotter-incidents .bi-content .bi-title-section .bi-title p{font-size:.95rem;color:var(--text-secondary);max-width:700px;line-height:1.5}.blotter-incidents .bi-content .bi-title-section .bi-actions .bi-new-btn{background:var(--color-success);color:var(--color-white);border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s ease;white-space:nowrap}.blotter-incidents .bi-content .bi-title-section .bi-actions .bi-new-btn:hover{background:#157347}.blotter-incidents .bi-content .bi-title-section .bi-actions .bi-new-btn:disabled{background:var(--color-success);cursor:not-allowed}.blotter-incidents .bi-content .bi-filters-section{background:var(--form-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:var(--card-shadow)}.blotter-incidents .bi-content .bi-filters-section .bi-filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.blotter-incidents .bi-content .bi-filters-section .bi-filters-header h3{font-size:1.1rem;font-weight:600;color:var(--text-color);margin:0}.blotter-incidents .bi-content .bi-filters-section .bi-filters-header .bi-clear-filters{background:#6c757d;color:var(--color-white);border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.blotter-incidents .bi-content .bi-filters-section .bi-filters-header .bi-clear-filters:hover{background:#5a6268}.blotter-incidents .bi-content .bi-filters-section .bi-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.blotter-incidents .bi-content .bi-filters-section .bi-filters-grid .bi-filter-group{display:flex;flex-direction:column;gap:.5rem}.blotter-incidents .bi-content .bi-filters-section .bi-filters-grid .bi-filter-group label{font-weight:600;font-size:.9rem;color:var(--text-color);margin-bottom:.25rem}.blotter-incidents .bi-content .bi-filters-section .bi-filters-grid .bi-filter-group .bi-filter-input,.blotter-incidents .bi-content .bi-filters-section .bi-filters-grid .bi-filter-group .bi-filter-select{padding:.75rem;border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-color);border-radius:6px;font-size:.9rem;transition:border-color .2s ease;width:100%}.blotter-incidents .bi-content .bi-filters-section .bi-filters-grid .bi-filter-group .bi-filter-input:focus,.blotter-incidents .bi-content .bi-filters-section .bi-filters-grid .bi-filter-group .bi-filter-select:focus{outline:none;border-color:var(--color-primary)}[data-theme=dark] .blotter-incidents .bi-content .bi-filters-section .bi-filters-grid .bi-filter-group .bi-filter-input,[data-theme=dark] .blotter-incidents .bi-content .bi-filters-section .bi-filters-grid .bi-filter-group .bi-filter-select{color:#fff;background:var(--input-bg-dark)}.blotter-incidents .bi-content .bi-filters-section .bi-filters-grid .bi-filter-group.bi-date-range-group{grid-column:1/-1}.blotter-incidents .bi-content .bi-filters-section .bi-filters-grid .bi-filter-group.bi-date-range-group .bi-date-range-inputs{display:flex;align-items:center;gap:.75rem;width:100%;flex-wrap:wrap}.blotter-incidents .bi-content .bi-filters-section .bi-filters-grid .bi-filter-group.bi-date-range-group .bi-date-range-inputs .bi-date-input{flex:1;min-width:140px}.blotter-incidents .bi-content .bi-filters-section .bi-filters-grid .bi-filter-group.bi-date-range-group .bi-date-range-inputs .bi-date-input .bi-filter-input{width:100%;color:var(--text-color)}[data-theme=dark] .blotter-incidents .bi-content .bi-filters-section .bi-filters-grid .bi-filter-group.bi-date-range-group .bi-date-range-inputs .bi-date-input .bi-filter-input{color:#fff;background:var(--input-bg-dark)}.blotter-incidents .bi-content .bi-filters-section .bi-filters-grid .bi-filter-group.bi-date-range-group .bi-date-range-inputs .bi-date-separator{color:var(--text-secondary);font-size:.9rem;font-weight:500;white-space:nowrap;margin:0 .5rem}.blotter-incidents .bi-content .bi-filters-section .bi-results-count{font-size:.9rem;color:var(--text-secondary);text-align:right;padding-top:1rem;border-top:1px solid var(--border-color);font-weight:500}.blotter-incidents .bi-content .bi-table-section .bi-empty{text-align:center;padding:3rem;background:var(--form-bg);border:2px dashed var(--border-color);border-radius:12px;box-shadow:var(--card-shadow)}.blotter-incidents .bi-content .bi-table-section .bi-empty h5{font-size:1.2rem;margin-bottom:.5rem;color:var(--text-color)}.blotter-incidents .bi-content .bi-table-section .bi-empty p{color:var(--text-secondary)}.blotter-incidents .bi-content .bi-table-section .bi-table-container{background:var(--form-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:var(--card-shadow)}.blotter-incidents .bi-content .bi-table-section .bi-table-container .bi-table{width:100%;border-collapse:collapse}.blotter-incidents .bi-content .bi-table-section .bi-table-container .bi-table thead{background:#f8f9fa}[data-theme=dark] .blotter-incidents .bi-content .bi-table-section .bi-table-container .bi-table thead{background:#343a40}.blotter-incidents .bi-content .bi-table-section .bi-table-container .bi-table thead th{text-align:left;padding:1rem;font-size:.9rem;font-weight:600;color:var(--text-color);border-bottom:1px solid var(--border-color)}.blotter-incidents .bi-content .bi-table-section .bi-table-container .bi-table tbody tr{transition:background .2s ease}.blotter-incidents .bi-content .bi-table-section .bi-table-container .bi-table tbody tr:hover{background:#0000000a}[data-theme=dark] .blotter-incidents .bi-content .bi-table-section .bi-table-container .bi-table tbody tr:hover{background:#ffffff0d}.blotter-incidents .bi-content .bi-table-section .bi-table-container .bi-table tbody tr td{padding:1rem;font-size:.9rem;color:var(--text-color);border-bottom:1px solid var(--border-color)}.blotter-incidents .bi-content .bi-table-section .bi-table-container .bi-table tbody tr td .case-number{font-weight:500;color:var(--color-primary)}.blotter-incidents .bi-content .bi-table-section .bi-table-container .bi-table tbody tr td .status-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;text-transform:capitalize}.blotter-incidents .bi-content .bi-table-section .bi-table-container .bi-table tbody tr td .status-badge.status-complete{background:var(--color-success-bg);color:var(--color-success)}.blotter-incidents .bi-content .bi-table-section .bi-table-container .bi-table tbody tr td .status-badge.status-progress{background:var(--color-info-bg, #e3f2fd);color:var(--color-info)}.blotter-incidents .bi-content .bi-table-section .bi-table-container .bi-table tbody tr td .status-badge.status-pending{background:var(--color-warning-bg);color:var(--color-warning)}.blotter-incidents .bi-content .bi-table-section .bi-table-container .bi-table tbody tr td .status-badge.status-unknown{background:var(--color-gray-100);color:var(--text-secondary)}.blotter-incidents .bi-content .bi-table-section .bi-table-container .bi-table tbody tr td .bi-edit-btn{background:var(--color-success);color:var(--color-white);border:1px solid var(--color-success);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease;font-weight:500}.blotter-incidents .bi-content .bi-table-section .bi-table-container .bi-table tbody tr td .bi-edit-btn:hover{background:#157347;border-color:#157347}.blotter-incidents .bi-content .bi-table-section .bi-table-container .bi-table tbody tr td .bi-edit-btn:disabled{background:var(--color-success);border-color:var(--color-success-bg);color:var(--color-white);cursor:not-allowed}.blotter-incidents .bi-content .bi-table-section .bi-table-container .bi-table tbody tr td .text-muted{color:var(--text-secondary);font-style:italic}.blotter-incidents .bi-content .bi-pagination{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;padding:1rem;background:var(--form-bg);border:1px solid var(--border-color);border-radius:8px}.blotter-incidents .bi-content .bi-pagination .bi-pagination-btn{padding:.5rem 1rem;border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-color);border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.blotter-incidents .bi-content .bi-pagination .bi-pagination-btn:hover:not(:disabled){background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.blotter-incidents .bi-content .bi-pagination .bi-pagination-btn.active{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);font-weight:600}.blotter-incidents .bi-content .bi-pagination .bi-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.blotter-incidents .bi-content .bi-pagination .bi-pagination-btn.bi-pagination-prev,.blotter-incidents .bi-content .bi-pagination .bi-pagination-btn.bi-pagination-next{font-weight:500}.blotter-incidents .bi-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.blotter-incidents .bi-modal-overlay .bi-modal{background:var(--form-bg);border-radius:12px;box-shadow:var(--card-shadow);border:var(--card-border);max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column}.blotter-incidents .bi-modal-overlay .bi-modal.bi-modal-confirm{max-width:500px}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-header h3{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-color)}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content{padding:1.5rem;overflow-y:auto}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-form-section .bi-form-row{margin-bottom:1.5rem}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-form-section .bi-form-row label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--text-color)}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-form-section .bi-form-row input,.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-form-section .bi-form-row select,.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-form-section .bi-form-row textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.95rem;transition:border-color .2s ease;background:var(--input-bg);color:var(--text-color)}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-form-section .bi-form-row input:focus,.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-form-section .bi-form-row select:focus,.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-form-section .bi-form-row textarea:focus{outline:none;border-color:var(--color-primary)}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-form-section .bi-form-row input:disabled,.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-form-section .bi-form-row select:disabled,.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-form-section .bi-form-row textarea:disabled{background:var(--input-bg);color:var(--text-secondary);cursor:not-allowed;opacity:.7}[data-theme=dark] .blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-form-section .bi-form-row input,[data-theme=dark] .blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-form-section .bi-form-row select,[data-theme=dark] .blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-form-section .bi-form-row textarea{color:#fff;background:var(--input-bg-dark)}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-form-section .bi-form-row textarea{resize:vertical;min-height:100px}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-form-section .bi-form-row .bi-editable-field{display:flex;gap:.5rem;align-items:stretch}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-form-section .bi-form-row .bi-editable-field input{flex-grow:1}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-form-section .bi-form-row .bi-editable-field .bi-inline-edit-btn,.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-form-section .bi-form-row .bi-editable-field .bi-inline-cancel-btn{padding:0 1rem;white-space:nowrap;border-radius:6px;border:1px solid var(--border-color);cursor:pointer;font-weight:500;transition:background-color .2s ease}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-form-section .bi-form-row .bi-editable-field .bi-inline-edit-btn{background-color:var(--color-info);color:var(--color-white);border-color:var(--color-info)}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-form-section .bi-form-row .bi-editable-field .bi-inline-edit-btn:hover{opacity:.9}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-form-section .bi-form-row .bi-editable-field .bi-inline-cancel-btn{background-color:#6c757d;color:var(--color-white);border-color:#6c757d}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-form-section .bi-form-row .bi-editable-field .bi-inline-cancel-btn:hover{background-color:#5a6268}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-form-section .bi-form-row .bi-readonly-field{padding:.75rem;background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;font-size:.95rem;color:var(--text-color);white-space:pre-wrap;word-break:break-all}[data-theme=dark] .blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-form-section .bi-form-row .bi-readonly-field{color:#fff;background:var(--input-bg-dark)}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-form-section .bi-form-row .bi-readonly-field.description-field{max-height:200px;overflow-y:auto}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-form-section .bi-form-row .bi-description-edit .bi-existing-description,.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-form-section .bi-form-row .bi-description-edit .bi-new-description{margin-bottom:1rem}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-form-section .bi-form-row .bi-description-edit .bi-existing-description label,.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-form-section .bi-form-row .bi-description-edit .bi-new-description label{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-form-section .bi-form-row .bi-description-edit .bi-new-description-input{min-height:80px}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-changes-preview{background:var(--color-gray-100);border:1px solid var(--border-color);padding:1rem;border-radius:8px;margin-top:1rem}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-changes-preview div{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-changes-preview div:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-changes-preview div strong{display:block;margin-bottom:.5rem;color:var(--text-color)}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content .bi-changes-preview div div{margin-bottom:.25rem;padding-bottom:0;border-bottom:none;font-size:.9rem;color:var(--text-secondary)}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-content p{font-size:1rem;color:var(--text-color);margin-bottom:1rem;line-height:1.5}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-color);margin-top:auto}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-footer .bi-modal-btn{padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;border:1px solid transparent}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-footer .bi-modal-btn.bi-modal-btn-cancel{background:#6c757d;color:var(--color-white);border-color:#6c757d}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-footer .bi-modal-btn.bi-modal-btn-cancel:hover{background:#5a6268}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-footer .bi-modal-btn.bi-modal-btn-save{background:var(--color-success);color:var(--color-white);border-color:var(--color-success)}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-footer .bi-modal-btn.bi-modal-btn-save:hover:not(:disabled){background:#157347}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-footer .bi-modal-btn.bi-modal-btn-save:disabled{opacity:.6;cursor:not-allowed}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-footer .bi-modal-btn.bi-modal-btn-discard{background:var(--color-danger);color:var(--color-white);border-color:var(--color-danger)}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-footer .bi-modal-btn.bi-modal-btn-discard:hover{background:#bb2d3b}@media(max-width:968px){.blotter-incidents .bi-table-section .bi-table-container{overflow-x:auto}.blotter-incidents .bi-table-section .bi-table-container .bi-table{min-width:900px}}@media(max-width:768px){.blotter-incidents{padding:1rem}.blotter-incidents .bi-content .bi-title-section{flex-direction:column;gap:1rem}.blotter-incidents .bi-content .bi-title-section .bi-actions{align-self:flex-start}.blotter-incidents .bi-content .bi-filters-section .bi-filters-grid{grid-template-columns:1fr}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-footer{flex-direction:column}.blotter-incidents .bi-modal-overlay .bi-modal .bi-modal-footer .bi-modal-btn{width:100%}}.digital-archive{padding:2rem;font-family:Inter,sans-serif;color:var(--text-color);background-color:var(--page-bg)}.digital-archive .da-header{margin-bottom:2rem}.digital-archive .da-header .da-title{margin-bottom:1.5rem}.digital-archive .da-header .da-title h4{font-size:1.75rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color)}.digital-archive .da-header .da-title p{font-size:.95rem;color:var(--text-secondary);max-width:700px;line-height:1.5}.digital-archive .da-header .da-title .role-badge{display:inline-block;background:var(--color-success-bg);color:var(--color-success);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;margin-top:.5rem}.digital-archive .da-header .da-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.digital-archive .da-header .da-actions .da-search{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;min-width:300px;background:var(--input-bg);color:#000}.digital-archive .da-header .da-actions .da-search:focus{outline:none;border-color:var(--color-primary)}.digital-archive .da-header .da-actions .da-btn-export{background:var(--color-success);color:var(--color-white);border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s ease}.digital-archive .da-header .da-actions .da-btn-export:hover{background:var(--color-success-dark, #157347)}.digital-archive .da-filter-panel{background:var(--form-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:var(--card-shadow)}.digital-archive .da-filter-panel .filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.digital-archive .da-filter-panel .filter-header h5{margin:0;font-size:1.1rem;color:var(--text-color)}.digital-archive .da-filter-panel .filter-header .reset-filters{background:var(--color-gray-500);color:var(--color-white);border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.digital-archive .da-filter-panel .filter-header .reset-filters:hover{background:var(--color-gray-600)}.digital-archive .da-filter-panel .filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1rem}.digital-archive .da-filter-panel .filter-grid .filter-group{display:flex;flex-direction:column;gap:.5rem}.digital-archive .da-filter-panel .filter-grid .filter-group label{font-weight:600;font-size:.85rem;color:var(--text-secondary);margin-bottom:.25rem}.digital-archive .da-filter-panel .filter-grid .filter-group input,.digital-archive .da-filter-panel .filter-grid .filter-group select{padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;font-family:inherit;background:var(--input-bg);color:#000;width:100%}.digital-archive .da-filter-panel .filter-grid .filter-group input:focus,.digital-archive .da-filter-panel .filter-grid .filter-group select:focus{outline:none;border-color:var(--color-primary)}.digital-archive .da-filter-panel .filter-grid .filter-group .date-range{display:flex;align-items:center;gap:.75rem}.digital-archive .da-filter-panel .filter-grid .filter-group .date-range input{flex:1;min-width:0;color:#000}.digital-archive .da-filter-panel .filter-grid .filter-group .date-range span{color:var(--text-secondary);font-size:.9rem;white-space:nowrap;font-weight:500}.digital-archive .da-filter-panel .filter-results{text-align:right;font-size:.9rem;color:var(--text-secondary);padding-top:1rem;border-top:1px solid var(--border-color);margin-top:1rem}.digital-archive .da-content .da-empty{text-align:center;padding:3rem;background:var(--form-bg);border-radius:12px;box-shadow:var(--card-shadow)}.digital-archive .da-content .da-empty h5{font-size:1.2rem;margin-bottom:.5rem;color:var(--text-color)}.digital-archive .da-content .da-empty p{color:var(--text-secondary)}.digital-archive .da-content .da-table-container{background:var(--form-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:var(--card-shadow)}.digital-archive .da-content .da-table-container .da-table{width:100%;border-collapse:collapse}.digital-archive .da-content .da-table-container .da-table thead{background:var(--color-gray-100)}.digital-archive .da-content .da-table-container .da-table thead th{text-align:left;padding:1rem;font-size:.9rem;font-weight:600;color:var(--text-color);border-bottom:1px solid var(--border-color)}.digital-archive .da-content .da-table-container .da-table tbody tr{transition:background .2s ease}.digital-archive .da-content .da-table-container .da-table tbody tr:hover{background:var(--hover-bg)}.digital-archive .da-content .da-table-container .da-table tbody tr td{padding:1rem;font-size:.9rem;color:var(--text-color);border-bottom:1px solid var(--border-color)}.digital-archive .da-content .da-table-container .da-table tbody tr td .payment-badge{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.digital-archive .da-content .da-table-container .da-table tbody tr td .payment-badge.gcash{background:var(--color-info-bg, #e3f2fd);color:var(--color-info)}.digital-archive .da-content .da-table-container .da-table tbody tr td .payment-badge.maya{background:var(--color-warning-bg);color:var(--color-warning)}.digital-archive .da-content .da-table-container .da-table tbody tr td .payment-badge.cash{background:var(--color-success-bg);color:var(--color-success)}.digital-archive .da-content .da-table-container .da-table tbody tr td .payment-badge.na{background:var(--color-gray-100);color:var(--text-secondary)}.digital-archive .da-content .da-table-container .da-table tbody tr td .status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;white-space:nowrap}.digital-archive .da-content .da-table-container .da-table tbody tr td .status-badge.status-active{background:var(--color-success-bg);color:var(--color-success)}.digital-archive .da-content .da-table-container .da-table tbody tr td .status-badge.status-archived{background:var(--color-info-bg, #e3f2fd);color:var(--color-info)}.digital-archive .da-content .da-table-container .da-table tbody tr td .status-badge.status-expired{background:var(--color-danger-bg);color:var(--color-danger)}.digital-archive .da-content .da-table-container .da-table tbody tr td .status-badge.status-pending{background:var(--color-warning-bg);color:var(--color-warning)}.digital-archive .da-content .da-table-container .da-table tbody tr td .status-badge.status-suspended{background:var(--color-gray-200);color:var(--color-gray-700)}.digital-archive .da-content .da-table-container .da-table tbody tr td .status-badge.status-unknown{background:var(--color-warning-bg);color:var(--color-warning)}.digital-archive .da-action-buttons{display:flex;gap:.5rem}.digital-archive .da-action-buttons .da-btn-view{background:var(--color-success);color:var(--color-white);border:1px solid var(--color-success);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.digital-archive .da-action-buttons .da-btn-view:hover{background:var(--color-success-dark, #157347);border-color:var(--color-success-dark, #157347)}.digital-archive .da-action-buttons .da-btn-download{background:var(--color-info);color:var(--color-white);border:1px solid var(--color-info);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.digital-archive .da-action-buttons .da-btn-download:hover{background:var(--color-info-dark, #0b5ed7);border-color:var(--color-info-dark, #0b5ed7)}.digital-archive .da-action-buttons .da-btn-archive{background:var(--color-warning);color:var(--color-white);border:1px solid var(--color-warning);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.digital-archive .da-action-buttons .da-btn-archive:hover{background:var(--color-warning-dark, #e67700);border-color:var(--color-warning-dark, #e67700)}.digital-archive .da-action-buttons .da-btn-delete{background:var(--color-danger);color:var(--color-white);border:1px solid var(--color-danger);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.digital-archive .da-action-buttons .da-btn-delete:hover{background:var(--color-danger-dark, #d32f2f);border-color:var(--color-danger-dark, #d32f2f)}.digital-archive .da-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.digital-archive .da-modal{background:var(--form-bg);border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:var(--card-shadow);border:var(--card-border)}.digital-archive .da-modal.da-export-modal{max-width:500px}.digital-archive .da-modal .da-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.digital-archive .da-modal .da-modal-header h3{margin:0;font-size:1.25rem;color:var(--text-color)}.digital-archive .da-modal .da-modal-header .da-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.digital-archive .da-modal .da-modal-header .da-modal-close:hover{color:var(--color-danger)}.digital-archive .da-modal .da-modal-content{padding:1.5rem}.digital-archive .da-modal .da-modal-content .da-detail-sections{display:flex;flex-direction:column;gap:1.5rem}.digital-archive .da-modal .da-modal-content .da-detail-section h4{margin:0 0 1rem;font-size:1.1rem;color:var(--text-color);border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.digital-archive .da-modal .da-modal-content .da-detail-section .da-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.digital-archive .da-modal .da-modal-content .da-detail-section .da-detail-grid .da-detail-item{display:flex;flex-direction:column;gap:.25rem}.digital-archive .da-modal .da-modal-content .da-detail-section .da-detail-grid .da-detail-item.full-width{grid-column:1/-1}.digital-archive .da-modal .da-modal-content .da-detail-section .da-detail-grid .da-detail-item label{font-weight:600;font-size:.9rem;color:var(--text-secondary)}.digital-archive .da-modal .da-modal-content .da-detail-section .da-detail-grid .da-detail-item span{font-size:.95rem;color:var(--text-color)}.digital-archive .da-modal .da-modal-content .da-detail-section .da-detail-grid .da-detail-item span.text-warning{color:var(--color-warning)}.digital-archive .da-modal .da-modal-content .da-detail-section .da-detail-grid .da-detail-item span.text-success{color:var(--color-success)}.digital-archive .da-modal .da-modal-content .da-detail-section .da-detail-grid .da-detail-item span.text-danger{color:var(--color-danger)}.digital-archive .da-modal .da-modal-content .da-detail-section .da-detail-grid .da-detail-item span.text-info{color:var(--color-info)}.digital-archive .da-modal .da-modal-content .da-detail-section .da-detail-grid .da-detail-item select,.digital-archive .da-modal .da-modal-content .da-detail-section .da-detail-grid .da-detail-item input{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-family:inherit;background:var(--input-bg);color:#000}.digital-archive .da-modal .da-modal-content .da-detail-section .da-detail-grid .da-detail-item select:focus,.digital-archive .da-modal .da-modal-content .da-detail-section .da-detail-grid .da-detail-item input:focus{outline:none;border-color:var(--color-primary)}.digital-archive .da-modal .da-modal-content .da-detail-section .da-detail-grid .da-detail-item .expiry-warning{font-size:.8rem;color:var(--color-warning)}.digital-archive .da-modal .da-modal-content .da-detail-section .da-action-buttons-horizontal{display:flex;gap:1rem;flex-wrap:wrap}.digital-archive .da-modal .da-modal-content .da-detail-section .da-action-buttons-horizontal button{padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.digital-archive .da-modal .da-modal-content .da-detail-section .da-action-buttons-horizontal button.da-btn-primary{background:var(--color-success);color:var(--color-white)}.digital-archive .da-modal .da-modal-content .da-detail-section .da-action-buttons-horizontal button.da-btn-primary:hover{background:var(--color-success-dark, #157347)}.digital-archive .da-modal .da-modal-content .da-detail-section .da-action-buttons-horizontal button.da-btn-secondary{background:var(--color-gray-500);color:var(--color-white)}.digital-archive .da-modal .da-modal-content .da-detail-section .da-action-buttons-horizontal button.da-btn-secondary:hover{background:var(--color-gray-600)}.digital-archive .da-modal .da-modal-content .da-detail-section .da-action-buttons-horizontal button.da-btn-update{background:var(--color-warning);color:var(--color-white)}.digital-archive .da-modal .da-modal-content .da-detail-section .da-action-buttons-horizontal button.da-btn-update:hover{background:var(--color-warning-dark, #e67700)}.digital-archive .da-modal .da-modal-content .da-detail-section .da-action-buttons-horizontal button.da-btn-download{background:var(--color-info);color:var(--color-white)}.digital-archive .da-modal .da-modal-content .da-detail-section .da-action-buttons-horizontal button.da-btn-download:hover{background:var(--color-info-dark, #0b5ed7)}.digital-archive .da-modal .da-modal-content .tm-attachments{display:flex;flex-direction:column;gap:.75rem}.digital-archive .da-modal .da-modal-content .tm-attachments .tm-attachment-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--color-gray-100);border-radius:8px;border:1px solid var(--border-color)}.digital-archive .da-modal .da-modal-content .tm-attachments .tm-attachment-item .file-info{display:flex;flex-direction:column;gap:.25rem}.digital-archive .da-modal .da-modal-content .tm-attachments .tm-attachment-item .file-info .file-name{font-weight:600;color:var(--text-color)}.digital-archive .da-modal .da-modal-content .tm-attachments .tm-attachment-item .file-info .file-type,.digital-archive .da-modal .da-modal-content .tm-attachments .tm-attachment-item .file-info .file-date{font-size:.8rem;color:var(--text-secondary)}.digital-archive .da-modal .da-modal-content .tm-attachments .tm-attachment-item .tm-btn-view-file{background:var(--color-info);color:var(--color-white);border:1px solid var(--color-info);padding:.5rem 1rem;border-radius:4px;cursor:not-allowed;font-size:.85rem}.digital-archive .da-modal .da-modal-content .no-attachments{color:var(--text-secondary);font-style:italic;text-align:center;padding:2rem;background:var(--color-gray-100);border-radius:8px}.digital-archive .da-modal .da-modal-content .tm-internal-notes .tm-notes-textarea{width:100%;padding:1rem;border:1px solid var(--border-color);border-radius:8px;font-family:inherit;resize:vertical;background:var(--input-bg);color:#000}.digital-archive .da-modal .da-modal-content .tm-internal-notes .tm-notes-textarea:disabled{cursor:not-allowed;background:var(--color-gray-100);color:var(--text-secondary);border-color:var(--border-color);opacity:.7}.digital-archive .da-modal .da-modal-content .tm-internal-notes .tm-notes-hint{font-size:.8rem;color:var(--text-secondary);margin-top:.5rem}.digital-archive .da-modal .da-modal-content .da-export-form{display:flex;flex-direction:column;gap:1rem}.digital-archive .da-modal .da-modal-content .da-export-form .da-form-row{display:flex;flex-direction:column;gap:.5rem}.digital-archive .da-modal .da-modal-content .da-export-form .da-form-row label{font-weight:600;font-size:.9rem;color:var(--text-secondary)}.digital-archive .da-modal .da-modal-content .da-export-form .da-form-row .date-range{display:flex;align-items:center;gap:1rem}.digital-archive .da-modal .da-modal-content .da-export-form .da-form-row .date-range input{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background:var(--input-bg);color:#000}.digital-archive .da-modal .da-modal-content .da-export-form .da-form-row .date-range span{color:var(--text-secondary)}.digital-archive .da-modal .da-modal-content .da-export-form .da-form-row select,.digital-archive .da-modal .da-modal-content .da-export-form .da-form-row input{padding:.75rem;border:1px solid var(--border-color);border-radius:4px;font-family:inherit;background:var(--input-bg);color:#000}.digital-archive .da-modal .da-modal-content .da-export-form .da-form-row select:focus,.digital-archive .da-modal .da-modal-content .da-export-form .da-form-row input:focus{outline:none;border-color:var(--color-primary)}.digital-archive .da-modal .da-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-color);background:var(--color-gray-100);border-bottom-left-radius:12px;border-bottom-right-radius:12px}.digital-archive .da-modal .da-modal-footer button{padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.digital-archive .da-modal .da-modal-footer button.da-btn-secondary{background:var(--color-gray-500);color:var(--color-white)}.digital-archive .da-modal .da-modal-footer button.da-btn-secondary:hover{background:var(--color-gray-600)}.digital-archive .da-modal .da-modal-footer button.da-btn-primary{background:var(--color-success);color:var(--color-white)}.digital-archive .da-modal .da-modal-footer button.da-btn-primary:hover{background:var(--color-success-dark, #157347)}@media(max-width:968px){.digital-archive .da-table-container{overflow-x:auto}.digital-archive .da-table-container .da-table{min-width:1000px}.digital-archive .da-filter-panel .filter-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(max-width:768px){.digital-archive{padding:1rem}.digital-archive .da-header .da-actions{flex-direction:column;align-items:stretch}.digital-archive .da-header .da-actions .da-search{min-width:auto}.digital-archive .da-filter-panel .filter-grid{grid-template-columns:1fr;gap:1.25rem}.digital-archive .da-filter-panel .filter-header{flex-direction:column;gap:1rem;align-items:flex-start}.digital-archive .da-filter-panel .da-modal{margin:1rem;max-height:calc(100vh - 2rem)}.digital-archive .da-filter-panel .da-modal .da-modal-footer{flex-direction:column}.digital-archive .da-filter-panel .da-modal .da-modal-footer button{width:100%}.digital-archive .da-filter-panel .da-modal .da-action-buttons-horizontal{flex-direction:column}.digital-archive .da-filter-panel .da-detail-grid{grid-template-columns:1fr!important}}@media(max-width:768px)and (max-width:480px){.digital-archive .da-filter-panel{padding:1.25rem}.digital-archive .da-filter-panel .filter-grid{gap:1rem}.digital-archive .da-filter-panel .filter-grid .filter-group .date-range{flex-direction:column;gap:.5rem}.digital-archive .da-filter-panel .filter-grid .filter-group .date-range span{text-align:center;margin:.25rem 0}}.transaction-monitoring{padding:2rem;font-family:Inter,sans-serif;color:var(--text-color);background-color:var(--page-bg)}.transaction-monitoring .tm-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.transaction-monitoring .tm-header .tm-title h4{font-size:1.75rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color)}.transaction-monitoring .tm-header .tm-title p{font-size:.95rem;color:var(--text-secondary);max-width:700px;line-height:1.5}.transaction-monitoring .tm-header .tm-actions .tm-export-btn{background:var(--color-success);color:var(--color-white);border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s ease}.transaction-monitoring .tm-header .tm-actions .tm-export-btn:hover{background:#157347}.transaction-monitoring .tm-filter-panel{background:var(--form-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:var(--card-shadow)}.transaction-monitoring .tm-filter-panel .filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.transaction-monitoring .tm-filter-panel .filter-header h5{font-size:1.1rem;font-weight:600;color:var(--text-color);margin:0}.transaction-monitoring .tm-filter-panel .filter-header .reset-filters{background:#6c757d;color:var(--color-white);border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.transaction-monitoring .tm-filter-panel .filter-header .reset-filters:hover{background:#5a6268}.transaction-monitoring .tm-filter-panel .filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1rem}.transaction-monitoring .tm-filter-panel .filter-grid .filter-group{display:flex;flex-direction:column;gap:.5rem}.transaction-monitoring .tm-filter-panel .filter-grid .filter-group label{font-size:.9rem;font-weight:600;color:var(--text-color)}.transaction-monitoring .tm-filter-panel .filter-grid .filter-group input,.transaction-monitoring .tm-filter-panel .filter-grid .filter-group select{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;transition:border-color .2s ease;background:var(--input-bg);color:#000;width:100%}.transaction-monitoring .tm-filter-panel .filter-grid .filter-group input:focus,.transaction-monitoring .tm-filter-panel .filter-grid .filter-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #68c0431a}.transaction-monitoring .tm-filter-panel .filter-grid .filter-group input::placeholder,.transaction-monitoring .tm-filter-panel .filter-grid .filter-group select::placeholder{color:var(--text-secondary)}.transaction-monitoring .tm-filter-panel .filter-grid .filter-group .date-range{display:flex;align-items:center;gap:.5rem}.transaction-monitoring .tm-filter-panel .filter-grid .filter-group .date-range input{flex:1;min-width:120px}.transaction-monitoring .tm-filter-panel .filter-grid .filter-group .date-range span{color:var(--text-secondary);font-size:.9rem;white-space:nowrap;margin:0 .25rem}.transaction-monitoring .tm-filter-panel .filter-grid .filter-group:first-child{grid-column:1/-1}.transaction-monitoring .tm-filter-panel .filter-grid .filter-group:first-child .date-range{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:center}.transaction-monitoring .tm-filter-panel .filter-grid .filter-group:first-child .date-range input{min-width:auto}.transaction-monitoring .tm-filter-panel .filter-grid .filter-group:first-child .date-range span{text-align:center;margin:0}.transaction-monitoring .tm-filter-panel .filter-results{font-size:.9rem;color:var(--text-secondary);text-align:right;padding-top:1rem;border-top:1px solid var(--border-color)}.transaction-monitoring .tm-content .tm-empty{text-align:center;margin-top:1rem;padding:3rem;background:var(--form-bg);border-radius:12px;box-shadow:var(--card-shadow)}.transaction-monitoring .tm-content .tm-empty h5{font-size:1.2rem;margin-bottom:.5rem;color:var(--text-color)}.transaction-monitoring .tm-content .tm-empty p{color:var(--text-secondary)}.transaction-monitoring .tm-content .tm-table-container{background:var(--form-bg);border:1px solid var(--border-color);margin-top:2rem;border-radius:12px;overflow:hidden;box-shadow:var(--card-shadow)}.transaction-monitoring .tm-content .tm-table-container .tm-table{width:100%;border-collapse:collapse}.transaction-monitoring .tm-content .tm-table-container .tm-table thead{background:#f8f9fa}[data-theme=dark] .transaction-monitoring .tm-content .tm-table-container .tm-table thead{background:#343a40}.transaction-monitoring .tm-content .tm-table-container .tm-table thead th{text-align:left;padding:1rem;font-size:.9rem;font-weight:600;color:var(--text-color);border-bottom:1px solid var(--border-color)}.transaction-monitoring .tm-content .tm-table-container .tm-table tbody tr{transition:background .2s ease}.transaction-monitoring .tm-content .tm-table-container .tm-table tbody tr:hover{background:#0000000a}[data-theme=dark] .transaction-monitoring .tm-content .tm-table-container .tm-table tbody tr:hover{background:#ffffff0d}.transaction-monitoring .tm-content .tm-table-container .tm-table tbody tr td{padding:1rem;font-size:.9rem;color:var(--text-color);border-bottom:1px solid var(--border-color);vertical-align:middle}.transaction-monitoring .tm-content .tm-table-container .tm-table tbody tr td .request-id{font-weight:500;color:var(--color-primary)}.transaction-monitoring .tm-content .tm-table-container .tm-table tbody tr td .request-type .sub-type{font-size:.8rem;color:var(--text-secondary);margin-left:.5rem}.transaction-monitoring .tm-content .tm-table-container .tm-table tbody tr td .amount{font-weight:600;color:var(--color-success)}.transaction-monitoring .tm-content .tm-table-container .tm-table tbody tr td .status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;white-space:nowrap}.transaction-monitoring .tm-content .tm-table-container .tm-table tbody tr td .status-badge.status-complete{background:var(--color-success-bg);color:var(--color-success)}.transaction-monitoring .tm-content .tm-table-container .tm-table tbody tr td .status-badge.status-progress{background:var(--color-info-bg, #e3f2fd);color:var(--color-info)}.transaction-monitoring .tm-content .tm-table-container .tm-table tbody tr td .status-badge.status-pending{background:var(--color-warning-bg);color:var(--color-warning)}.transaction-monitoring .tm-content .tm-table-container .tm-table tbody tr td .status-badge.status-failed{background:var(--color-danger-bg);color:var(--color-danger)}.transaction-monitoring .tm-content .tm-table-container .tm-table tbody tr td .status-badge.status-unknown{background:var(--color-gray-100);color:var(--text-secondary)}.transaction-monitoring .tm-action-buttons .tm-btn-view{background:var(--color-success);color:var(--color-white);border:1px solid var(--color-success);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.transaction-monitoring .tm-action-buttons .tm-btn-view:hover{background:#157347;border-color:#157347}.transaction-monitoring .tm-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem;padding:1.5rem;background:var(--color-gray-100);border-radius:12px}.transaction-monitoring .tm-summary .tm-summary-item{display:flex;flex-direction:column;align-items:center;text-align:center}.transaction-monitoring .tm-summary .tm-summary-item .summary-label{font-size:.9rem;color:var(--text-secondary);margin-bottom:.5rem}.transaction-monitoring .tm-summary .tm-summary-item .summary-value{font-size:1.5rem;font-weight:600;color:var(--color-success)}.transaction-monitoring .tm-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.transaction-monitoring .tm-modal{background:var(--form-bg);border-radius:12px;width:90%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:var(--card-shadow);border:var(--card-border)}.transaction-monitoring .tm-modal.tm-export-modal{max-width:500px}.transaction-monitoring .tm-modal .tm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.transaction-monitoring .tm-modal .tm-modal-header h3{font-size:1.3rem;font-weight:600;color:var(--text-color);margin:0}.transaction-monitoring .tm-modal .tm-modal-header .tm-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:.25rem;border-radius:4px}.transaction-monitoring .tm-modal .tm-modal-header .tm-modal-close:hover{background:var(--color-gray-100);color:var(--text-color)}.transaction-monitoring .tm-modal .tm-modal-content{padding:1.5rem}.transaction-monitoring .tm-modal .tm-modal-content .tm-export-form{display:flex;flex-direction:column;gap:1.5rem}.transaction-monitoring .tm-modal .tm-modal-content .tm-export-form .tm-form-row{display:flex;flex-direction:column;gap:.5rem}.transaction-monitoring .tm-modal .tm-modal-content .tm-export-form .tm-form-row label{font-weight:600;font-size:.9rem;color:var(--text-secondary)}.transaction-monitoring .tm-modal .tm-modal-content .tm-export-form .tm-form-row select,.transaction-monitoring .tm-modal .tm-modal-content .tm-export-form .tm-form-row input{padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-family:inherit;background:var(--input-bg);color:#000;width:100%}.transaction-monitoring .tm-modal .tm-modal-content .tm-export-form .tm-form-row select:focus,.transaction-monitoring .tm-modal .tm-modal-content .tm-export-form .tm-form-row input:focus{outline:none;border-color:var(--color-primary)}.transaction-monitoring .tm-modal .tm-modal-content .tm-export-form .tm-form-row .date-range{display:flex;align-items:center;gap:1rem}.transaction-monitoring .tm-modal .tm-modal-content .tm-export-form .tm-form-row .date-range span{color:var(--text-secondary)}.transaction-monitoring .tm-modal .tm-modal-footer{display:flex;justify-content:flex-end;align-items:center;padding:1.5rem;border-top:1px solid var(--border-color);gap:1rem}.transaction-monitoring .tm-modal .tm-modal-footer .tm-btn-close,.transaction-monitoring .tm-modal .tm-modal-footer .tm-export-btn,.transaction-monitoring .tm-modal .tm-modal-footer .tm-btn-update{padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;border:none}.transaction-monitoring .tm-modal .tm-modal-footer .tm-btn-close{background:#6c757d;color:var(--color-white)}.transaction-monitoring .tm-modal .tm-modal-footer .tm-btn-close:hover{background:#5a6268}.transaction-monitoring .tm-modal .tm-modal-footer .tm-export-btn,.transaction-monitoring .tm-modal .tm-modal-footer .tm-btn-update{background:var(--color-success);color:var(--color-white)}.transaction-monitoring .tm-modal .tm-modal-footer .tm-export-btn:hover:not(:disabled),.transaction-monitoring .tm-modal .tm-modal-footer .tm-btn-update:hover:not(:disabled){background:#157347}.transaction-monitoring .tm-modal .tm-modal-footer .tm-btn-update:disabled{background:var(--color-gray-400);cursor:not-allowed;opacity:.6}.transaction-monitoring .tm-modal .tm-detail-sections{display:flex;flex-direction:column;gap:2rem}.transaction-monitoring .tm-modal .tm-detail-section h4{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:var(--text-color);border-bottom:2px solid var(--color-primary);padding-bottom:.5rem}.transaction-monitoring .tm-modal .tm-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.transaction-monitoring .tm-modal .tm-section-header h4{margin-bottom:0;border:none;padding:0}.transaction-monitoring .tm-modal .tm-section-header .tm-btn-resident-hub{background:var(--color-info);color:var(--color-white);border:1px solid var(--color-info);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.transaction-monitoring .tm-modal .tm-section-header .tm-btn-resident-hub:hover{background:#0b5ed7;border-color:#0b5ed7}.transaction-monitoring .tm-modal .tm-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.transaction-monitoring .tm-modal .tm-detail-grid .tm-detail-item{display:flex;flex-direction:column;gap:.25rem}.transaction-monitoring .tm-modal .tm-detail-grid .tm-detail-item label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.transaction-monitoring .tm-modal .tm-detail-grid .tm-detail-item span{font-size:.95rem;color:var(--text-color)}.transaction-monitoring .tm-modal .tm-detail-grid .tm-detail-item.full-width{grid-column:1/-1}.transaction-monitoring .tm-modal .tm-detail-grid .tm-detail-item .payment-status-select{padding:.5rem;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;background:var(--input-bg);color:#000}.transaction-monitoring .tm-modal .tm-detail-grid .tm-detail-item .payment-status-select:focus{outline:none;border-color:var(--color-primary)}.transaction-monitoring .tm-confirmation-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1001;padding:1rem}.transaction-monitoring .tm-confirmation-modal{background:var(--form-bg);border-radius:12px;width:90%;max-width:500px;box-shadow:var(--card-shadow);border:var(--card-border)}.transaction-monitoring .tm-confirmation-modal .tm-confirmation-header{padding:1.5rem;border-bottom:1px solid var(--border-color)}.transaction-monitoring .tm-confirmation-modal .tm-confirmation-header h3{font-size:1.2rem;font-weight:600;color:var(--text-color);margin:0}.transaction-monitoring .tm-confirmation-modal .tm-confirmation-content{padding:1.5rem}.transaction-monitoring .tm-confirmation-modal .tm-confirmation-content p{margin-bottom:1rem;line-height:1.5;color:var(--text-color)}.transaction-monitoring .tm-confirmation-modal .tm-confirmation-content p.confirmation-warning{color:var(--text-secondary);font-size:.9rem;font-style:italic}.transaction-monitoring .tm-confirmation-modal .tm-confirmation-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-color)}.transaction-monitoring .tm-confirmation-modal .tm-confirmation-footer .tm-btn-cancel{background:#6c757d;color:var(--color-white);border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.transaction-monitoring .tm-confirmation-modal .tm-confirmation-footer .tm-btn-cancel:hover{background:#5a6268}.transaction-monitoring .tm-confirmation-modal .tm-confirmation-footer .tm-btn-confirm{background:var(--color-success);color:var(--color-white);border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s ease}.transaction-monitoring .tm-confirmation-modal .tm-confirmation-footer .tm-btn-confirm:hover{background:#157347}@media(max-width:968px){.transaction-monitoring .tm-table-container{overflow-x:auto}.transaction-monitoring .tm-table-container .tm-table{min-width:1000px}}@media(max-width:768px){.transaction-monitoring{padding:1rem}.transaction-monitoring .tm-header{flex-direction:column;gap:1rem}.transaction-monitoring .tm-filter-panel .filter-grid{grid-template-columns:1fr;gap:1rem}.transaction-monitoring .tm-filter-panel .filter-grid .filter-group:first-child{grid-column:1}.transaction-monitoring .tm-filter-panel .filter-grid .filter-group:first-child .date-range{grid-template-columns:1fr;gap:.5rem}.transaction-monitoring .tm-filter-panel .filter-grid .filter-group:first-child .date-range span{display:none}.transaction-monitoring .tm-filter-panel .filter-header{flex-direction:column;gap:1rem;align-items:flex-start}.transaction-monitoring .tm-summary{grid-template-columns:1fr}.transaction-monitoring .tm-modal{width:95%;margin:1rem}.transaction-monitoring .tm-modal .tm-detail-grid{grid-template-columns:1fr}.transaction-monitoring .tm-modal .tm-modal-footer{flex-direction:column}.transaction-monitoring .tm-modal .tm-modal-footer .tm-btn-close,.transaction-monitoring .tm-modal .tm-modal-footer .tm-btn-update,.transaction-monitoring .tm-modal .tm-modal-footer .tm-export-btn{width:100%;text-align:center}.transaction-monitoring .tm-section-header{flex-direction:column;gap:1rem;align-items:flex-start}}@media(max-width:480px){.transaction-monitoring .tm-filter-panel,.transaction-monitoring .tm-modal-content{padding:1rem}}.feedback-view{padding:2rem;font-family:Inter,sans-serif;color:var(--text-color);background-color:var(--page-bg);position:relative}.feedback-view .fv-header{margin-bottom:2rem}.feedback-view .fv-header .fv-title{margin-bottom:1.5rem}.feedback-view .fv-header .fv-title h4{font-size:1.75rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color)}.feedback-view .fv-header .fv-title p{font-size:.95rem;color:var(--text-secondary);max-width:700px;line-height:1.5}.feedback-view .fv-header .fv-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.feedback-view .fv-header .fv-actions .fv-search{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;min-width:300px;background:var(--input-bg);color:#000}.feedback-view .fv-header .fv-actions .fv-search:focus{outline:none;border-color:var(--color-primary)}.feedback-view .fv-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;flex-wrap:wrap}.feedback-view .fv-tabs button{background:none;border:none;padding:.75rem 1.5rem;cursor:pointer;font-size:.95rem;color:var(--text-secondary);position:relative;white-space:nowrap}.feedback-view .fv-tabs button.active{color:var(--color-primary);font-weight:500}.feedback-view .fv-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--color-primary)}.feedback-view .fv-tabs button:hover{color:var(--color-primary)}.feedback-view .fv-category-stats{background:var(--form-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--card-shadow)}.feedback-view .fv-category-stats h5{font-size:1.1rem;margin-bottom:1rem;color:var(--text-color);font-weight:600}.feedback-view .fv-category-stats .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.feedback-view .fv-category-stats .stats-grid .stat-item{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--color-gray-100);border-radius:8px;transition:transform .2s ease}.feedback-view .fv-category-stats .stats-grid .stat-item:hover{transform:translateY(-2px)}.feedback-view .fv-category-stats .stats-grid .stat-item .stat-count{font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem}.feedback-view .fv-category-stats .stats-grid .stat-item .stat-label{font-size:.9rem;color:var(--text-secondary);text-align:center;font-weight:500}.feedback-view .fv-content .fv-empty{text-align:center;padding:3rem;background:var(--form-bg);border-radius:12px;box-shadow:var(--card-shadow)}.feedback-view .fv-content .fv-empty h5{font-size:1.2rem;margin-bottom:.5rem;color:var(--text-color)}.feedback-view .fv-content .fv-empty p{color:var(--text-secondary)}.feedback-view .fv-content .fv-table-container{background:var(--form-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:var(--card-shadow)}.feedback-view .fv-content .fv-table-container .fv-table{width:100%;border-collapse:collapse}.feedback-view .fv-content .fv-table-container .fv-table thead{background:#f8f9fa}[data-theme=dark] .feedback-view .fv-content .fv-table-container .fv-table thead{background:#343a40}.feedback-view .fv-content .fv-table-container .fv-table thead th{text-align:left;padding:1rem;font-size:.9rem;font-weight:600;color:var(--text-color);border-bottom:1px solid var(--border-color)}.feedback-view .fv-content .fv-table-container .fv-table tbody tr{transition:background .2s ease}.feedback-view .fv-content .fv-table-container .fv-table tbody tr:hover{background:#0000000a}[data-theme=dark] .feedback-view .fv-content .fv-table-container .fv-table tbody tr:hover{background:#ffffff0d}.feedback-view .fv-content .fv-table-container .fv-table tbody tr td{padding:1rem;font-size:.9rem;color:var(--text-color);border-bottom:1px solid var(--border-color)}.feedback-view .fv-content .fv-table-container .fv-table tbody tr td .feedback-title-type .case-number{font-weight:500;color:var(--color-primary);margin-bottom:.25rem}.feedback-view .fv-content .fv-table-container .fv-table tbody tr td .feedback-title-type .type-tag{background:var(--color-gray-100);color:var(--text-color);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;display:inline-block}.feedback-view .fv-content .fv-table-container .fv-table tbody tr td .status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500;display:inline-block}.feedback-view .fv-content .fv-table-container .fv-table tbody tr td .status-badge.status-progress{background:var(--color-info-bg, #e3f2fd);color:var(--color-info)}.feedback-view .fv-content .fv-table-container .fv-table tbody tr td .status-badge.status-complete{background:var(--color-success-bg);color:var(--color-success)}.feedback-view .fv-content .fv-table-container .fv-table tbody tr td .status-badge.status-false{background:var(--color-danger-bg);color:var(--color-danger)}.feedback-view .fv-content .fv-table-container .fv-table tbody tr:last-child td{border-bottom:none}.feedback-view .fv-action-buttons{display:flex;gap:.5rem}.feedback-view .fv-action-buttons .fv-btn-view{background:var(--color-success);color:var(--color-white);border:1px solid var(--color-success);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.feedback-view .fv-action-buttons .fv-btn-view:hover:not(:disabled){background:#157347;border-color:#157347}.feedback-view .fv-action-buttons .fv-btn-view:disabled{background:var(--color-gray-400);border-color:var(--color-gray-400);cursor:not-allowed;opacity:.6}.feedback-view .feedback-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.feedback-view .feedback-modal{background:var(--form-bg);border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;margin:auto;box-shadow:var(--card-shadow);border:var(--card-border)}.feedback-view .feedback-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.feedback-view .feedback-modal .modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-color)}.feedback-view .feedback-modal .modal-header .modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.feedback-view .feedback-modal .modal-header .modal-close:hover{color:var(--color-danger)}.feedback-view .feedback-modal .modal-content{padding:1.5rem;overflow-y:auto;width:100%}.feedback-view .feedback-modal .modal-content .feedback-detail-group{margin-bottom:1.5rem}.feedback-view .feedback-modal .modal-content .feedback-detail-group label{display:block;font-weight:600;margin-bottom:.5rem;color:var(--text-color);font-size:.9rem}.feedback-view .feedback-modal .modal-content .feedback-detail-group p{margin:0;padding:.75rem;background:var(--color-gray-100);border-radius:6px;color:var(--text-color);line-height:1.5}.feedback-view .feedback-modal .modal-content .feedback-detail-group .status-edit-select{padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;background:var(--input-bg);color:#000;cursor:pointer}.feedback-view .feedback-modal .modal-content .feedback-detail-group .status-edit-select:focus{outline:none;border-color:var(--color-primary)}.feedback-view .feedback-modal .modal-actions{padding:1.5rem;border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end}.feedback-view .feedback-modal .modal-actions .btn-primary{background:var(--color-success);color:var(--color-white);border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .2s ease}.feedback-view .feedback-modal .modal-actions .btn-primary:hover:not(:disabled){background:#157347}.feedback-view .feedback-modal .modal-actions .btn-primary:disabled{background:var(--color-gray-400);cursor:not-allowed}.feedback-view .feedback-modal .modal-actions .btn-secondary{background:#6c757d;color:var(--color-white);border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .2s ease}.feedback-view .feedback-modal .modal-actions .btn-secondary:hover:not(:disabled){background:#5a6268}.feedback-view .feedback-modal .modal-actions .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.feedback-view .fv-info{margin-top:2rem;padding:1.5rem;background:var(--color-gray-100);border-radius:12px}.feedback-view .fv-info h5{font-size:1.1rem;margin-bottom:1rem;color:var(--text-color);font-weight:600}.feedback-view .fv-info .status-explanations{display:flex;flex-direction:column;gap:.75rem}.feedback-view .fv-info .status-explanations .status-item{display:flex;align-items:center;gap:.75rem}.feedback-view .fv-info .status-explanations .status-item .status-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.feedback-view .fv-info .status-explanations .status-item .status-dot.progress{background:var(--color-info)}.feedback-view .fv-info .status-explanations .status-item .status-dot.complete{background:var(--color-success)}.feedback-view .fv-info .status-explanations .status-item .status-dot.false{background:var(--color-danger)}.feedback-view .fv-info .status-explanations .status-item .status-text{font-size:.9rem;color:var(--text-secondary)}@media(max-width:968px){.feedback-view .fv-table-container{overflow-x:auto}.feedback-view .fv-table-container .fv-table{min-width:800px}.feedback-view .fv-category-stats .stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media(max-width:768px){.feedback-view{padding:1rem}.feedback-view .fv-header .fv-actions{flex-direction:column;align-items:stretch}.feedback-view .fv-header .fv-actions .fv-search{min-width:auto}.feedback-view .fv-tabs{overflow-x:auto;white-space:nowrap}.feedback-view .fv-tabs button{padding:.75rem 1rem}.feedback-view .fv-action-buttons{flex-direction:column}.feedback-view .fv-category-stats .stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.feedback-view .feedback-modal{margin:1rem;max-height:calc(100vh - 2rem)}.feedback-view .feedback-modal .modal-actions{flex-direction:column}}@media(max-width:480px){.feedback-view .fv-category-stats .stats-grid{grid-template-columns:1fr}.feedback-view .fv-action-buttons .fv-btn-view{padding:.5rem .75rem;font-size:.8rem}}.request-processing{padding:2rem;font-family:Inter,sans-serif;color:var(--text-color);background-color:var(--page-bg)}.request-processing .loading,.request-processing .error{text-align:center;padding:2rem;font-size:1.1rem}.request-processing .loading.error,.request-processing .error.error{color:var(--color-danger);background:var(--color-danger-bg);border:1px solid var(--color-danger);border-radius:8px}.request-processing .loading.loading,.request-processing .error.loading{color:var(--text-secondary)}.request-processing .rp-header{margin-bottom:2rem}.request-processing .rp-header .rp-title{margin-bottom:1.5rem}.request-processing .rp-header .rp-title h4{font-size:1.75rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color)}.request-processing .rp-header .rp-title p{font-size:.95rem;color:var(--text-secondary);max-width:700px;line-height:1.5}.request-processing .rp-header .rp-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.request-processing .rp-header .rp-actions .rp-search{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;min-width:300px;background:var(--input-bg);color:#000}.request-processing .rp-header .rp-actions .rp-search:focus{outline:none;border-color:var(--color-primary)}.request-processing .rp-filter-panel{background:var(--form-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--card-shadow)}.request-processing .rp-filter-panel .filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.request-processing .rp-filter-panel .filter-header h5{font-size:1.1rem;font-weight:600;color:var(--text-color);margin:0}.request-processing .rp-filter-panel .filter-header .reset-filters{background:#6c757d;color:var(--color-white);border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.request-processing .rp-filter-panel .filter-header .reset-filters:hover{background:#5a6268}.request-processing .rp-filter-panel .filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:1rem}.request-processing .rp-filter-panel .filter-grid .filter-group:nth-child(1){grid-column:span 2}.request-processing .rp-filter-panel .filter-grid .filter-group{display:flex;flex-direction:column;gap:.5rem}.request-processing .rp-filter-panel .filter-grid .filter-group label{font-weight:600;font-size:.9rem;color:var(--text-color);white-space:nowrap}.request-processing .rp-filter-panel .filter-grid .filter-group input,.request-processing .rp-filter-panel .filter-grid .filter-group select{padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;background:var(--input-bg);color:#000;width:100%;box-sizing:border-box}.request-processing .rp-filter-panel .filter-grid .filter-group input:focus,.request-processing .rp-filter-panel .filter-grid .filter-group select:focus{outline:none;border-color:var(--color-primary)}.request-processing .rp-filter-panel .filter-grid .filter-group .date-range{display:grid;grid-template-columns:1fr auto 1fr;gap:.5rem;align-items:center}.request-processing .rp-filter-panel .filter-grid .filter-group .date-range input{min-width:0}.request-processing .rp-filter-panel .filter-grid .filter-group .date-range span{color:var(--text-secondary);font-size:.9rem;text-align:center;white-space:nowrap}.request-processing .rp-filter-panel .filter-results{font-size:.9rem;color:var(--text-secondary);text-align:right;border-top:1px solid var(--border-color);padding-top:1rem}.request-processing .rp-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.request-processing .rp-tabs button{background:none;border:none;padding:.75rem 1.5rem;cursor:pointer;font-size:.95rem;color:var(--text-secondary);position:relative}.request-processing .rp-tabs button.active{color:var(--color-primary);font-weight:500}.request-processing .rp-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--color-primary)}.request-processing .rp-tabs button:hover{color:var(--color-primary)}.request-processing .rp-content .rp-empty{text-align:center;padding:3rem;background:var(--form-bg);border-radius:12px;box-shadow:var(--card-shadow)}.request-processing .rp-content .rp-empty h5{font-size:1.2rem;margin-bottom:.5rem;color:var(--text-color)}.request-processing .rp-content .rp-empty p{color:var(--text-secondary)}.request-processing .rp-content .rp-table-container{background:var(--form-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:var(--card-shadow)}.request-processing .rp-content .rp-table-container .rp-table{width:100%;border-collapse:collapse}.request-processing .rp-content .rp-table-container .rp-table thead{background:#f8f9fa}[data-theme=dark] .request-processing .rp-content .rp-table-container .rp-table thead{background:#343a40}.request-processing .rp-content .rp-table-container .rp-table thead th{text-align:left;padding:1rem;font-size:.9rem;font-weight:600;color:var(--text-color);border-bottom:1px solid var(--border-color)}.request-processing .rp-content .rp-table-container .rp-table tbody tr{transition:background .2s ease}.request-processing .rp-content .rp-table-container .rp-table tbody tr:hover{background:#0000000a}[data-theme=dark] .request-processing .rp-content .rp-table-container .rp-table tbody tr:hover{background:#ffffff0d}.request-processing .rp-content .rp-table-container .rp-table tbody tr td{padding:1rem;font-size:.9rem;color:var(--text-color);border-bottom:1px solid var(--border-color)}.request-processing .rp-content .rp-table-container .rp-table tbody tr td .request-number{font-weight:500;color:var(--color-primary)}.request-processing .rp-content .rp-table-container .rp-table tbody tr td .document-type{font-weight:500}.request-processing .rp-content .rp-table-container .rp-table tbody tr td .document-type .sub-type{font-size:.8rem;color:var(--text-secondary);margin-left:.5rem}.request-processing .rp-content .rp-table-container .rp-table tbody tr td .status-badge{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;white-space:nowrap;display:inline-block;text-align:center}.request-processing .rp-content .rp-table-container .rp-table tbody tr td .status-badge.status-ready{background:var(--color-success-bg);color:var(--color-success)}.request-processing .rp-content .rp-table-container .rp-table tbody tr td .status-badge.status-progress{background:var(--color-info-bg, #e3f2fd);color:var(--color-info)}.request-processing .rp-content .rp-table-container .rp-table tbody tr td .status-badge.status-pending{background:var(--color-warning-bg);color:var(--color-warning)}.request-processing .rp-content .rp-table-container .rp-table tbody tr td .status-badge.status-complete{background:var(--color-gray-100);color:var(--text-color)}.request-processing .rp-content .rp-table-container .rp-table tbody tr td .payment-badge{padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;white-space:nowrap;display:inline-block;text-align:center}.request-processing .rp-content .rp-table-container .rp-table tbody tr td .payment-badge.gcash{background:var(--color-info-bg, #e3f2fd);color:var(--color-info)}.request-processing .rp-content .rp-table-container .rp-table tbody tr td .payment-badge.maya{background:var(--color-warning-bg);color:var(--color-warning)}.request-processing .rp-content .rp-table-container .rp-table tbody tr td .payment-badge.cash{background:var(--color-success-bg);color:var(--color-success)}.request-processing .rp-content .rp-table-container .rp-table tbody tr td .payment-badge.na{background:var(--color-danger-bg);color:var(--color-danger)}.request-processing .rp-action-buttons{display:flex;gap:.5rem}.request-processing .rp-action-buttons .rp-btn-approve-request{background:var(--color-success);color:var(--color-white);border:1px solid var(--color-success);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .2s ease}.request-processing .rp-action-buttons .rp-btn-approve-request:hover{background:#157347;border-color:#157347}.request-processing .rp-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.request-processing .rp-modal{background:var(--form-bg);border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:var(--card-shadow);border:var(--card-border)}.request-processing .rp-modal .rp-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.request-processing .rp-modal .rp-modal-header h3{margin:0;font-size:1.25rem;color:var(--text-color)}.request-processing .rp-modal .rp-modal-header .rp-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.request-processing .rp-modal .rp-modal-header .rp-modal-close:hover{color:var(--color-danger)}.request-processing .rp-modal .rp-modal-content{padding:1.5rem}.request-processing .rp-modal .rp-modal-content .rp-detail-sections{display:flex;flex-direction:column;gap:1.5rem}.request-processing .rp-modal .rp-modal-content .rp-detail-section h4{margin:0 0 1rem;font-size:1.1rem;color:var(--text-color);border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-detail-grid .rp-detail-item{display:flex;flex-direction:column;gap:.25rem}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-detail-grid .rp-detail-item label{font-weight:600;font-size:.9rem;color:var(--text-secondary)}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-detail-grid .rp-detail-item span{font-size:.95rem;color:var(--text-color)}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-detail-grid .rp-detail-item select{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;font-size:.9rem;background:var(--input-bg);color:#000}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-detail-grid .rp-detail-item select:focus{outline:none;border-color:var(--color-primary)}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-action-notes{display:flex;flex-direction:column;gap:.5rem}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-action-notes label{font-weight:600;font-size:.9rem;color:var(--text-secondary)}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-action-notes textarea{padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-family:inherit;resize:vertical;background:var(--input-bg);color:#000}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-action-notes textarea:focus{outline:none;border-color:var(--color-primary)}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-rejection-reason{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding:1rem;background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:8px;animation:slideDown .3s ease-out}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-rejection-reason label{font-weight:600;font-size:.9rem;color:var(--text-color)}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-rejection-reason label .required{color:var(--color-danger)}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-rejection-reason textarea{padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-family:inherit;resize:vertical;background:var(--input-bg);color:#000;transition:border-color .2s ease}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-rejection-reason textarea:focus{outline:none;border-color:var(--color-primary)}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-rejection-reason textarea.required-field{border-color:var(--color-danger)}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-rejection-reason .field-warning{color:var(--color-danger);font-size:.8rem;font-weight:500}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-rejection-reason .rejection-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-rejection-reason .rejection-actions .rp-btn-secondary{background:#6c757d;color:var(--color-white);border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-rejection-reason .rejection-actions .rp-btn-secondary:hover{background:#5a6268}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-rejection-reason .rejection-actions .rp-btn-confirm-reject{background:var(--color-danger);color:var(--color-white);border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-rejection-reason .rejection-actions .rp-btn-confirm-reject:hover:not(:disabled){background:#bb2d3b}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-rejection-reason .rejection-actions .rp-btn-confirm-reject:disabled{background:var(--color-gray-400);cursor:not-allowed;opacity:.6}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-file-attachment{display:flex;flex-direction:column;gap:.5rem}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-file-attachment label{font-weight:600;font-size:.9rem;color:var(--text-secondary)}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-file-attachment .file-input-wrapper{position:relative;display:inline-block;width:100%}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-file-attachment .file-input{width:100%;height:40px;opacity:0;position:absolute;top:0;left:0;cursor:pointer}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-file-attachment .file-label{display:inline-block;padding:.5rem 1rem;background:var(--color-primary);color:var(--color-white);font-size:.9rem;border-radius:4px;cursor:pointer;transition:background .3s}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-file-attachment .file-label:hover{background:hsl(var(--color-primary-hsl),.9)}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-file-attachment .file-list{list-style:none;padding:.5rem 0;margin:0}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-file-attachment .file-item{display:flex;justify-content:space-between;align-items:center;background:var(--color-gray-100);border:1px solid var(--border-color);padding:.5rem .75rem;border-radius:6px;margin-top:.5rem}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-file-attachment .remove-btn{background:transparent;border:none;color:var(--color-danger);font-size:1rem;cursor:pointer;transition:color .2s}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-file-attachment .remove-btn:hover{color:#a71d2a}.request-processing .rp-modal .rp-modal-content .rp-detail-section .rp-file-attachment .file-hint{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem;display:block}.request-processing .rp-modal .rp-modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-color);background:var(--color-gray-100);border-bottom-left-radius:12px;border-bottom-right-radius:12px}.request-processing .rp-modal .rp-modal-footer button{padding:.75rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;min-width:120px}.request-processing .rp-modal .rp-modal-footer button:disabled{opacity:.6;cursor:not-allowed}.request-processing .rp-modal .rp-modal-footer button.rp-btn-secondary{background:#6c757d;color:var(--color-white)}.request-processing .rp-modal .rp-modal-footer button.rp-btn-secondary:hover:not(:disabled){background:#5a6268}.request-processing .rp-modal .rp-modal-footer button.rp-btn-reject{background:var(--color-danger);color:var(--color-white)}.request-processing .rp-modal .rp-modal-footer button.rp-btn-reject:hover:not(:disabled){background:#bb2d3b}.request-processing .rp-modal .rp-modal-footer button.rp-btn-approve{background:var(--color-success);color:var(--color-white)}.request-processing .rp-modal .rp-modal-footer button.rp-btn-approve:hover:not(:disabled){background:#157347}.request-processing .rp-modal .rp-modal-footer button.rp-btn-pending{background:var(--color-gray-400);color:var(--color-white);cursor:not-allowed}.request-processing .rp-confirmation-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.request-processing .rp-confirmation-modal{background:var(--form-bg);border-radius:8px;padding:0;width:90%;max-width:500px;box-shadow:var(--card-shadow);border:var(--card-border)}.request-processing .rp-confirmation-header{padding:20px;border-bottom:1px solid var(--border-color)}.request-processing .rp-confirmation-header h3{margin:0;color:var(--text-color)}.request-processing .rp-confirmation-content{padding:20px}.request-processing .rp-confirmation-content p{margin:0;line-height:1.5;color:var(--text-secondary)}.request-processing .rp-confirmation-footer{padding:20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:10px}.request-processing .rp-btn-cancel{background:#6c757d;color:var(--color-white);border:none;padding:10px 20px;border-radius:4px;cursor:pointer;transition:all .2s ease}.request-processing .rp-btn-cancel:hover{background:#5a6268}.request-processing .rp-btn-confirm-approve{background:var(--color-success);color:var(--color-white);border:none;padding:10px 20px;border-radius:4px;cursor:pointer;transition:all .2s ease}.request-processing .rp-btn-confirm-approve:hover{background:#157347}.request-processing .rp-btn-confirm-reject{background:var(--color-danger);color:var(--color-white);border:none;padding:10px 20px;border-radius:4px;cursor:pointer;transition:all .2s ease}.request-processing .rp-btn-confirm-reject:hover{background:#bb2d3b}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:968px){.request-processing .rp-table-container{overflow-x:auto}.request-processing .rp-table-container .rp-table{min-width:800px}.request-processing .rp-filter-panel .filter-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media(max-width:768px){.request-processing{padding:1rem}.request-processing .rp-header .rp-actions{flex-direction:column;align-items:stretch}.request-processing .rp-header .rp-actions .rp-search{min-width:auto}.request-processing .rp-filter-panel{padding:1rem}.request-processing .rp-filter-panel .filter-header{flex-direction:column;align-items:flex-start;gap:1rem}.request-processing .rp-filter-panel .filter-header .reset-filters{align-self:stretch;text-align:center}.request-processing .rp-filter-panel .filter-grid{grid-template-columns:1fr}.request-processing .rp-tabs{overflow-x:auto;white-space:nowrap}.request-processing .rp-tabs button{padding:.75rem 1rem}.request-processing .rp-modal{margin:1rem;max-height:calc(100vh - 2rem)}.request-processing .rp-modal .rp-modal-content{padding:1rem}.request-processing .rp-modal .rp-modal-footer{flex-direction:column;gap:.75rem}.request-processing .rp-modal .rp-modal-footer button{width:100%}.request-processing .rp-modal .rp-rejection-reason .rejection-actions{flex-direction:column;gap:.5rem}.request-processing .rp-modal .rp-rejection-reason .rejection-actions button{width:100%}.request-processing .rp-detail-grid{grid-template-columns:1fr!important}.request-processing .rp-confirmation-footer{flex-direction:column;gap:.5rem}.request-processing .rp-confirmation-footer button{width:100%}}@media(max-width:1200px){.request-processing .rp-filter-panel .filter-grid{grid-template-columns:repeat(2,1fr)}.request-processing .rp-filter-panel .filter-grid .filter-group:nth-child(1){grid-column:span 2}}@media(max-width:768px){.request-processing .rp-filter-panel{padding:1rem}.request-processing .rp-filter-panel .filter-header{flex-direction:column;align-items:flex-start;gap:1rem}.request-processing .rp-filter-panel .filter-header .reset-filters{align-self:stretch;text-align:center}.request-processing .rp-filter-panel .filter-grid{grid-template-columns:1fr}.request-processing .rp-filter-panel .filter-grid .filter-group:nth-child(1){grid-column:span 1}.request-processing .rp-filter-panel .filter-grid .date-range{grid-template-columns:1fr;gap:.5rem}.request-processing .rp-filter-panel .filter-grid .date-range span{display:none}}.census-data{padding:1.5rem 2rem;font-family:Inter,sans-serif;background:var(--page-bg);color:var(--text-color);min-height:100vh}.census-data .cd-header{margin-bottom:1.5rem}.census-data .cd-header h2{font-size:1.75rem;color:var(--color-primary);margin-bottom:.25rem}.census-data .cd-header p{font-size:.95rem;color:var(--text-secondary)}.census-data .cd-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.census-data .cd-summary-cards .cd-card{background:var(--form-bg);border-radius:12px;box-shadow:var(--card-shadow);padding:1.2rem;text-align:center;border:var(--card-border)}.census-data .cd-summary-cards .cd-card h3{font-size:1.6rem;font-weight:700;margin-bottom:.3rem;color:var(--text-color)}.census-data .cd-summary-cards .cd-card p{font-size:.9rem;color:var(--text-secondary)}.census-data .cd-summary-cards .cd-card.total{border-top:5px solid var(--color-success)}.census-data .cd-summary-cards .cd-card.male{border-top:5px solid #219ebc}.census-data .cd-summary-cards .cd-card.female{border-top:5px solid #ff69b4}.census-data .cd-summary-cards .cd-card.others{border-top:5px solid #ffb703}.census-data .cd-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:2rem}.census-data .cd-charts .cd-chart-card{background:var(--form-bg);border-radius:12px;padding:1.2rem;box-shadow:var(--card-shadow);border:var(--card-border)}.census-data .cd-charts .cd-chart-card h4{margin-bottom:.75rem;font-size:1rem;color:var(--color-primary)}.census-data .cd-tables{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.census-data .cd-tables .cd-table{background:var(--form-bg);border-radius:12px;padding:1.2rem;box-shadow:var(--card-shadow);border:var(--card-border)}.census-data .cd-tables .cd-table h4{margin-bottom:.75rem;font-size:1rem;color:var(--color-primary)}.census-data .cd-tables .cd-table table{width:100%;border-collapse:collapse}.census-data .cd-tables .cd-table table th,.census-data .cd-tables .cd-table table td{padding:.6rem;text-align:left;font-size:.9rem;color:var(--text-color)}.census-data .cd-tables .cd-table table th{background:var(--color-gray-100);font-weight:600;border-bottom:1px solid var(--border-color)}.census-data .cd-tables .cd-table table td{border-bottom:1px solid var(--border-color)}.census-data .cd-tables .cd-table table tr:hover{background:var(--hover-bg)}.census-data .cd-loading,.census-data .cd-empty{text-align:center;font-size:1.1rem;color:var(--text-secondary);margin-top:3rem;background:var(--form-bg);padding:2rem;border-radius:12px;box-shadow:var(--card-shadow);border:var(--card-border)}@media(max-width:768px){.census-data{padding:1rem}.census-data .cd-header h2{font-size:1.4rem}.census-data .cd-summary-cards{grid-template-columns:1fr 1fr}}.create-announcement-page{padding:2rem;max-width:1200px;margin:0 auto;font-family:Inter,sans-serif;color:var(--text-color);background-color:var(--page-bg)}.create-announcement-page .back-button{display:inline-flex;align-items:center;gap:.5rem;background:#6c757d;color:var(--color-white);border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.95rem;transition:all .2s ease;margin-bottom:2rem}.create-announcement-page .back-button:hover{background:#5a6268}.create-announcement-page .back-button .back-arrow{font-size:1.2rem}.create-announcement-page .create-announcement-header{margin-bottom:2rem}.create-announcement-page .create-announcement-header h1{font-size:2.5rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color)}.create-announcement-page .create-announcement-header p{font-size:1.1rem;color:var(--text-secondary);line-height:1.5}.create-announcement-page .announcement-form-container{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}@media(max-width:968px){.create-announcement-page .announcement-form-container{grid-template-columns:1fr;gap:2rem}}.create-announcement-page .announcement-form{background:var(--form-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem;box-shadow:var(--card-shadow)}.create-announcement-page .announcement-form .form-group{margin-bottom:2rem}.create-announcement-page .announcement-form .form-group .form-label{display:block;font-weight:600;margin-bottom:.75rem;color:var(--text-color);font-size:1rem}.create-announcement-page .announcement-form .form-group .form-input,.create-announcement-page .announcement-form .form-group .form-textarea{width:100%;padding:1rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .2s ease;font-family:inherit;background:var(--input-bg);color:#000}.create-announcement-page .announcement-form .form-group .form-input:focus,.create-announcement-page .announcement-form .form-group .form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1c91261a}.create-announcement-page .announcement-form .form-group .form-input::placeholder,.create-announcement-page .announcement-form .form-group .form-textarea::placeholder{color:var(--text-secondary)}.create-announcement-page .announcement-form .form-group .form-textarea{resize:vertical;min-height:150px;line-height:1.5}.create-announcement-page .announcement-form .form-group .input-hint{font-size:.85rem;color:var(--text-secondary);margin-top:.5rem;font-style:italic}.create-announcement-page .announcement-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}@media(max-width:768px){.create-announcement-page .announcement-form .form-actions{flex-direction:column}}.create-announcement-page .announcement-form .form-actions .btn-secondary,.create-announcement-page .announcement-form .form-actions .btn-primary{padding:1rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:150px}@media(max-width:768px){.create-announcement-page .announcement-form .form-actions .btn-secondary,.create-announcement-page .announcement-form .form-actions .btn-primary{width:100%}}.create-announcement-page .announcement-form .form-actions .btn-secondary{background:#6c757d;color:var(--color-white)}.create-announcement-page .announcement-form .form-actions .btn-secondary:hover{background:#5a6268}.create-announcement-page .announcement-form .form-actions .btn-primary{background:var(--color-success);color:var(--color-white)}.create-announcement-page .announcement-form .form-actions .btn-primary:hover{background:#157347}.create-announcement-page .announcement-form .form-actions .btn-primary:disabled{background:var(--color-gray-400);cursor:not-allowed}.create-announcement-page .announcement-preview{background:var(--form-bg);border:1px solid var(--border-color);border-radius:12px;padding:2rem;box-shadow:var(--card-shadow);position:sticky;top:2rem}.create-announcement-page .announcement-preview h3{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-color);text-align:center}.create-announcement-page .announcement-preview .preview-card{border:2px dashed var(--border-color);border-radius:12px;padding:1.5rem;background:var(--color-gray-100)}.create-announcement-page .announcement-preview .preview-card .preview-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.create-announcement-page .announcement-preview .preview-card .preview-header .preview-icon{font-size:1.5rem;flex-shrink:0;color:var(--color-primary)}.create-announcement-page .announcement-preview .preview-card .preview-header .preview-title-section{flex:1}.create-announcement-page .announcement-preview .preview-card .preview-header .preview-title-section .preview-title{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--text-color);line-height:1.3}.create-announcement-page .announcement-preview .preview-card .preview-header .preview-title-section .preview-date{font-size:.9rem;color:var(--text-secondary)}.create-announcement-page .announcement-preview .preview-card .preview-body p{margin:0;color:var(--text-color);line-height:1.6;font-size:.95rem}.create-announcement-page .announcement-preview .preview-card .preview-type{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.create-announcement-page .announcement-preview .preview-card .preview-type .type-badge{background:var(--color-info-bg, #e3f2fd);color:var(--color-info);padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500;text-transform:lowercase}@media(max-width:768px){.create-announcement-page{padding:1rem}.create-announcement-page .create-announcement-header h1{font-size:2rem}.create-announcement-page .create-announcement-header p{font-size:1rem}.create-announcement-page .announcement-form,.create-announcement-page .announcement-preview{padding:1.5rem}}@media(max-width:480px){.create-announcement-page .create-announcement-header h1{font-size:1.75rem}.create-announcement-page .announcement-form,.create-announcement-page .announcement-preview{padding:1rem}}.create-announcement-page .existing-announcements-section{margin-top:3rem;padding-top:2rem;border-top:2px solid var(--border-color)}.create-announcement-page .existing-announcements-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.create-announcement-page .existing-announcements-section .section-header h2{font-size:1.75rem;font-weight:600;color:var(--text-color);margin:0}.create-announcement-page .existing-announcements-section .section-header .btn-refresh{background:var(--color-info);color:var(--color-white);border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s ease}.create-announcement-page .existing-announcements-section .section-header .btn-refresh:hover:not(:disabled){background:var(--color-info-dark);opacity:.9}.create-announcement-page .existing-announcements-section .section-header .btn-refresh:disabled{background:var(--color-gray-400);cursor:not-allowed}.create-announcement-page .existing-announcements-section .loading-state,.create-announcement-page .existing-announcements-section .empty-state{text-align:center;padding:3rem;background:var(--form-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary)}.create-announcement-page .existing-announcements-section .announcements-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}@media(max-width:768px){.create-announcement-page .existing-announcements-section .announcements-grid{grid-template-columns:1fr}}.create-announcement-page .existing-announcements-section .announcement-card{background:var(--form-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:var(--card-shadow);transition:all .2s ease}.create-announcement-page .existing-announcements-section .announcement-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.create-announcement-page .existing-announcements-section .announcement-card .announcement-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.create-announcement-page .existing-announcements-section .announcement-card .announcement-header .announcement-icon{font-size:1.5rem;flex-shrink:0}.create-announcement-page .existing-announcements-section .announcement-card .announcement-header .announcement-title-section{flex:1}.create-announcement-page .existing-announcements-section .announcement-card .announcement-header .announcement-title-section .announcement-title{font-size:1.1rem;font-weight:600;margin:0 0 .5rem;color:var(--text-color);line-height:1.3}.create-announcement-page .existing-announcements-section .announcement-card .announcement-header .announcement-title-section .announcement-date,.create-announcement-page .existing-announcements-section .announcement-card .announcement-header .announcement-title-section .announcement-updated{display:block;font-size:.8rem;color:var(--text-secondary)}.create-announcement-page .existing-announcements-section .announcement-card .announcement-header .announcement-title-section .announcement-updated{font-style:italic}.create-announcement-page .existing-announcements-section .announcement-card .announcement-header .announcement-actions{display:flex;align-items:center;gap:.5rem}.create-announcement-page .existing-announcements-section .announcement-card .announcement-header .announcement-actions .status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500}.create-announcement-page .existing-announcements-section .announcement-card .announcement-header .announcement-actions .status-badge.status-active{background:var(--color-success-bg);color:var(--color-success)}.create-announcement-page .existing-announcements-section .announcement-card .announcement-header .announcement-actions .status-badge.status-inactive{background:var(--color-gray-200);color:var(--text-secondary)}.create-announcement-page .existing-announcements-section .announcement-card .announcement-header .announcement-actions .btn-delete{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:4px;transition:all .2s ease;font-size:1.1rem;color:var(--text-secondary)}.create-announcement-page .existing-announcements-section .announcement-card .announcement-header .announcement-actions .btn-delete:hover{background:var(--color-danger-bg);color:var(--color-danger);transform:scale(1.1)}.create-announcement-page .existing-announcements-section .announcement-card .announcement-body{margin-bottom:1rem}.create-announcement-page .existing-announcements-section .announcement-card .announcement-body p{margin:0;color:var(--text-color);line-height:1.5;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.create-announcement-page .existing-announcements-section .announcement-card .announcement-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border-color);font-size:.8rem}.create-announcement-page .existing-announcements-section .announcement-card .announcement-footer .announcement-type{color:var(--text-secondary)}.create-announcement-page .existing-announcements-section .announcement-card .announcement-footer .announcement-type .type-tag{background:var(--color-info);color:var(--color-white);padding:.2rem .6rem;border-radius:10px;font-weight:500;text-transform:lowercase;font-size:.75rem}.create-announcement-page .existing-announcements-section .announcement-card .announcement-footer .announcement-author{color:var(--text-secondary);font-style:italic}.create-announcement-page .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.create-announcement-page .modal-overlay .modal-content{background:var(--form-bg);border-radius:12px;padding:2rem;max-width:500px;width:100%;box-shadow:var(--card-shadow);border:var(--card-border)}.create-announcement-page .modal-overlay .modal-content .modal-header{margin-bottom:1.5rem}.create-announcement-page .modal-overlay .modal-content .modal-header h3{font-size:1.5rem;font-weight:600;color:var(--text-color);margin:0}.create-announcement-page .modal-overlay .modal-content .modal-body{text-align:center;margin-bottom:2rem}.create-announcement-page .modal-overlay .modal-content .modal-body .warning-icon{font-size:3rem;margin-bottom:1rem;color:var(--color-warning)}.create-announcement-page .modal-overlay .modal-content .modal-body p{margin:.5rem 0;color:var(--text-color);line-height:1.5}.create-announcement-page .modal-overlay .modal-content .modal-body .announcement-title-to-delete{font-weight:600;font-size:1.1rem;color:var(--color-danger);background:var(--color-danger-bg);padding:.75rem;border-radius:8px;margin:1rem 0;border:1px solid var(--color-danger)}.create-announcement-page .modal-overlay .modal-content .modal-body .warning-text{color:var(--color-danger);font-weight:500;background:var(--color-danger-bg);padding:.75rem;border-radius:6px;border:1px solid transparent}.create-announcement-page .modal-overlay .modal-content .modal-actions{display:flex;gap:1rem;justify-content:flex-end}@media(max-width:480px){.create-announcement-page .modal-overlay .modal-content .modal-actions{flex-direction:column}}.create-announcement-page .modal-overlay .modal-content .modal-actions .btn-cancel,.create-announcement-page .modal-overlay .modal-content .modal-actions .btn-confirm-delete{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px}@media(max-width:480px){.create-announcement-page .modal-overlay .modal-content .modal-actions .btn-cancel,.create-announcement-page .modal-overlay .modal-content .modal-actions .btn-confirm-delete{width:100%}}.create-announcement-page .modal-overlay .modal-content .modal-actions .btn-cancel{background:var(--color-gray-300);color:var(--text-color)}.create-announcement-page .modal-overlay .modal-content .modal-actions .btn-cancel:hover:not(:disabled){background:var(--color-gray-400)}.create-announcement-page .modal-overlay .modal-content .modal-actions .btn-cancel:disabled{background:var(--color-gray-200);cursor:not-allowed}.create-announcement-page .modal-overlay .modal-content .modal-actions .btn-confirm-delete{background:var(--color-danger);color:var(--color-white)}.create-announcement-page .modal-overlay .modal-content .modal-actions .btn-confirm-delete:hover:not(:disabled){background:var(--color-logout-hover);transform:translateY(-1px)}.create-announcement-page .modal-overlay .modal-content .modal-actions .btn-confirm-delete:disabled{background:var(--color-gray-400);cursor:not-allowed}@media(max-width:768px){.create-announcement-page .existing-announcements-section{margin-top:2rem;padding-top:1.5rem}.create-announcement-page .existing-announcements-section .section-header{flex-direction:column;gap:1rem;align-items:flex-start}.create-announcement-page .existing-announcements-section .section-header .btn-refresh{align-self:flex-end}.create-announcement-page .existing-announcements-section .announcements-grid{grid-template-columns:1fr}.create-announcement-page .existing-announcements-section .announcement-card{padding:1rem}.create-announcement-page .existing-announcements-section .announcement-card .announcement-header{flex-direction:column;gap:.75rem}.create-announcement-page .existing-announcements-section .announcement-card .announcement-header .announcement-actions{align-self:flex-end;width:100%;justify-content:space-between}.create-announcement-page .existing-announcements-section .announcement-card .announcement-footer{flex-direction:column;gap:.5rem;align-items:flex-start}.create-announcement-page .modal-overlay{padding:.5rem}.create-announcement-page .modal-overlay .modal-content{padding:1.5rem;margin:1rem}}@media(max-width:480px){.create-announcement-page .existing-announcements-section .announcement-card .announcement-header .announcement-actions{flex-direction:column;gap:.5rem;align-items:flex-end}}.dashboard .db-cards .db-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0000000d;position:relative;display:flex;flex-direction:column;justify-content:center;min-height:120px}.dashboard .db-cards .db-card h4{font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:.25rem;line-height:1}.dashboard .db-cards .db-card p{font-size:.95rem;color:var(--text-color);margin-bottom:.5rem;line-height:1.3}.dashboard .db-cards .db-card .alert-indicator{background:hsla(var(--color-danger-hsl),.1);color:var(--color-danger);font-size:.75rem;padding:.25rem .5rem;border-radius:12px;display:inline-block;margin-top:.5rem;line-height:1.2}.dashboard .quick-actions-section{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.dashboard .quick-actions-section h4{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--text-color)}.dashboard .quick-actions-section .action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.dashboard .quick-actions-section .action-buttons .action-btn{background:var(--hover-bg);border:1px solid var(--color-success);color:var(--color-primary);padding:1rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:.95rem}.dashboard .quick-actions-section .action-buttons .action-btn:hover{background:var(--color-success);color:var(--color-white);transform:translateY(-1px);box-shadow:0 4px 8px hsla(var(--color-success-hsl),.2)}.dashboard .quick-actions-section .action-buttons .action-btn:active{transform:translateY(0)}.dashboard .db-empty{text-align:center;padding:2rem;color:var(--text-secondary);font-size:.95rem;background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px}@media(max-width:768px){.dashboard{padding:1rem}.dashboard .db-header h3{font-size:1.5rem}.dashboard .db-cards{grid-template-columns:1fr;gap:.75rem}.dashboard .db-cards .db-card{padding:1.25rem;min-height:110px}.dashboard .db-cards .db-card h4{font-size:1.75rem}.dashboard .quick-actions-section{padding:1rem}.dashboard .quick-actions-section .action-buttons{grid-template-columns:1fr;gap:.75rem}.dashboard .quick-actions-section .action-buttons .action-btn{padding:.875rem;font-size:.9rem}}@media(max-width:480px){.dashboard{padding:.75rem}.dashboard .db-header{margin-bottom:1.5rem}.dashboard .db-header h3{font-size:1.25rem}.dashboard .db-cards .db-card{padding:1rem;min-height:100px}.dashboard .db-cards .db-card h4{font-size:1.5rem}.dashboard .db-cards .db-card p{font-size:.9rem}.dashboard .db-cards .db-card .alert-indicator{font-size:.7rem;margin-top:.25rem}.dashboard .quick-actions-section{padding:.75rem}.dashboard .quick-actions-section h4{font-size:1.1rem}.dashboard .quick-actions-section .action-buttons .action-btn{padding:.75rem;font-size:.85rem}}.treasurer-dashboard{padding:2rem;background-color:var(--page-bg);color:var(--text-color);min-height:100vh}.treasurer-dashboard h1{font-size:2rem;font-weight:600;margin-bottom:1rem}.treasurer-dashboard p{font-size:1rem;color:var(--text-secondary)}.dashboard .db-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem}.dashboard .db-cards .db-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0000000d;position:relative}.dashboard .db-cards .db-card:hover{border-color:var(--color-success);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.dashboard .db-cards .db-card p{font-size:.95rem;color:var(--text-color);margin-bottom:.5rem}.dashboard .db-cards .db-card .alert-indicator{background:hsla(var(--color-danger-hsl),.1);color:var(--color-danger);font-size:.75rem;padding:.25rem .5rem;border-radius:12px;display:inline-block}.dashboard .db-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.dashboard .db-tabs button{background:none;border:none;padding:.75rem 1.5rem;cursor:pointer;font-size:.95rem;color:var(--text-secondary);position:relative}.dashboard .db-tabs button.active{color:var(--color-primary);font-weight:500}.dashboard .db-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--color-primary)}.dashboard .db-tabs button:hover{color:var(--color-primary)}.dashboard .db-tab-content .overview-tab .overview-section{margin-bottom:2rem}.dashboard .db-tab-content .overview-tab .overview-section h4{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.dashboard .db-tab-content .overview-tab .overview-section .action-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.dashboard .db-tab-content .overview-tab .overview-section .action-buttons .action-btn{background:var(--hover-bg);border:1px solid var(--color-success);color:var(--color-primary);padding:1rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.dashboard .db-tab-content .overview-tab .overview-section .action-buttons .action-btn:hover{background:var(--color-success);color:var(--color-white)}.dashboard .db-tab-content .activity-tab h4,.dashboard .db-tab-content .priority-tab h4{font-size:1.2rem;font-weight:600;margin-bottom:1rem}.dashboard .db-tab-content .activity-tab .activity-list,.dashboard .db-tab-content .activity-tab .priority-list,.dashboard .db-tab-content .priority-tab .activity-list,.dashboard .db-tab-content .priority-tab .priority-list{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.dashboard .db-tab-content .activity-tab .activity-list .activity-item,.dashboard .db-tab-content .activity-tab .activity-list .priority-item,.dashboard .db-tab-content .activity-tab .priority-list .activity-item,.dashboard .db-tab-content .activity-tab .priority-list .priority-item,.dashboard .db-tab-content .priority-tab .activity-list .activity-item,.dashboard .db-tab-content .priority-tab .activity-list .priority-item,.dashboard .db-tab-content .priority-tab .priority-list .activity-item,.dashboard .db-tab-content .priority-tab .priority-list .priority-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border-color)}.dashboard .db-tab-content .activity-tab .activity-list .activity-item:last-child,.dashboard .db-tab-content .activity-tab .activity-list .priority-item:last-child,.dashboard .db-tab-content .activity-tab .priority-list .activity-item:last-child,.dashboard .db-tab-content .activity-tab .priority-list .priority-item:last-child,.dashboard .db-tab-content .priority-tab .activity-list .activity-item:last-child,.dashboard .db-tab-content .priority-tab .activity-list .priority-item:last-child,.dashboard .db-tab-content .priority-tab .priority-list .activity-item:last-child,.dashboard .db-tab-content .priority-tab .priority-list .priority-item:last-child{border-bottom:none}.dashboard .db-tab-content .activity-tab .activity-list .activity-item .activity-details,.dashboard .db-tab-content .activity-tab .priority-list .activity-item .activity-details,.dashboard .db-tab-content .priority-tab .activity-list .activity-item .activity-details,.dashboard .db-tab-content .priority-tab .priority-list .activity-item .activity-details{display:flex;flex-direction:column}.dashboard .db-tab-content .activity-tab .activity-list .activity-item .activity-details .activity-action,.dashboard .db-tab-content .activity-tab .priority-list .activity-item .activity-details .activity-action,.dashboard .db-tab-content .priority-tab .activity-list .activity-item .activity-details .activity-action,.dashboard .db-tab-content .priority-tab .priority-list .activity-item .activity-details .activity-action{font-weight:500;margin-bottom:.25rem}.dashboard .db-tab-content .activity-tab .activity-list .activity-item .activity-details .activity-citizen,.dashboard .db-tab-content .activity-tab .priority-list .activity-item .activity-details .activity-citizen,.dashboard .db-tab-content .priority-tab .activity-list .activity-item .activity-details .activity-citizen,.dashboard .db-tab-content .priority-tab .priority-list .activity-item .activity-details .activity-citizen{font-size:.85rem;color:var(--text-secondary)}.dashboard .db-tab-content .activity-tab .activity-list .activity-item .activity-time,.dashboard .db-tab-content .activity-tab .priority-list .activity-item .activity-time,.dashboard .db-tab-content .priority-tab .activity-list .activity-item .activity-time,.dashboard .db-tab-content .priority-tab .priority-list .activity-item .activity-time{color:var(--text-secondary);font-size:.85rem}.dashboard .db-tab-content .activity-tab .activity-list .priority-item .priority-type,.dashboard .db-tab-content .activity-tab .priority-list .priority-item .priority-type,.dashboard .db-tab-content .priority-tab .activity-list .priority-item .priority-type,.dashboard .db-tab-content .priority-tab .priority-list .priority-item .priority-type{font-weight:500;width:100px}.dashboard .db-tab-content .activity-tab .activity-list .priority-item .priority-citizen,.dashboard .db-tab-content .activity-tab .priority-list .priority-item .priority-citizen,.dashboard .db-tab-content .priority-tab .activity-list .priority-item .priority-citizen,.dashboard .db-tab-content .priority-tab .priority-list .priority-item .priority-citizen{flex:1}.dashboard .db-tab-content .activity-tab .activity-list .priority-item .priority-days,.dashboard .db-tab-content .activity-tab .priority-list .priority-item .priority-days,.dashboard .db-tab-content .priority-tab .activity-list .priority-item .priority-days,.dashboard .db-tab-content .priority-tab .priority-list .priority-item .priority-days{font-size:.9rem;margin-right:1rem}.dashboard .db-tab-content .activity-tab .activity-list .priority-item .priority-days.overdue,.dashboard .db-tab-content .activity-tab .priority-list .priority-item .priority-days.overdue,.dashboard .db-tab-content .priority-tab .activity-list .priority-item .priority-days.overdue,.dashboard .db-tab-content .priority-tab .priority-list .priority-item .priority-days.overdue{color:var(--color-danger);font-weight:500}.dashboard .db-tab-content .activity-tab .activity-list .priority-item .resolve-btn,.dashboard .db-tab-content .activity-tab .priority-list .priority-item .resolve-btn,.dashboard .db-tab-content .priority-tab .activity-list .priority-item .resolve-btn,.dashboard .db-tab-content .priority-tab .priority-list .priority-item .resolve-btn{background:var(--color-primary);color:var(--color-white);border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem}.dashboard .db-tab-content .activity-tab .activity-list .priority-item .resolve-btn:hover,.dashboard .db-tab-content .activity-tab .priority-list .priority-item .resolve-btn:hover,.dashboard .db-tab-content .priority-tab .activity-list .priority-item .resolve-btn:hover,.dashboard .db-tab-content .priority-tab .priority-list .priority-item .resolve-btn:hover{background:var(--color-success)}.dashboard .db-empty{text-align:center;padding:2rem;color:var(--text-secondary);font-size:.95rem}@media(max-width:768px){.dashboard{padding:1rem}.dashboard .db-cards{grid-template-columns:1fr}.dashboard .db-tabs{overflow-x:auto;white-space:nowrap}.dashboard .db-tabs button{padding:.75rem 1rem}.dashboard .db-tab-content .overview-tab .action-buttons{grid-template-columns:1fr}.dashboard .db-tab-content .activity-item,.dashboard .db-tab-content .priority-item{flex-direction:column;align-items:flex-start!important}.dashboard .db-tab-content .activity-item .activity-time,.dashboard .db-tab-content .priority-item .activity-time{margin-top:.5rem;align-self:flex-end}.dashboard .db-tab-content .activity-item .priority-days,.dashboard .db-tab-content .activity-item .resolve-btn,.dashboard .db-tab-content .priority-item .priority-days,.dashboard .db-tab-content .priority-item .resolve-btn{margin-top:.5rem}.dashboard .db-tab-content .activity-item .resolve-btn,.dashboard .db-tab-content .priority-item .resolve-btn{align-self:flex-end}}.notifications{padding:2rem;font-family:Inter,sans-serif;color:#1c1c1c}.notifications .notifications-header{margin-bottom:2rem}.notifications .notifications-header .notifications-title{margin-bottom:1.5rem}.notifications .notifications-header .notifications-title h4{font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.notifications .notifications-header .notifications-title p{font-size:.95rem;color:#555;max-width:700px;line-height:1.5}.notifications .notifications-header .notifications-actions .notifications-new-btn{background:#1c9126;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:background .2s ease}.notifications .notifications-header .notifications-actions .notifications-new-btn:hover{background:#166b1d}.notifications .notifications-tabs{display:flex;border-bottom:1px solid #e0e0e0;margin-bottom:1.5rem}.notifications .notifications-tabs button{background:none;border:none;padding:.75rem 1.5rem;cursor:pointer;font-size:.95rem;color:#666;position:relative}.notifications .notifications-tabs button.active{color:#1c9126;font-weight:500}.notifications .notifications-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#1c9126}.notifications .notifications-tabs button:hover{color:#1c9126}.notifications .notifications-content .notifications-empty{text-align:center;padding:3rem;background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d}.notifications .notifications-content .notifications-empty h5{font-size:1.2rem;margin-bottom:.5rem;color:#333}.notifications .notifications-content .notifications-empty p{color:#666}.notifications .notifications-content .notifications-list{display:flex;flex-direction:column;gap:1rem}.notifications .notifications-content .notifications-list .notification-item{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:1.5rem;box-shadow:0 2px 6px #0000000d;transition:all .2s ease}.notifications .notifications-content .notifications-list .notification-item:hover{box-shadow:0 4px 12px #0000001a}.notifications .notifications-content .notifications-list .notification-item .notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.notifications .notifications-content .notifications-list .notification-item .notification-header .notification-meta{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.notifications .notifications-content .notifications-list .notification-item .notification-header .notification-meta .notification-type{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:capitalize}.notifications .notifications-content .notifications-list .notification-item .notification-header .notification-meta .notification-type.type-email{background:#e3f2fd;color:#1565c0}.notifications .notifications-content .notifications-list .notification-item .notification-header .notification-meta .notification-type.type-payment{background:#e8f5e9;color:#1c9126}.notifications .notifications-content .notifications-list .notification-item .notification-header .notification-meta .notification-type.type-appointment{background:#fff3e0;color:#ef6c00}.notifications .notifications-content .notifications-list .notification-item .notification-header .notification-meta .notification-type.type-status{background:#f3e5f5;color:#7b1fa2}.notifications .notifications-content .notifications-list .notification-item .notification-header .notification-meta .notification-type.type-reminder{background:#e0f2f1;color:#00796b}.notifications .notifications-content .notifications-list .notification-item .notification-header .notification-meta .notification-recipient{font-weight:500;color:#333}.notifications .notifications-content .notifications-list .notification-item .notification-header .notification-meta .notification-date{font-size:.85rem;color:#666}.notifications .notifications-content .notifications-list .notification-item .notification-header .notification-status .status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.notifications .notifications-content .notifications-list .notification-item .notification-header .notification-status .status-badge.status-sent{background:#e8f5e9;color:#1c9126}.notifications .notifications-content .notifications-list .notification-item .notification-header .notification-status .status-badge.status-pending{background:#fff3e0;color:#ef6c00}.notifications .notifications-content .notifications-list .notification-item .notification-header .notification-status .status-badge.status-failed{background:#ffebee;color:#c62828}.notifications .notifications-content .notifications-list .notification-item .notification-header .notification-status .status-badge.status-draft{background:#f5f5f5;color:#666}.notifications .notifications-content .notifications-list .notification-item .notification-body{margin-bottom:1rem}.notifications .notifications-content .notifications-list .notification-item .notification-body .notification-subject{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;color:#333}.notifications .notifications-content .notifications-list .notification-item .notification-body .notification-message{color:#666;line-height:1.5;margin-bottom:1rem}.notifications .notifications-content .notifications-list .notification-item .notification-body .notification-details{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.notifications .notifications-content .notifications-list .notification-item .notification-body .notification-details .detail-label{font-weight:500;color:#333}.notifications .notifications-content .notifications-list .notification-item .notification-body .notification-details .detail-value{color:#666;text-transform:uppercase}.notifications .notifications-content .notifications-list .notification-item .notification-actions{display:flex;gap:.5rem;flex-wrap:wrap}.notifications .notifications-content .notifications-list .notification-item .notification-actions .notification-btn{padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease}.notifications .notifications-content .notifications-list .notification-item .notification-actions .notification-btn.primary{background:#1c9126;color:#fff;border:none}.notifications .notifications-content .notifications-list .notification-item .notification-actions .notification-btn.primary:hover{background:#166b1d}.notifications .notifications-info{margin-top:2rem;padding:1.5rem;background:#f8f8f8;border-radius:12px}.notifications .notifications-info h5{font-size:1.1rem;margin-bottom:1rem;color:#333}.notifications .notifications-info .notification-types-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.notifications .notifications-info .notification-types-info .type-item{display:flex;align-items:center;gap:.75rem}.notifications .notifications-info .notification-types-info .type-item .type-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.notifications .notifications-info .notification-types-info .type-item .type-dot.email{background:#1565c0}.notifications .notifications-info .notification-types-info .type-item .type-dot.payment{background:#1c9126}.notifications .notifications-info .notification-types-info .type-item .type-dot.appointment{background:#ef6c00}.notifications .notifications-info .notification-types-info .type-item .type-text{font-size:.9rem;color:#555}.notifications .notifications-info .delivery-methods ul{list-style:none;padding:0}.notifications .notifications-info .delivery-methods ul li{margin-bottom:.5rem;padding-left:1rem;position:relative;font-size:.9rem;color:#555}.notifications .notifications-info .delivery-methods ul li:before{content:"•";position:absolute;left:0;color:#1c9126;font-weight:700}.notifications .notifications-info .delivery-methods ul li strong{color:#333}@media(max-width:768px){.notifications{padding:1rem}.notifications .notifications-tabs{overflow-x:auto;white-space:nowrap}.notifications .notifications-tabs button{padding:.75rem 1rem}.notifications .notification-item .notification-header{flex-direction:column;align-items:flex-start!important;gap:1rem}.notifications .notification-item .notification-header .notification-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.notifications .notification-item .notification-actions{flex-direction:column}}@media(max-width:480px){.notifications .notification-item{padding:1rem}.notifications .notification-item .notification-details{flex-direction:column;align-items:flex-start;gap:.5rem}}.register-resident{padding:2rem;font-family:Inter,sans-serif;color:var(--text-color)}.register-resident .rr-header{margin-bottom:2rem}.register-resident .rr-header .rr-header-top .rr-back-btn{background:none;border:none;color:var(--color-success);cursor:pointer;margin-bottom:1rem;font-size:.95rem;font-weight:500;transition:color .2s ease}.register-resident .rr-header .rr-header-top .rr-back-btn:hover{color:var(--color-success);text-decoration:underline}.register-resident .rr-header .rr-header-top h4{font-size:1.75rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color)}.register-resident .rr-header .rr-header-top p{font-size:.95rem;color:var(--text-secondary);max-width:700px;line-height:1.5;margin-bottom:0}.register-resident .required{color:var(--color-danger)}.register-resident .rr-error,.register-resident .rr-success{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.95rem}.register-resident .rr-error{background:var(--color-danger);color:var(--color-danger);border:1px solid var(--color-danger)}.register-resident .rr-success{background:var(--color-success);color:var(--color-success);border:1px solid var(--color-success)}.register-resident .rr-confirm-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.register-resident .rr-confirm-modal .rr-confirm-content{background:var(--bg-color);padding:2rem;border-radius:12px;max-width:400px;width:90%;box-shadow:0 4px 20px #00000026}.register-resident .rr-confirm-modal .rr-confirm-content h5{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--text-color)}.register-resident .rr-confirm-modal .rr-confirm-content p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5}.register-resident .rr-confirm-modal .rr-confirm-content .rr-confirm-actions{display:flex;gap:1rem;justify-content:flex-end}.register-resident .rr-confirm-modal .rr-confirm-content .rr-confirm-actions button{padding:.5rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.register-resident .rr-confirm-modal .rr-confirm-content .rr-confirm-actions .rr-confirm-cancel{background:var(--color-gray-50);color:var(--text-color);border:1px solid var(--border-color)}.register-resident .rr-confirm-modal .rr-confirm-content .rr-confirm-actions .rr-confirm-cancel:hover{background:var(--color-gray-100)}.register-resident .rr-confirm-modal .rr-confirm-content .rr-confirm-actions .rr-confirm-proceed{background:var(--color-danger);color:var(--color-white)}.register-resident .rr-confirm-modal .rr-confirm-content .rr-confirm-actions .rr-confirm-proceed:hover{background:var(--color-danger)}.register-resident .rr-form{background:var(--bg-color);padding:2rem;border-radius:12px;border:1px solid var(--border-color);box-shadow:0 2px 6px #0000000d}.register-resident .rr-form .rr-form-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-gray-200)}.register-resident .rr-form .rr-form-section h5{font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-color)}.register-resident .rr-form .rr-form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.register-resident .rr-form .rr-form-row{display:flex;gap:1rem;margin-bottom:1rem}.register-resident .rr-form .rr-form-row .rr-form-group{flex:1}.register-resident .rr-form .rr-form-group{margin-bottom:1rem}.register-resident .rr-form .rr-form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-color);font-size:.9rem}.register-resident .rr-form .rr-form-group input,.register-resident .rr-form .rr-form-group select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;transition:border-color .2s ease}.register-resident .rr-form .rr-form-group input:disabled,.register-resident .rr-form .rr-form-group select:disabled{background-color:var(--color-gray-50);cursor:not-allowed}.register-resident .rr-form .rr-form-group input:focus,.register-resident .rr-form .rr-form-group select:focus{outline:none;border-color:var(--color-primary)}.register-resident .rr-form .rr-form-group .password-input{position:relative}.register-resident .rr-form .rr-form-group .password-input input{padding-right:2.5rem}.register-resident .rr-form .rr-form-group .password-input .icon-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--color-gray-500);padding:.25rem}.register-resident .rr-form .rr-form-group .password-input .icon-btn:hover{color:var(--text-color)}.register-resident .rr-form .rr-form-group .password-requirements{list-style:none;padding:0;margin:.5rem 0 0;font-size:.8rem}.register-resident .rr-form .rr-form-group .password-requirements li{color:var(--color-gray-500);margin-bottom:.25rem}.register-resident .rr-form .rr-form-group .password-requirements li.valid{color:var(--color-success)}.register-resident .rr-form .rr-form-group .error-message{color:var(--color-danger);font-size:.8rem;margin-top:.25rem;display:block}.register-resident .rr-form .rr-same-address{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.register-resident .rr-form .rr-same-address input[type=checkbox]{width:auto;transform:scale(1.1)}.register-resident .rr-form .rr-same-address label{margin:0;font-weight:500}.register-resident .rr-form .valid-id-requirements{background:var(--color-gray-50);padding:1rem;border-radius:8px;margin-top:.5rem}.register-resident .rr-form .valid-id-requirements p{margin:0 0 .5rem;font-weight:600;font-size:.9rem;color:var(--text-color)}.register-resident .rr-form .valid-id-requirements ul{margin:0;padding-left:1rem;font-size:.85rem;color:var(--text-secondary)}.register-resident .rr-form .valid-id-requirements ul li{margin-bottom:.25rem;line-height:1.4}.register-resident .rr-form .file-preview-list{list-style:none;padding:0;margin:.5rem 0 0}.register-resident .rr-form .file-preview-list li{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--color-gray-50);border-radius:6px;margin-bottom:.5rem;font-size:.85rem}.register-resident .rr-form .file-preview-list li button{background:none;border:none;color:var(--color-danger);cursor:pointer;padding:.25rem;border-radius:3px;transition:background .2s ease}.register-resident .rr-form .file-preview-list li button:hover:not(:disabled){background:var(--color-danger)}.register-resident .rr-form .file-preview-list li button:disabled{opacity:.6;cursor:not-allowed}.register-resident .rr-form .rr-form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-gray-200)}.register-resident .rr-form .rr-form-actions button{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s ease}.register-resident .rr-form .rr-form-actions button:disabled{opacity:.6;cursor:not-allowed}.register-resident .rr-form .rr-form-actions .rr-cancel-btn{background:var(--color-gray-50);color:var(--text-color);border:1px solid var(--border-color)}.register-resident .rr-form .rr-form-actions .rr-cancel-btn:hover:not(:disabled){background:var(--color-gray-100)}.register-resident .rr-form .rr-form-actions .rr-submit-btn{background:var(--color-success);color:var(--color-white)}.register-resident .rr-form .rr-form-actions .rr-submit-btn:hover:not(:disabled){background:var(--color-success)}.register-resident .rr-loading{text-align:center;padding:3rem;background:var(--bg-color);border-radius:12px;box-shadow:0 2px 6px #0000000d}.register-resident .rr-loading h5{font-size:1.2rem;margin-bottom:.5rem;color:var(--text-color)}@media(max-width:768px){.register-resident{padding:1rem}.register-resident .rr-confirm-modal .rr-confirm-content{margin:1rem;width:auto}.register-resident .rr-confirm-modal .rr-confirm-content .rr-confirm-actions{flex-direction:column}.register-resident .rr-confirm-modal .rr-confirm-content .rr-confirm-actions button{width:100%}.register-resident .rr-form{padding:1.5rem}.register-resident .rr-form .rr-form-row{flex-direction:column;gap:0}.register-resident .rr-form .rr-form-actions{flex-direction:column}.register-resident .rr-form .rr-form-actions button{width:100%}}.dashboard{padding:2rem;font-family:Inter,sans-serif;color:var(--text-color)}.dashboard .db-header h3{font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.dashboard .db-loading,.dashboard .db-error{text-align:center;padding:3rem 2rem;background:var(--bg-color);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 2px 6px #0000000d}.dashboard .db-loading p,.dashboard .db-error p{margin:0;color:var(--text-secondary);font-size:1rem}.dashboard .db-error{background:hsla(var(--color-danger-hsl),.1);border-color:var(--color-danger)}.dashboard .db-error p{color:var(--color-danger)}.dashboard .db-cards .db-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #0000000d}.dashboard .db-layout{display:grid;grid-template-columns:1fr 350px;gap:2rem;align-items:start;min-width:0}.dashboard .db-section{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:0 2px 6px #0000000d;min-width:0}.dashboard .db-section .db-section-header{margin-bottom:1rem}.dashboard .db-section .db-section-header h4{font-size:1.2rem;font-weight:600;margin:0}.dashboard .db-sidebar{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.dashboard .db-widget{background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:0 2px 6px #0000000d;min-width:0}.dashboard .db-widget .db-widget-header{margin-bottom:1rem}.dashboard .db-widget .db-widget-header h4{font-size:1.2rem;font-weight:600;margin:0}.dashboard .db-table-wrap{overflow-x:auto;width:100%}.dashboard .db-table-wrap .db-table{width:100%;border-collapse:collapse;table-layout:fixed}.dashboard .db-table-wrap .db-table thead{background:var(--hover-bg)}.dashboard .db-table-wrap .db-table thead th{text-align:left;padding:.75rem;font-size:.9rem;font-weight:600;color:var(--text-color);border-bottom:1px solid var(--border-color)}.dashboard .db-table-wrap .db-table thead th:nth-child(1){width:30%}.dashboard .db-table-wrap .db-table thead th:nth-child(2){width:20%}.dashboard .db-table-wrap .db-table thead th:nth-child(3){width:20%}.dashboard .db-table-wrap .db-table thead th:nth-child(4){width:30%}.dashboard .db-table-wrap .db-table tbody tr{transition:background .2s ease;cursor:pointer}.dashboard .db-table-wrap .db-table tbody tr:hover{background:var(--hover-bg)}.dashboard .db-table-wrap .db-table tbody tr td{padding:.75rem;font-size:.9rem;color:var(--text-color);border-bottom:1px solid var(--border-color);vertical-align:top;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis}.dashboard .db-table-wrap .db-table .db-no-data{text-align:center;color:var(--text-secondary);font-style:italic;padding:2rem}.dashboard .db-action{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize;display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard .db-action-user{background:hsla(var(--color-info-hsl),.1);color:var(--color-info)}.dashboard .db-action-ticket{background:hsla(var(--color-warning-hsl),.1);color:var(--color-warning)}.dashboard .db-action-system{background:hsla(var(--color-success-hsl),.1);color:var(--color-success)}.dashboard .db-action-search,.dashboard .db-action-filter{background:hsla(var(--color-primary-hsl),.1);color:var(--color-primary)}.dashboard .db-entity{font-size:.8rem;color:var(--text-secondary);text-transform:lowercase;display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard .db-distribution-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.dashboard .db-distribution-item:last-child{border-bottom:none}.dashboard .db-distribution-item .db-role{font-weight:500;color:var(--text-color);text-transform:capitalize;flex:1}.dashboard .db-distribution-item .db-count{color:var(--text-secondary);font-size:.9rem;white-space:nowrap}.dashboard .db-note-item{padding:.75rem 0;border-bottom:1px solid var(--border-color)}.dashboard .db-note-item:last-child{border-bottom:none}.dashboard .db-note-item .db-note-title{font-weight:500;color:var(--text-color);margin-bottom:.25rem;font-size:.9rem;line-height:1.3;word-wrap:break-word}.dashboard .db-note-item .db-note-meta{display:flex;gap:.5rem;margin-bottom:.25rem;flex-wrap:wrap}.dashboard .db-note-item .db-note-meta .db-note-system{font-size:.8rem;color:var(--text-secondary);white-space:nowrap}.dashboard .db-note-item .db-note-meta .db-note-status{font-size:.7rem;padding:.15rem .5rem;border-radius:8px;background:hsla(var(--color-success-hsl),.1);color:var(--color-success);text-transform:uppercase;font-weight:500;white-space:nowrap}.dashboard .db-note-item .db-note-time{font-size:.75rem;color:var(--text-secondary)}.dashboard .db-stat-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.dashboard .db-stat-item:last-child{border-bottom:none}.dashboard .db-stat-item span:first-child{color:var(--text-secondary);font-size:.9rem;flex:1}.dashboard .db-stat-item span:last-child{font-weight:600;color:var(--text-color);font-size:.9rem;white-space:nowrap}.dashboard .db-status,.dashboard .db-type{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize;display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard .db-status-completed{background:hsla(var(--color-success-hsl),.1);color:var(--color-success)}.dashboard .db-status-in_progress{background:hsla(var(--color-warning-hsl),.1);color:var(--color-warning)}.dashboard .db-status-planning{background:hsla(var(--color-info-hsl),.1);color:var(--color-info)}.dashboard .db-type-system_update{background:hsla(var(--color-gray-100-hsl),1);color:var(--text-secondary)}.dashboard .db-type-report{background:hsla(var(--color-success-hsl),.1);color:var(--color-success)}.dashboard .db-type-document{background:hsla(var(--color-warning-hsl),.1);color:var(--color-warning)}.dashboard .db-type-data_import{background:hsla(var(--color-info-hsl),.1);color:var(--color-info)}.dashboard .db-type-event{background:hsla(var(--color-danger-hsl),.1);color:var(--color-danger)}@media(max-width:1024px){.dashboard .db-layout{grid-template-columns:1fr;gap:1.5rem}.dashboard .db-sidebar{order:-1}}@media(max-width:768px){.dashboard{padding:1rem}.dashboard .db-cards{grid-template-columns:1fr}.dashboard .db-section,.dashboard .db-widget{padding:1rem}.dashboard .db-table-wrap .db-table{table-layout:auto}.dashboard .db-table-wrap .db-table th{width:auto!important}.dashboard .db-table-wrap .db-table td{white-space:normal}}.user-management{padding:2rem;font-family:Inter,sans-serif;color:var(--text-color)}.user-management .um-header{margin-bottom:2rem}.user-management .um-header h4{font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.user-management .um-header p{font-size:.95rem;color:var(--text-secondary);max-width:900px;line-height:1.5;margin-bottom:1.5rem}.user-management .um-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.user-management .um-actions .um-search{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;min-width:300px;outline:none;transition:border-color .2s ease;background:var(--input-bg);color:var(--text-color)}.user-management .um-actions .um-search:focus{border-color:var(--color-primary)}.user-management .um-actions .um-create-btn{background:#22c55e;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-size:.9rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.user-management .um-actions .um-create-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.user-management .um-actions .um-create-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #22c55e66;background:#16a34a}.user-management .um-actions .um-create-btn:hover:before{left:100%}.user-management .um-filters{display:flex;gap:2rem;margin-bottom:1.5rem;padding:1.5rem;background:linear-gradient(135deg,var(--color-gray-50) 0%,rgba(var(--color-primary-hsl),.03) 100%);border-radius:16px;border:1px solid var(--border-color);box-shadow:0 4px 20px #00000014,0 2px 8px #0000000a;transition:all .3s ease;position:relative;overflow:hidden}.user-management .um-filters:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-success));opacity:.7}.user-management .um-filters:hover{transform:translateY(-1px);box-shadow:0 6px 25px #0000001f,0 3px 10px #00000014}.user-management .um-filters .um-filter-group{display:flex;flex-direction:column;gap:.5rem}.user-management .um-filters .um-filter-group label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.user-management .um-filters .um-filter-group .um-filter-select{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;background:var(--input-bg);color:var(--text-color);cursor:pointer;transition:border-color .2s ease;min-width:200px}.user-management .um-filters .um-filter-group .um-filter-select:focus{outline:none;border-color:var(--color-primary)}.user-management .um-filters .um-filter-group .um-filter-select option{background:var(--input-bg);color:#000}[data-theme=dark] .user-management .um-filters .um-filter-group .um-filter-select,[data-theme=dark] .user-management .um-filters .um-filter-group .um-filter-select option{background:var(--input-bg-dark);color:#fff}.user-management .um-toast{position:fixed;top:2rem;right:2rem;padding:1rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:500;z-index:1001;display:flex;align-items:center;gap:1rem;box-shadow:var(--card-shadow);animation:toastSlideIn .3s ease}.user-management .um-toast.um-toast-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.user-management .um-toast.um-toast-error{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger)}.user-management .um-toast .um-toast-close{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease;color:inherit}.user-management .um-toast .um-toast-close:hover{background:#0000001a}.user-management .um-modal-overlay,.user-management .um-confirm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.user-management .um-confirm-overlay{z-index:1001}.user-management .um-modal{background:var(--bg-color);border-radius:12px;width:100%;max-width:500px;box-shadow:var(--card-shadow);animation:modalSlideIn .3s ease;border:var(--card-border)}.user-management .um-modal .um-modal-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.user-management .um-modal .um-modal-header h3,.user-management .um-modal .um-modal-header h4{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-color)}.user-management .um-modal .um-modal-header .um-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease;color:var(--text-secondary)}.user-management .um-modal .um-modal-header .um-modal-close:hover{background:var(--hover-bg)}.user-management .um-modal .um-modal-body{padding:1.5rem}.user-management .um-modal .um-modal-body p{margin:0;font-size:.95rem;line-height:1.5;color:var(--text-secondary)}.user-management .um-modal .um-modal-body .um-modal-section{margin-bottom:1.5rem}.user-management .um-modal .um-modal-body .um-modal-section:last-child{margin-bottom:0}.user-management .um-modal .um-modal-body .um-modal-section h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-color)}.user-management .um-modal .um-modal-body .um-modal-section .um-status-controls{display:flex;gap:.75rem;flex-wrap:wrap}.user-management .um-modal .um-modal-body .um-modal-section .um-status-controls button{padding:.75rem 1rem;border:none;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease;min-width:120px}.user-management .um-modal .um-modal-body .um-modal-section .um-status-controls button:disabled{opacity:.6;cursor:not-allowed}.user-management .um-modal .um-modal-body .um-modal-section .um-status-controls button.um-btn-suspend{background:var(--color-warning);color:var(--text-color)}.user-management .um-modal .um-modal-body .um-modal-section .um-status-controls button.um-btn-suspend:hover:not(:disabled){background:#d98e26}.user-management .um-modal .um-modal-body .um-modal-section .um-status-controls button.um-btn-restore{background:var(--color-success);color:#fff}.user-management .um-modal .um-modal-body .um-modal-section .um-status-controls button.um-btn-restore:hover:not(:disabled){background:#3e8e59}.user-management .um-modal .um-modal-body .um-modal-section .um-status-controls button.um-btn-archive{background:var(--color-danger);color:#fff}.user-management .um-modal .um-modal-body .um-modal-section .um-status-controls button.um-btn-archive:hover:not(:disabled){background:#ca1c36}.user-management .um-modal .um-modal-body .um-modal-section .um-otp-toggle .um-otp-label{display:flex;align-items:center;gap:1rem;cursor:pointer}.user-management .um-modal .um-modal-body .um-modal-section .um-otp-toggle .um-otp-label span{font-size:.95rem;font-weight:500;color:var(--text-color)}.user-management .um-modal .um-modal-body .um-modal-section .um-otp-toggle .um-otp-label .um-toggle-switch{position:relative;width:50px;height:24px}.user-management .um-modal .um-modal-body .um-modal-section .um-otp-toggle .um-otp-label .um-toggle-switch input{opacity:0;width:0;height:0}.user-management .um-modal .um-modal-body .um-modal-section .um-otp-toggle .um-otp-label .um-toggle-switch input:checked+.um-toggle-slider{background:var(--color-primary)}.user-management .um-modal .um-modal-body .um-modal-section .um-otp-toggle .um-otp-label .um-toggle-switch input:checked+.um-toggle-slider:before{transform:translate(26px)}.user-management .um-modal .um-modal-body .um-modal-section .um-otp-toggle .um-otp-label .um-toggle-switch .um-toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--color-gray-300);transition:.3s;border-radius:24px}.user-management .um-modal .um-modal-body .um-modal-section .um-otp-toggle .um-otp-label .um-toggle-switch .um-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;transition:.3s;border-radius:50%}.user-management .um-modal .um-modal-body .um-modal-section .um-otp-toggle .um-otp-description{margin-top:.75rem;font-size:.85rem;color:var(--text-secondary)}.user-management .um-modal .um-modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end}.user-management .um-modal .um-modal-footer button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease;min-width:100px}.user-management .um-modal .um-modal-footer button:disabled{opacity:.6;cursor:not-allowed}.user-management .um-modal .um-modal-footer button.um-modal-cancel{background:var(--color-gray-500);color:#fff}.user-management .um-modal .um-modal-footer button.um-modal-cancel:hover:not(:disabled){background:var(--color-gray-600)}.user-management .um-modal .um-modal-footer button.um-modal-confirm{color:#fff}.user-management .um-modal .um-modal-footer button.um-modal-confirm.um-modal-suspend{background:var(--color-warning);color:var(--text-color)}.user-management .um-modal .um-modal-footer button.um-modal-confirm.um-modal-suspend:hover:not(:disabled){background:hsl(var(--color-accent-hsl)/.9)}.user-management .um-modal .um-modal-footer button.um-modal-confirm.um-modal-restore{background:var(--color-success)}.user-management .um-modal .um-modal-footer button.um-modal-confirm.um-modal-restore:hover:not(:disabled){background:#3e8e59}.user-management .um-modal .um-modal-footer button.um-modal-confirm.um-modal-archive{background:var(--color-danger)}.user-management .um-modal .um-modal-footer button.um-modal-confirm.um-modal-archive:hover:not(:disabled){background:#ca1c36}.user-management .um-modal.manage-account-modal{max-width:600px}.user-management .um-modal.manage-account-modal .um-modal-body{max-height:60vh;overflow-y:auto}.user-management .um-modal.um-confirm-modal{max-width:450px}.user-management .um-loading,.user-management .um-error{text-align:center;padding:2rem;font-size:1rem}.user-management .um-error{color:var(--color-danger);background:var(--color-danger-bg);border:1px solid var(--color-danger);border-radius:8px;margin-bottom:1rem}.user-management .um-empty-state{text-align:center;padding:3rem;color:var(--text-secondary)}.user-management .um-empty-state h5{font-size:1.1rem;margin-bottom:.5rem}.user-management .um-table-wrap{background:linear-gradient(135deg,var(--card-bg) 0%,rgba(var(--color-primary-hsl),.02) 100%);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d;transition:all .3s ease;position:relative}.user-management .um-table-wrap:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-success));opacity:.8}.user-management .um-table-wrap:hover{transform:translateY(-1px);box-shadow:0 12px 40px #00000026,0 4px 12px #0000001a}.user-management .um-table-wrap .um-table{width:100%;border-collapse:collapse}.user-management .um-table-wrap .um-table thead{background:linear-gradient(135deg,var(--color-gray-50) 0%,rgba(var(--color-primary-hsl),.05) 100%)}.user-management .um-table-wrap .um-table thead th{text-align:left;padding:1rem;font-size:.9rem;font-weight:600;color:var(--text-color);border-bottom:1px solid var(--border-color)}.user-management .um-table-wrap .um-table tbody tr{transition:all .2s ease}.user-management .um-table-wrap .um-table tbody tr:hover{background:linear-gradient(135deg,var(--hover-bg) 0%,rgba(var(--color-primary-hsl),.03) 100%);transform:scale(1.01)}.user-management .um-table-wrap .um-table tbody tr td{padding:1rem;font-size:.9rem;color:var(--text-color);border-bottom:1px solid var(--border-color)}.user-management .um-role,.user-management .um-status{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:capitalize}.user-management .um-role-it_admin{background:#e3f2fd;color:#1565c0}.user-management .um-role-captain{background:#fff3e0;color:#ef6c00}.user-management .um-role-secretary{background:#f3e5f5;color:#7b1fa2}.user-management .um-role-treasurer{background:#e8f5e8;color:var(--color-primary)}.user-management .um-role-mother_leader{background:#fff8e1;color:#ff8f00}.user-management .um-role-clerk{background:#f1f8e9;color:#689f38}.user-management .um-role-resident{background:#e8eaf6;color:#3f51b5}.user-management .um-status-active{background:var(--color-success-bg);color:var(--color-success)}.user-management .um-status-suspended{background:var(--color-warning-bg);color:var(--color-warning)}.user-management .um-status-archived{background:var(--color-danger-bg);color:var(--color-danger)}.user-management .um-status-pending_approval{background:var(--color-warning-bg);color:var(--color-warning)}.user-management .um-status-rejected{background:var(--color-danger-bg);color:var(--color-danger)}.user-management .um-action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.user-management .um-action-buttons button{padding:.4rem .75rem;border:none;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.user-management .um-action-buttons button:disabled{opacity:.6;cursor:not-allowed}.user-management .um-action-buttons .um-btn-view{background:#e3f2fd;color:#1565c0}.user-management .um-action-buttons .um-btn-view:hover:not(:disabled){background:#bbdefb}.user-management .um-action-buttons .um-btn-manage{background:var(--color-primary);color:#fff}.user-management .um-action-buttons .um-btn-manage:hover:not(:disabled){background:hsl(var(--color-primary-hsl)/.9)}.user-management .um-action-buttons .um-btn-suspend{background:var(--color-warning-bg);color:var(--color-warning)}.user-management .um-action-buttons .um-btn-suspend:hover:not(:disabled){background:#57390f}.user-management .um-action-buttons .um-btn-restore{background:var(--color-success-bg);color:var(--color-success)}.user-management .um-action-buttons .um-btn-restore:hover:not(:disabled){background:#1f472c}.user-management .um-action-buttons .um-btn-archive{background:var(--color-danger-bg);color:var(--color-danger)}.user-management .um-action-buttons .um-btn-archive:hover:not(:disabled){background:#650e1b}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.user-management{padding:1rem}.user-management .um-actions{flex-direction:column;align-items:stretch}.user-management .um-actions .um-search{min-width:auto}.user-management .um-filters{flex-direction:column;gap:1rem;padding:1rem}.user-management .um-filters .um-filter-group .um-filter-select{min-width:auto;width:100%}.user-management .um-table-wrap{overflow-x:auto}.user-management .um-action-buttons{flex-direction:column}.user-management .um-toast{top:1rem;right:1rem;left:1rem;transform:none}.user-management .um-modal-overlay{padding:.5rem}.user-management .um-modal-overlay .um-modal .um-modal-footer{flex-direction:column}}@media(max-width:480px){.user-management .um-filters{padding:.75rem}.user-management .um-table{min-width:600px}}.user-management .um-pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-top:1rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;gap:1rem}.user-management .um-pagination .um-pagination-info{font-size:.9rem;color:var(--text-secondary)}.user-management .um-pagination .um-pagination-controls{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.user-management .um-pagination .um-pagination-limit{display:flex;align-items:center;gap:.5rem}.user-management .um-pagination .um-pagination-limit label{font-size:.9rem;color:var(--text-secondary)}.user-management .um-pagination .um-pagination-limit .um-pagination-select{padding:.4rem .75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;background:var(--input-bg);color:var(--text-color);cursor:pointer;transition:border-color .2s ease}.user-management .um-pagination .um-pagination-limit .um-pagination-select:focus{outline:none;border-color:var(--color-primary)}.user-management .um-pagination .um-pagination-buttons{display:flex;align-items:center;gap:.5rem}.user-management .um-pagination .um-pagination-buttons .um-pagination-btn{padding:.4rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--input-bg);color:var(--text-color);font-size:.9rem;cursor:pointer;transition:all .2s ease}.user-management .um-pagination .um-pagination-buttons .um-pagination-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--color-primary)}.user-management .um-pagination .um-pagination-buttons .um-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.user-management .um-pagination .um-pagination-buttons .um-pagination-page-info{font-size:.9rem;color:var(--text-secondary);padding:0 .5rem}@media(max-width:768px){.user-management .um-pagination{flex-direction:column;align-items:stretch}.user-management .um-pagination .um-pagination-controls{justify-content:space-between}}.resident-profile-view{font-family:Inter,sans-serif;background:#f0f2f5;min-height:100vh;color:#1c1c1c}.resident-profile-view .rpv-header{background:#fff;padding:1rem 2rem;border-bottom:1px solid #dadde1;box-shadow:0 2px 4px #0000001a}.resident-profile-view .rpv-header .rpv-breadcrumb .rpv-back-link{color:#1877f2;cursor:pointer;font-size:.9rem;font-weight:500;transition:color .2s ease;display:inline-flex;align-items:center;gap:.5rem}.resident-profile-view .rpv-header .rpv-breadcrumb .rpv-back-link:hover{color:#166fe5;text-decoration:underline}.resident-profile-view .rpv-header .rpv-breadcrumb .rpv-back-link:before{content:"←";font-size:1rem}.resident-profile-view .rpv-content{max-width:1200px;margin:0 auto;padding:0 1rem 2rem;display:flex;flex-direction:column;gap:1rem}.resident-profile-view .rpv-cover-area{position:relative;height:300px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000026}.resident-profile-view .rpv-cover-area:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,255,255,.1) 0%,transparent 100%)}.resident-profile-view .rpv-cover-area .rpv-cover-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fffc;font-size:1.2rem;font-weight:500;text-align:center}.resident-profile-view .rpv-profile-picture-area{position:relative;margin-top:-80px;margin-bottom:1rem;z-index:10}.resident-profile-view .rpv-profile-picture-area .rpv-profile-picture{width:160px;height:160px;border-radius:50%;background:linear-gradient(135deg,#f093fb,#f5576c);border:4px solid white;margin:0 auto;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #00000026;font-size:4rem;color:#fff;font-weight:600}.resident-profile-view .rpv-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.resident-profile-view .rpv-modal{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;width:100%;max-width:500px;animation:modalSlideIn .3s ease-out}.resident-profile-view .rpv-modal .rpv-modal-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e0e0e0}.resident-profile-view .rpv-modal .rpv-modal-header h3{margin:0;font-size:1.25rem;color:#1c1c1c;font-weight:600}.resident-profile-view .rpv-modal .rpv-modal-body{padding:1.5rem}.resident-profile-view .rpv-modal .rpv-modal-body p{margin:0 0 1rem;color:#555;line-height:1.5}.resident-profile-view .rpv-modal .rpv-modal-body .rpv-modal-input{width:100%;padding:.75rem;border:1px solid #e0e0e0;border-radius:8px;font-size:1rem;margin-bottom:1rem}.resident-profile-view .rpv-modal .rpv-modal-body .rpv-modal-input:focus{outline:none;border-color:#68c043}.resident-profile-view .rpv-modal .rpv-modal-body .rpv-modal-current{font-size:.9rem;color:#666}.resident-profile-view .rpv-modal .rpv-modal-body .rpv-modal-current span{font-weight:500;color:#1c1c1c}.resident-profile-view .rpv-modal .rpv-modal-body .rpv-changes-preview{background:#f8f8f8;padding:1rem;border-radius:8px;margin-top:1rem}.resident-profile-view .rpv-modal .rpv-modal-body .rpv-changes-preview div{margin-bottom:.5rem}.resident-profile-view .rpv-modal .rpv-modal-body .rpv-changes-preview div:last-child{margin-bottom:0}.resident-profile-view .rpv-modal .rpv-modal-body .rpv-changes-preview strong{color:#1c1c1c}.resident-profile-view .rpv-modal .rpv-modal-footer{padding:1rem 1.5rem 1.5rem;display:flex;gap:1rem;justify-content:flex-end}.resident-profile-view .rpv-modal .rpv-modal-footer .rpv-modal-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease;min-width:120px}.resident-profile-view .rpv-modal .rpv-modal-footer .rpv-modal-btn:disabled{opacity:.6;cursor:not-allowed}.resident-profile-view .rpv-modal .rpv-modal-footer .rpv-modal-btn.rpv-modal-btn-cancel{background:#f8f8f8;color:#333;border:1px solid #e0e0e0}.resident-profile-view .rpv-modal .rpv-modal-footer .rpv-modal-btn.rpv-modal-btn-cancel:hover:not(:disabled){background:#e8e8e8}.resident-profile-view .rpv-modal .rpv-modal-footer .rpv-modal-btn.rpv-modal-btn-save{background:#1c9126;color:#fff}.resident-profile-view .rpv-modal .rpv-modal-footer .rpv-modal-btn.rpv-modal-btn-save:hover:not(:disabled){background:#166b1d}.resident-profile-view .rpv-modal .rpv-modal-footer .rpv-modal-btn.rpv-modal-btn-discard{background:#c62828;color:#fff}.resident-profile-view .rpv-modal .rpv-modal-footer .rpv-modal-btn.rpv-modal-btn-discard:hover:not(:disabled){background:#b71c1c}.resident-profile-view .rpv-modal.rpv-modal-confirm{max-width:450px}.resident-profile-view .rpv-control-number-container .rpv-edit-control{display:none}.resident-profile-view .rpv-profile-summary{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 6px #0000000d;text-align:left}.resident-profile-view .rpv-profile-summary .rpv-name-section{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.resident-profile-view .rpv-profile-summary .rpv-name-section .rpv-name{font-size:2rem;font-weight:600;color:#1c1c1c;margin:0}.resident-profile-view .rpv-profile-summary .rpv-name-section .rpv-status{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;text-transform:capitalize}.resident-profile-view .rpv-profile-summary .rpv-name-section .rpv-status.rpv-status-active{background:#e8f5e9;color:#1c9126}.resident-profile-view .rpv-profile-summary .rpv-name-section .rpv-status.rpv-status-archived,.resident-profile-view .rpv-profile-summary .rpv-name-section .rpv-status.rpv-status-inactive{background:#ffebee;color:#c62828}.resident-profile-view .rpv-profile-summary .rpv-name-section .rpv-status.rpv-status-pending{background:#fff3cd;color:#856404}.resident-profile-view .rpv-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 6px #0000000d}.resident-profile-view .rpv-section .rpv-section-title{font-size:1.25rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid #e0e0e0;color:#1c1c1c;font-weight:600}.resident-profile-view .rpv-details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.resident-profile-view .rpv-details-grid .rpv-detail-item label{display:block;font-size:.85rem;color:#666;margin-bottom:.5rem;font-weight:500}.resident-profile-view .rpv-details-grid .rpv-detail-item p{font-size:1rem;color:#1c1c1c;margin:0;font-weight:400;min-height:1.5rem}.resident-profile-view .rpv-control-number-container .rpv-control-display{display:flex;align-items:center;gap:1rem}.resident-profile-view .rpv-control-number-container .rpv-control-display .rpv-no-control{color:#999;font-style:italic}.resident-profile-view .rpv-control-number-container .rpv-control-display .rpv-edit-btn{background:#e3f2fd;color:#1976d2;border:1px solid #64b5f6;padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .2s ease}.resident-profile-view .rpv-control-number-container .rpv-control-display .rpv-edit-btn:hover{background:#1976d2;color:#fff}.resident-profile-view .rpv-control-number-container .rpv-edit-control{display:flex;align-items:center;gap:.5rem}.resident-profile-view .rpv-control-number-container .rpv-edit-control .rpv-control-input{padding:.5rem;border:1px solid #e0e0e0;border-radius:6px;font-size:.9rem;min-width:200px}.resident-profile-view .rpv-control-number-container .rpv-edit-control .rpv-control-input:focus{outline:none;border-color:#68c043}.resident-profile-view .rpv-control-number-container .rpv-edit-control .rpv-save-btn{background:#1c9126;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.8rem;transition:background .2s ease}.resident-profile-view .rpv-control-number-container .rpv-edit-control .rpv-save-btn:hover{background:#166b1d}.resident-profile-view .rpv-control-number-container .rpv-edit-control .rpv-cancel-btn{background:#6c757d;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.8rem;transition:background .2s ease}.resident-profile-view .rpv-control-number-container .rpv-edit-control .rpv-cancel-btn:hover{background:#5a6268}.resident-profile-view .rpv-address-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.resident-profile-view .rpv-address-container .rpv-address-section .rpv-address-title{font-size:1rem;margin-bottom:1rem;color:#555;font-weight:600}.resident-profile-view .rpv-address-container .rpv-address-section .rpv-address-display .rpv-address-line{font-size:1rem;color:#1c1c1c;margin-bottom:.5rem;line-height:1.4}.resident-profile-view .rpv-address-container .rpv-address-section .rpv-address-display .rpv-address-details{display:flex;flex-direction:column;gap:.25rem}.resident-profile-view .rpv-address-container .rpv-address-section .rpv-address-display .rpv-address-details span{font-size:.9rem;color:#666}.resident-profile-view .rpv-address-container .rpv-address-section .rpv-address-display .rpv-no-address{color:#999;font-style:italic;margin:0}.resident-profile-view .rpv-dependencies-container{overflow-x:auto}.resident-profile-view .rpv-dependencies-container .rpv-table{width:100%;border-collapse:collapse}.resident-profile-view .rpv-dependencies-container .rpv-table thead{background:#f8f8f8}.resident-profile-view .rpv-dependencies-container .rpv-table thead th{text-align:left;padding:.75rem;font-size:.9rem;font-weight:600;color:#333;border-bottom:1px solid #ddd}.resident-profile-view .rpv-dependencies-container .rpv-table tbody tr{transition:background .2s ease}.resident-profile-view .rpv-dependencies-container .rpv-table tbody tr:hover{background:#f5fdf5}.resident-profile-view .rpv-dependencies-container .rpv-table tbody tr td{padding:.75rem;font-size:.9rem;color:#444;border-bottom:1px solid #eee}.resident-profile-view .rpv-dependencies-container .rpv-dependencies-summary{margin-top:1rem;padding:.75rem;background:#f8f8f8;border-radius:6px;text-align:center;font-size:.9rem;color:#666}.resident-profile-view .rpv-dependencies-container .rpv-dependencies-summary strong{color:#1c9126}@media(max-width:768px){.resident-profile-view .rpv-dependencies-container .rpv-table{min-width:500px}}.resident-profile-view .rpv-table-container{overflow-x:auto}.resident-profile-view .rpv-table-container .rpv-table{width:100%;border-collapse:collapse}.resident-profile-view .rpv-table-container .rpv-table thead{background:#f8f8f8}.resident-profile-view .rpv-table-container .rpv-table thead th{text-align:left;padding:.75rem;font-size:.9rem;font-weight:600;color:#333;border-bottom:1px solid #ddd}.resident-profile-view .rpv-table-container .rpv-table tbody tr{transition:background .2s ease}.resident-profile-view .rpv-table-container .rpv-table tbody tr:hover{background:#f5fdf5}.resident-profile-view .rpv-table-container .rpv-table tbody tr td{padding:.75rem;font-size:.9rem;color:#444;border-bottom:1px solid #eee}.resident-profile-view .rpv-table-container .rpv-table tbody tr td .rpv-status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500}.resident-profile-view .rpv-table-container .rpv-table tbody tr td .rpv-status-badge.completed,.resident-profile-view .rpv-table-container .rpv-table tbody tr td .rpv-status-badge.resolved,.resident-profile-view .rpv-table-container .rpv-table tbody tr td .rpv-status-badge.approved{background:#e8f5e9;color:#1c9126}.resident-profile-view .rpv-table-container .rpv-table tbody tr td .rpv-status-badge.pending{background:#fff3e0;color:#ef6c00}.resident-profile-view .rpv-table-container .rpv-table tbody tr td .rpv-status-badge.rejected,.resident-profile-view .rpv-table-container .rpv-table tbody tr td .rpv-status-badge.cancelled{background:#ffebee;color:#c62828}.resident-profile-view .rpv-empty{text-align:center;padding:2rem;color:#888;font-size:.95rem;font-style:italic}.resident-profile-view .loading,.resident-profile-view .error{text-align:center;padding:3rem;background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d;font-size:1.1rem}.resident-profile-view .error{color:#c62828;background:#ffebee}@media(max-width:968px){.resident-profile-view .rpv-address-container{grid-template-columns:1fr;gap:1.5rem}.resident-profile-view .rpv-details-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:768px){.resident-profile-view{padding:1rem}.resident-profile-view .rpv-profile-summary{padding:1.5rem}.resident-profile-view .rpv-profile-summary .rpv-name{font-size:1.5rem}.resident-profile-view .rpv-section{padding:1.5rem}.resident-profile-view .rpv-details-grid{grid-template-columns:1fr;gap:1rem}.resident-profile-view .rpv-control-number-container .rpv-edit-control{flex-direction:column;align-items:stretch;gap:.5rem}.resident-profile-view .rpv-control-number-container .rpv-edit-control .rpv-control-input{min-width:auto;width:100%}.resident-profile-view .rpv-control-number-container .rpv-edit-control .rpv-save-btn,.resident-profile-view .rpv-control-number-container .rpv-edit-control .rpv-cancel-btn{width:100%;text-align:center}.resident-profile-view .rpv-table-container .rpv-table{min-width:500px}}@media(max-width:480px){.resident-profile-view .rpv-profile-summary{padding:1rem}.resident-profile-view .rpv-profile-summary .rpv-name{font-size:1.25rem}.resident-profile-view .rpv-section{padding:1rem}.resident-profile-view .rpv-control-number-container .rpv-control-display{flex-direction:column;align-items:flex-start;gap:.5rem}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.resident-profile-view .rpv-modal{margin:1rem}.resident-profile-view .rpv-modal .rpv-modal-footer{flex-direction:column}.resident-profile-view .rpv-modal .rpv-modal-footer .rpv-modal-btn{min-width:auto;width:100%}}.register-user{padding:2rem;font-family:Inter,sans-serif;color:#1c1c1c}.register-user .ru-header{margin-bottom:2rem}.register-user .ru-header .ru-header-top{display:flex;align-items:flex-start;gap:2rem}.register-user .ru-header .ru-header-top .ru-header-left{flex-shrink:0}.register-user .ru-header .ru-header-top .ru-header-left .ru-back-btn{background:none;border:none;color:#1c9126;cursor:pointer;font-size:.95rem;font-weight:500;transition:color .2s ease;white-space:nowrap}.register-user .ru-header .ru-header-top .ru-header-left .ru-back-btn:hover{color:#166b1d;text-decoration:underline}.register-user .ru-header .ru-header-top .ru-header-content{flex:1}.register-user .ru-header .ru-header-top .ru-header-content h4{font-size:1.75rem;font-weight:600;margin-bottom:.5rem;color:#333}.register-user .ru-header .ru-header-top .ru-header-content p{font-size:.95rem;color:#555;max-width:700px;line-height:1.5;margin-bottom:0}.register-user .required{color:#c62828}.register-user .ru-error,.register-user .ru-success{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-size:.95rem}.register-user .ru-error{background:#ffebee;color:#c62828;border:1px solid #ef9a9a}.register-user .ru-success{background:#e8f5e9;color:#1c9126;border:1px solid #a5d6a7}.register-user .ru-confirm-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.register-user .ru-confirm-modal .ru-confirm-content{background:#fff;padding:2rem;border-radius:12px;max-width:400px;width:90%;box-shadow:0 4px 20px #00000026}.register-user .ru-confirm-modal .ru-confirm-content h5{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:#333}.register-user .ru-confirm-modal .ru-confirm-content p{color:#555;margin-bottom:1.5rem;line-height:1.5}.register-user .ru-confirm-modal .ru-confirm-content .ru-confirm-actions{display:flex;gap:1rem;justify-content:flex-end}.register-user .ru-confirm-modal .ru-confirm-content .ru-confirm-actions button{padding:.5rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease}.register-user .ru-confirm-modal .ru-confirm-content .ru-confirm-actions .ru-confirm-cancel{background:#f8f8f8;color:#333;border:1px solid #e0e0e0}.register-user .ru-confirm-modal .ru-confirm-content .ru-confirm-actions .ru-confirm-cancel:hover{background:#e8e8e8}.register-user .ru-confirm-modal .ru-confirm-content .ru-confirm-actions .ru-confirm-proceed{background:#c62828;color:#fff}.register-user .ru-confirm-modal .ru-confirm-content .ru-confirm-actions .ru-confirm-proceed:hover{background:#b71c1c}.register-user .ru-success-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.register-user .ru-success-modal .ru-success-content{background:#fff;padding:2.5rem;border-radius:12px;max-width:500px;width:90%;box-shadow:0 4px 20px #00000026;text-align:center}.register-user .ru-success-modal .ru-success-content .ru-success-icon{font-size:3rem;color:#1c9126;margin-bottom:1.5rem}.register-user .ru-success-modal .ru-success-content h5{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#333}.register-user .ru-success-modal .ru-success-content .ru-user-details{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem;text-align:left}.register-user .ru-success-modal .ru-success-content .ru-user-details .ru-detail-item{margin-bottom:.75rem;font-size:.95rem}.register-user .ru-success-modal .ru-success-content .ru-user-details .ru-detail-item:last-child{margin-bottom:0}.register-user .ru-success-modal .ru-success-content .ru-user-details .ru-detail-item strong{color:#333;margin-right:.5rem}.register-user .ru-success-modal .ru-success-content .ru-success-message{color:#555;margin-bottom:2rem;line-height:1.5;font-size:.95rem}.register-user .ru-success-modal .ru-success-content .ru-success-actions{display:flex;gap:1rem;justify-content:center}.register-user .ru-success-modal .ru-success-content .ru-success-actions button{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s ease;min-width:160px}.register-user .ru-success-modal .ru-success-content .ru-success-actions .ru-success-back{background:#1c9126;color:#fff}.register-user .ru-success-modal .ru-success-content .ru-success-actions .ru-success-back:hover{background:#166b1d}.register-user .ru-success-modal .ru-success-content .ru-success-actions .ru-success-another{background:#f8f8f8;color:#333;border:1px solid #e0e0e0}.register-user .ru-success-modal .ru-success-content .ru-success-actions .ru-success-another:hover{background:#e8e8e8}.register-user .ru-form{background:#fff;padding:2rem;border-radius:12px;border:1px solid #e0e0e0;box-shadow:0 2px 6px #0000000d}.register-user .ru-form .ru-form-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #f0f0f0}.register-user .ru-form .ru-form-section h5{font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;color:#333}.register-user .ru-form .ru-form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.register-user .ru-form .ru-form-row{display:flex;gap:1rem;margin-bottom:1rem}.register-user .ru-form .ru-form-row .ru-form-group{flex:1}.register-user .ru-form .ru-form-group{margin-bottom:1rem}.register-user .ru-form .ru-form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333;font-size:.9rem}.register-user .ru-form .ru-form-group input,.register-user .ru-form .ru-form-group select{width:100%;padding:.75rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.95rem;transition:border-color .2s ease}.register-user .ru-form .ru-form-group input:disabled,.register-user .ru-form .ru-form-group select:disabled{background-color:#f8f8f8;cursor:not-allowed}.register-user .ru-form .ru-form-group input:focus,.register-user .ru-form .ru-form-group select:focus{outline:none;border-color:#68c043}.register-user .ru-form .ru-form-group .password-input{position:relative}.register-user .ru-form .ru-form-group .password-input input{padding-right:2.5rem}.register-user .ru-form .ru-form-group .password-input .icon-btn{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#666;padding:.25rem}.register-user .ru-form .ru-form-group .password-input .icon-btn:hover{color:#333}.register-user .ru-form .ru-form-group .password-requirements{list-style:none;padding:0;margin:.5rem 0 0;font-size:.8rem}.register-user .ru-form .ru-form-group .password-requirements li{color:#666;margin-bottom:.25rem}.register-user .ru-form .ru-form-group .password-requirements li.valid{color:#1c9126}.register-user .ru-form .ru-form-group .error-message{color:#c62828;font-size:.8rem;margin-top:.25rem;display:block}.register-user .ru-form .ru-same-address{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.register-user .ru-form .ru-same-address input[type=checkbox]{width:auto;transform:scale(1.1)}.register-user .ru-form .ru-same-address label{margin:0;font-weight:500}.register-user .ru-form .valid-id-requirements{background:#f8f8f8;padding:1rem;border-radius:8px;margin-top:.5rem}.register-user .ru-form .valid-id-requirements p{margin:0 0 .5rem;font-weight:600;font-size:.9rem;color:#333}.register-user .ru-form .valid-id-requirements ul{margin:0;padding-left:1rem;font-size:.85rem;color:#555}.register-user .ru-form .valid-id-requirements ul li{margin-bottom:.25rem;line-height:1.4}.register-user .ru-form .file-preview-list{list-style:none;padding:0;margin:.5rem 0 0}.register-user .ru-form .file-preview-list li{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:#f8f8f8;border-radius:6px;margin-bottom:.5rem;font-size:.85rem}.register-user .ru-form .file-preview-list li button{background:none;border:none;color:#c62828;cursor:pointer;padding:.25rem;border-radius:3px;transition:background .2s ease}.register-user .ru-form .file-preview-list li button:hover:not(:disabled){background:#ffebee}.register-user .ru-form .file-preview-list li button:disabled{opacity:.6;cursor:not-allowed}.register-user .ru-form .ru-form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #f0f0f0}.register-user .ru-form .ru-form-actions button{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s ease}.register-user .ru-form .ru-form-actions button:disabled{opacity:.6;cursor:not-allowed}.register-user .ru-form .ru-form-actions .ru-cancel-btn{background:#f8f8f8;color:#333;border:1px solid #e0e0e0}.register-user .ru-form .ru-form-actions .ru-cancel-btn:hover:not(:disabled){background:#e8e8e8}.register-user .ru-form .ru-form-actions .ru-submit-btn{background:#1c9126;color:#fff}.register-user .ru-form .ru-form-actions .ru-submit-btn:hover:not(:disabled){background:#166b1d}.register-user .ru-loading{text-align:center;padding:3rem;background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d}.register-user .ru-loading h5{font-size:1.2rem;margin-bottom:.5rem;color:#333}@media(max-width:768px){.register-user{padding:1rem}.register-user .ru-header .ru-header-top{flex-direction:column;gap:1rem}.register-user .ru-header .ru-header-top .ru-header-left{order:1}.register-user .ru-header .ru-header-top .ru-header-content{order:2}.register-user .ru-confirm-modal .ru-confirm-content{margin:1rem;width:auto}.register-user .ru-confirm-modal .ru-confirm-content .ru-confirm-actions{flex-direction:column}.register-user .ru-confirm-modal .ru-confirm-content .ru-confirm-actions button{width:100%}.register-user .ru-success-modal .ru-success-content{margin:1rem;width:auto;padding:2rem}.register-user .ru-success-modal .ru-success-content .ru-success-actions{flex-direction:column}.register-user .ru-success-modal .ru-success-content .ru-success-actions button{width:100%;min-width:auto}.register-user .ru-success-modal .ru-success-content .ru-user-details{padding:1rem}.register-user .ru-form{padding:1.5rem}.register-user .ru-form .ru-form-row{flex-direction:column;gap:0}.register-user .ru-form .ru-form-actions{flex-direction:column}.register-user .ru-form .ru-form-actions button{width:100%}}.support-center{padding:2rem;font-family:Inter,sans-serif;color:#1c1c1c}.support-center .sc-header{margin-bottom:2rem}.support-center .sc-header h4{font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.support-center .sc-header p{font-size:.95rem;color:#555;max-width:900px;line-height:1.5;margin-bottom:1.5rem}.support-center .sc-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.support-center .sc-actions .sc-search{padding:.75rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.9rem;min-width:300px;outline:none;transition:border-color .2s ease}.support-center .sc-actions .sc-search:focus{border-color:#68c043}.support-center .sc-actions .sc-create-btn{background:#1c9126;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .2s ease;font-weight:500}.support-center .sc-actions .sc-create-btn:hover{background:#167a1f;transform:translateY(-1px);box-shadow:0 4px 12px #1c91264d}.support-center .sc-actions .sc-create-btn:disabled{background:#a5d6a7;cursor:not-allowed;transform:none;box-shadow:none}.support-center .sc-layout{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem;height:calc(100vh - 200px)}.support-center .sc-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;box-shadow:0 2px 6px #0000000d;height:100%}.support-center .sc-card .sc-card-header{padding:1.5rem;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.support-center .sc-card .sc-card-header .sc-section-title{font-size:1.2rem;font-weight:600}.support-center .sc-tickets{padding:1rem;overflow-y:auto;max-height:calc(100% - 80px)}.support-center .sc-ticket-item{padding:1rem;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:.75rem;cursor:pointer;transition:all .2s ease}.support-center .sc-ticket-item:hover{border-color:#68c043;background:#f5fdf5;transform:translateY(-1px);box-shadow:0 2px 8px #68c04326}.support-center .sc-ticket-item.active{border-color:#1c9126;background:#f0f9f0;box-shadow:0 2px 8px #1c912633}.support-center .sc-ticket-item .sc-ticket-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.support-center .sc-ticket-item .sc-ticket-header .sc-ticket-title{font-weight:600;flex:1;margin-right:1rem}.support-center .sc-ticket-item .sc-ticket-info{display:flex;gap:1rem;font-size:.85rem;color:#666;margin-bottom:.5rem;flex-wrap:wrap}.support-center .sc-ticket-item .sc-ticket-dates{display:flex;gap:1rem;font-size:.8rem;color:#888}.support-center .sc-ticket-content{padding:1.5rem}.support-center .sc-ticket-content .sc-form-group{margin-bottom:1.5rem}.support-center .sc-ticket-content .sc-form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:#333}.support-center .sc-ticket-content .sc-form-group .sc-input,.support-center .sc-ticket-content .sc-form-group .sc-textarea,.support-center .sc-ticket-content .sc-form-group .sc-select{width:100%;padding:.75rem;border:1px solid #e0e0e0;border-radius:6px;font-size:.9rem;transition:all .2s ease}.support-center .sc-ticket-content .sc-form-group .sc-input:focus,.support-center .sc-ticket-content .sc-form-group .sc-textarea:focus,.support-center .sc-ticket-content .sc-form-group .sc-select:focus{outline:none;border-color:#68c043;box-shadow:0 0 0 3px #68c0431a}.support-center .sc-ticket-content .sc-form-group .sc-input:disabled,.support-center .sc-ticket-content .sc-form-group .sc-textarea:disabled,.support-center .sc-ticket-content .sc-form-group .sc-select:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.support-center .sc-ticket-content .sc-form-group .sc-textarea{resize:vertical;min-height:100px}.support-center .sc-ticket-content .sc-ticket-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.support-center .sc-ticket-content .sc-ticket-meta .sc-meta-item label{font-weight:600;font-size:.85rem;color:#666;display:block;margin-bottom:.25rem}.support-center .sc-ticket-content .sc-ticket-meta .sc-meta-item span{font-size:.9rem;color:#333}.support-center .sc-ticket-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.support-center .sc-ticket-actions .sc-status-select{padding:.5rem;border:1px solid #e0e0e0;border-radius:6px;font-size:.9rem;background:#fff;cursor:pointer;transition:all .2s ease}.support-center .sc-ticket-actions .sc-status-select:focus{outline:none;border-color:#68c043}.support-center .sc-ticket-actions .sc-status-select:disabled{background-color:#f8f9fa;cursor:not-allowed}.support-center .sc-ticket-actions .sc-save-btn{background:#007bff;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease;font-weight:500}.support-center .sc-ticket-actions .sc-save-btn:hover:not(:disabled){background:#0056b3;transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.support-center .sc-ticket-actions .sc-save-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.support-center .sc-ticket-actions .sc-cancel-btn{background:#f8f9fa;color:#495057;border:1px solid #e0e0e0;padding:.6rem 1.2rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease;font-weight:500}.support-center .sc-ticket-actions .sc-cancel-btn:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.support-center .sc-ticket-actions .sc-cancel-btn:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.6}.support-center .sc-unsaved-indicator{color:#ff6b35;font-size:.8em;font-weight:400;margin-left:.5rem;animation:pulse 2s infinite}.support-center .sc-field-changed{border-color:#ff6b35!important;background-color:#fff9f7!important;box-shadow:0 0 0 3px #ff6b351a!important}.support-center .sc-success{background-color:#d4edda;color:#155724;padding:12px 16px;border-radius:8px;margin-bottom:16px;border:1px solid #c3e6cb;display:flex;align-items:center;gap:.5rem;font-weight:500}.support-center .sc-success:before{content:"✓";font-weight:700}.support-center .sc-error{background-color:#f8d7da;color:#721c24;padding:12px 16px;border-radius:8px;margin-bottom:16px;border:1px solid #f5c6cb;font-weight:500}.support-center .sc-activity-log{margin:2rem 0}.support-center .sc-activity-log .sc-activity-item{padding:1rem;border-left:3px solid #e0e0e0;margin-bottom:.75rem;background:#f8f9fa}.support-center .sc-activity-log .sc-activity-item .sc-activity-action{font-weight:600;margin-bottom:.25rem}.support-center .sc-activity-log .sc-activity-item .sc-activity-meta{font-size:.85rem;color:#666}.support-center .sc-activity-log .sc-activity-item .sc-activity-meta span{margin-right:1rem}.support-center .sc-add-comment{border-top:1px solid #e0e0e0;padding-top:1.5rem}.support-center .sc-add-comment .sc-comment-btn{background:#1c9126;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:.9rem;cursor:pointer;margin-top:.5rem;transition:background .2s ease}.support-center .sc-add-comment .sc-comment-btn:hover{background:#167a1f}.support-center .sc-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#888;font-size:1.1rem}.support-center .sc-priority,.support-center .sc-status{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:capitalize}.support-center .sc-priority-high{background:#f8d7da;color:#721c24}.support-center .sc-priority-medium{background:#fff3cd;color:#856404}.support-center .sc-priority-low{background:#d1ecf1;color:#0c5460}.support-center .sc-priority-critical{background:#f8d7da;color:#721c24;font-weight:700}.support-center .sc-status-open{background:#fff3cd;color:#856404}.support-center .sc-status-in-progress{background:#e3f2fd;color:#1565c0}.support-center .sc-status-resolved{background:#d4edda;color:#155724}.support-center .sc-status-closed{background:#e2e3e5;color:#383d41}.support-center .sc-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.support-center .sc-modal{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease-out}.support-center .sc-modal .sc-modal-header{padding:1.75rem 2rem;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff)}.support-center .sc-modal .sc-modal-header h4{margin:0;font-size:1.4rem;font-weight:600;color:#1c1c1c}.support-center .sc-modal .sc-modal-header .sc-modal-close{background:none;border:none;font-size:1.75rem;cursor:pointer;color:#666;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.support-center .sc-modal .sc-modal-header .sc-modal-close:hover{color:#333;background:#f8f9fa}.support-center .sc-modal .sc-modal-header .sc-modal-close:disabled{opacity:.5;cursor:not-allowed}.support-center .sc-modal .sc-modal-content{padding:2rem}.support-center .sc-modal .sc-modal-content .sc-form-group{margin-bottom:1.5rem}.support-center .sc-modal .sc-modal-content .sc-form-group label{display:block;font-weight:600;margin-bottom:.5rem;color:#333;font-size:.95rem}.support-center .sc-modal .sc-modal-content .sc-form-group .sc-input,.support-center .sc-modal .sc-modal-content .sc-form-group .sc-textarea,.support-center .sc-modal .sc-modal-content .sc-form-group .sc-select{width:100%;padding:.875rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.95rem;transition:all .2s ease;background:#fff}.support-center .sc-modal .sc-modal-content .sc-form-group .sc-input:focus,.support-center .sc-modal .sc-modal-content .sc-form-group .sc-textarea:focus,.support-center .sc-modal .sc-modal-content .sc-form-group .sc-select:focus{outline:none;border-color:#1c9126;box-shadow:0 0 0 3px #1c91261a}.support-center .sc-modal .sc-modal-content .sc-form-group .sc-input:disabled,.support-center .sc-modal .sc-modal-content .sc-form-group .sc-textarea:disabled,.support-center .sc-modal .sc-modal-content .sc-form-group .sc-select:disabled{background-color:#f8f9fa;cursor:not-allowed;opacity:.7}.support-center .sc-modal .sc-modal-content .sc-form-group .sc-textarea{resize:vertical;min-height:120px}.support-center .sc-modal .sc-modal-content .sc-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.support-center .sc-modal .sc-modal-actions{padding:1.75rem 2rem;border-top:1px solid #f0f0f0;display:flex;gap:1rem;justify-content:flex-end;background:#fafafa}.support-center .sc-modal .sc-modal-actions .sc-cancel-btn{background:#fff;color:#495057;border:1px solid #e0e0e0;padding:.875rem 1.75rem;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .2s ease;font-weight:500}.support-center .sc-modal .sc-modal-actions .sc-cancel-btn:hover:not(:disabled){background:#f8f9fa;border-color:#adb5bd;transform:translateY(-1px)}.support-center .sc-modal .sc-modal-actions .sc-cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.support-center .sc-modal .sc-modal-actions .sc-create-ticket-btn,.support-center .sc-modal .sc-modal-actions .sc-confirm-btn{background:linear-gradient(135deg,#1c9126,#167a1f);color:#fff;border:none;padding:.875rem 2rem;border-radius:8px;font-size:.95rem;cursor:pointer;transition:all .2s ease;font-weight:600;position:relative;overflow:hidden}.support-center .sc-modal .sc-modal-actions .sc-create-ticket-btn:before,.support-center .sc-modal .sc-modal-actions .sc-confirm-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.support-center .sc-modal .sc-modal-actions .sc-create-ticket-btn:hover:not(:disabled),.support-center .sc-modal .sc-modal-actions .sc-confirm-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #1c912666}.support-center .sc-modal .sc-modal-actions .sc-create-ticket-btn:hover:not(:disabled):before,.support-center .sc-modal .sc-modal-actions .sc-confirm-btn:hover:not(:disabled):before{left:100%}.support-center .sc-modal .sc-modal-actions .sc-create-ticket-btn:disabled,.support-center .sc-modal .sc-modal-actions .sc-confirm-btn:disabled{background:#a5d6a7;cursor:not-allowed;transform:none;box-shadow:none}.support-center .sc-confirm-modal{max-width:500px}.support-center .sc-confirm-modal .sc-modal-content{text-align:center}.support-center .sc-confirm-modal .sc-modal-content p{font-size:1.1rem;margin-bottom:1.5rem;color:#333;line-height:1.5}.support-center .sc-confirm-modal .sc-modal-content .sc-changes-list{background:#f8f9fa;border-radius:12px;padding:1.5rem;margin-top:1.5rem;text-align:left;border:1px solid #e9ecef}.support-center .sc-confirm-modal .sc-modal-content .sc-changes-list .sc-change-item{padding:.75rem 0;border-bottom:1px solid #dee2e6;display:flex;align-items:flex-start;gap:.75rem}.support-center .sc-confirm-modal .sc-modal-content .sc-changes-list .sc-change-item:last-child{border-bottom:none}.support-center .sc-confirm-modal .sc-modal-content .sc-changes-list .sc-change-item:before{content:"•";color:#1c9126;font-weight:700;font-size:1.2rem;line-height:1}.support-center .sc-confirm-modal .sc-modal-content .sc-changes-list .sc-change-item strong{color:#1c1c1c;min-width:100px}.support-center .sc-modal .sc-modal-content .sc-form-group{position:relative}.support-center .sc-modal .sc-modal-content .sc-form-group label{display:flex;align-items:center;gap:.5rem}.support-center .sc-modal .sc-modal-content .sc-form-group label:after{content:attr(data-required);color:#dc3545;font-size:.8rem;font-weight:400}.support-center .sc-modal .sc-modal-content .sc-form-group .sc-input:focus,.support-center .sc-modal .sc-modal-content .sc-form-group .sc-textarea:focus{transform:translateY(-1px)}.support-center .sc-modal .sc-modal-content .sc-form-row .sc-form-group:last-child label:after{content:none}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}@media(max-width:768px){.support-center{padding:1rem}.support-center .sc-layout{grid-template-columns:1fr;height:auto}.support-center .sc-actions{flex-direction:column;align-items:stretch}.support-center .sc-actions .sc-search{min-width:auto}.support-center .sc-form-row{grid-template-columns:1fr}.support-center .sc-ticket-info{flex-direction:column;gap:.25rem}.support-center .sc-modal{width:95%;margin:1rem;border-radius:12px}.support-center .sc-modal .sc-modal-header{padding:1.25rem 1.5rem}.support-center .sc-modal .sc-modal-content{padding:1.5rem}.support-center .sc-modal .sc-modal-actions{padding:1.25rem 1.5rem;flex-direction:column-reverse}.support-center .sc-modal .sc-modal-actions button{width:100%}.support-center .sc-ticket-actions{flex-direction:column;align-items:stretch;gap:.5rem}.support-center .sc-ticket-actions .sc-status-select{order:-1}}@media(max-width:480px){.support-center .sc-header h4{font-size:1.5rem}.support-center .sc-card .sc-card-header,.support-center .sc-ticket-content{padding:1rem}}.system-health{padding:2rem;font-family:Inter,sans-serif;color:#1c1c1c}.system-health .sh-header{margin-bottom:2rem}.system-health .sh-header h4{font-size:1.75rem;font-weight:600;margin-bottom:.5rem}.system-health .sh-header p{font-size:.95rem;color:#555;max-width:900px;line-height:1.5;margin-bottom:1.5rem}.system-health .sh-actions-row{display:flex;gap:1rem;margin-bottom:2rem}.system-health .sh-actions-row .sh-btn-primary{background:linear-gradient(135deg,#1c9126,#167a1f);color:#fff;border:none;padding:.875rem 2rem;border-radius:10px;font-size:.95rem;cursor:pointer;transition:all .3s ease;font-weight:600;position:relative;overflow:hidden;box-shadow:0 4px 15px #1c91264d}.system-health .sh-actions-row .sh-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.system-health .sh-actions-row .sh-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #1c912666}.system-health .sh-actions-row .sh-btn-primary:hover:not(:disabled):before{left:100%}.system-health .sh-actions-row .sh-btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 15px #1c91264d}.system-health .sh-actions-row .sh-btn-primary:disabled{background:#a5d6a7;cursor:not-allowed;transform:none;box-shadow:none;opacity:.7}.system-health .sh-actions-row .sh-btn-secondary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#495057;border:1px solid #e0e0e0;padding:.875rem 2rem;border-radius:10px;font-size:.95rem;cursor:pointer;transition:all .3s ease;font-weight:600;position:relative;overflow:hidden}.system-health .sh-actions-row .sh-btn-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transition:left .5s}.system-health .sh-actions-row .sh-btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#e9ecef,#dee2e6);border-color:#adb5bd;transform:translateY(-2px);box-shadow:0 4px 15px #6c757d33}.system-health .sh-actions-row .sh-btn-secondary:hover:not(:disabled):before{left:100%}.system-health .sh-actions-row .sh-btn-secondary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #6c757d33}.system-health .sh-actions-row .sh-btn-secondary:disabled{background:#f8f9fa;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.system-health .sh-section{margin-bottom:2rem}.system-health .sh-card{background:#fff;border:1px solid #e0e0e0;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .3s ease}.system-health .sh-card:hover{box-shadow:0 8px 30px #0000001f}.system-health .sh-card .sh-card-header{padding:1.75rem;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#fafafa,#fff)}.system-health .sh-card .sh-card-header .sh-section-title{font-size:1.3rem;font-weight:700;color:#1c1c1c}.system-health .sh-note-form{padding:2rem}.system-health .sh-note-form .sh-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem}.system-health .sh-note-form .sh-form-group label{display:block;font-weight:600;margin-bottom:.75rem;color:#333;font-size:.95rem}.system-health .sh-note-form .sh-form-group .sh-select,.system-health .sh-note-form .sh-form-group .sh-input,.system-health .sh-note-form .sh-form-group .sh-textarea{width:100%;padding:.875rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;transition:all .3s ease;background:#fff}.system-health .sh-note-form .sh-form-group .sh-select:focus,.system-health .sh-note-form .sh-form-group .sh-input:focus,.system-health .sh-note-form .sh-form-group .sh-textarea:focus{outline:none;border-color:#1c9126;box-shadow:0 0 0 3px #1c91261a;transform:translateY(-1px)}.system-health .sh-note-form .sh-form-group .sh-select:disabled,.system-health .sh-note-form .sh-form-group .sh-input:disabled,.system-health .sh-note-form .sh-form-group .sh-textarea:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.7}.system-health .sh-note-form .sh-form-group .sh-textarea{resize:vertical;min-height:120px}.system-health .sh-note-form .sh-btn-primary{background:linear-gradient(135deg,#1c9126,#167a1f);color:#fff;border:none;padding:1rem 2.5rem;border-radius:12px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:700;position:relative;overflow:hidden;box-shadow:0 6px 20px #1c91264d;width:auto;min-width:200px;margin-top:.5rem}.system-health .sh-note-form .sh-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s}.system-health .sh-note-form .sh-btn-primary:after{content:"+";margin-right:.5rem;font-weight:700;font-size:1.1rem}.system-health .sh-note-form .sh-btn-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 30px #1c912666;background:linear-gradient(135deg,#167a1f,#126318)}.system-health .sh-note-form .sh-btn-primary:hover:not(:disabled):before{left:100%}.system-health .sh-note-form .sh-btn-primary:active:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #1c91264d}.system-health .sh-note-form .sh-btn-primary:disabled{background:linear-gradient(135deg,#a5d6a7,#95c996);cursor:not-allowed;transform:none;box-shadow:0 2px 8px #a5d6a74d;opacity:.7}.system-health .sh-notes-list{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.system-health .sh-note{border:1px solid #e0e0e0;border-radius:12px;padding:1.75rem;transition:all .3s ease;background:#fff;position:relative}.system-health .sh-note:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#1c9126;border-radius:4px 0 0 4px}.system-health .sh-note:hover{border-color:#1c9126;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.system-health .sh-note .sh-note-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.25rem}.system-health .sh-note .sh-note-header .sh-note-title{font-size:1.2rem;font-weight:700;color:#1c1c1c;margin:0;line-height:1.4}.system-health .sh-note .sh-note-header .sh-note-actions{display:flex;gap:.75rem;align-items:center}.system-health .sh-note .sh-note-header .sh-note-actions .sh-status-select{padding:.5rem .75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.85rem;background:#fff;cursor:pointer;transition:all .3s ease;font-weight:500}.system-health .sh-note .sh-note-header .sh-note-actions .sh-status-select:focus{outline:none;border-color:#1c9126;box-shadow:0 0 0 3px #1c91261a}.system-health .sh-note .sh-note-header .sh-note-actions .sh-status-select:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.7}.system-health .sh-note .sh-note-header .sh-note-actions .sh-delete-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;width:32px;height:32px;border-radius:8px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-weight:700}.system-health .sh-note .sh-note-header .sh-note-actions .sh-delete-btn:hover:not(:disabled){transform:scale(1.1);box-shadow:0 4px 12px #dc35454d}.system-health .sh-note .sh-note-header .sh-note-actions .sh-delete-btn:active:not(:disabled){transform:scale(1)}.system-health .sh-note .sh-note-header .sh-note-actions .sh-delete-btn:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed;transform:none;box-shadow:none}.system-health .sh-note .sh-note-system{display:flex;gap:1rem;align-items:center;margin-bottom:1.25rem;flex-wrap:wrap}.system-health .sh-note .sh-note-system .sh-system{font-weight:700;color:#fff;background:linear-gradient(135deg,#1c9126,#167a1f);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;box-shadow:0 2px 8px #1c91264d}.system-health .sh-note .sh-note-system .sh-note-type{padding:.5rem 1rem;background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize;box-shadow:0 2px 8px #2196f333}.system-health .sh-note .sh-note-system .sh-provider{color:#666;background:#f0f0f0;padding:.25rem .75rem;border-radius:6px;font-size:.85rem}.system-health .sh-note .sh-note-content{color:#444;line-height:1.6;margin-bottom:1.5rem;font-size:.95rem;background:#fafafa;padding:1.25rem;border-radius:8px;border-left:4px solid #e0e0e0}.system-health .sh-note .sh-note-meta{display:flex;gap:1rem;font-size:.85rem;color:#666;flex-wrap:wrap}.system-health .sh-note .sh-note-meta span{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:.5rem 1rem;border-radius:20px;font-weight:500;box-shadow:0 1px 3px #0000001a}.system-health .sh-systems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:2rem}.system-health .sh-system-card{border:1px solid #e0e0e0;border-radius:12px;padding:1.75rem;transition:all .3s ease;background:#fff}.system-health .sh-system-card:hover{border-color:#1c9126;transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.system-health .sh-system-card h5{font-size:1.1rem;font-weight:700;margin:0 0 1.25rem;color:#1c1c1c}.system-health .sh-system-card .sh-providers{display:flex;flex-wrap:wrap;gap:.75rem}.system-health .sh-system-card .sh-provider-tag{background:linear-gradient(135deg,#e8f5e8,#d4edda);color:#1c9126;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;box-shadow:0 2px 6px #1c912633}.system-health .sh-status{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize;box-shadow:0 2px 6px #0000001a}.system-health .sh-status-completed{background:linear-gradient(135deg,#e8f5e8,#d4edda);color:#1c9126}.system-health .sh-status-scheduled{background:linear-gradient(135deg,#fff3cd,#ffeaa7);color:#856404}.system-health .sh-status-in-progress{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0}.system-health .sh-status-monitoring{background:linear-gradient(135deg,#f3e5f5,#e1bee7);color:#7b1fa2}.system-health .sh-status-issue{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24}.system-health .sh-error{background:linear-gradient(135deg,#f8d7da,#f5c6cb);color:#721c24;padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid #f5c6cb;font-weight:600;box-shadow:0 4px 15px #dc35451a}.system-health .sh-loading{text-align:center;padding:3rem;color:#666;font-size:1.1rem;font-weight:500}.system-health .sh-empty-state{text-align:center;padding:3rem;color:#888;font-size:1.1rem}.system-health .sh-empty-state:before{content:"📝";font-size:3rem;display:block;margin-bottom:1rem}@media(max-width:768px){.system-health{padding:1rem}.system-health .sh-actions-row{flex-direction:column}.system-health .sh-form-row{grid-template-columns:1fr}.system-health .sh-systems-grid{grid-template-columns:1fr;padding:1rem}.system-health .sh-note-system{flex-direction:column;align-items:flex-start;gap:.75rem}.system-health .sh-note-meta{flex-direction:column;gap:.75rem}.system-health .sh-note-header{flex-direction:column;gap:1rem;align-items:flex-start}.system-health .sh-note-actions{width:100%;justify-content:space-between}.system-health .sh-card .sh-card-header,.system-health .sh-note-form,.system-health .sh-notes-list{padding:1.25rem}.system-health .sh-note-form .sh-btn-primary{width:100%;min-width:auto}}@media(max-width:480px){.system-health .sh-header h4{font-size:1.5rem}.system-health .sh-note,.system-health .sh-system-card{padding:1.25rem}}.account-logs.al-root{padding:20px;max-width:1400px;margin:0 auto}.account-logs .al-header{margin-bottom:30px}.account-logs .al-header h4{margin:0 0 8px;color:var(--text-color);font-size:24px;font-weight:600}.account-logs .al-header p{margin:0;color:var(--text-secondary);font-size:14px}.account-logs .al-error{background:var(--color-danger-bg);border:1px solid var(--color-danger);border-radius:6px;padding:12px 16px;margin-bottom:20px}.account-logs .al-error p{margin:0;color:var(--color-danger);font-size:14px}.account-logs .al-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;background:var(--color-gray-50);padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid var(--border-color)}.account-logs .al-filters .al-filter-group{display:flex;flex-direction:column;gap:6px}.account-logs .al-filters .al-filter-group label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.account-logs .al-filters .al-filter-group .al-input,.account-logs .al-filters .al-filter-group .al-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;background:var(--input-bg);color:var(--text-color)}.account-logs .al-filters .al-filter-group .al-input:focus,.account-logs .al-filters .al-filter-group .al-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px hsla(var(--color-primary-hsl),.25)}.account-logs .al-filters .al-filter-group .al-input option,.account-logs .al-filters .al-filter-group .al-select option{background:var(--input-bg);color:#000}[data-theme=dark] .account-logs .al-filters .al-filter-group .al-input,[data-theme=dark] .account-logs .al-filters .al-filter-group .al-select,[data-theme=dark] .account-logs .al-filters .al-filter-group .al-input option,[data-theme=dark] .account-logs .al-filters .al-filter-group .al-select option{background:var(--input-bg-dark);color:#000}.account-logs .al-filters .al-filter-actions{display:flex;gap:10px;align-items:flex-end}.account-logs .al-filters .al-filter-actions .al-btn-primary,.account-logs .al-filters .al-filter-actions .al-btn-secondary{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.account-logs .al-filters .al-filter-actions .al-btn-primary:disabled,.account-logs .al-filters .al-filter-actions .al-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.account-logs .al-filters .al-filter-actions .al-btn-primary{background:var(--color-primary);color:#fff}.account-logs .al-filters .al-filter-actions .al-btn-primary:hover:not(:disabled){background:hsl(var(--color-primary-hsl)/.9)}.account-logs .al-filters .al-filter-actions .al-btn-secondary{background:var(--color-gray-500);color:#fff}.account-logs .al-filters .al-filter-actions .al-btn-secondary:hover:not(:disabled){background:var(--color-gray-600)}.account-logs .al-results-count{margin-bottom:16px}.account-logs .al-results-count p{margin:0;color:var(--text-secondary);font-size:14px;font-weight:500}.account-logs .al-loading,.account-logs .al-empty-state{text-align:center;padding:60px 20px;background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color)}.account-logs .al-loading p,.account-logs .al-empty-state p{margin:8px 0 0;color:var(--text-secondary);font-size:14px}.account-logs .al-empty-state h5{margin:0;color:var(--text-color);font-size:18px;font-weight:500}.account-logs .al-table-wrap{background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color);overflow:hidden;margin-bottom:20px}.account-logs .al-table{width:100%;border-collapse:collapse}.account-logs .al-table th{background:var(--color-gray-50);padding:12px 16px;text-align:left;font-weight:600;font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.account-logs .al-table td{padding:12px 16px;border-bottom:1px solid var(--border-color);font-size:14px;color:var(--text-color)}.account-logs .al-table tr:last-child td{border-bottom:none}.account-logs .al-table tr:hover{background:var(--hover-bg)}.account-logs .al-table .al-timestamp{white-space:nowrap;color:var(--text-secondary);font-size:13px}.account-logs .al-table .al-user .al-user-info .al-user-name{font-weight:500;color:var(--text-color)}.account-logs .al-table .al-user .al-user-info .al-user-role{font-size:12px;color:var(--text-secondary);text-transform:capitalize}.account-logs .al-table .al-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.account-logs .al-table .al-badge.al-badge-create{background:var(--color-success-bg);color:var(--color-success)}.account-logs .al-table .al-badge.al-badge-update{background:hsla(var(--color-info-hsl),.1);color:var(--color-info)}.account-logs .al-table .al-badge.al-badge-delete{background:var(--color-danger-bg);color:var(--color-danger)}.account-logs .al-table .al-badge.al-badge-status,.account-logs .al-table .al-badge.al-badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.account-logs .al-table .al-badge.al-badge-success{background:var(--color-success-bg);color:var(--color-success)}.account-logs .al-table .al-badge.al-badge-default{background:var(--color-gray-100);color:var(--color-gray-700)}.account-logs .al-table .al-entity{font-weight:500;color:var(--text-color)}.account-logs .al-table .al-entity .al-entity-id{font-size:11px;color:var(--text-secondary);margin-left:4px}.account-logs .al-table .al-description{color:var(--text-color);max-width:300px}.account-logs .al-table .al-details-btn{padding:4px 8px;background:var(--color-gray-50);border:1px solid var(--border-color);border-radius:4px;font-size:12px;color:var(--text-color);cursor:pointer;transition:all .2s}.account-logs .al-table .al-details-btn:hover{background:var(--color-gray-100);border-color:var(--color-gray-400)}.account-logs .al-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px}.account-logs .al-pagination .al-pagination-btn{padding:8px 16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;font-size:14px;color:var(--color-primary);cursor:pointer;transition:all .2s}.account-logs .al-pagination .al-pagination-btn:hover:not(:disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.account-logs .al-pagination .al-pagination-btn:disabled{color:var(--text-secondary);cursor:not-allowed;opacity:.6}.account-logs .al-pagination .al-pagination-info{font-size:14px;color:var(--text-secondary);font-weight:500}@media(max-width:768px){.account-logs.al-root{padding:16px}.account-logs .al-filters{grid-template-columns:1fr}.account-logs .al-table-wrap{overflow-x:auto}.account-logs .al-table{min-width:800px}}.staff-sessions.ss-root{padding:20px;max-width:1400px;margin:0 auto}.staff-sessions .ss-header{margin-bottom:30px}.staff-sessions .ss-header h4{margin:0 0 8px;color:var(--text-color);font-size:24px;font-weight:600}.staff-sessions .ss-header p{margin:0;color:var(--text-secondary);font-size:14px}.staff-sessions .ss-error{background:var(--color-danger-bg);border:1px solid var(--color-danger);border-radius:6px;padding:12px 16px;margin-bottom:20px}.staff-sessions .ss-error p{margin:0;color:var(--color-danger);font-size:14px}.staff-sessions .ss-active-sessions{background:var(--color-gray-50);border:1px solid var(--border-color);border-radius:8px;padding:20px;margin-bottom:20px}.staff-sessions .ss-active-sessions .ss-active-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.staff-sessions .ss-active-sessions .ss-active-header h5{margin:0;color:var(--text-color);font-size:18px;font-weight:600}.staff-sessions .ss-active-sessions .ss-active-header .ss-active-actions{display:flex;align-items:center;gap:12px}.staff-sessions .ss-active-sessions .ss-active-header .ss-active-actions .ss-active-count{background:var(--color-primary);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.staff-sessions .ss-active-sessions .ss-active-header .ss-active-actions .ss-refresh-btn{background:var(--color-gray-500);color:#fff;border:none;border-radius:4px;padding:6px 10px;cursor:pointer;transition:background .2s}.staff-sessions .ss-active-sessions .ss-active-header .ss-active-actions .ss-refresh-btn:hover{background:var(--color-gray-600)}.staff-sessions .ss-active-sessions .ss-no-active{text-align:center;padding:20px;color:var(--text-secondary)}.staff-sessions .ss-active-sessions .ss-active-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.staff-sessions .ss-active-sessions .ss-active-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;padding:16px;transition:box-shadow .2s}.staff-sessions .ss-active-sessions .ss-active-card:hover{box-shadow:var(--card-shadow)}.staff-sessions .ss-active-sessions .ss-active-card .ss-active-user{margin-bottom:12px}.staff-sessions .ss-active-sessions .ss-active-card .ss-active-user .ss-active-name{font-weight:600;color:var(--text-color);margin-bottom:4px}.staff-sessions .ss-active-sessions .ss-active-card .ss-active-user .ss-active-role{font-size:12px;color:var(--text-secondary);text-transform:capitalize}.staff-sessions .ss-active-sessions .ss-active-card .ss-active-details{margin-bottom:12px}.staff-sessions .ss-active-sessions .ss-active-card .ss-active-details .ss-active-duration{font-weight:600;color:var(--color-success);margin-bottom:4px}.staff-sessions .ss-active-sessions .ss-active-card .ss-active-details .ss-active-ip{font-size:12px;color:var(--text-secondary);margin-bottom:2px}.staff-sessions .ss-active-sessions .ss-active-card .ss-active-details .ss-active-device{font-size:11px;color:var(--color-gray-500)}.staff-sessions .ss-active-sessions .ss-active-card .ss-active-login{font-size:11px;color:var(--text-secondary);border-top:1px solid var(--border-color);padding-top:8px}.staff-sessions .ss-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;background:var(--color-gray-50);padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid var(--border-color)}.staff-sessions .ss-filters .ss-filter-group{display:flex;flex-direction:column;gap:6px}.staff-sessions .ss-filters .ss-filter-group label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.staff-sessions .ss-filters .ss-filter-group .ss-input,.staff-sessions .ss-filters .ss-filter-group .ss-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;background:var(--input-bg);color:var(--text-color)}.staff-sessions .ss-filters .ss-filter-group .ss-input:focus,.staff-sessions .ss-filters .ss-filter-group .ss-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px hsla(var(--color-primary-hsl),.25)}.staff-sessions .ss-filters .ss-filter-group .ss-input option,.staff-sessions .ss-filters .ss-filter-group .ss-select option{background:var(--input-bg);color:#000}[data-theme=dark] .staff-sessions .ss-filters .ss-filter-group .ss-input,[data-theme=dark] .staff-sessions .ss-filters .ss-filter-group .ss-select,[data-theme=dark] .staff-sessions .ss-filters .ss-filter-group .ss-input option,[data-theme=dark] .staff-sessions .ss-filters .ss-filter-group .ss-select option{background:var(--input-bg-dark);color:#000}.staff-sessions .ss-filters .ss-checkbox-group{justify-content:flex-end}.staff-sessions .ss-filters .ss-checkbox-group .ss-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;text-transform:none;font-weight:400;color:var(--text-color)}.staff-sessions .ss-filters .ss-checkbox-group .ss-checkbox-label input[type=checkbox]{margin:0}.staff-sessions .ss-filters .ss-filter-actions{display:flex;gap:10px;align-items:flex-end}.staff-sessions .ss-filters .ss-filter-actions .ss-btn-primary,.staff-sessions .ss-filters .ss-filter-actions .ss-btn-secondary{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.staff-sessions .ss-filters .ss-filter-actions .ss-btn-primary:disabled,.staff-sessions .ss-filters .ss-filter-actions .ss-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.staff-sessions .ss-filters .ss-filter-actions .ss-btn-primary{background:var(--color-primary);color:#fff}.staff-sessions .ss-filters .ss-filter-actions .ss-btn-primary:hover:not(:disabled){background:hsl(var(--color-primary-hsl)/.9)}.staff-sessions .ss-filters .ss-filter-actions .ss-btn-secondary{background:var(--color-gray-500);color:#fff}.staff-sessions .ss-filters .ss-filter-actions .ss-btn-secondary:hover:not(:disabled){background:var(--color-gray-600)}.staff-sessions .ss-results-count{margin-bottom:16px}.staff-sessions .ss-results-count p{margin:0;color:var(--text-secondary);font-size:14px;font-weight:500}.staff-sessions .ss-loading,.staff-sessions .ss-empty-state{text-align:center;padding:60px 20px;background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color)}.staff-sessions .ss-loading p,.staff-sessions .ss-empty-state p{margin:8px 0 0;color:var(--text-secondary);font-size:14px}.staff-sessions .ss-empty-state h5{margin:0;color:var(--text-color);font-size:18px;font-weight:500}.staff-sessions .ss-table-wrap{background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color);overflow:hidden;margin-bottom:20px}.staff-sessions .ss-table{width:100%;border-collapse:collapse}.staff-sessions .ss-table th{background:var(--color-gray-50);padding:12px 16px;text-align:left;font-weight:600;font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.staff-sessions .ss-table td{padding:12px 16px;border-bottom:1px solid var(--border-color);font-size:14px;color:var(--text-color)}.staff-sessions .ss-table tr:last-child td{border-bottom:none}.staff-sessions .ss-table tr:hover{background:var(--hover-bg)}.staff-sessions .ss-table .ss-timestamp{white-space:nowrap;color:var(--text-secondary);font-size:13px}.staff-sessions .ss-table .ss-user .ss-user-info .ss-user-name{font-weight:500;color:var(--text-color)}.staff-sessions .ss-table .ss-user .ss-user-info .ss-user-role{font-size:12px;color:var(--text-secondary);text-transform:capitalize}.staff-sessions .ss-table .ss-duration{font-weight:500;color:var(--text-color)}.staff-sessions .ss-table .ss-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.staff-sessions .ss-table .ss-badge.ss-badge-active{background:var(--color-success-bg);color:var(--color-success)}.staff-sessions .ss-table .ss-badge.ss-badge-completed{background:var(--color-gray-100);color:var(--color-gray-700)}.staff-sessions .ss-table .ss-ip{font-family:monospace;font-size:13px;color:var(--text-secondary)}.staff-sessions .ss-table .ss-device .ss-device-info{font-size:13px;color:var(--text-secondary)}.staff-sessions .ss-table .ss-device .ss-device-info span{display:inline-block}.staff-sessions .ss-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px}.staff-sessions .ss-pagination .ss-pagination-btn{padding:8px 16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;font-size:14px;color:var(--color-primary);cursor:pointer;transition:all .2s}.staff-sessions .ss-pagination .ss-pagination-btn:hover:not(:disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.staff-sessions .ss-pagination .ss-pagination-btn:disabled{color:var(--text-secondary);cursor:not-allowed;opacity:.6}.staff-sessions .ss-pagination .ss-pagination-info{font-size:14px;color:var(--text-secondary);font-weight:500}@media(max-width:768px){.staff-sessions.ss-root{padding:16px}.staff-sessions .ss-active-grid{grid-template-columns:1fr!important}.staff-sessions .ss-filters{grid-template-columns:1fr}.staff-sessions .ss-table-wrap{overflow-x:auto}.staff-sessions .ss-table{min-width:800px}}.staff-actions.sa-root{padding:20px;max-width:1400px;margin:0 auto}.staff-actions .sa-header{margin-bottom:30px}.staff-actions .sa-header h4{margin:0 0 8px;color:var(--text-color);font-size:24px;font-weight:600}.staff-actions .sa-header p{margin:0;color:var(--text-secondary);font-size:14px}.staff-actions .sa-error{background:var(--color-danger-bg);border:1px solid var(--color-danger);border-radius:6px;padding:12px 16px;margin-bottom:20px}.staff-actions .sa-error p{margin:0;color:var(--color-danger);font-size:14px}.staff-actions .sa-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;background:var(--color-gray-50);padding:20px;border-radius:8px;margin-bottom:20px;border:1px solid var(--border-color)}.staff-actions .sa-filters .sa-filter-group{display:flex;flex-direction:column;gap:6px}.staff-actions .sa-filters .sa-filter-group label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.staff-actions .sa-filters .sa-filter-group .sa-input,.staff-actions .sa-filters .sa-filter-group .sa-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;background:var(--input-bg);color:var(--text-color)}.staff-actions .sa-filters .sa-filter-group .sa-input:focus,.staff-actions .sa-filters .sa-filter-group .sa-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px hsla(var(--color-primary-hsl),.25)}.staff-actions .sa-filters .sa-filter-group .sa-input option,.staff-actions .sa-filters .sa-filter-group .sa-select option{background:var(--input-bg);color:#000}[data-theme=dark] .staff-actions .sa-filters .sa-filter-group .sa-input,[data-theme=dark] .staff-actions .sa-filters .sa-filter-group .sa-select,[data-theme=dark] .staff-actions .sa-filters .sa-filter-group .sa-input option,[data-theme=dark] .staff-actions .sa-filters .sa-filter-group .sa-select option{background:var(--input-bg-dark);color:#000}.staff-actions .sa-filters .sa-filter-actions{display:flex;gap:10px;align-items:flex-end}.staff-actions .sa-filters .sa-filter-actions .sa-btn-primary,.staff-actions .sa-filters .sa-filter-actions .sa-btn-secondary{padding:8px 16px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.staff-actions .sa-filters .sa-filter-actions .sa-btn-primary:disabled,.staff-actions .sa-filters .sa-filter-actions .sa-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.staff-actions .sa-filters .sa-filter-actions .sa-btn-primary{background:var(--color-primary);color:#fff}.staff-actions .sa-filters .sa-filter-actions .sa-btn-primary:hover:not(:disabled){background:hsl(var(--color-primary-hsl)/.9)}.staff-actions .sa-filters .sa-filter-actions .sa-btn-secondary{background:var(--color-gray-500);color:#fff}.staff-actions .sa-filters .sa-filter-actions .sa-btn-secondary:hover:not(:disabled){background:var(--color-gray-600)}.staff-actions .sa-results-count{margin-bottom:16px}.staff-actions .sa-results-count p{margin:0;color:var(--text-secondary);font-size:14px;font-weight:500}.staff-actions .sa-loading,.staff-actions .sa-empty-state{text-align:center;padding:60px 20px;background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color)}.staff-actions .sa-loading p,.staff-actions .sa-empty-state p{margin:8px 0 0;color:var(--text-secondary);font-size:14px}.staff-actions .sa-empty-state h5{margin:0;color:var(--text-color);font-size:18px;font-weight:500}.staff-actions .sa-table-wrap{background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color);overflow:hidden;margin-bottom:20px}.staff-actions .sa-table{width:100%;border-collapse:collapse}.staff-actions .sa-table th{background:var(--color-gray-50);padding:12px 16px;text-align:left;font-weight:600;font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.staff-actions .sa-table td{padding:12px 16px;border-bottom:1px solid var(--border-color);font-size:14px;color:var(--text-color)}.staff-actions .sa-table tr:last-child td{border-bottom:none}.staff-actions .sa-table tr:hover{background:var(--hover-bg)}.staff-actions .sa-table .sa-timestamp{white-space:nowrap;color:var(--text-secondary);font-size:13px}.staff-actions .sa-table .sa-user .sa-user-info .sa-user-name{font-weight:500;color:var(--text-color)}.staff-actions .sa-table .sa-user .sa-user-info .sa-user-role{font-size:12px;color:var(--text-secondary);text-transform:capitalize}.staff-actions .sa-table .sa-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.staff-actions .sa-table .sa-badge.sa-badge-success{background:var(--color-success-bg);color:var(--color-success)}.staff-actions .sa-table .sa-badge.sa-badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.staff-actions .sa-table .sa-badge.sa-badge-info{background:hsla(var(--color-info-hsl),.1);color:var(--color-info)}.staff-actions .sa-table .sa-badge.sa-badge-primary{background:var(--color-primary);color:#fff}.staff-actions .sa-table .sa-badge.sa-badge-secondary{background:var(--color-gray-500);color:#fff}.staff-actions .sa-table .sa-badge.sa-badge-default{background:var(--color-gray-100);color:var(--color-gray-700)}.staff-actions .sa-table .sa-badge.sa-badge-resident{background:#16a2861a;color:#16a286}.staff-actions .sa-table .sa-badge.sa-badge-document{background:#5757ff1a;color:#5757ff}.staff-actions .sa-table .sa-badge.sa-badge-blotter{background:#8a00001a;color:#8a0000}.staff-actions .sa-table .sa-entity-id{font-family:monospace;font-size:12px;color:var(--text-secondary);background:var(--color-gray-50);padding:4px 8px;border-radius:4px}.staff-actions .sa-table .sa-description{color:var(--text-color);max-width:250px;line-height:1.4}.staff-actions .sa-table .sa-notes{color:var(--text-secondary);font-size:13px;max-width:200px;line-height:1.4}.staff-actions .sa-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:20px}.staff-actions .sa-pagination .sa-pagination-btn{padding:8px 16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;font-size:14px;color:var(--color-primary);cursor:pointer;transition:all .2s}.staff-actions .sa-pagination .sa-pagination-btn:hover:not(:disabled){background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.staff-actions .sa-pagination .sa-pagination-btn:disabled{color:var(--text-secondary);cursor:not-allowed;opacity:.6}.staff-actions .sa-pagination .sa-pagination-info{font-size:14px;color:var(--text-secondary);font-weight:500}@media(max-width:768px){.staff-actions.sa-root{padding:16px}.staff-actions .sa-filters{grid-template-columns:1fr}.staff-actions .sa-table-wrap{overflow-x:auto}.staff-actions .sa-table{min-width:1000px}}.dashboard{padding:2rem;font-family:Inter,sans-serif;color:var(--text-color);background-color:var(--page-bg)}.dashboard .db-header{margin-bottom:2rem}.dashboard .db-header h3{font-size:1.75rem;font-weight:600;margin-bottom:.5rem;color:var(--text-color)}.dashboard .db-header p{font-size:.95rem;color:var(--text-secondary);max-width:700px;line-height:1.5}.dashboard .db-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2.5rem}.dashboard .db-cards .db-card{background:var(--form-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s ease;box-shadow:var(--card-shadow)}.dashboard .db-cards .db-card:hover{border-color:var(--color-success);box-shadow:0 4px 12px #00000014}.dashboard .db-cards .db-card h4{font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:.25rem}.dashboard .db-cards .db-card p{font-size:.95rem;color:var(--text-color)}.dashboard .db-residents-cards .db-empty{text-align:center;padding:2rem;color:var(--text-secondary);font-size:.95rem;background:var(--form-bg)}.dashboard .db-residents-cards .db-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.dashboard .db-residents-cards .pr-card{background:var(--form-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:var(--card-shadow);transition:all .2s ease}.dashboard .db-residents-cards .pr-card:hover{border-color:var(--color-success);box-shadow:0 4px 12px #00000014}.dashboard .db-residents-cards .pr-card .pr-card-header{margin-bottom:1rem}.dashboard .db-residents-cards .pr-card .pr-card-header h4{font-size:1.25rem;font-weight:600;color:var(--text-color);margin:0;transition:color .2s ease}.dashboard .db-residents-cards .pr-card .pr-card-header h4:hover{color:var(--color-primary)}.dashboard .db-residents-cards .pr-card .pr-card-body{margin-bottom:1.5rem}.dashboard .db-residents-cards .pr-card .pr-card-body .pr-info-row{display:flex;gap:1rem;margin-bottom:1rem}.dashboard .db-residents-cards .pr-card .pr-card-body .pr-info-row .pr-info-item{flex:1}.dashboard .db-residents-cards .pr-card .pr-card-body .pr-info-row .pr-info-item label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:.25rem}.dashboard .db-residents-cards .pr-card .pr-card-body .pr-info-row .pr-info-item span{font-size:.9rem;color:var(--text-color)}.dashboard .db-residents-cards .pr-card .pr-card-body .pr-info-item{margin-bottom:1rem}.dashboard .db-residents-cards .pr-card .pr-card-body .pr-info-item label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:.25rem}.dashboard .db-residents-cards .pr-card .pr-card-body .pr-info-item span{font-size:.9rem;color:var(--text-color)}.dashboard .db-residents-cards .pr-card .pr-card-body .pr-info-item span.email-container{display:flex;align-items:center;gap:.5rem}.dashboard .db-residents-cards .pr-card .pr-card-body .pr-info-item span.email-container .verified-badge{color:var(--color-success);font-weight:700;font-size:.8rem;cursor:help;transition:opacity .2s ease}.dashboard .db-residents-cards .pr-card .pr-card-body .pr-info-item span.email-container .verified-badge:hover{opacity:.7}.dashboard .db-residents-cards .pr-card .pr-card-body .pr-files label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.dashboard .db-residents-cards .pr-card .pr-card-body .pr-files .pr-file-list{list-style:none;padding:0;margin:0}.dashboard .db-residents-cards .pr-card .pr-card-body .pr-files .pr-file-list li{font-size:.9rem;color:var(--text-color);margin-bottom:.25rem}.dashboard .db-residents-cards .pr-card .pr-card-body .pr-files .pr-file-list li a{color:var(--color-primary);text-decoration:none}.dashboard .db-residents-cards .pr-card .pr-card-body .pr-files .pr-file-list li a:hover{text-decoration:underline}.dashboard .db-residents-cards .pr-card .pr-card-actions{display:flex;gap:.75rem;justify-content:flex-end}.dashboard .db-residents-cards .pr-card .pr-card-actions button{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.dashboard .db-residents-cards .pr-card .pr-card-actions button.pr-btn-accept{background-color:#28a745;color:#fff}.dashboard .db-residents-cards .pr-card .pr-card-actions button.pr-btn-accept:hover{background-color:#218838}.dashboard .db-residents-cards .pr-card .pr-card-actions button.pr-btn-decline{background-color:#dc3545;color:#fff}.dashboard .db-residents-cards .pr-card .pr-card-actions button.pr-btn-decline:hover{background-color:#c82333}.dashboard .db-residents-cards .pr-card .pr-card-actions button.btn-view-reason{background-color:var(--color-gray-200);color:var(--text-color)}.dashboard .db-residents-cards .pr-card .pr-card-actions button.btn-view-reason:hover{background-color:var(--color-gray-300)}.dashboard .db-residents-cards .pr-card .pr-card-actions .status-approved{font-size:.9rem;font-weight:600;color:var(--color-success)}.dashboard .pr-modal-backdrop{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.dashboard .pr-modal{background:var(--form-bg);border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideIn .2s ease-out}.dashboard .pr-modal .pr-modal-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.dashboard .pr-modal .pr-modal-header h5{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-color)}.dashboard .pr-modal .pr-modal-header .pr-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);padding:.25rem;border-radius:4px;transition:all .2s ease}.dashboard .pr-modal .pr-modal-header .pr-modal-close:hover{background-color:var(--color-gray-100);color:var(--text-color)}.dashboard .pr-modal .pr-modal-body{padding:1.5rem}.dashboard .pr-modal .pr-modal-body p{margin:0 0 1rem;color:var(--text-color);line-height:1.5}.dashboard .pr-modal .pr-modal-body .form-control{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-size:.9rem;color:var(--text-color);background:var(--input-bg);transition:border-color .2s ease}.dashboard .pr-modal .pr-modal-body .form-control:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f61a}.dashboard .pr-modal .pr-modal-body .reject-warning{color:var(--color-warning);font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:.5rem}.dashboard .pr-modal .pr-modal-footer{padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.75rem}.dashboard .pr-modal .pr-modal-footer button{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.dashboard .pr-modal .pr-modal-footer button.btn-cancel{background-color:var(--color-gray-200);color:var(--text-color)}.dashboard .pr-modal .pr-modal-footer button.btn-cancel:hover{background-color:var(--color-gray-300)}.dashboard .pr-modal .pr-modal-footer button.pr-btn-accept{background-color:var(--color-success);color:#fff}.dashboard .pr-modal .pr-modal-footer button.pr-btn-accept:hover{background-color:var(--color-success-dark)}.dashboard .pr-modal .pr-modal-footer button.btn-reject{background-color:var(--color-danger);color:#fff}.dashboard .pr-modal .pr-modal-footer button.btn-reject:hover{background-color:var(--color-danger-dark)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.dashboard{padding:1rem}.dashboard .db-cards{grid-template-columns:1fr}.dashboard .db-residents{padding:1rem}.dashboard .pr-modal{width:95%;margin:1rem}.dashboard .pr-modal .pr-modal-body{padding:1rem}.dashboard .pr-modal .pr-modal-footer{padding:1rem;flex-direction:column}.dashboard .pr-modal .pr-modal-footer button{width:100%}}.history-logs{padding:1.5rem;background-color:var(--page-bg)}.history-logs .hl-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.history-logs .hl-header h4{font-size:1.25rem;font-weight:600;color:var(--text-color)}.history-logs .hl-empty-state{text-align:center;padding:2rem;background:var(--form-bg);border:1px dashed var(--border-color);border-radius:8px;box-shadow:var(--card-shadow)}.history-logs .hl-empty-state h5{margin-bottom:.5rem;color:var(--text-color)}.history-logs .hl-empty-state p{font-size:.9rem;color:var(--text-secondary)}.history-logs .hl-table-wrap{overflow-x:auto}.history-logs .hl-table{width:100%;border-collapse:collapse;background:var(--form-bg);border-radius:8px;overflow:hidden;box-shadow:var(--card-shadow);border:var(--card-border)}.history-logs .hl-table th,.history-logs .hl-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.history-logs .hl-table th{background:var(--color-gray-100);font-weight:600;font-size:.9rem;color:var(--text-color)}.history-logs .hl-table td{font-size:.9rem;color:var(--text-color)}.history-logs .hl-table tr:hover{background:var(--hover-bg)}.history-logs .hl-table .hl-file-list{margin:0;padding-left:1.2rem;list-style:disc}.history-logs .hl-table .hl-file-list li{margin-bottom:.25rem;color:var(--text-color)}.history-logs .hl-table .hl-file-list li a{color:var(--color-primary);text-decoration:none}.history-logs .hl-table .hl-file-list li a:hover{text-decoration:underline}.history-logs .btn-view-reason{background:var(--color-warning);border:none;color:var(--color-white);padding:.4rem .8rem;font-size:.85rem;border-radius:6px;cursor:pointer;transition:background .2s}.history-logs .btn-view-reason:hover{background:#e67700}.hl-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.hl-modal{background:var(--form-bg);border-radius:10px;width:450px;max-width:90%;box-shadow:var(--card-shadow);border:var(--card-border);overflow:hidden;animation:fadeIn .25s ease-out}.hl-modal .hl-modal-header{display:flex;justify-content:space-between;align-items:center;background:var(--color-gray-100);padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.hl-modal .hl-modal-header h5{margin:0;font-size:1rem;font-weight:600;color:var(--text-color)}.hl-modal .hl-modal-header .hl-modal-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--text-secondary)}.hl-modal .hl-modal-header .hl-modal-close:hover{color:var(--text-color)}.hl-modal .hl-modal-body{padding:1rem;font-size:.95rem;color:var(--text-color);background:var(--form-bg)}.hl-modal .hl-modal-footer{padding:.75rem 1rem;display:flex;justify-content:flex-end;gap:.5rem;border-top:1px solid var(--border-color);background:var(--form-bg)}.btn-cancel{background:var(--color-gray-500);border:none;color:var(--color-white);padding:.4rem .8rem;font-size:.85rem;border-radius:6px;cursor:pointer;transition:background .2s}.btn-cancel:hover{background:var(--color-gray-600)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.citizen-hub{padding:2rem;font-family:Inter,sans-serif;color:var(--text-color);background-color:var(--page-bg)}.citizen-hub .ch-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.citizen-hub .ch-header .ch-breadcrumb{font-size:.9rem;color:var(--color-gray-500)}.citizen-hub .ch-header .ch-breadcrumb span{color:var(--color-success);cursor:pointer}.citizen-hub .ch-header .ch-breadcrumb span:hover{text-decoration:underline}.citizen-hub .ch-header .ch-header-right{display:flex;align-items:center;gap:1rem;margin-left:auto}.citizen-hub .ch-header .ch-header-right .ch-status{display:inline-block;padding:.75rem 1.5rem;border-radius:25px;font-size:1rem;font-weight:600;white-space:nowrap;text-transform:capitalize;box-shadow:0 2px 8px #0000001a;border:2px solid transparent;transition:all .3s ease}.citizen-hub .ch-header .ch-header-right .ch-status.ch-status-active{background:linear-gradient(135deg,var(--color-success) 0%,#28a745 100%);color:var(--color-white);border-color:var(--color-success);box-shadow:0 4px 12px #28a7454d}.citizen-hub .ch-header .ch-header-right .ch-status.ch-status-inactive{background:linear-gradient(135deg,var(--color-danger) 0%,#dc3545 100%);color:var(--color-white);border-color:var(--color-danger);box-shadow:0 4px 12px #dc35454d}.citizen-hub .ch-header .ch-header-right .ch-status.ch-status-pending{background:linear-gradient(135deg,var(--color-warning) 0%,#ffc107 100%);color:#212529;border-color:var(--color-warning);box-shadow:0 4px 12px #ffc1074d}.citizen-hub .ch-header .ch-header-right .ch-status:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.citizen-hub .ch-header .ch-header-right .ch-edit-btn{background:var(--color-success);color:var(--color-white);border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.citizen-hub .ch-header .ch-header-right .ch-edit-btn:hover{background:#157347;transform:translateY(-1px)}.citizen-hub .ch-header .ch-header-right .ch-edit-btn:active{transform:translateY(0)}.citizen-hub .ch-content{display:flex;flex-direction:column;gap:2rem}.citizen-hub .ch-profile-summary-horizontal{display:flex;justify-content:space-between;align-items:flex-start;background:var(--card-bg);border-radius:12px;padding:2rem;box-shadow:var(--card-shadow);border:var(--card-border);margin-bottom:1rem}.citizen-hub .ch-profile-summary-horizontal .ch-profile-main{flex:1}.citizen-hub .ch-profile-summary-horizontal .ch-profile-main .ch-name-status-wrapper{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.citizen-hub .ch-profile-summary-horizontal .ch-profile-main .ch-name-status-wrapper h2{font-size:1.5rem;margin:0;color:var(--text-color);line-height:1.3}.citizen-hub .ch-main-full{background:var(--card-bg);border-radius:12px;padding:2rem;box-shadow:var(--card-shadow);border:var(--card-border)}.citizen-hub .ch-main-full .ch-section{margin-bottom:2.5rem}.citizen-hub .ch-main-full .ch-section:last-child{margin-bottom:0}.citizen-hub .ch-main-full .ch-section h3{font-size:1.25rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color);color:var(--text-color)}.citizen-hub .ch-main-full .ch-section .ch-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.citizen-hub .ch-main-full .ch-section .ch-section-header h3{margin-bottom:0;border-bottom:none;padding-bottom:0}.citizen-hub .ch-main-full .ch-section .ch-section-header .ch-header-actions{display:flex;align-items:center;gap:.75rem}.citizen-hub .ch-main-full .ch-subsection{margin-bottom:2rem}.citizen-hub .ch-main-full .ch-subsection:last-child{margin-bottom:0}.citizen-hub .ch-main-full .ch-subsection h4{font-size:1.1rem;margin-bottom:1rem;color:var(--text-color);font-weight:600}.citizen-hub .ch-main-full .ch-subsection .ch-subsection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.citizen-hub .ch-main-full .ch-detail-item label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:500}.citizen-hub .ch-main-full .ch-detail-item label .asterisk{color:var(--color-danger);margin-left:2px}.citizen-hub .ch-main-full .ch-detail-item p{font-size:1rem;color:var(--text-color);margin:0;padding:.5rem 0;word-break:break-word}.citizen-hub .ch-main-full .ch-details-grid,.citizen-hub .ch-main-full .ch-address-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.citizen-hub .ch-main-full .ch-input,.citizen-hub .ch-main-full .ch-select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;color:var(--text-color);font-size:1rem;background:var(--input-bg);transition:border-color .2s ease}.citizen-hub .ch-main-full .ch-input:focus,.citizen-hub .ch-main-full .ch-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-hsl),.1)}.citizen-hub .ch-main-full .ch-edit-btn,.citizen-hub .ch-main-full .ch-add-btn{background:var(--color-success);color:var(--color-white);border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.citizen-hub .ch-main-full .ch-edit-btn:hover,.citizen-hub .ch-main-full .ch-add-btn:hover{background:#157347;transform:translateY(-1px)}.citizen-hub .ch-main-full .ch-edit-btn:active,.citizen-hub .ch-main-full .ch-add-btn:active{transform:translateY(0)}.citizen-hub .ch-main-full .ch-delete-btn{background:var(--color-danger);color:var(--color-white);border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s ease;width:100%;white-space:nowrap}.citizen-hub .ch-main-full .ch-delete-btn:hover{background:#bb2d3b}.citizen-hub .ch-main-full .ch-action-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.citizen-hub .ch-main-full .ch-action-buttons .ch-save-btn,.citizen-hub .ch-main-full .ch-action-buttons .ch-cancel-btn{border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease;white-space:nowrap}.citizen-hub .ch-main-full .ch-action-buttons .ch-save-btn:disabled,.citizen-hub .ch-main-full .ch-action-buttons .ch-cancel-btn:disabled{background:var(--color-gray-400);cursor:not-allowed}.citizen-hub .ch-main-full .ch-action-buttons .ch-save-btn{background:var(--color-success);color:var(--color-white)}.citizen-hub .ch-main-full .ch-action-buttons .ch-save-btn:hover:not(:disabled){background:#157347}.citizen-hub .ch-main-full .ch-action-buttons .ch-cancel-btn{background:var(--color-gray-500);color:var(--color-white)}.citizen-hub .ch-main-full .ch-action-buttons .ch-cancel-btn:hover:not(:disabled){background:var(--color-gray-600)}.citizen-hub .ch-main-full .ch-table-container{display:block;overflow-x:auto}.citizen-hub .ch-main-full .ch-table-container .ch-table{width:100%;border-collapse:collapse;min-width:600px}.citizen-hub .ch-main-full .ch-table-container .ch-table th,.citizen-hub .ch-main-full .ch-table-container .ch-table td{text-align:left;padding:1rem;border-bottom:1px solid var(--border-color)}.citizen-hub .ch-main-full .ch-table-container .ch-table th{font-size:.9rem;font-weight:600}.citizen-hub .ch-main-full .ch-dependencies-mobile{display:none;flex-direction:column;gap:1rem}.citizen-hub .ch-main-full .ch-dependencies-mobile .ch-dependency-card{background:var(--form-bg);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.citizen-hub .ch-main-full .ch-dependencies-mobile .ch-dependency-card .ch-dependency-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.citizen-hub .ch-main-full .ch-dependencies-mobile .ch-dependency-card .ch-dependency-header .ch-dependency-name{font-weight:600;color:var(--text-color);font-size:1.1rem}.citizen-hub .ch-main-full .ch-dependencies-mobile .ch-dependency-card .ch-dependency-header .ch-dependency-relation{background:var(--color-primary);color:var(--color-white);padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:capitalize;flex-shrink:0}.citizen-hub .ch-main-full .ch-dependencies-mobile .ch-dependency-card .ch-dependency-details{display:flex;flex-direction:column;gap:.75rem}.citizen-hub .ch-main-full .ch-dependencies-mobile .ch-dependency-card .ch-dependency-details .ch-dependency-detail{display:flex;justify-content:space-between;align-items:center}.citizen-hub .ch-main-full .ch-dependencies-mobile .ch-dependency-card .ch-dependency-details .ch-dependency-detail .ch-detail-label{color:var(--text-secondary)}.citizen-hub .ch-main-full .ch-dependencies-mobile .ch-dependency-card .ch-dependency-fields{display:flex;flex-direction:column;gap:1rem}.citizen-hub .ch-main-full .ch-dependencies-mobile .ch-dependency-card .ch-dependency-actions{display:flex;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.citizen-hub .ch-main-full .ch-dependencies-mobile .ch-dependency-card .ch-dependency-actions .ch-delete-btn{width:auto;min-width:120px}.citizen-hub .ch-main-full .ch-empty-dependencies{text-align:center;padding:3rem 2rem;background:var(--color-gray-50);border-radius:8px;border:2px dashed var(--border-color)}.citizen-hub .ch-main-full .ch-error-text{display:block;color:var(--color-danger);font-size:.8rem;margin-top:.25rem}.citizen-hub .ch-main-full .ch-status-badge{display:inline-block;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize;white-space:nowrap;transition:all .2s ease}.citizen-hub .ch-main-full .ch-status-badge.ch-status-active{background:linear-gradient(135deg,var(--color-success) 0%,#28a745 100%);color:var(--color-white);box-shadow:0 2px 8px #28a7454d}.citizen-hub .ch-main-full .ch-status-badge.ch-status-inactive{background:linear-gradient(135deg,var(--color-danger) 0%,#dc3545 100%);color:var(--color-white);box-shadow:0 2px 8px #dc35454d}.citizen-hub .ch-main-full .ch-status-badge.ch-status-pending{background:linear-gradient(135deg,var(--color-warning) 0%,#ffc107 100%);color:#212529;box-shadow:0 2px 8px #ffc1074d}@media(max-width:768px){.citizen-hub{padding:1rem}.citizen-hub .ch-header{flex-direction:column;gap:1rem;align-items:flex-start}.citizen-hub .ch-header .ch-header-right{width:100%;justify-content:space-between}.citizen-hub .ch-main-full{padding:1.25rem}.citizen-hub .ch-main-full .ch-details-grid,.citizen-hub .ch-main-full .ch-address-grid{grid-template-columns:1fr}.citizen-hub .ch-main-full .ch-table-container{display:none}.citizen-hub .ch-main-full .ch-dependencies-mobile{display:flex}.citizen-hub .ch-main-full .ch-action-buttons{flex-direction:column;gap:.75rem}}.services-page{padding:1.5rem;background-color:var(--page-bg);color:var(--text-color)}.services-page .sp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.services-page .sp-header h4{font-size:1.5rem;font-weight:600;color:var(--text-color)}.services-page .sp-card{background:var(--card-bg);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--card-shadow);border:var(--card-border)}.services-page .sp-card .sp-section-title{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:var(--text-color)}.services-page .sp-card form{display:flex;flex-direction:column;gap:1rem}.services-page .sp-form-group{display:flex;flex-direction:column;gap:.4rem}.services-page .sp-form-group label{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.services-page .sp-form-group select,.services-page .sp-form-group textarea,.services-page .sp-form-group input{padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;background:var(--input-bg);color:var(--text-color);transition:border-color .2s ease}.services-page .sp-form-group select:focus,.services-page .sp-form-group textarea:focus,.services-page .sp-form-group input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px rgba(var(--color-primary-hsl),.1)}[data-theme=dark] .services-page .sp-form-group select,[data-theme=dark] .services-page .sp-form-group textarea,[data-theme=dark] .services-page .sp-form-group input{color:#1a1a1a}.services-page .sp-form-group textarea{resize:vertical;min-height:80px}.services-page .disclaimer-box{display:flex;align-items:flex-start;gap:.8rem;background:var(--color-info-bg);border:1px solid var(--color-info);border-radius:10px;padding:1rem;margin-top:.5rem}.services-page .disclaimer-box .disclaimer-icon{font-size:1.5rem;color:var(--color-info);flex-shrink:0}.services-page .disclaimer-box .disclaimer-text{font-size:.9rem;color:var(--text-color);line-height:1.4}.services-page .general-info{margin-top:1rem;padding:1rem;background:var(--color-gray-50);border-radius:10px;border:1px solid var(--border-color)}.services-page .general-info h6{margin-bottom:.5rem;font-weight:600;font-size:1rem}.services-page .general-info ul{padding-left:1.2rem}.services-page .general-info ul li{font-size:.9rem;margin-bottom:.3rem;color:var(--text-secondary)}.services-page .sp-form-actions{display:flex;justify-content:flex-end;margin-top:1rem}.services-page .error-text{color:var(--color-danger);font-size:.875rem;margin-top:.25rem;font-weight:500}.services-page .payment-method-notes{margin-top:8px;padding:10px;background-color:hsla(var(--color-primary-hsl),.1);border-radius:4px;font-size:14px;color:var(--color-primary);border-left:3px solid var(--color-primary)}.services-page .payment-options-container{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:.25rem}.services-page .payment-option-card{display:flex;align-items:center;padding:1rem;border:2px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s ease;background:var(--input-bg);position:relative}.services-page .payment-option-card:hover{border-color:var(--color-primary);background:hsla(var(--color-primary-hsl),.05)}.services-page .payment-option-card.selected{border-color:var(--color-primary);background:hsla(var(--color-primary-hsl),.1)}.services-page .payment-option-card .payment-option-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border-radius:8px;margin-right:1rem;flex-shrink:0;overflow:visible}.services-page .payment-option-card .payment-option-icon svg{width:24px;height:24px;color:var(--color-primary)}[data-theme=dark] .services-page .payment-option-card .payment-option-icon{background:var(--color-gray-800)}.services-page .payment-option-card .payment-logo{width:60px;height:60px;object-fit:contain}.services-page .payment-option-card .payment-option-content{display:flex;flex-direction:column;flex:1}.services-page .payment-option-card .payment-option-content .payment-option-title{font-weight:600;font-size:1rem;color:var(--text-color)}.services-page .payment-option-card .payment-option-content .payment-option-subtitle{font-size:.85rem;color:var(--text-secondary)}.services-page .payment-option-card .payment-option-check{width:24px;height:24px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.services-page .sp-btn-submit{width:100%;padding:15px;background:var(--color-success);color:var(--color-white);border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.services-page .sp-btn-submit:hover:not(:disabled){background:#157347;transform:translateY(-1px)}.services-page .sp-btn-submit:disabled{background:var(--color-gray-400);cursor:not-allowed;transform:none}.services-page .confirmation-modal,.services-page .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.services-page .confirmation-content,.services-page .modal-content{background:var(--card-bg);border-radius:12px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--card-shadow)}.services-page .confirmation-header,.services-page .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.services-page .confirmation-header h5,.services-page .confirmation-header h3,.services-page .modal-header h5,.services-page .modal-header h3{margin:0;font-size:1.25rem}.services-page .confirmation-body,.services-page .modal-body{padding:1.5rem}.services-page .confirmation-actions,.services-page .modal-actions{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid var(--border-color);justify-content:flex-end}.services-page .close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary)}.services-page .confirmation-details .detail-row{display:flex;justify-content:space-between;margin-bottom:.8rem;padding-bottom:.8rem;border-bottom:1px solid var(--border-color)}.services-page .confirmation-details .detail-row:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.services-page .confirmation-details .detail-label{font-weight:500;color:var(--text-secondary)}.services-page .confirmation-details .detail-value{font-weight:500;text-align:right}.services-page .confirmation-details .fee-highlight{color:var(--color-danger);font-weight:700}.services-page .confirmation-notice{margin-top:1.5rem;padding:1.25rem;background:var(--color-info-bg);border-radius:10px;border:1px solid rgba(var(--color-primary-hsl),.15);box-shadow:0 2px 8px #0000000f;font-size:.9rem;line-height:1.6}.services-page .confirmation-notice p{margin:0;color:var(--text-color)}.services-page .confirmation-notice p:first-of-type{margin-bottom:.75rem;font-weight:500}.services-page .confirmation-notice ul{margin:.75rem 0 0;padding-left:1.25rem}.services-page .confirmation-notice ul li{margin-bottom:.4rem;color:var(--text-secondary)}.services-page .confirmation-notice ul li:last-child{margin-bottom:0}.services-page .confirmation-actions button{flex:1;padding:.8rem;border-radius:8px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.services-page .confirmation-actions .btn-confirm{background-color:var(--color-success);color:var(--color-white);border-color:var(--color-success)}.services-page .confirmation-actions .btn-confirm:hover:not(:disabled){opacity:.9}.services-page .confirmation-actions .btn-cancel{background-color:var(--color-gray-200);color:var(--text-secondary);border-color:var(--border-color)}.services-page .confirmation-actions .btn-cancel:hover:not(:disabled){background-color:var(--color-gray-300)}.services-page .modal-actions .btn-primary{padding:.8rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;background-color:var(--color-gray-200);color:var(--text-secondary);border:1px solid var(--border-color);transition:all .2s ease}.services-page .modal-actions .btn-primary:hover:not(:disabled){background-color:var(--color-gray-300)}@media(max-width:768px){.services-page{padding:1rem}.services-page .sp-header h4{font-size:1.3rem}.services-page .sp-card{padding:1rem}.services-page .confirmation-content,.services-page .modal-content{max-width:95%}.services-page .payment-options-container{grid-template-columns:1fr}}@media(max-width:480px){.services-page{padding:.5rem}.services-page .sp-header{text-align:center;margin-bottom:1rem}.services-page .sp-header h4{font-size:1.2rem}.services-page .sp-card{padding:1rem .75rem;border-radius:8px}.services-page .sp-form-group{gap:.5rem}.services-page .sp-form-group label{font-size:.85rem}.services-page .sp-form-group select,.services-page .sp-form-group textarea,.services-page .sp-form-group input{font-size:16px}.services-page .sp-btn-submit,.services-page .confirmation-actions button{padding:.8rem;font-size:1rem}.services-page .payment-option-card{padding:.85rem}.services-page .payment-option-card .payment-option-icon{width:36px;height:36px}.services-page .payment-option-card .payment-option-icon svg{width:20px;height:20px}.services-page .payment-option-card .payment-option-content .payment-option-title{font-size:.95rem}.services-page .payment-option-card .payment-option-content .payment-option-subtitle{font-size:.8rem}.services-page .confirmation-details .detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}.services-page .confirmation-details .detail-row .detail-value{text-align:left}.services-page .confirmation-actions,.services-page .modal-actions{flex-direction:column;gap:.75rem}.services-page .confirmation-actions button,.services-page .modal-actions button{width:100%}.services-page .general-info{padding:.75rem}.services-page .general-info h6{font-size:.9rem}.services-page .general-info ul{padding-left:1rem}.services-page .general-info ul li{font-size:.85rem}}.embedded-payment-modal-full{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:900px;width:90%;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;z-index:9999}.embedded-payment-modal-full .embedded-payment-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:linear-gradient(135deg,#1e3a5f,#2d5a87)}.embedded-payment-modal-full .embedded-payment-header .payment-brand{display:flex;align-items:center;gap:.75rem;color:#fff}.embedded-payment-modal-full .embedded-payment-header .payment-brand .brand-icon{width:32px;height:32px}.embedded-payment-modal-full .embedded-payment-header .payment-brand span{font-size:1.1rem;font-weight:600}.embedded-payment-modal-full .embedded-payment-header .close-btn{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:50%;font-size:1.5rem;cursor:pointer}.embedded-payment-modal-full .embedded-payment-header .close-btn:hover{background:#ffffff4d}.embedded-payment-modal-full .embedded-payment-body{height:70vh;min-height:500px;padding:0;background:#fff}.embedded-payment-modal-full .embedded-payment-body iframe{width:100%;height:100%;border:none}.receipt-page{display:flex;justify-content:center;padding:1rem}.receipt-card{background:var(--card-bg);border-radius:12px;box-shadow:var(--card-shadow);border:var(--card-border);max-width:500px;width:100%;overflow:hidden}.receipt-card .receipt-header{background:linear-gradient(135deg,#1e3a5f,#2d5a87);padding:1.5rem}.receipt-card .receipt-header .receipt-brand{display:flex;align-items:center;gap:1rem}.receipt-card .receipt-header .receipt-brand .receipt-logo{width:50px;height:50px;border-radius:50%;object-fit:cover}.receipt-card .receipt-header .receipt-brand .receipt-brand-text h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.receipt-card .receipt-header .receipt-brand .receipt-brand-text span{color:#fffc;font-size:.9rem}.receipt-card .receipt-section{padding:1.5rem;border-bottom:2px dashed var(--border-color)}.receipt-card .receipt-section .receipt-billed-to{margin-bottom:1rem}.receipt-card .receipt-section .receipt-billed-to h5{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:.25rem}.receipt-card .receipt-section .receipt-billed-to .receipt-name{font-size:1rem;font-weight:600;color:var(--text-color);margin:0}.receipt-card .receipt-section .receipt-billed-to .receipt-email{font-size:.9rem;color:var(--text-secondary);margin:0}.receipt-card .receipt-section .receipt-payment-for{margin-bottom:1rem}.receipt-card .receipt-section .receipt-payment-for h5{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:.25rem}.receipt-card .receipt-section .receipt-payment-for .receipt-service{font-size:1rem;font-weight:500;color:var(--text-color);margin:0}.receipt-card .receipt-section .receipt-breakdown{margin-bottom:1rem;padding-top:.5rem}.receipt-card .receipt-section .receipt-breakdown .receipt-line{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.95rem;color:var(--text-color)}.receipt-card .receipt-section .receipt-breakdown .receipt-line span:last-child{font-weight:500}.receipt-card .receipt-section .receipt-total{display:flex;justify-content:space-between;padding:1rem;background:var(--color-gray-50);border-radius:8px;font-size:1.1rem;font-weight:700;color:var(--text-color)}.receipt-card .receipt-section .receipt-total .total-amount{color:var(--color-primary)}.receipt-card .payment-methods-section{padding:1.5rem}.receipt-card .payment-methods-section h5{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--text-color)}.receipt-card .payment-methods-section .receipt-payment-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.receipt-card .payment-methods-section .receipt-payment-options .receipt-payment-option{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s ease;position:relative}.receipt-card .payment-methods-section .receipt-payment-options .receipt-payment-option:hover{border-color:var(--color-primary);background:rgba(var(--color-primary-hsl),.05)}.receipt-card .payment-methods-section .receipt-payment-options .receipt-payment-option.selected{border-color:var(--color-primary);background:rgba(var(--color-primary-hsl),.1)}.receipt-card .payment-methods-section .receipt-payment-options .receipt-payment-option .payment-method-logo{width:40px;height:40px;object-fit:contain}.receipt-card .payment-methods-section .receipt-payment-options .receipt-payment-option .payment-method-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--color-primary)}.receipt-card .payment-methods-section .receipt-payment-options .receipt-payment-option .payment-method-icon svg{width:32px;height:32px}.receipt-card .payment-methods-section .receipt-payment-options .receipt-payment-option span{font-size:1rem;font-weight:500;color:var(--text-color)}.receipt-card .payment-methods-section .receipt-payment-options .receipt-payment-option .payment-option-check{position:absolute;right:1rem;color:var(--color-primary);font-weight:700;font-size:1.2rem}.receipt-card .payment-methods-section .receipt-actions{margin-bottom:1rem}.receipt-card .payment-methods-section .receipt-actions .receipt-btn-pay-now,.receipt-card .payment-methods-section .receipt-actions .receipt-btn-submit{width:100%;padding:1rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.receipt-card .payment-methods-section .receipt-actions .receipt-btn-pay-now{background:linear-gradient(135deg,#1e3a5f,#2d5a87);color:#fff}.receipt-card .payment-methods-section .receipt-actions .receipt-btn-pay-now:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #1e3a5f4d}.receipt-card .payment-methods-section .receipt-actions .receipt-btn-pay-now:disabled{opacity:.7;cursor:not-allowed}.receipt-card .payment-methods-section .receipt-actions .receipt-btn-submit{background:var(--color-success);color:#fff}.receipt-card .payment-methods-section .receipt-actions .receipt-btn-submit:hover:not(:disabled){background:#1ea550}.receipt-card .payment-methods-section .receipt-actions .receipt-btn-submit:disabled{opacity:.7;cursor:not-allowed}.receipt-card .payment-methods-section .receipt-actions .receipt-btn-disabled{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:10px;font-size:1rem;font-weight:500;color:var(--text-secondary);background:var(--input-bg);cursor:not-allowed}.receipt-card .payment-methods-section .receipt-payment-note{text-align:center;font-size:.9rem;color:var(--text-secondary)}.receipt-page{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem 1rem;background:var(--page-bg)}.receipt-card{background:var(--card-bg);border-radius:16px;width:100%;max-width:500px;box-shadow:var(--card-shadow);border:var(--card-border);overflow:hidden}.receipt-header{background:linear-gradient(135deg,#1e3a5f,#2d5a87);padding:1.5rem;color:#fff}.receipt-header .receipt-brand{display:flex;align-items:center;gap:1rem}.receipt-header .receipt-brand .receipt-logo{width:60px;height:60px;object-fit:contain;background:#fff;border-radius:8px;padding:4px}.receipt-header .receipt-brand .receipt-brand-text{display:flex;flex-direction:column;gap:.25rem}.receipt-header .receipt-brand .receipt-brand-text h3{margin:0;font-size:1.25rem;font-weight:600}.receipt-header .receipt-brand .receipt-brand-text span{font-size:.9rem;opacity:.9}.receipt-section{padding:1.5rem;border-bottom:2px dashed var(--border-color)}.receipt-section .receipt-billed-to,.receipt-section .receipt-payment-for{margin-bottom:1.25rem}.receipt-section .receipt-billed-to h5,.receipt-section .receipt-payment-for h5{margin:0 0 .5rem;font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.receipt-section .receipt-billed-to .receipt-name,.receipt-section .receipt-payment-for .receipt-name{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-color)}.receipt-section .receipt-billed-to .receipt-email,.receipt-section .receipt-payment-for .receipt-email{margin:.25rem 0 0;font-size:.9rem;color:var(--text-secondary)}.receipt-section .receipt-billed-to .receipt-service,.receipt-section .receipt-payment-for .receipt-service{margin:0;font-size:1rem;font-weight:500;color:var(--text-color)}.receipt-section .receipt-breakdown{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.receipt-section .receipt-breakdown .receipt-line{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.95rem;color:var(--text-secondary)}.receipt-section .receipt-breakdown .receipt-line span:last-child{font-weight:500;color:var(--text-color)}.receipt-section .receipt-total{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:2px solid var(--border-color)}.receipt-section .receipt-total span:first-child{font-size:1rem;font-weight:600;color:var(--text-color)}.receipt-section .receipt-total .total-amount{font-size:1.5rem;font-weight:700;color:var(--color-danger)}.payment-methods-section{padding:1.5rem}.payment-methods-section h5{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-color)}.payment-methods-section .receipt-payment-options{display:flex;flex-direction:column;gap:.75rem}.payment-methods-section .receipt-payment-option{display:flex;align-items:center;padding:1rem;border:2px solid var(--border-color);border-radius:10px;cursor:pointer;transition:all .2s ease;background:var(--input-bg);position:relative}.payment-methods-section .receipt-payment-option:hover{border-color:var(--color-primary);background:hsla(var(--color-primary-hsl),.05)}.payment-methods-section .receipt-payment-option.selected{border-color:var(--color-primary);background:hsla(var(--color-primary-hsl),.1)}.payment-methods-section .receipt-payment-option .payment-method-logo{width:48px;height:48px;object-fit:contain;margin-right:1rem}.payment-methods-section .receipt-payment-option .payment-method-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border-radius:8px;margin-right:1rem}.payment-methods-section .receipt-payment-option .payment-method-icon svg{width:28px;height:28px;color:var(--color-primary)}[data-theme=dark] .payment-methods-section .receipt-payment-option .payment-method-icon{background:var(--color-gray-800)}.payment-methods-section .receipt-payment-option span{font-size:1rem;font-weight:600;color:var(--text-color)}.payment-methods-section .receipt-payment-option .payment-option-check{position:absolute;right:1rem;width:24px;height:24px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.payment-methods-section .receipt-actions{margin-top:1.5rem;display:flex;flex-direction:column;gap:.75rem}.payment-methods-section .receipt-actions .receipt-btn-pay-now,.payment-methods-section .receipt-actions .receipt-btn-submit{width:100%;padding:1rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.payment-methods-section .receipt-actions .receipt-btn-pay-now:hover:not(:disabled),.payment-methods-section .receipt-actions .receipt-btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.payment-methods-section .receipt-actions .receipt-btn-pay-now:disabled,.payment-methods-section .receipt-actions .receipt-btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.payment-methods-section .receipt-actions .receipt-btn-pay-now{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.payment-methods-section .receipt-actions .receipt-btn-submit{background:var(--color-success);color:#fff}.payment-methods-section .receipt-actions .receipt-btn-submit:hover:not(:disabled){background:#157347}.payment-methods-section .receipt-actions .receipt-btn-disabled{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:10px;font-size:1rem;font-weight:600;cursor:not-allowed;background:var(--color-gray-200);color:var(--text-secondary)}.payment-methods-section .receipt-payment-note{margin-top:1rem;padding:.75rem;background:hsla(var(--color-primary-hsl),.1);border-radius:8px;border-left:3px solid var(--color-primary);font-size:.9rem;color:var(--color-primary);text-align:center}@media(max-width:768px){.receipt-page{padding:1rem}.receipt-header{padding:1.25rem}.receipt-header .receipt-brand .receipt-logo{width:50px;height:50px}.receipt-header .receipt-brand .receipt-brand-text h3{font-size:1.1rem}.receipt-section,.payment-methods-section{padding:1.25rem}}@media(max-width:480px){.receipt-header{padding:1rem}.receipt-header .receipt-brand .receipt-logo{width:40px;height:40px}.receipt-header .receipt-brand .receipt-brand-text h3{font-size:1rem}.receipt-header .receipt-brand .receipt-brand-text span{font-size:.8rem}.receipt-section,.payment-methods-section{padding:1rem}.receipt-section .receipt-total .total-amount{font-size:1.25rem}.payment-methods-section .receipt-payment-option{padding:.85rem}.payment-methods-section .receipt-payment-option .payment-method-logo,.payment-methods-section .receipt-payment-option .payment-method-icon{width:40px;height:40px}}.transactions-page{padding:2rem;max-width:1000px;margin:0 auto;background-color:var(--page-bg);color:var(--text-color)}.transactions-page .tp-header{text-align:center;margin-bottom:2rem}.transactions-page .tp-header h4{font-size:1.5rem;font-weight:600}.transactions-page .tp-header p{color:var(--text-secondary);font-size:1rem}.transactions-page .transactions-list .no-transactions{text-align:center;padding:3rem;background-color:var(--color-gray-50);border-radius:8px;color:var(--text-secondary);border:1px solid var(--border-color)}.transactions-page .transactions-list .no-transactions p{font-size:1rem;font-style:italic}.transactions-page .transactions-table{background:var(--card-bg);border:var(--card-border);border-radius:12px;overflow:hidden;box-shadow:var(--card-shadow)}.transactions-page .transactions-table .table-header{display:flex;background-color:var(--color-gray-50);padding:1rem 1.25rem;font-weight:600;border-bottom:1px solid var(--border-color)}.transactions-page .transactions-table .table-header .reference-col{width:30%}.transactions-page .transactions-table .table-header .details-col{width:70%}.transactions-page .transaction-row{display:flex;border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.transactions-page .transaction-row:hover{background-color:var(--hover-bg)}.transactions-page .transaction-row:last-child{border-bottom:none}.transactions-page .transaction-row .reference-col{width:30%;padding:1.25rem;background-color:var(--color-gray-50);border-right:1px solid var(--border-color)}.transactions-page .transaction-row .reference-col .ref-number{font-weight:600;margin-bottom:.5rem}.transactions-page .transaction-row .reference-col .request-date{color:var(--text-secondary);font-size:.875rem}.transactions-page .transaction-row .details-col{width:70%;padding:1.25rem}.transactions-page .transaction-row .details-col .request-type{font-weight:600;margin-bottom:1rem}.transactions-page .transaction-row .details-col .status-details>div{margin-bottom:.75rem;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.transactions-page .transaction-row .details-col .status-details>div:last-child{margin-bottom:0}.transactions-page .transaction-row .details-col .info-label{font-weight:600;min-width:5rem;font-size:.875rem}.transactions-page .transaction-row .details-col .payment-row{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem}.transactions-page .transaction-row .details-col .payment-status,.transactions-page .transaction-row .details-col .doc-status{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:capitalize}.transactions-page .transaction-row .details-col .payment-status.status-complete,.transactions-page .transaction-row .details-col .doc-status.status-complete{background-color:var(--color-success-bg);color:var(--color-success)}.transactions-page .transaction-row .details-col .payment-status.status-progress,.transactions-page .transaction-row .details-col .doc-status.status-progress{background-color:var(--color-info-bg);color:var(--color-info)}.transactions-page .transaction-row .details-col .payment-status.status-pending,.transactions-page .transaction-row .details-col .doc-status.status-pending{background-color:var(--color-warning-bg);color:var(--color-warning)}.transactions-page .transaction-row .details-col .payment-status.status-unknown,.transactions-page .transaction-row .details-col .doc-status.status-unknown{background-color:var(--color-gray-100);color:var(--color-gray-600)}.transactions-page .transaction-row .details-col .additional-notes{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--border-color);width:100%}.transactions-page .transaction-row .details-col .additional-notes .notes-text{color:var(--text-secondary);font-style:italic;font-size:.875rem}.transactions-page .tp-info{padding:1.5rem;background-color:var(--card-bg);border-radius:12px;border:var(--card-border);box-shadow:var(--card-shadow);margin-bottom:2.5rem}.transactions-page .tp-info h5{margin-bottom:1rem;font-size:1.1rem;font-weight:600}.transactions-page .tp-info .status-item{display:flex;align-items:center;margin-bottom:.75rem}.transactions-page .tp-info .status-item .status-dot{width:12px;height:12px;border-radius:50%;margin-right:.75rem}.transactions-page .tp-info .status-item .status-dot.complete{background-color:var(--color-success)}.transactions-page .tp-info .status-item .status-dot.progress{background-color:var(--color-info)}.transactions-page .tp-info .status-item .status-dot.pending{background-color:var(--color-warning)}.transactions-page .tp-info .payment-methods ul{list-style-type:none;padding-left:0}.transactions-page .tp-info .payment-methods ul li{margin-bottom:.5rem;color:var(--text-secondary);padding-left:1.25rem;position:relative}.transactions-page .tp-info .payment-methods ul li:before{content:"•";color:var(--text-secondary);position:absolute;left:.5rem}.transactions-page .confirmation-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.transactions-page .confirmation-actions .btn{padding:.6rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background-color .2s,border-color .2s,opacity .2s}.transactions-page .confirmation-actions .btn-confirm,.transactions-page .confirmation-actions .btn-submit{background-color:var(--color-success);color:#fff;border-color:var(--color-success)}.transactions-page .confirmation-actions .btn-confirm:hover,.transactions-page .confirmation-actions .btn-submit:hover{opacity:.85}.transactions-page .confirmation-actions .btn-cancel{background-color:var(--color-gray-100);color:var(--text-color);border-color:var(--border-color)}.transactions-page .confirmation-actions .btn-cancel:hover{background-color:var(--color-gray-200)}@media(max-width:768px){.transactions-page{padding:1rem}.transactions-page .transactions-table{background:none;border:none;box-shadow:none}.transactions-page .transactions-table .table-header{display:none}.transactions-page .transaction-row{flex-direction:column;background:var(--card-bg);border:var(--card-border);border-radius:12px;box-shadow:var(--card-shadow);margin-bottom:1rem}.transactions-page .transaction-row:last-child{margin-bottom:0}.transactions-page .transaction-row .reference-col{width:100%;background:transparent;border-right:none;border-bottom:1px solid var(--border-color);padding:1rem}.transactions-page .transaction-row .details-col{width:100%;padding:1rem}.transactions-page .transaction-row .payment-row .payment-date{flex-basis:100%}.transactions-page .tp-info{padding:1.25rem}}@media(max-width:480px){.transactions-page{padding:.5rem}.transactions-page .transaction-row .reference-col,.transactions-page .transaction-row .details-col{padding:.75rem}.transactions-page .tp-info{padding:1rem}.transactions-page .tp-info h5{font-size:1rem}.transactions-page .tp-info .status-text,.transactions-page .tp-info .payment-methods p,.transactions-page .tp-info .payment-methods li{font-size:.85rem}.transactions-page .tp-info .payment-methods ul li{padding-left:1.5rem}.transactions-page .tp-info .payment-methods ul li:before{left:.25rem}}.blotter-page{padding:20px;max-width:800px;margin:0 auto}.blotter-page .bp-header{text-align:center;margin-bottom:30px}.blotter-page .bp-header h4{color:var(--text-color);margin-bottom:8px}.blotter-page .bp-header p{color:var(--text-secondary);font-size:16px}.blotter-page .cases-list{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.blotter-page .cases-list .no-cases{text-align:center;padding:40px;background-color:var(--color-gray-100);border-radius:8px;color:var(--text-secondary)}.blotter-page .case-card{background-color:var(--card-bg);border-radius:8px;box-shadow:var(--card-shadow);border:var(--card-border);overflow:hidden}.blotter-page .case-card .case-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background-color:var(--color-gray-50);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:10px}.blotter-page .case-card .case-header .case-id{font-weight:700;color:var(--text-color)}.blotter-page .case-card .case-header .header-right{display:flex;align-items:center;gap:10px}.blotter-page .case-card .case-header .status-badge{padding:6px 12px;border-radius:20px;font-size:14px;font-weight:500}.blotter-page .case-card .case-header .status-badge.status-resolved{background-color:var(--color-success-bg);color:var(--color-success)}.blotter-page .case-card .case-header .status-badge.status-progress{background-color:var(--color-info);color:#fff;opacity:.9}.blotter-page .case-card .case-header .status-badge.status-pending{background-color:var(--color-warning-bg);color:var(--color-warning)}.blotter-page .case-card .case-header .status-badge.status-unknown{background-color:var(--color-gray-100);color:var(--color-gray-700)}.blotter-page .case-card .case-header .edit-btn{padding:6px 12px;background-color:var(--color-info);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.blotter-page .case-card .case-header .edit-btn:hover{opacity:.8}.blotter-page .case-card .case-details{padding:20px}.blotter-page .case-card .case-details .detail-row{display:flex;margin-bottom:12px}.blotter-page .case-card .case-details .detail-row .detail-label{font-weight:600;min-width:120px;color:var(--text-color)}.blotter-page .case-card .case-details .detail-row .detail-value{flex:1;color:var(--text-color)}.blotter-page .bp-info{margin-top:40px;padding:20px;background-color:var(--color-gray-50);border-radius:8px}.blotter-page .bp-info h5{color:var(--text-color);margin-bottom:15px}.blotter-page .bp-info p{margin-bottom:15px;line-height:1.6;color:var(--text-color)}.blotter-page .bp-info .status-info ul{list-style:none;padding:0}.blotter-page .bp-info .status-info ul li{display:flex;align-items:center;margin-bottom:8px}.blotter-page .bp-info .status-info ul li .status-dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:10px}.blotter-page .bp-info .status-info ul li .status-dot.resolved{background-color:var(--color-success)}.blotter-page .bp-info .status-info ul li .status-dot.progress{background-color:var(--color-info)}.blotter-page .bp-info .status-info ul li .status-dot.pending{background-color:var(--color-warning)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--card-bg);border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--card-shadow);border:var(--card-border)}.modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.modal-content .modal-header h3{margin:0;color:var(--text-color)}.modal-content .modal-header .close-btn{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px}.modal-content .modal-header .close-btn:hover{background-color:var(--hover-bg);color:var(--text-color)}.modal-body{padding:20px}.modal-body .form-group{margin-bottom:20px}.modal-body .form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-color)}.modal-body .form-group .form-input,.modal-body .form-group .form-select{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--input-bg);color:var(--text-color);font-size:16px}.modal-body .form-group .form-input:focus,.modal-body .form-group .form-select:focus{outline:none;border-color:var(--color-info);box-shadow:0 0 0 2px rgba(var(--color-info-rgb),.2)}.modal-body .form-group .form-input:disabled,.modal-body .form-group .form-select:disabled{background-color:var(--color-gray-100);color:var(--text-secondary);cursor:not-allowed}.modal-body .case-id-input-group{display:flex;gap:10px;align-items:stretch}.modal-body .case-id-input-group .form-input{flex:1;min-width:0}.modal-body .case-id-input-group .edit-case-id-btn,.modal-body .case-id-input-group .cancel-case-id-edit-btn{padding:10px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;white-space:nowrap;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-body .case-id-input-group .edit-case-id-btn{background-color:var(--color-info);color:#fff}.modal-body .case-id-input-group .edit-case-id-btn:hover{opacity:.9}.modal-body .case-id-input-group .cancel-case-id-edit-btn{background-color:var(--color-gray-300);color:var(--text-color);border:1px solid var(--color-gray-400)}.modal-body .case-id-input-group .cancel-case-id-edit-btn:hover{background-color:var(--color-gray-400)}.modal-body .info-text{color:var(--color-info);font-size:13px;margin-top:8px;padding:8px 12px;border-radius:4px;border-left:3px solid var(--color-info);background-color:var(--color-gray-50)}.modal-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px;border-top:1px solid var(--border-color);background-color:var(--color-gray-50)}.modal-actions .btn-primary,.modal-actions .btn-secondary{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:500}.modal-actions .btn-primary:disabled,.modal-actions .btn-secondary:disabled{opacity:.6;cursor:not-allowed}.modal-actions .btn-primary{background-color:var(--color-success);color:#fff}.modal-actions .btn-primary:hover:not(:disabled){opacity:.8}.modal-actions .btn-secondary{background-color:var(--color-gray-300);color:var(--text-color)}.modal-actions .btn-secondary:hover:not(:disabled){background-color:var(--color-gray-400)}@media(max-width:768px){.blotter-page{padding:15px}.blotter-page .case-card .case-header{flex-direction:column;align-items:flex-start;gap:10px}.blotter-page .case-card .case-header .header-right{width:100%;justify-content:space-between}.modal-content{width:95%}.modal-body .case-id-input-group{flex-direction:column;align-items:stretch}}.account-settings{padding:2rem;background:var(--page-bg);color:var(--text-color);min-height:100vh}.account-settings .back-to-dashboard{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--card-bg);color:var(--text-color);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;margin-bottom:1.5rem}.account-settings .back-to-dashboard:hover{background:var(--hover-bg)}.account-settings .settings-header{margin-bottom:2rem}.account-settings .settings-header h1{font-size:2rem;font-weight:700;color:var(--text-color);margin-bottom:.5rem}.account-settings .settings-header p{color:var(--text-secondary);font-size:1.1rem;line-height:1.5}.account-settings .settings-section{background:linear-gradient(135deg,var(--card-bg) 0%,rgba(var(--color-primary-hsl),.02) 100%);padding:2rem;border-radius:16px;border:var(--card-border);box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d;margin-bottom:2rem;transition:all .3s ease;position:relative;overflow:hidden}.account-settings .settings-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-success));opacity:.8}.account-settings .settings-section:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026,0 4px 12px #0000001a}.account-settings .settings-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.account-settings .settings-section .section-header h2{font-size:1.4rem;font-weight:600;color:var(--text-color);margin:0;padding:0;border:none}.account-settings .settings-section .section-header .btn-edit{padding:.75rem 1.5rem;border:1px solid var(--color-primary);background:linear-gradient(135deg,transparent 0%,rgba(var(--color-primary-hsl),.1) 100%);color:var(--color-primary);border-radius:10px;cursor:pointer;font-weight:600;transition:all .3s ease;white-space:nowrap;font-size:.95rem;position:relative;overflow:hidden}.account-settings .settings-section .section-header .btn-edit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.account-settings .settings-section .section-header .btn-edit:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary) 0%,hsl(var(--color-primary-hsl)/.9) 100%);color:var(--color-white);transform:translateY(-2px);box-shadow:0 4px 15px rgba(var(--color-primary-hsl),.4);border-color:var(--color-primary)}.account-settings .settings-section .section-header .btn-edit:hover:not(:disabled):before{left:100%}.account-settings .settings-section .section-header .btn-edit.cancel-state{border-color:var(--color-danger);color:var(--color-danger);background:linear-gradient(135deg,transparent 0%,rgba(var(--color-danger-hsl),.1) 100%)}.account-settings .settings-section .section-header .btn-edit.cancel-state:hover:not(:disabled){background:linear-gradient(135deg,var(--color-danger) 0%,hsl(var(--color-danger-hsl)/.9) 100%);color:var(--color-white);box-shadow:0 4px 15px rgba(var(--color-danger-hsl),.4);border-color:var(--color-danger)}.account-settings .settings-section .section-header .btn-edit:disabled{opacity:.6;cursor:not-allowed;border-color:var(--color-gray-400);color:var(--color-gray-400);background:transparent;transform:none;box-shadow:none}.account-settings .settings-section .section-header .btn-edit:active:not(:disabled){transform:translateY(0)}.account-settings .settings-section h2{font-size:1.3rem;font-weight:600;color:var(--text-color);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.account-settings .settings-section h2 .section-icon{margin-right:.5rem;color:var(--color-primary)}.account-settings .credentials-wrapper .credential-section{margin-bottom:2rem;padding:1.5rem;border:1px solid var(--border-color);border-radius:8px;transition:all .3s ease}.account-settings .credentials-wrapper .credential-section.editing{border-color:var(--color-primary);background:var(--color-success-bg)}.account-settings .credentials-wrapper .credential-section .credential-display .btn-change{padding:.75rem 1.5rem;background:var(--color-primary);color:var(--color-white);border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease;white-space:nowrap}.account-settings .credentials-wrapper .credential-section .credential-display .btn-change:hover:not(:disabled){background:var(--color-primary);filter:brightness(90%);transform:translateY(-1px)}.account-settings .credentials-wrapper .credential-section .credential-display .btn-change:disabled{background:var(--color-gray-400);cursor:not-allowed;transform:none}.account-settings .credentials-wrapper .editing-actions .action-buttons{display:flex;gap:1rem;margin-top:1.5rem}.account-settings .credentials-wrapper .editing-actions .action-buttons button{padding:.875rem 2rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .2s ease;border:1px solid transparent}.account-settings .credentials-wrapper .editing-actions .action-buttons button.btn-primary{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.account-settings .credentials-wrapper .editing-actions .action-buttons button.btn-primary:hover:not(:disabled){filter:brightness(90%);transform:translateY(-1px)}.account-settings .credentials-wrapper .editing-actions .action-buttons button.btn-secondary{background:transparent;color:var(--color-danger);border-color:var(--color-danger)}.account-settings .credentials-wrapper .editing-actions .action-buttons button.btn-secondary:hover:not(:disabled){background:var(--color-danger);color:var(--color-white);transform:translateY(-1px)}.account-settings .credentials-wrapper .editing-actions .action-buttons button:disabled{opacity:.6;cursor:not-allowed;transform:none}.account-settings .credentials-wrapper .editing-actions .action-buttons button:active:not(:disabled){transform:translateY(0)}.account-settings .section-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.account-settings .section-actions .btn-primary{padding:.875rem 2rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:1rem;transition:all .2s ease;background:var(--color-success);color:var(--color-white)}.account-settings .section-actions .btn-primary:hover:not(:disabled){background:#157347;transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--color-success-hsl),.3)}.account-settings .section-actions .btn-primary:disabled{background:var(--color-gray-400);cursor:not-allowed;transform:none;box-shadow:none}.account-settings .section-actions .btn-primary:active:not(:disabled){transform:translateY(0)}.account-settings .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:1rem}.account-settings .form-group{margin-bottom:1.25rem}.account-settings .form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color);font-size:.95rem}.account-settings .form-group label .required{color:var(--color-danger)}.account-settings .form-group input,.account-settings .form-group select,.account-settings .form-group textarea{width:100%;padding:.875rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem;transition:all .2s ease;background:var(--input-bg);color:var(--text-color)}.account-settings .form-group input:focus,.account-settings .form-group select:focus,.account-settings .form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-hsl),.2)}.account-settings .form-group input:disabled,.account-settings .form-group select:disabled,.account-settings .form-group textarea:disabled{background-color:var(--color-gray-50);color:var(--text-secondary);cursor:not-allowed;border-color:var(--border-color)}.account-settings .form-group textarea{min-height:100px;resize:vertical}.account-settings .form-group .error-message{display:block;color:var(--color-danger);font-size:.875rem;margin-top:.375rem;font-weight:500}.account-settings .password-group{position:relative}.account-settings .password-group .password-input{position:relative;display:flex;align-items:center}.account-settings .password-group .password-input input{padding-right:3rem}.account-settings .password-group .password-input .icon-btn{position:absolute;right:.75rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:color .2s ease}.account-settings .password-group .password-input .icon-btn:hover{color:var(--text-color)}.account-settings .password-group .password-input .icon-btn:disabled{color:var(--color-gray-400);cursor:not-allowed}.account-settings .password-group .password-requirements{list-style:none;padding:0;margin:.75rem 0 0}.account-settings .password-group .password-requirements li{font-size:.875rem;color:var(--text-secondary);margin-bottom:.25rem;padding-left:1rem;position:relative}.account-settings .password-group .password-requirements li.valid{color:var(--color-success)}.account-settings .password-group .password-requirements li.valid:before{content:"✓";position:absolute;left:0}.account-settings .password-group .password-requirements li:before{content:"○";position:absolute;left:0}.account-settings .same-address-checkbox{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.account-settings .same-address-checkbox input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--color-primary);cursor:pointer}.account-settings .same-address-checkbox label{margin:0;font-weight:500;color:var(--text-color);cursor:pointer}.account-settings .security-setting{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:start}.account-settings .security-setting .security-info h4{font-size:1.1rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem}.account-settings .security-setting .security-info p{color:var(--text-secondary);line-height:1.5;margin-bottom:1rem}.account-settings .security-setting .security-info .security-status{font-weight:500;margin-bottom:.5rem}.account-settings .security-setting .security-info .security-status .status-enabled{color:var(--color-success);font-weight:600}.account-settings .security-setting .security-info .security-status .status-disabled{color:var(--color-danger);font-weight:600}.account-settings .security-setting .btn-toggle{padding:.75rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease;white-space:nowrap}.account-settings .security-setting .btn-toggle.btn-primary{background:var(--color-primary);color:var(--color-white)}.account-settings .security-setting .btn-toggle.btn-primary:hover:not(:disabled){filter:brightness(90%);transform:translateY(-1px)}.account-settings .security-setting .btn-toggle.btn-danger{background:var(--color-danger);color:var(--color-white)}.account-settings .security-setting .btn-toggle.btn-danger:hover:not(:disabled){filter:brightness(90%);transform:translateY(-1px)}.account-settings .security-setting .btn-toggle:disabled{opacity:.6;cursor:not-allowed;transform:none}.account-settings .security-setting .btn-toggle:active:not(:disabled){transform:translateY(0)}.account-settings .settings-error,.account-settings .settings-success{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem}.account-settings .settings-error h5,.account-settings .settings-success h5{margin:0;font-size:1rem;font-weight:500}.account-settings .settings-error{background:var(--color-danger-bg);border:1px solid var(--color-danger);color:var(--color-danger)}.account-settings .settings-success{background:var(--color-success-bg);border:1px solid var(--color-success);color:var(--color-success)}.account-settings .settings-loading{text-align:center;padding:2rem}.account-settings .settings-loading h5{color:var(--text-secondary);font-weight:500}.otp-verification-modal .modal-content{background:var(--card-bg)}.otp-verification-modal .modal-content .modal-header{border-bottom:1px solid var(--border-color)}.otp-verification-modal .modal-content .modal-header h3{color:var(--text-color)}.otp-verification-modal .modal-content .modal-header .close-button,.otp-verification-modal .modal-content .modal-body p{color:var(--text-secondary)}.otp-verification-modal .modal-content .modal-body .phone-number{color:var(--text-color)}.otp-verification-modal .modal-content .modal-body .otp-input{background:var(--input-bg);color:var(--text-color);border:2px solid var(--border-color)}.otp-verification-modal .modal-content .modal-body .modal-error{background:var(--color-danger-bg);border:1px solid var(--color-danger);color:var(--color-danger)}.otp-verification-modal .modal-content .modal-body .modal-actions .btn-secondary{background:transparent;color:var(--color-danger);border-color:var(--color-danger)}.otp-verification-modal .modal-content .modal-body .modal-actions .btn-secondary:hover:not(:disabled){background:var(--color-danger);color:var(--color-white)}.settings-section.editing-mode{border-color:var(--color-primary);box-shadow:0 4px 12px rgba(var(--color-primary-hsl),.15)}@media(max-width:768px){.account-settings{padding:1rem}.account-settings .settings-section{padding:1.5rem}.account-settings .settings-section .section-header{flex-direction:column;align-items:flex-start;gap:1rem}.account-settings .settings-section .section-header .btn-edit{width:100%;text-align:center}.account-settings .credentials-wrapper .editing-actions .action-buttons{flex-direction:column}.account-settings .credentials-wrapper .editing-actions .action-buttons button{width:100%}.account-settings .section-actions{flex-direction:column}.account-settings .section-actions button{width:100%}.account-settings .form-row{grid-template-columns:1fr;gap:1rem}}@media(max-width:480px){.account-settings{padding:.75rem}.account-settings .settings-section{padding:1rem}.account-settings .settings-header h1{font-size:1.5rem}.account-settings .settings-header p{font-size:1rem}}.unauthorized-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.unauthorized-container h1{color:var(--color-danger);margin-bottom:1rem}.unauthorized-container p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.dashboard-button{background-color:var(--color-info);color:var(--color-white);border:none;padding:12px 24px;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.dashboard-button:hover{background-color:var(--color-info-dark)}.hero{position:relative;height:70vh;min-height:450px;max-height:900px;color:var(--text-color);overflow:hidden;background:linear-gradient(#00000080,#00000080),url(../../../assets/brgy-santo-cristo-brgy-hall.png);background-size:cover;background-position:center;background-repeat:no-repeat}@media(max-width:767px){.hero{height:60vh;min-height:350px}}@media(max-width:360px)and (max-height:640px){.hero{height:85vh;min-height:450px}}.hero__overlay{position:absolute;inset:0;background:#0000004d;z-index:1}.hero__content{position:relative;z-index:2;max-width:900px;margin:0 auto;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 1rem}@media(max-width:767px){.hero__content{padding:0 .75rem;justify-content:center}}@media(max-width:480px){.hero__content{padding:0 .5rem}}.hero__welcome{display:inline-block;background:var(--color-primary);color:var(--color-white);font-size:.9rem;padding:.5rem 1rem;border-radius:16px;margin-bottom:1.5rem;font-weight:500;box-shadow:0 1px 2px #0000000d}@media(min-width:768px){.hero__welcome{font-size:1rem;padding:.5rem 1.5rem;margin-bottom:2rem}}@media(max-width:767px){.hero__welcome{font-size:.8rem;padding:.25rem .75rem;margin-bottom:1rem;border-radius:8px}}@media(max-width:360px){.hero__welcome{font-size:.75rem;padding:.25rem .5rem;margin-bottom:.75rem}}.hero__title{font-size:2.25rem;font-weight:700;margin-bottom:.75rem;color:#fff;line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,.3)}@supports (text-wrap: balance){.hero__title{text-wrap:balance}}@media(min-width:768px){.hero__title{font-size:3.5rem;margin-bottom:1rem;line-height:1.1;text-shadow:0 4px 8px rgba(0,0,0,.4)}}@media(min-width:1024px){.hero__title{font-size:4rem}}@media(max-width:767px){.hero__title{font-size:2rem;margin-bottom:.75rem;padding:0 .5rem}}@media(max-width:480px){.hero__title{font-size:1.75rem;margin-bottom:.5rem}}@media(max-width:360px){.hero__title{font-size:1.5rem}}.hero__subtitle{font-size:1.2rem;color:#fff;opacity:.95;margin-bottom:2rem;line-height:1.6;max-width:600px;padding:0 1rem;text-shadow:0 1px 3px rgba(0,0,0,.3)}@supports (text-wrap: pretty){.hero__subtitle{text-wrap:pretty}}@media(min-width:768px){.hero__subtitle{font-size:1.4rem;margin-bottom:3rem;line-height:1.7;text-shadow:0 2px 4px rgba(0,0,0,.4)}}@media(max-width:767px){.hero__subtitle{font-size:1.1rem;margin-bottom:1.5rem;padding:0 .5rem;line-height:1.5}}@media(max-width:480px){.hero__subtitle{font-size:1rem;margin-bottom:1rem;padding:0}}@media(max-width:360px){.hero__subtitle{font-size:.9rem;line-height:1.4}}.hero__buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}@media(max-width:767px){.hero__buttons{gap:.75rem;width:100%;max-width:300px}}@media(max-width:480px){.hero__buttons{flex-direction:column;gap:.5rem;width:100%;max-width:280px}}@media(max-width:360px){.hero__buttons{max-width:250px}}.hero__button{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:140px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}@media(min-width:768px){.hero__button{padding:1rem 2rem;font-size:1.1rem;min-width:160px}}@media(max-width:767px){.hero__button{padding:.75rem 1rem;font-size:.95rem;min-width:130px;width:auto}}@media(max-width:480px){.hero__button{width:100%;min-width:auto;padding:.75rem 1rem;font-size:.9rem}}@media(max-width:360px){.hero__button{padding:.5rem .75rem;font-size:.85rem}}.hero__button--primary{background:var(--color-primary);color:var(--color-white);box-shadow:0 4px 6px #0000001a;filter:blur(.5px)}.hero__button--primary:hover{background:#22c55e;transform:translateY(-2px);box-shadow:0 10px 15px #00000026;filter:blur(0)}@media(hover:none){.hero__button--primary:hover{transform:none}}.hero__button--secondary{background:transparent;border:2px solid #ffffff;color:#fff}.hero__button--secondary:hover{background:#fff;color:var(--bg-color);transform:translateY(-2px)}@media(hover:none){.hero__button--secondary:hover{transform:none}}.hero__button:active{transform:translateY(0);transition:transform .1s ease}.light-mode .hero .hero__overlay,[data-theme=light] .hero .hero__overlay{background:#0006}.light-mode .hero .hero__title,.light-mode .hero .hero__subtitle,[data-theme=light] .hero .hero__title,[data-theme=light] .hero .hero__subtitle{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.light-mode .hero .hero__button--secondary,[data-theme=light] .hero .hero__button--secondary{border:2px solid #ffffff;color:#fff}.light-mode .hero .hero__button--secondary:hover,[data-theme=light] .hero .hero__button--secondary:hover{background:#000;color:var(--bg-color)}.dark-mode .hero .hero__overlay,[data-theme=dark] .hero .hero__overlay{background:#0006}.dark-mode .hero .hero__title,.dark-mode .hero .hero__subtitle,[data-theme=dark] .hero .hero__title,[data-theme=dark] .hero .hero__subtitle{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5)}.dark-mode .hero .hero__button--secondary,[data-theme=dark] .hero .hero__button--secondary{border:2px solid #ffffff;color:#fff}.dark-mode .hero .hero__button--secondary:hover,[data-theme=dark] .hero .hero__button--secondary:hover{background:#fff;color:var(--bg-color)}@media(prefers-color-scheme:light){.hero{background:linear-gradient(#fff3,#fff3),url(/assets/brgy-santo-cristo-brgy-hall-CAKQLjt0.png);background-size:cover;background-position:center;background-repeat:no-repeat}.hero .hero__overlay{background:#ffffff1a}.hero .hero__title,.hero .hero__subtitle{color:#1a1a1a;text-shadow:0 1px 3px rgba(255,255,255,.5)}.hero .hero__button--secondary{border:2px solid #1a1a1a;color:#1a1a1a}.hero .hero__button--secondary:hover{background:#1a1a1a;color:#fff}}@media(prefers-color-scheme:dark){.hero{background:linear-gradient(#fff3,#fff3),url(/assets/brgy-santo-cristo-brgy-hall-CAKQLjt0.png);background-size:cover;background-position:center;background-repeat:no-repeat}.hero .hero__overlay{background:#ffffff1a}.hero .hero__title,.hero .hero__subtitle{color:#1a1a1a;text-shadow:0 1px 3px rgba(255,255,255,.5)}.hero .hero__button--secondary{border:2px solid #1a1a1a;color:#1a1a1a}.hero .hero__button--secondary:hover{background:#1a1a1a;color:#fff}}@media(max-height:700px)and (max-width:768px){.hero{height:auto;min-height:100vh}.hero__content{padding-top:3rem;padding-bottom:3rem}.hero__title{margin-bottom:.5rem}.hero__subtitle{margin-bottom:1rem}}@media(max-height:500px)and (orientation:landscape){.hero{height:auto;min-height:100vh}.hero__content{padding:2rem 0}.hero__welcome{margin-bottom:.5rem}.hero__title{margin-bottom:.5rem;font-size:1.5rem}.hero__subtitle{margin-bottom:.75rem;font-size:.9rem}.hero__buttons{gap:.5rem}.hero__button{padding:.5rem .75rem;font-size:.8rem}}.announcement-carousel{width:100%;max-width:1200px;margin:1rem auto;padding:1rem;position:relative}.carousel-container{position:relative;overflow:hidden;border-radius:8px}.announcement-card{background-color:var(--card-bg);border-radius:8px;box-shadow:0 2px 8px #0a0a0a80;border:var(--card-border);padding:1.5rem;box-sizing:border-box;display:flex;flex-direction:column;text-align:left;width:100%}.card-content{display:flex;flex-direction:column;height:100%}.announcement-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.announcement-tag{display:inline-block;background-color:var(--color-primary);color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.9rem;font-weight:700;flex-shrink:0}.announcement-title{font-size:1.1rem;font-weight:700;color:var(--text-color);margin:0;flex-grow:1}.announcement-body{font-size:1rem;margin:.75rem 0 .5rem;color:var(--text-color);line-height:1.4;flex-grow:1}.announcement-link{color:green;text-decoration:none;font-weight:500;margin-left:.25rem}.announcement-link:hover{text-decoration:underline}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:background-color .3s}.carousel-btn:hover{background-color:#000000b3}.prev-btn{left:10px}.next-btn{right:10px}.carousel-indicators{display:flex;justify-content:center;margin-top:1rem;gap:.5rem}.indicator{width:10px;height:10px;border-radius:50%;background-color:#ccc;cursor:pointer;transition:background-color .3s}.indicator.active{background-color:var(--color-primary)}.view-more-container{text-align:center;margin-top:1rem}.view-more-btn{display:inline-block;background-color:var(--color-primary);color:#fff;padding:.75rem 1.5rem;border-radius:5px;text-decoration:none;font-weight:700;transition:background-color .3s}.view-more-btn:hover{background-color:hsl(var(--color-primary-hsl),.9)}@media(max-width:768px){.announcement-carousel{padding:.5rem}.announcement-card{padding:1rem}.announcement-title{font-size:1rem}.announcement-body{font-size:.9rem}.carousel-btn{width:35px;height:35px;font-size:1.2rem}.prev-btn{left:5px}.next-btn{right:5px}}.about{padding:2rem 0;background-color:var(--bg-color);color:var(--text-color);min-height:100vh;display:flex;align-items:center;justify-content:center}@media(max-width:767px){.about{padding:1rem 0;min-height:auto;align-items:flex-start;display:block}}@media(max-width:480px){.about{padding:.75rem 0}}.about__container{background:var(--card-bg);box-shadow:var(--card-shadow);border:var(--card-border);padding:1rem;max-width:1200px;margin:0 auto;border-radius:16px;padding:2rem;width:100%}@media(max-width:767px){.about__container{padding:1rem;border-radius:8px;margin:.5rem;width:calc(100% - 1rem)}}@media(max-width:480px){.about__container{padding:.75rem;margin:.25rem;width:calc(100% - .5rem)}}@media(max-width:360px){.about__container{padding:.5rem;border-radius:4px}}.about__header{text-align:center;margin-bottom:2rem;padding-bottom:.75rem;border-bottom:2px solid var(--color-primary)}@media(max-width:767px){.about__header{margin-bottom:1rem;padding-bottom:.5rem}}@media(max-width:480px){.about__header{margin-bottom:.75rem;padding-bottom:.25rem}}.about__title{color:var(--color-primary);font-size:2.25rem;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:1px}@media(min-width:768px){.about__title{font-size:2.5rem}}@media(min-width:1024px){.about__title{font-size:3rem}}@media(max-width:767px){.about__title{font-size:1.75rem;letter-spacing:.5px}}@media(max-width:480px){.about__title{font-size:1.5rem}}@media(max-width:360px){.about__title{font-size:1.25rem}}.about__content{display:flex;flex-direction:column;gap:2rem}@media(min-width:768px){.about__content{flex-direction:row;align-items:flex-start;gap:3rem}}@media(max-width:767px){.about__content{gap:1rem}}@media(max-width:480px){.about__content{gap:.75rem}}.about__image-container{flex:1;min-width:250px;display:flex;justify-content:center}@media(min-width:768px){.about__image-container{justify-content:flex-start}}@media(max-width:767px){.about__image-container{min-width:auto;margin-bottom:.5rem}}@media(max-width:480px){.about__image-container{margin-bottom:.25rem}}.about__logo{width:100%;max-width:300px;height:auto;border-radius:16px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}@media(max-width:767px){.about__logo{max-width:250px;border-radius:8px}}@media(max-width:480px){.about__logo{max-width:200px;border-radius:4px}}@media(max-width:360px){.about__logo{max-width:180px}}@media(hover:hover){.about__logo:hover{transform:scale(1.02)}}.about__logo:active{transform:scale(.98)}.about__text{flex:2}@media(max-width:767px){.about__text{text-align:left}}.about__description{font-size:1rem;line-height:1.6;color:var(--text-color);text-align:justify;margin:0;padding:0;padding-bottom:1rem}@media(min-width:768px){.about__description{font-size:1.1rem;line-height:1.7}}@media(max-width:767px){.about__description{font-size:.95rem;line-height:1.5;text-align:left;padding-bottom:.75rem}}@media(max-width:480px){.about__description{font-size:.9rem;line-height:1.4;padding-bottom:.5rem}}@media(max-width:360px){.about__description{font-size:.85rem}}.about__description:first-of-type{font-weight:500}@media(max-width:767px){.about__description:first-of-type{font-weight:600}}.about__description:last-of-type{padding-bottom:0}@media(max-width:320px){.about__container{padding:.5rem;margin:.25rem;width:calc(100% - .5rem)}.about__title{font-size:1.1rem}.about__logo{max-width:150px}.about__description{font-size:.8rem;line-height:1.3}}@media(max-height:500px)and (orientation:landscape){.about{min-height:auto;padding:.75rem 0}.about__container{padding:.75rem}.about__content{flex-direction:row;gap:1rem}.about__logo{max-width:150px}.about__description{font-size:.85rem;line-height:1.4;padding-bottom:.5rem}}.e-services-section{padding:3rem 0}@media(max-width:767px){.e-services-section{padding:2rem 0}}@media(max-width:480px){.e-services-section{padding:1rem 0}}.e-services-section .container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}@media(max-width:767px){.e-services-section .container{padding:0 .75rem}}@media(max-width:480px){.e-services-section .container{padding:0 .5rem}}.e-services-section .section-header{text-align:center;margin-bottom:2rem}@media(max-width:767px){.e-services-section .section-header{margin-bottom:1rem;padding:0 .5rem}}.e-services-section .section-header h2{margin-bottom:.5rem;font-size:2rem}@media(min-width:768px){.e-services-section .section-header h2{font-size:2.5rem}}@media(max-width:767px){.e-services-section .section-header h2{font-size:1.75rem;margin-bottom:.25rem}}@media(max-width:480px){.e-services-section .section-header h2{font-size:1.5rem}}.e-services-section .section-header p{color:var(--text-color);opacity:.8;font-size:1.1rem}@media(max-width:767px){.e-services-section .section-header p{font-size:1rem;line-height:1.4}}@media(max-width:480px){.e-services-section .section-header p{font-size:.9rem}}.e-services-section .services-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media(min-width:768px)and (max-width:1023px){.e-services-section .services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}}@media(max-width:767px){.e-services-section .services-grid{grid-template-columns:1fr;gap:.75rem;max-width:400px;margin:0 auto}}@media(max-width:480px){.e-services-section .services-grid{gap:.5rem;max-width:100%}}.e-services-section .service-card{background:var(--card-bg);border-radius:8px;box-shadow:var(--card-shadow);border:var(--card-border);padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;cursor:pointer;padding:2rem;transition:transform .2s ease,box-shadow .2s ease;min-height:200px}@media(max-width:767px){.e-services-section .service-card{padding:1rem;min-height:180px;margin:0}}@media(max-width:480px){.e-services-section .service-card{padding:.75rem;min-height:160px}}@media(hover:hover){.e-services-section .service-card:hover{transform:translateY(-6px);box-shadow:0 10px 15px #00000026}}.e-services-section .service-card:active{transform:scale(.98);transition:transform .1s ease}.e-services-section .service-card .service-icon{font-size:2.5rem;margin-bottom:1rem}@media(max-width:767px){.e-services-section .service-card .service-icon{font-size:2rem;margin-bottom:.75rem}}@media(max-width:480px){.e-services-section .service-card .service-icon{font-size:1.75rem;margin-bottom:.5rem}}.e-services-section .service-card h3{margin-bottom:.75rem;font-size:1.25rem;line-height:1.3}@media(max-width:767px){.e-services-section .service-card h3{font-size:1.1rem;margin-bottom:.5rem}}@media(max-width:480px){.e-services-section .service-card h3{font-size:1rem}}.e-services-section .service-card .short-desc{font-size:1rem;color:var(--text-color);opacity:.8;margin-bottom:1rem;line-height:1.4}@media(max-width:767px){.e-services-section .service-card .short-desc{font-size:.9rem;margin-bottom:.75rem;line-height:1.3}}@media(max-width:480px){.e-services-section .service-card .short-desc{font-size:.85rem}}.e-services-section .service-card .learn-more-btn{background:none;border:none;color:var(--color-primary);font-weight:500;cursor:pointer;font-size:.95rem;padding:.25rem .5rem}@media(max-width:767px){.e-services-section .service-card .learn-more-btn{font-size:.9rem;padding:.25rem .5rem}}@media(hover:hover){.e-services-section .service-card .learn-more-btn:hover{text-decoration:underline}}.e-services-section .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;flex-direction:row;justify-content:center;align-items:center;z-index:999;padding:1rem}@media(max-width:767px){.e-services-section .modal-overlay{padding:.5rem;align-items:flex-end}}@media(max-width:480px){.e-services-section .modal-overlay{padding:.25rem}}.e-services-section .modal-content{background:var(--card-bg);border-radius:8px;box-shadow:var(--card-shadow);border:var(--card-border);padding:1rem;width:min(90%,500px);max-height:90vh;overflow-y:auto;position:relative;margin:auto}@media(max-width:767px){.e-services-section .modal-content{width:100%;max-width:450px;max-height:85vh;margin:0 auto;border-radius:16px 16px 0 0}}@media(max-width:480px){.e-services-section .modal-content{max-height:90vh}}.e-services-section .modal-content .close-btn{position:absolute;top:.75rem;right:.75rem;background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--text-color);opacity:.7;width:40px;height:40px;display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:50%;z-index:1}@media(max-width:767px){.e-services-section .modal-content .close-btn{top:.5rem;right:.5rem;width:35px;height:35px;font-size:1.1rem;background:#0000001a}}.e-services-section .modal-content .close-btn:hover{opacity:1}.e-services-section .modal-content .modal-header{text-align:center;margin-bottom:1rem;padding:2rem 1rem 0}@media(max-width:767px){.e-services-section .modal-content .modal-header{margin-bottom:.75rem;padding:1rem .75rem 0}}.e-services-section .modal-content .modal-header .service-icon{font-size:2.5rem;margin-bottom:.5rem}@media(max-width:767px){.e-services-section .modal-content .modal-header .service-icon{font-size:2rem;margin-bottom:.25rem}}.e-services-section .modal-content .modal-header h3{margin-bottom:.25rem;font-size:1.5rem}@media(max-width:767px){.e-services-section .modal-content .modal-header h3{font-size:1.25rem}}.e-services-section .modal-content .modal-header p{color:var(--text-color);opacity:.8;font-size:1rem}@media(max-width:767px){.e-services-section .modal-content .modal-header p{font-size:.9rem}}.e-services-section .modal-content .full-desc{margin-bottom:1rem;line-height:1.6;padding:0 1rem}@media(max-width:767px){.e-services-section .modal-content .full-desc{margin-bottom:.75rem;padding:0 .75rem;font-size:.95rem;line-height:1.5}}@media(max-width:480px){.e-services-section .modal-content .full-desc{font-size:.9rem}}.e-services-section .modal-content .requirements{margin-bottom:1rem;padding:0 1rem}@media(max-width:767px){.e-services-section .modal-content .requirements{margin-bottom:.75rem;padding:0 .75rem}}.e-services-section .modal-content .requirements h4{margin-bottom:.5rem;font-size:1.1rem}@media(max-width:767px){.e-services-section .modal-content .requirements h4{font-size:1rem;margin-bottom:.25rem}}.e-services-section .modal-content .requirements ul{list-style:disc;padding-left:1.5rem}@media(max-width:767px){.e-services-section .modal-content .requirements ul{padding-left:1rem}}.e-services-section .modal-content .requirements ul li{margin-bottom:.25rem;line-height:1.4;font-size:.95rem}@media(max-width:767px){.e-services-section .modal-content .requirements ul li{font-size:.9rem;margin-bottom:.25rem}}@media(max-width:480px){.e-services-section .modal-content .requirements ul li{font-size:.85rem}}.e-services-section .modal-content .modal-actions{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.75rem;padding:0 1rem 1rem;border-top:none!important;background-color:transparent!important}@media(max-width:767px){.e-services-section .modal-content .modal-actions{flex-direction:column;gap:.5rem;padding:0 .75rem .75rem}}.e-services-section .modal-content .modal-actions .apply-btn,.e-services-section .modal-content .modal-actions .close-btn-secondary{flex:1;text-align:center;padding:.75rem 1rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease;text-decoration:none;font-size:1rem}@media(max-width:767px){.e-services-section .modal-content .modal-actions .apply-btn,.e-services-section .modal-content .modal-actions .close-btn-secondary{padding:.5rem .75rem;font-size:.95rem;width:100%}}@media(max-width:480px){.e-services-section .modal-content .modal-actions .apply-btn,.e-services-section .modal-content .modal-actions .close-btn-secondary{padding:.5rem;font-size:.9rem}}.e-services-section .modal-content .modal-actions .apply-btn{background:var(--color-primary);color:var(--color-white);border:1px solid var(--color-primary)}@media(hover:hover){.e-services-section .modal-content .modal-actions .apply-btn:hover{background:hsla(var(--color-primary-hsl),.85)}}.e-services-section .modal-content .modal-actions .close-btn-secondary{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}@media(hover:hover){.e-services-section .modal-content .modal-actions .close-btn-secondary:hover{background:hsla(var(--color-primary-hsl),.1)}}@media(max-height:500px)and (orientation:landscape){.e-services-section .modal-overlay{align-items:flex-start;padding-top:1rem}.e-services-section .modal-content{max-height:80vh;border-radius:16px}}@media(max-width:320px){.e-services-section .services-grid{gap:.25rem}.e-services-section .service-card{padding:.5rem;min-height:140px}.e-services-section .service-card .service-icon{font-size:1.5rem;margin-bottom:.25rem}.e-services-section .service-card h3{font-size:.9rem}.e-services-section .service-card .short-desc,.e-services-section .service-card .learn-more-btn{font-size:.8rem}.e-services-section .modal-content .modal-header{padding:.75rem .5rem 0}.e-services-section .modal-content .modal-header h3{font-size:1.1rem}.e-services-section .modal-content .modal-header p{font-size:.8rem}.e-services-section .modal-content .full-desc{padding:0 .5rem;font-size:.85rem}.e-services-section .modal-content .requirements{padding:0 .5rem}.e-services-section .modal-content .requirements ul li{font-size:.8rem}.e-services-section .modal-content .modal-actions{padding:0 .5rem .5rem}.e-services-section .modal-content .modal-actions .apply-btn,.e-services-section .modal-content .modal-actions .close-btn-secondary{font-size:.85rem;padding:.25rem .5rem}}.barangay-officials-section{padding:1.5rem 0;background:linear-gradient(135deg,var(--page-bg) 0%,rgba(var(--color-primary-rgb),.03) 100%);color:var(--text-color);text-align:center;position:relative;overflow:hidden}.barangay-officials-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);opacity:.2}.barangay-officials-section:after{content:"";position:absolute;top:20%;left:5%;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(var(--color-primary-rgb),.05) 0%,transparent 70%);z-index:0;pointer-events:none}@media(max-width:767px){.barangay-officials-section:after{display:none}}@media(max-width:767px){.barangay-officials-section{padding:3rem 0}}@media(max-width:480px){.barangay-officials-section{padding:2rem 0}}.barangay-officials-section .container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem;position:relative;z-index:1}@media(max-width:767px){.barangay-officials-section .container{padding:0 .75rem}}@media(max-width:480px){.barangay-officials-section .container{padding:0 .5rem}}.barangay-officials-section .section-header{margin-bottom:4rem;position:relative}@media(max-width:767px){.barangay-officials-section .section-header{margin-bottom:2rem;padding:0 .5rem}}.barangay-officials-section .section-header h2{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;color:var(--text-color);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.barangay-officials-section .section-header h2:after{content:"";position:absolute;bottom:-.5rem;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:2px}@media(min-width:768px){.barangay-officials-section .section-header h2{font-size:3rem}}@media(min-width:1024px){.barangay-officials-section .section-header h2{font-size:3.5rem}}.barangay-officials-section .section-header .subtitle{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:1rem auto 0;line-height:1.6;font-weight:400}@media(min-width:768px){.barangay-officials-section .section-header .subtitle{font-size:1.2rem}}.carousel-container{position:relative;overflow:hidden;width:100%;max-width:1200px;margin:0 auto;touch-action:pan-y;padding:.5rem;background:linear-gradient(145deg,rgba(var(--card-bg-rgb),.8),rgba(var(--color-white-rgb),.1));border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(var(--color-primary-rgb),.1);box-shadow:0 20px 60px #0000001a,inset 0 1px #fff3}.carousel-container:hover .carousel-btn{opacity:1;pointer-events:auto}.carousel-wrapper{overflow:hidden;width:100%;border-radius:16px}.carousel-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);will-change:transform}.carousel-page{display:grid;grid-template-columns:1fr;gap:1rem;width:100%;flex:0 0 100%;padding:.5rem}@media(min-width:480px){.carousel-page{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:.75rem}}@media(min-width:768px){.carousel-page{grid-template-columns:repeat(3,1fr);gap:2rem}}@media(min-width:1024px){.carousel-page{grid-template-columns:repeat(4,1fr);gap:2rem}}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;color:var(--color-white);font-size:1.5rem;padding:.5rem;border-radius:50%;cursor:pointer;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2;width:56px;height:56px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(var(--color-primary-rgb),.3),inset 0 1px #fff3}@media(min-width:768px){.carousel-btn{opacity:.7;pointer-events:auto}.carousel-btn:hover{opacity:1;transform:translateY(-50%) scale(1.1);box-shadow:0 12px 32px rgba(var(--color-primary-rgb),.4),inset 0 1px #fff3}}.carousel-btn.prev{left:-.75rem}@media(min-width:768px){.carousel-btn.prev{left:-.5rem}}.carousel-btn.next{right:-.75rem}@media(min-width:768px){.carousel-btn.next{right:-.5rem}}@media(min-width:1024px){.carousel-container:hover .carousel-btn{opacity:.7;pointer-events:auto}}.official-card{background:var(--card-bg);border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a;border:1px solid rgba(var(--color-primary-rgb),.08);transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:380px;width:100%;position:relative;isolation:isolate}@media(min-width:480px){.official-card{height:400px}}@media(min-width:768px){.official-card{height:420px}.official-card:hover{transform:translateY(-12px);box-shadow:0 24px 48px #00000026,0 8px 16px #00000014;border-color:rgba(var(--color-primary-rgb),.2)}}.official-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));opacity:0;transition:opacity .3s ease}.official-card:hover:before{opacity:1}.official-card .official-photo{width:100%;height:65%;overflow:hidden;position:relative}.official-card .official-photo:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,var(--card-bg),transparent);z-index:1}@media(min-width:768px){.official-card .official-photo{height:70%}}.official-card .official-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.4,0,.2,1);filter:grayscale(20%)}.official-card:hover .official-card .official-photo img{transform:scale(1.05);filter:grayscale(0%)}.official-card .official-info{padding:1rem;flex:1;display:flex;flex-direction:column;justify-content:center;text-align:center;background:var(--card-bg);position:relative;z-index:2}@media(min-width:480px){.official-card .official-info{padding:1.5rem}}.official-card .official-info h3{font-size:1.2rem;font-weight:700;margin-bottom:.25rem;color:var(--text-color);line-height:1.3;letter-spacing:-.01em}@media(min-width:480px){.official-card .official-info h3{font-size:1.3rem}}@media(min-width:768px){.official-card .official-info h3{font-size:1.4rem}}.official-card .official-info p{font-size:.95rem;color:var(--text-secondary);margin-bottom:.25rem;line-height:1.4;font-weight:500}@media(min-width:480px){.official-card .official-info p{font-size:1rem}}.official-card .official-info .official-term{font-size:.85rem;color:var(--color-primary);font-weight:600;padding:.25rem .5rem;background:rgba(var(--color-primary-rgb),.1);border-radius:20px;display:inline-block;margin-top:.5rem}@media(min-width:480px){.official-card .official-info .official-term{font-size:.9rem}}.mobile-indicator{display:flex;justify-content:center;gap:.5rem;margin:2rem 0;position:relative;z-index:1}@media(min-width:768px){.mobile-indicator{display:none}}.mobile-indicator .dot{width:10px;height:10px;border-radius:50%;border:2px solid transparent;background:var(--color-gray-300);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;position:relative;overflow:hidden}.mobile-indicator .dot:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50%;transform:scale(0);transition:transform .3s ease}.mobile-indicator .dot.active{border-color:var(--color-primary);background:transparent}.mobile-indicator .dot.active:after{transform:scale(.8)}.mobile-indicator .dot:hover{transform:scale(1.2)}.section-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(var(--color-primary-rgb),.1);position:relative}.section-footer .page-indicator{font-size:1rem;color:var(--text-secondary);font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem}.section-footer .page-indicator .current-page{color:var(--color-primary);font-size:1.2rem;font-weight:700}.section-footer .page-indicator .total-pages{opacity:.7}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}.official-card.loading .official-photo{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.official-card.loading .official-info h3,.official-card.loading .official-info p,.official-card.loading .official-info .official-term{background:#f0f0f0;border-radius:4px;height:20px;margin:8px 0}.official-card.loading .official-info h3{width:70%;margin:12px auto}.official-card.loading .official-info p{width:50%;margin:8px auto}.official-card.loading .official-info .official-term{width:40%;margin:16px auto 0}@media(max-width:360px){.barangay-officials-section{padding:2rem 0 3rem}.barangay-officials-section .section-header h2{font-size:2rem}.official-card{height:340px}.official-card .official-info{padding:.75rem}.official-card .official-info h3{font-size:1.1rem}.official-card .official-info p{font-size:.9rem}}@media(min-width:1400px){.carousel-container{max-width:1400px}.carousel-page{gap:3rem}.official-card{height:460px}}[data-theme=dark] .barangay-officials-section{background:linear-gradient(135deg,var(--page-bg) 0%,rgba(var(--color-primary-rgb),.05) 100%)}[data-theme=dark] .carousel-container{background:linear-gradient(145deg,rgba(var(--card-bg-rgb),.9),#0000001a);border:1px solid rgba(var(--color-primary-rgb),.15)}[data-theme=dark] .official-card{background:rgba(var(--card-bg-rgb),.95);border:1px solid rgba(var(--color-primary-rgb),.12)}@media print{.barangay-officials-section{background:none!important;padding:0!important}.carousel-btn,.mobile-indicator{display:none!important}.carousel-container{box-shadow:none!important;border:1px solid #ddd!important}.carousel-track{transform:none!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:1rem!important}.carousel-page{display:contents!important}}.contacts-section{padding:2rem .75rem;width:100%;font-family:Arial,sans-serif;color:var(--text-color);background-color:var(--page-bg)}@media(max-width:767px){.contacts-section{padding:1rem .5rem}}@media(max-width:480px){.contacts-section{padding:.75rem .25rem}}.contacts-section .section-title{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;text-align:center;color:var(--text-color)}@media(min-width:768px){.contacts-section .section-title{font-size:2rem}}@media(min-width:1024px){.contacts-section .section-title{font-size:2.25rem}}@media(max-width:767px){.contacts-section .section-title{font-size:1.5rem;margin-bottom:.25rem}}@media(max-width:480px){.contacts-section .section-title{font-size:1.25rem}}@media(max-width:360px){.contacts-section .section-title{font-size:1.125rem}}.contacts-section .section-subtitle{font-size:.9375rem;text-align:center;margin-bottom:2rem;color:var(--text-secondary);max-width:500px;margin-left:auto;margin-right:auto;line-height:1.5}@media(min-width:768px){.contacts-section .section-subtitle{font-size:1rem;margin-bottom:3rem}}@media(max-width:767px){.contacts-section .section-subtitle{font-size:.875rem;margin-bottom:1rem;padding:0 .5rem;line-height:1.4}}@media(max-width:480px){.contacts-section .section-subtitle{font-size:.8125rem;margin-bottom:.75rem}}.contacts-section .contact-cards{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px)and (max-width:1023px){.contacts-section .contact-cards{grid-template-columns:repeat(2,1fr);gap:1rem}}@media(min-width:1024px){.contacts-section .contact-cards{grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1000px;margin:0 auto}}@media(max-width:767px){.contacts-section .contact-cards{gap:.75rem;max-width:350px;margin:0 auto}}@media(max-width:480px){.contacts-section .contact-cards{gap:.5rem;max-width:100%}}.contacts-section .contact-card{background:var(--card-bg);border-radius:8px;box-shadow:var(--card-shadow);border:var(--card-border);padding:1rem;text-align:center;transition:transform .2s ease,box-shadow .2s ease;position:relative;background:var(--form-bg)}@media(max-width:767px){.contacts-section .contact-card{padding:.75rem;margin:0 .25rem}}@media(max-width:480px){.contacts-section .contact-card{padding:.5rem;margin:0}}@media(hover:hover){.contacts-section .contact-card:hover{transform:translateY(-3px);box-shadow:var(--card-shadow);border-color:var(--color-primary)}}.contacts-section .contact-card:active{transform:scale(.98);transition:transform .1s ease}.contacts-section .contact-card .card-icon{display:inline-flex;justify-content:center;align-items:center;width:50px;height:50px;background:var(--color-info-bg, #e3f2fd);border-radius:50%;margin-bottom:.75rem;color:var(--color-primary)}@media(max-width:767px){.contacts-section .contact-card .card-icon{width:45px;height:45px;margin-bottom:.5rem}}@media(max-width:480px){.contacts-section .contact-card .card-icon{width:40px;height:40px;margin-bottom:.5rem}}.contacts-section .contact-card .card-icon svg{width:20px;height:20px}@media(max-width:767px){.contacts-section .contact-card .card-icon svg{width:18px;height:18px}}@media(max-width:480px){.contacts-section .contact-card .card-icon svg{width:16px;height:16px}}.contacts-section .contact-card .card-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:var(--color-primary)}@media(max-width:767px){.contacts-section .contact-card .card-title{font-size:1rem;margin-bottom:.25rem}}@media(max-width:480px){.contacts-section .contact-card .card-title{font-size:.9375rem}}.contacts-section .contact-card .card-subtitle{font-size:.8125rem;color:var(--text-secondary);margin-bottom:.75rem;line-height:1.4}@media(max-width:767px){.contacts-section .contact-card .card-subtitle{font-size:.75rem;margin-bottom:.5rem}}@media(max-width:480px){.contacts-section .contact-card .card-subtitle{font-size:.6875rem}}.contacts-section .contact-card .contact-info{font-size:1rem;font-weight:500;color:var(--text-color);margin:0;line-height:1.4;word-break:break-word}@media(max-width:767px){.contacts-section .contact-card .contact-info{font-size:.9375rem;line-height:1.3}}@media(max-width:480px){.contacts-section .contact-card .contact-info{font-size:.875rem}}@media(min-width:1024px){.contact-card:not(:last-child){position:relative}.contact-card:not(:last-child):after{content:"";position:absolute;top:50%;right:-.75rem;transform:translateY(-50%);width:1px;height:70%;background:var(--border-color)}}@media(max-height:500px)and (orientation:landscape){.contacts-section{padding:.75rem .5rem}.contacts-section .section-title{font-size:1.25rem;margin-bottom:.25rem}.contacts-section .section-subtitle{font-size:.8125rem;margin-bottom:.75rem}.contacts-section .contact-cards{grid-template-columns:repeat(3,1fr);gap:.5rem}.contacts-section .contact-card{padding:.5rem}.contacts-section .contact-card .card-icon{width:35px;height:35px;margin-bottom:.25rem}.contacts-section .contact-card .card-icon svg{width:14px;height:14px}.contacts-section .contact-card .card-title{font-size:.875rem;margin-bottom:.25rem}.contacts-section .contact-card .card-subtitle{font-size:.75rem;margin-bottom:.25rem}.contacts-section .contact-card .contact-info{font-size:.8125rem}}@media(max-width:320px){.contacts-section{padding:.5rem .25rem}.contacts-section .section-title{font-size:1rem}.contacts-section .section-subtitle{font-size:.75rem;margin-bottom:.5rem}.contacts-section .contact-cards{gap:.25rem}.contacts-section .contact-card{padding:.25rem}.contacts-section .contact-card .card-icon{width:35px;height:35px;margin-bottom:.25rem}.contacts-section .contact-card .card-icon svg{width:14px;height:14px}.contacts-section .contact-card .card-title{font-size:.875rem;margin-bottom:.25rem}.contacts-section .contact-card .card-subtitle{font-size:.6875rem;margin-bottom:.25rem}.contacts-section .contact-card .contact-info{font-size:.75rem}}.contact-card:last-child .contact-info{line-height:1.3}@media(max-width:767px){.contact-card:last-child .contact-info{line-height:1.2}}.resources-page{max-width:100%;width:100%;padding:3rem 1rem;background-color:var(--page-bg)}@media(max-width:767px){.resources-page{padding:2rem .75rem}}@media(max-width:480px){.resources-page{padding:1rem .5rem}}.resources-header{text-align:center;margin-bottom:3rem;max-width:1200px;margin-left:auto;margin-right:auto}@media(max-width:767px){.resources-header{margin-bottom:2rem;padding:0 .5rem}}@media(max-width:480px){.resources-header{margin-bottom:1rem}}.resources-header h1{font-size:2.25rem;font-weight:700;color:var(--text-color);margin-bottom:.75rem}@media(min-width:768px){.resources-header h1{font-size:2.5rem}}@media(min-width:1024px){.resources-header h1{font-size:3rem}}@media(max-width:767px){.resources-header h1{font-size:1.75rem;margin-bottom:.5rem}}@media(max-width:480px){.resources-header h1{font-size:1.5rem}}@media(max-width:360px){.resources-header h1{font-size:1.25rem}}.resources-header p{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.5}@media(max-width:767px){.resources-header p{font-size:1rem;line-height:1.4}}@media(max-width:480px){.resources-header p{font-size:.9rem}}.resources-content{display:flex;justify-content:center;align-items:stretch;gap:2rem;flex-wrap:wrap;max-width:1200px;margin:0 auto}@media(min-width:768px)and (max-width:1023px){.resources-content{gap:1rem;justify-content:space-between}}@media(max-width:767px){.resources-content{flex-direction:column;gap:1rem;align-items:center;padding:0 .5rem}}@media(max-width:480px){.resources-content{gap:.75rem;padding:0}}.resource-card{background:var(--card-bg);box-shadow:var(--card-shadow);border:var(--card-border);padding:1rem;flex:1 1 30%;max-width:320px;min-width:280px;border-radius:16px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;display:flex;flex-direction:column;align-items:center;padding:2rem;color:inherit;text-decoration:none;background:var(--form-bg)}@media(min-width:768px)and (max-width:1023px){.resource-card{flex:1 1 45%;max-width:none;min-width:250px;padding:1.5rem}}@media(max-width:767px){.resource-card{flex:1 1 100%;max-width:400px;width:100%;min-width:auto;padding:1.5rem}}@media(max-width:480px){.resource-card{padding:1rem;width:calc(100% - 1rem);margin:0 .25rem}}@media(max-width:360px){.resource-card{padding:.75rem;width:calc(100% - .5rem)}}@media(hover:hover){.resource-card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow);text-decoration:none;border-color:var(--color-primary)}}.resource-card:active{transform:scale(.98);transition:transform .1s ease}.resource-card .resource-icon{font-size:3rem;color:var(--color-primary);margin-bottom:1rem;display:flex;justify-content:center;align-items:center}@media(max-width:767px){.resource-card .resource-icon{font-size:2.5rem;margin-bottom:.75rem}}@media(max-width:480px){.resource-card .resource-icon{font-size:2rem;margin-bottom:.5rem}}.resource-card .resource-icon svg{width:1em;height:1em}.resource-card h2{font-size:1.5rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem;line-height:1.3}@media(max-width:767px){.resource-card h2{font-size:1.25rem;margin-bottom:.25rem}}@media(max-width:480px){.resource-card h2{font-size:1.1rem}}.resource-card p{font-size:1rem;color:var(--text-secondary);line-height:1.5;margin:0}@media(max-width:767px){.resource-card p{font-size:.9rem;line-height:1.4}}@media(max-width:480px){.resource-card p{font-size:.85rem}}@media(max-height:500px)and (orientation:landscape){.resources-page{padding:1rem .75rem}.resources-header{margin-bottom:1rem}.resources-header h1{font-size:1.5rem}.resources-header p{font-size:.9rem}.resources-content{flex-direction:row;gap:.75rem;padding:0}.resource-card{padding:.75rem}.resource-card .resource-icon{font-size:2rem;margin-bottom:.5rem}.resource-card h2{font-size:1.1rem}.resource-card p{font-size:.8rem}}@media(max-width:320px){.resources-page{padding:.75rem .25rem}.resources-header h1{font-size:1.1rem}.resources-header p{font-size:.8rem}.resource-card{padding:.5rem}.resource-card .resource-icon{font-size:1.75rem}.resource-card h2{font-size:1rem}.resource-card p{font-size:.8rem}}.footer{background-color:var(--bg-color);color:var(--text-color);font-family:Inter,sans-serif;padding:2rem 0 1rem;font-size:.875rem;line-height:1.6}.footer__container{max-width:1000px;margin:0 auto;padding:0 1rem}.footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.footer__section{padding:.5rem 0}.footer__heading{color:var(--color-primary);font-family:Merriweather,serif;font-size:1.25rem;font-weight:600;margin-bottom:.75rem;position:relative;padding-bottom:.5rem}.footer__heading:after{content:"";position:absolute;left:0;bottom:0;width:30px;height:2px;background:var(--color-accent)}.footer__links{list-style:none;padding:0;margin:0}.footer__links li{margin-bottom:.5rem}.footer__links a{color:var(--text-color);text-decoration:none;transition:all .2s ease;display:inline-block;padding:.15rem 0;position:relative;font-size:.8125rem}.footer__links a:before{content:"";position:absolute;width:0;height:1px;bottom:0;left:0;background-color:var(--color-primary);transition:width .2s ease}.footer__links a:hover{color:var(--color-primary);transform:translate(3px)}.footer__links a:hover:before{width:100%}.footer__social{display:flex;gap:.5rem;margin:1.5rem 0 2rem}.footer__social .social__link{display:inline-block;transition:transform .2s ease}.footer__social .social__link:hover{transform:translateY(-2px)}.footer__social .social__icon{width:48px;height:48px;border-radius:50%;transition:all .2s ease;background-color:var(--color-primary);display:inline-block;position:relative;box-shadow:0 1px 2px #0000000d}.footer__social .social__icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:55%;height:55%;background-color:var(--color-white);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.footer__social .social__icon--fb:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z'/%3E%3C/svg%3E")}.footer__social .social__icon--twitter:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84'/%3E%3C/svg%3E")}.footer__social .social__icon--messenger:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.36 2 2 6.136 2 11.5c0 2.382 1.06 4.528 2.76 6.044V22l4.833-2.416c.97.274 1.996.416 3.057.416 5.64 0 10-4.136 10-9.5S17.64 2 12 2zm.583 13.602l-3.01-3.258-5.268 3.258 5.864-6.126 3.129 3.258 5.218-3.258-5.933 6.126z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2C6.36 2 2 6.136 2 11.5c0 2.382 1.06 4.528 2.76 6.044V22l4.833-2.416c.97.274 1.996.416 3.057.416 5.64 0 10-4.136 10-9.5S17.64 2 12 2zm.583 13.602l-3.01-3.258-5.268 3.258 5.864-6.126 3.129 3.258 5.218-3.258-5.933 6.126z'/%3E%3C/svg%3E")}.footer__social .social__icon:hover{background-color:var(--color-secondary);transform:scale(1.05);box-shadow:0 4px 6px #0000001a}.footer__feedback{margin-top:2rem}.footer__feedback .feedback__btn{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:var(--color-white);font-size:.75rem;padding:.5rem 1.5rem;border-radius:9999px;border:none;cursor:pointer;transition:all .2s ease;font-weight:600;box-shadow:0 1px 2px #0000000d;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.footer__feedback .feedback__btn:hover{transform:translateY(-1px);box-shadow:0 4px 6px #0000001a;background:linear-gradient(135deg,var(--color-secondary),var(--color-primary))}.footer__feedback .feedback__btn:active{transform:translateY(0)}.footer__bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid hsla(var(--color-primary-hsl),.08);padding-top:1rem;margin-top:1.5rem;flex-wrap:wrap;max-width:1000px;margin-inline:auto;padding-inline:1rem}.footer__legal{display:flex;gap:1rem;align-items:center;font-size:.6875rem}@media(max-width:600px){.footer__legal{flex-direction:column;gap:.5rem;width:100%;margin-bottom:.75rem}}.footer__legal .legal__link{color:var(--text-color);text-decoration:none;transition:all .2s ease;opacity:.7}.footer__legal .legal__link:hover{color:var(--color-primary);opacity:1;text-decoration:underline}.footer__copyright{color:var(--text-color);opacity:.7;font-size:.6875rem;font-family:Fira Code,monospace}.footer__badge img{height:60px;opacity:.85;transition:all .2s ease;filter:drop-shadow(0 1px 2px rgba(0,0,0,.08))}.footer__badge img:hover{opacity:1;transform:scale(1.03)}@media(max-width:768px){.footer{padding:1rem 0 .75rem;text-align:center}.footer__container{padding:0 .75rem}.footer__grid{grid-template-columns:1fr;gap:1rem}.footer__heading:after{left:50%;transform:translate(-50%)}.footer__links a:hover{transform:none}.footer__social{justify-content:center;margin:1rem 0}.footer__bottom{flex-direction:column;gap:1rem;text-align:center;padding-top:1rem;margin-top:1rem}}@media(max-width:480px){.footer{padding:.75rem 0}.footer__social .social__icon{width:40px;height:40px}.footer__feedback .feedback__btn{padding:.25rem 1rem}}.navbar{display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-color);padding:.75rem 1.5rem;box-shadow:0 1px 2px #0000000d;z-index:1000;position:sticky;top:0;left:0;right:0;min-height:64px;transition:all .3s ease}.navbar__brand{display:flex;align-items:center;gap:.5rem;flex:0 0 auto;z-index:1001}.navbar__brand a{display:flex;align-items:center;gap:.5rem;text-decoration:none}.navbar__brand .navbar__logo{height:40px;width:40px;object-fit:contain}.navbar__brand .navbar__company-name{font-weight:700;font-size:1.125rem;color:var(--text-color);white-space:nowrap}@media(max-width:480px){.navbar__brand .navbar__company-name{font-size:1rem}}.navbar__links{display:flex;justify-content:center;gap:1.5rem;flex:1;margin:0 2rem;transition:all .3s ease}.navbar__links .navbar__link{font-weight:500;color:var(--text-color);transition:color .2s ease;text-decoration:none;white-space:nowrap;padding:.5rem .75rem;border-radius:8px;font-size:.95rem}.navbar__links .navbar__link:hover{color:var(--color-primary);background:hsla(var(--color-primary-hsl),.05)}@media(max-width:768px){.navbar__links{position:fixed;top:64px;left:0;right:0;background:var(--bg-color);flex-direction:column;margin:0;padding:1rem;box-shadow:0 10px 15px #00000026;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;gap:.5rem;z-index:999;height:auto;max-height:calc(100vh - 64px);overflow-y:auto}.navbar__links .navbar__link{padding:.75rem;text-align:center;font-size:1rem;border-radius:8px;width:100%}.navbar__links .navbar__link:hover{background:hsla(var(--color-primary-hsl),.1)}}.navbar__actions{display:flex;align-items:center;gap:.5rem;flex:0 0 auto;position:relative;z-index:1001}@media(max-width:768px){.navbar__actions{gap:.375rem}}.navbar__auth-buttons{display:flex;align-items:center;gap:.25rem}@media(max-width:768px){.navbar__auth-buttons{display:none}}.navbar__theme-toggle{display:flex;align-items:center}.navbar__theme-toggle .theme-toggle{margin:0;border:none;background:none;box-shadow:none;padding:.375rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;min-width:auto}.navbar__theme-toggle .theme-toggle:hover{background-color:hsla(var(--color-primary-hsl),.1)}@media(max-width:768px){.navbar__theme-toggle .theme-toggle{padding:.25rem}}.navbar__icon-button{background:none;border:none;color:var(--text-color);cursor:pointer;padding:.375rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.navbar__icon-button:hover{background-color:hsla(var(--color-primary-hsl),.1)}.navbar__icon-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:768px){.navbar__icon-button{padding:.25rem}}.navbar__profile-btn{display:flex;align-items:center;gap:.25rem;background:none;border:none;cursor:pointer;font-weight:500;font-size:.875rem;color:var(--text-color);padding:.375rem .625rem;border-radius:8px;transition:background-color .2s ease;white-space:nowrap;line-height:1.4}.navbar__profile-btn .navbar__profile-arrow{font-size:.7rem;margin-left:2px;color:var(--text-secondary);transition:transform .2s ease}.navbar__profile-btn[aria-expanded=true] .navbar__profile-arrow{transform:rotate(180deg)}.navbar__profile-btn:hover{background-color:hsla(var(--color-primary-hsl),.1)}.navbar__profile-btn .navbar__profile-name{font-size:.875rem;font-weight:600;color:var(--text-color)}@media(max-width:480px){.navbar__profile-btn .navbar__profile-name{display:none}}@media(max-width:768px){.navbar__profile-btn{padding:.25rem .375rem}}.navbar__dropdown{position:relative}.navbar__dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;background-color:var(--bg-color);border-radius:8px;box-shadow:0 10px 15px #00000026;padding:.5rem 0;min-width:200px;z-index:1100;border:1px solid var(--border-color);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease-out}@media(max-width:768px){.navbar__dropdown-menu{position:fixed;top:64px;right:1rem;left:auto;min-width:260px;max-width:calc(100vw - 2rem)}}@media(max-width:480px){.navbar__dropdown-menu{min-width:240px;right:.5rem}}@media(max-width:768px){.navbar__dropdown-menu--accessibility{right:3rem}}.navbar__dropdown-user-info{display:block;padding:.5rem .75rem;border-bottom:1px solid var(--border-color);background:hsla(var(--bg-color-hsl),1)!important}.navbar__dropdown-title{font-weight:600;color:var(--text-color);margin:0;font-size:.875rem}.navbar__dropdown-email{font-size:.7rem;color:var(--text-muted);margin:0;font-weight:400;line-height:1.3}.navbar__dropdown-subtitle{font-size:.75rem;color:var(--text-secondary);margin:.25rem .75rem .5rem;display:block;line-height:1.4}.navbar__dropdown-item{display:block;padding:.5rem .75rem;text-align:left;background:none;border:none;width:100%;color:var(--text-color);font-size:.875rem;cursor:pointer;transition:background-color .2s ease,color .2s ease;background:hsla(var(--bg-color-hsl),1)!important}.navbar__dropdown-item:hover{background-color:hsla(var(--color-primary-hsl),.08)!important;color:var(--color-primary)}.navbar__dropdown-item--font-size{cursor:default}.navbar__dropdown-item--font-size:hover{background-color:transparent!important;color:var(--text-color)}.navbar__dropdown-item--font-size .font-size-adjuster{width:100%}.navbar__dropdown-item.logout-button{display:flex;align-items:center;gap:.375rem;cursor:pointer;font-size:.85rem;color:var(--text-color);width:100%;padding:.5rem .875rem;transition:all .2s ease}.navbar__dropdown-item.logout-button:hover{background-color:hsla(var(--color-danger-hsl),.1)!important;color:var(--color-danger)}.navbar__dropdown-item.logout-button svg{width:14px;height:14px;color:var(--text-color);transition:color .2s ease}.navbar__dropdown-item.logout-button:hover svg{color:var(--color-danger)}.navbar__dropdown--visible .navbar__dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.navbar__login-button{background:none;border:none;color:var(--text-color);padding:.375rem .875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;font-size:.875rem;border-radius:8px;border:1px solid transparent;line-height:1.4}.navbar__login-button:hover{color:var(--color-primary);background:hsla(var(--color-primary-hsl),.05);border-color:hsla(var(--color-primary-hsl),.2)}.navbar__login-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.navbar__login-button--mobile{display:none;text-align:center;margin:.5rem 0;padding:.625rem .875rem;border:1px solid var(--color-primary);color:var(--color-primary);background:transparent;font-size:.875rem}.navbar__login-button--mobile:hover{background:hsla(var(--color-primary-hsl),.1)}@media(max-width:768px){.navbar__login-button{padding:.375rem .625rem}}.navbar__signup-button{background-color:var(--color-primary);color:var(--color-white);padding:.375rem .875rem;border-radius:8px;font-weight:600;text-decoration:none;transition:all .2s ease;white-space:nowrap;font-size:.875rem;border:1px solid var(--color-primary);line-height:1.4}.navbar__signup-button:hover{background-color:hsla(var(--color-primary-hsl),.85);border-color:hsla(var(--color-primary-hsl),.85);transform:translateY(-1px);box-shadow:0 4px 8px hsla(var(--color-primary-hsl),.15)}.navbar__signup-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.navbar__signup-button:active{transform:translateY(0)}.navbar__signup-button--mobile{display:none;text-align:center;margin:.5rem 0;padding:.625rem .875rem;background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);font-size:.875rem}.navbar__signup-button--mobile:hover{background:hsla(var(--color-primary-hsl),.85);border-color:hsla(var(--color-primary-hsl),.85)}@media(max-width:768px){.navbar__signup-button{padding:.375rem .625rem}}.navbar__mobile-auth{display:none;flex-direction:column;gap:.5rem;width:100%;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-color)}@media(max-width:768px){.navbar__mobile-auth{display:flex}}.navbar__menu-button{display:none;background:none;border:none;color:var(--text-color);cursor:pointer;padding:.375rem;border-radius:4px;transition:background-color .2s ease;z-index:1001;margin-left:.125rem}.navbar__menu-button:hover{background-color:hsla(var(--color-primary-hsl),.1)}@media(max-width:768px){.navbar__menu-button{display:flex;align-items:center;justify-content:center;padding:.25rem}}.navbar__mobile-overlay{position:fixed;inset:64px 0 0;background:#00000080;z-index:998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.navbar--mobile.navbar--mobile-open .navbar__links{transform:translateY(0);opacity:1;visibility:visible}.navbar--mobile.navbar--mobile-open .navbar__login-button--mobile,.navbar--mobile.navbar--mobile-open .navbar__signup-button--mobile{display:block}@media(max-width:768px){.navbar{padding:.75rem 1rem}.navbar .navbar__links{display:none}.navbar .navbar--mobile-open .navbar__links{display:flex}.navbar .navbar__auth-buttons{display:none}.navbar .navbar__dropdown:has(.navbar__dropdown-menu--accessibility){display:none}.navbar .navbar__dropdown:has(.navbar__profile-btn){display:block}.navbar__actions{min-width:auto;justify-content:flex-end}}@media(max-width:480px){.navbar{padding:.5rem}.navbar__brand .navbar__company-name{font-size:1rem}.navbar__actions{gap:.125rem}.navbar__login-button,.navbar__signup-button{padding:.25rem .5rem;font-size:.8125rem}}@media(max-width:360px){.navbar__brand .navbar__company-name{font-size:.9rem}.navbar__actions{gap:.0625rem}.navbar__menu-button,.navbar__theme-toggle .theme-toggle{padding:.1875rem}.navbar__login-button,.navbar__signup-button{padding:.1875rem .375rem;font-size:.75rem}}[data-theme=dark] .navbar__dropdown-menu{background:#1a1a1a!important;border-color:var(--border-color-dark)}[data-theme=dark] .navbar__user-info,[data-theme=dark] .navbar__dropdown-item{background:hsla(var(--bg-color-dark-hsl),1)!important}[data-theme=dark] .navbar__dropdown-subtitle{color:var(--text-secondary-dark)}[data-theme=dark] .navbar__dropdown-email{color:var(--text-muted-dark)}[data-theme=dark] .navbar__dropdown-user-info{border-bottom-color:var(--border-color-dark)}[data-theme=dark] .navbar__mobile-overlay{background:#000000b3}[data-theme=dark] .navbar__mobile-auth{border-top-color:var(--border-color-dark)}[data-theme=dark] .navbar__login-button:hover{background:hsla(var(--color-primary-hsl),.1);border-color:hsla(var(--color-primary-hsl),.3)}[data-theme=dark] .navbar__signup-button:hover{box-shadow:0 4px 8px hsla(var(--color-primary-hsl),.25)}@media(prefers-contrast:high){.navbar{border-bottom:2px solid var(--border-color)}.navbar__dropdown-menu{border:2px solid var(--border-color)}.navbar__login-button{border:1px solid var(--text-color)}.navbar__signup-button{border:2px solid var(--color-primary)}}@media(prefers-reduced-motion:reduce){.navbar__links,.navbar__dropdown-menu,.navbar__signup-button{transition:none}.navbar__signup-button:hover{transform:none}}.modal-overlay{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:9999;display:flex;justify-content:center;align-items:center;padding:1rem}.modal{position:relative;z-index:10000;max-height:90vh;overflow:auto;border-radius:16px;box-shadow:0 15px 40px #00000040;width:100%;max-width:380px;margin:0 auto}.modal-content{width:100%;padding:1.25rem;background:var(--bg-color);border-radius:16px}@media(min-width:768px){.modal{max-width:350px}}@media(max-width:480px){.modal{max-width:100%;margin:0 .75rem}.modal-content{padding:1rem}}.modal-content form{display:flex;flex-direction:column;gap:.875rem}.modal-content input,.modal-content button{padding:.5rem .75rem;font-size:.875rem;border-radius:4px}.modal-content h2{font-size:1.375rem;margin-bottom:.875rem}.modal-content h3{font-size:1.125rem;margin-bottom:.75rem}.modal-content .form-group{margin-bottom:.625rem}.modal-content label{font-size:.8125rem;margin-bottom:.25rem;display:block}.modal-content .form-text,.modal-content .form-help{font-size:.75rem;margin-top:.25rem}.modal-content .checkbox-label{font-size:.875rem;display:flex;align-items:center;gap:.375rem}.modal-content .checkbox-label input[type=checkbox]{width:auto;padding:0;margin:0}.modal--compact .modal-content{padding:1rem}.modal--compact input,.modal--compact button{padding:.375rem .625rem;font-size:.8125rem}.modal--compact h2{font-size:1.25rem;margin-bottom:.75rem}.modal--compact .form-group{margin-bottom:.5rem}.modal-content .form-divider{margin:.75rem 0;font-size:.75rem}.modal-content .form-footer{margin-top:.5rem;font-size:.8125rem}.modal-content .form-footer a{font-size:.8125rem}.modal-content .form-error,.modal-content .form-success{font-size:.75rem;padding:.375rem .625rem;margin-top:.25rem;border-radius:4px}.login{width:100%;padding:10px}.login__container{padding:28px 36px;text-align:center;display:flex;flex-direction:column;align-items:center;background:var(--card-bg);border-radius:12px;max-width:160px;box-sizing:padding-box;width:100%;margin:0 auto;animation:slideIn .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);box-shadow:var(--card-shadow)}.login__brand{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;text-decoration:none;justify-content:center;width:100%;background:none;border:none;cursor:pointer;padding:0;transition:all .2s ease}.login__brand:hover{opacity:.8;transform:translateY(-2px)}.login__brand:active{transform:translateY(0)}.login__brand:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:6px}.login__logo{height:75px;width:auto}.login__title{color:var(--color-primary);font-size:1.3rem;font-weight:700;letter-spacing:-.5px;margin:0}.login__subtitle{color:#666;font-size:1.1rem;font-weight:500;margin-bottom:16px;text-align:center;width:100%}.login__subtext{color:#666;font-size:.95rem;margin-bottom:24px;line-height:1.6;width:100%;text-align:center}.login__form{display:flex;flex-direction:column;gap:18px;width:100%;max-width:250px}.login__group{text-align:left;width:100%}.login__group--password{position:relative}.login__label{display:block;margin-bottom:10px;font-weight:500;color:#1a1a1a;font-size:.95rem}.login__input{width:100%;padding:10px;border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem;transition:all .3s ease;background:#fff;color:#000;font-weight:500}.login__input::placeholder{color:#999;opacity:1}.login__input:focus{outline:none;border-color:var(--color-primary);border-width:2px;box-shadow:0 0 0 4px hsla(var(--color-primary-hsl),.1),0 2px 8px #0000000d;background:#fff;transform:translateY(-1px)}.login__input:disabled{opacity:.7;cursor:not-allowed;background:#f5f5f5}.login__input--error{border-color:#ef4444;border-width:2px;background-color:#fff5f5}.login__password-wrapper{position:relative;display:flex;align-items:center}.login__password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#666;padding:4px;border-radius:6px;transition:all .2s ease;font-size:1.1rem;font-weight:700}.login__password-toggle:hover{color:var(--color-primary);background:hsla(var(--color-primary-hsl),.1);transform:scale(1.1)}.login__password-toggle:disabled{opacity:.5;cursor:not-allowed}.login__password-toggle:disabled:hover{transform:none;background:none;color:#666}.login__error{font-size:.85rem;color:#ef4444;margin-top:4px;padding-left:4px;display:flex;align-items:center;gap:4px;font-weight:500}.login__error:before{content:"⚠️";font-size:.75rem}.login__error--general{background-color:#fff5f5;border:1px solid #ffcccc;padding:12px;border-radius:8px;margin-bottom:16px;text-align:center;color:#ef4444;width:100%}.login__button{width:100%;padding:14px;background:linear-gradient(135deg,var(--color-primary),hsla(var(--color-primary-hsl),.8));color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px;position:relative;overflow:hidden}.login__button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0),transparent);transition:left .5s ease}.login__button:hover:not(:disabled){background:linear-gradient(135deg,hsla(var(--color-primary-hsl),.9),hsla(var(--color-primary-hsl),.7));transform:translateY(-2px);box-shadow:0 8px 25px hsla(var(--color-primary-hsl),.3),0 4px 8px #0000001a}.login__button:hover:not(:disabled):before{left:100%}.login__button:active:not(:disabled){transform:translateY(0)}.login__button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.login__button-loading{display:flex;align-items:center;justify-content:center;gap:8px}.login__spinner{display:inline-block;width:16px;height:16px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spin .8s linear infinite;margin-right:8px}.login__spinner--small{width:12px;height:12px;border-width:1.5px;margin-right:4px}.login__otp-actions{display:flex;justify-content:space-between;align-items:center;margin-top:16px;gap:12px;flex-wrap:wrap}.login__resend-btn,.login__back-btn,.login__switch-btn{background:none;border:none;color:var(--color-primary);font-weight:500;text-decoration:none;cursor:pointer;padding:0;transition:all .2s ease;font-size:.9rem}.login__resend-btn:hover:not(:disabled),.login__back-btn:hover:not(:disabled),.login__switch-btn:hover:not(:disabled){text-decoration:underline;color:hsla(var(--color-primary-hsl),.8)}.login__resend-btn:disabled,.login__back-btn:disabled,.login__switch-btn:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.login__back-btn{color:#666}.login__back-btn:hover:not(:disabled){color:#1a1a1a}.login__resend-loading{display:flex;align-items:center;gap:8px}.login__footer{margin-top:20px;text-align:center;border-top:1px solid rgba(0,0,0,.1);padding-top:16px;width:100%}.login__link{font-size:.95rem;margin-bottom:12px;color:#1a1a1a;text-align:center;width:100%;display:flex;align-items:center;justify-content:center;gap:4px}.login__link a,.login__link button{color:var(--color-primary);font-weight:500;text-decoration:none;font-size:1rem;transition:all .2s ease;background:none;border:none;padding:0;cursor:pointer;font-family:inherit}.login__link a:hover,.login__link button:hover{text-decoration:underline;color:hsla(var(--color-primary-hsl),.8)}.login__link a:focus-visible,.login__link button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}[data-theme=dark] .login__container{background:var(--card-bg-dark);border-color:var(--border-color-dark);box-shadow:0 8px 32px #0000004d,0 4px 16px #0003}[data-theme=dark] .login__subtitle{color:var(--text-secondary)}[data-theme=dark] .login__input{background:var(--input-bg);border-color:var(--border-color);color:var(--text-color)}[data-theme=dark] .login__input::placeholder{color:var(--text-muted);opacity:1}[data-theme=dark] .login__input:focus{background:var(--input-bg);border-color:var(--color-primary);box-shadow:0 0 0 4px hsla(var(--color-primary-hsl),.2),0 2px 8px #0000001a}[data-theme=dark] .login__input:disabled{background:var(--hover-bg)}[data-theme=dark] .login__input--error{background-color:var(--color-danger-bg)}[data-theme=dark] .login__password-toggle{color:var(--text-secondary)}[data-theme=dark] .login__password-toggle:hover{color:var(--color-primary)}[data-theme=dark] .login__password-toggle:disabled{color:var(--text-muted)}[data-theme=dark] .login__button{border:none}[data-theme=dark] .login__error--general{background-color:var(--color-danger-bg);border-color:var(--color-danger)}[data-theme=dark] .login__heading{color:var(--text-color)}[data-theme=dark] .login__subtext{color:var(--text-secondary)}[data-theme=dark] .login__label,[data-theme=dark] .login__link{color:var(--text-color)}[data-theme=dark] .login__footer{border-top-color:var(--border-color)}[data-theme=dark] .login__back-btn{color:var(--text-secondary)}[data-theme=dark] .login__back-btn:hover:not(:disabled){color:var(--text-color)}@media(min-width:768px){.login__container{padding:28px;max-width:380px;border-radius:12px}.login__brand{margin-bottom:28px}.login__subtitle{font-size:1.15rem}.login__subtext{font-size:1rem;margin-bottom:24px}.login__input{padding:12px;font-size:1rem}.login__button{padding:14px;font-size:1.1rem}.login__form{max-width:270px}.login__otp-actions{flex-wrap:nowrap}}@media(min-width:1024px){.login__container{max-width:410px}}@media(min-width:640px){.login{min-height:calc(100vh - 60px);padding-top:24px;padding-left:16px;padding-right:16px}.login__container{padding:24px;max-width:100%;margin:16px auto}.login__brand{margin-bottom:24px}.login__subtitle{font-size:1rem}.login__input{border-width:2px}.login__button{border:none}.login__form{max-width:100%}.login__ otp-actions{flex-direction:column;gap:8px}.login__resend-btn,.login__back-btn{width:100%;text-align:center;padding:8px}}@media(max-width:260px){.login{min-height:calc(100vh - 60px);padding:16px}.login__container{padding:20px;max-width:100%;margin:0 auto;border-radius:12px}.login__title{font-size:1.4rem}.login__subtitle{font-size:1rem;margin-bottom:12px}.login__button{padding:12px;font-size:1rem;border:none}.login__input{padding:12px;border-width:2px;font-size:.95rem}.login__footer{padding-top:12px}}@media(max-width:260px){.login{min-height:calc(100vh - 60px);padding:12px}.login__container{padding:16px;max-width:100%;margin-top:0}.login__title{font-size:1.2rem}.login__subtitle{font-size:.95rem;margin-bottom:10px}.login__input{border-width:2px}.login__button{border:none}.login__brand{gap:8px}.login__logo{height:40px}}@media(prefers-contrast:high){.login__input,.login__button{border-width:3px!important}.login__input{border-color:#000!important;background:#fff!important;color:#000!important}.login__error--general{border-width:2px!important}}@media(prefers-reduced-motion:reduce){.login__container{animation:none}.login__input,.login__button,.login__password-toggle{transition:none}.login__input:focus,.login__input:hover,.login__button:focus,.login__button:hover,.login__password-toggle:focus,.login__password-toggle:hover{transform:none}.login__button:before{display:none}.login__spinner{animation:none}}:root{--color-primary-hsl: 140, 39%, 46%;--color-primary: hsl(var(--color-primary-hsl));--color-primary-dark-hsl: 140, 39%, 36%;--color-primary-dark: hsl(var(--color-primary-dark-hsl));--color-accent-hsl: 35, 70%, 50%;--color-accent: hsl(var(--color-accent-hsl));--color-white: #ffffff;--color-black: #000000;--bg-color-light: var(--color-white);--text-color-light: #1a1a1a;--bg-color-dark: #1B1924;--text-color-dark: #f5f5f5;--page-bg-light: #F0F2F5;--page-bg-dark: #1B1924;--card-bg-light: #ffffff;--card-bg-dark: #2A2839;--color-gray-50-light: #fafafa;--color-gray-50-dark: #1a1a1a;--color-gray-100-light: #f5f5f5;--color-gray-100-dark: #2a2a2a;--color-gray-200-light: #e5e5e5;--color-gray-200-dark: #3a3a3a;--color-gray-300-light: #d4d4d4;--color-gray-300-dark: #4a4a4a;--color-gray-400-light: #a3a3a3;--color-gray-400-dark: #6a6a6a;--color-gray-500-light: #737373;--color-gray-500-dark: #8a8a8a;--color-gray-600-light: #525252;--color-gray-600-dark: #aaaaaa;--color-gray-700-light: #404040;--color-gray-700-dark: #cacaca;--color-gray-800-light: #262626;--color-gray-800-dark: #e2e2e2;--color-gray-900-light: #171717;--color-gray-900-dark: #f5f5f5;--color-success-light: #4caf50;--color-success-bg-light: #f0fdf4;--color-success-dark: #66bb6a;--color-success-bg-dark: #1c2b20;--color-info-light: #2196f3;--color-info-bg-light: #e3f2fd;--color-info-dark: #42a5f5;--color-info-bg-dark: #1a2a3a;--color-warning-light: #ff9800;--color-warning-bg-light: #fffbeb;--color-warning-dark: #ffb74d;--color-warning-bg-dark: #2E220F;--color-danger-light: #f44336;--color-danger-bg-light: #fef2f2;--color-danger-dark: #ef5350;--color-danger-bg-dark: #2D1B1C;--text-secondary-light: #6c757d;--text-secondary-dark: #adb5bd;--text-muted-light: #9ca3af;--text-muted-dark: #6b7280;--border-color-light: #e0e0e0;--border-color-dark: #3A3A3A;--hover-bg-light: #f8f9fa;--hover-bg-dark: #343a40;--form-bg-light: #ffffff;--form-bg-dark: #2A2839;--input-bg-light: #ffffff;--input-bg-dark: #3a3a4a;--card-shadow-light: 0 6px 12px #0000001A;--card-shadow-dark: 0 6px 12px #00000099;--card-border-light: 1px solid #0000000D;--card-border-dark: 1px solid #FFFFFF0D;--color-logout-light: #dc3545;--color-logout-dark: #e57373;--color-logout-hover-light: #C82333;--color-logout-hover-dark: #EF9A9A;--logout-bg-hover-light: #F8D7DA;--logout-bg-hover-dark: #2D1B1C;--bg-color-hsl-light: 0, 0%, 100%;--bg-color-hsl-dark: 250, 14%, 14%}:root{--bg-color: var(--bg-color-light);--text-color: var(--text-color-light);--page-bg: var(--page-bg-light);--card-bg: var(--card-bg-light);--bg-primary: var(--bg-color-light);--bg-secondary: var(--hover-bg-light);--text-primary: var(--text-color-light);--text-secondary: var(--text-secondary-light);--text-muted: var(--text-muted-light);--primary-color: var(--color-primary);--border-color: var(--border-color-light);--hover-bg: var(--hover-bg-light);--bg-color-hsl: var(--bg-color-hsl-light);--color-gray-50: var(--color-gray-50-light);--color-gray-100: var(--color-gray-100-light);--color-gray-200: var(--color-gray-200-light);--color-gray-300: var(--color-gray-300-light);--color-gray-400: var(--color-gray-400-light);--color-gray-500: var(--color-gray-500-light);--color-gray-600: var(--color-gray-600-light);--color-gray-700: var(--color-gray-700-light);--color-gray-800: var(--color-gray-800-light);--color-gray-900: var(--color-gray-900-light);--color-success: var(--color-success-light);--color-success-bg: var(--color-success-bg-light);--color-info: var(--color-info-light);--color-info-bg: var(--color-info-bg-light);--color-warning: var(--color-warning-light);--color-warning-bg: var(--color-warning-bg-light);--color-danger: var(--color-danger-light);--color-danger-bg: var(--color-danger-bg-light);--form-bg: var(--form-bg-light);--input-bg: var(--input-bg-light);--card-shadow: var(--card-shadow-light);--card-border: var(--card-border-light);--color-logout: var(--color-logout-light);--color-logout-hover: var(--color-logout-hover-light);--logout-bg-hover: var(--logout-bg-hover-light)}[data-theme=dark]{--bg-color: var(--bg-color-dark);--text-color: var(--text-color-dark);--page-bg: var(--page-bg-dark);--card-bg: var(--card-bg-dark);--bg-primary: var(--bg-color-dark);--bg-secondary: var(--hover-bg-dark);--text-primary: var(--text-color-dark);--text-muted: var(--text-muted-dark);--primary-color: var(--color-primary);--bg-color-hsl: var(--bg-color-hsl-dark);--color-gray-50: var(--color-gray-50-dark);--color-gray-100: var(--color-gray-100-dark);--color-gray-200: var(--color-gray-200-dark);--color-gray-300: var(--color-gray-300-dark);--color-gray-400: var(--color-gray-400-dark);--color-gray-500: var(--color-gray-500-dark);--color-gray-600: var(--color-gray-600-dark);--color-gray-700: var(--color-gray-700-dark);--color-gray-800: var(--color-gray-800-dark);--color-gray-900: var(--color-gray-900-dark);--color-success: var(--color-success-dark);--color-success-bg: var(--color-success-bg-dark);--color-info: var(--color-info-dark);--color-info-bg: var(--color-info-bg-dark);--color-warning: var(--color-warning-dark);--color-warning-bg: var(--color-warning-bg-dark);--color-danger: var(--color-danger-dark);--color-danger-bg: var(--color-danger-bg-dark);--text-secondary: var(--text-secondary-dark);--border-color: var(--border-color-dark);--hover-bg: var(--hover-bg-dark);--form-bg: var(--form-bg-dark);--input-bg: var(--input-bg-dark);--card-shadow: var(--card-shadow-dark);--card-border: var(--card-border-dark);--color-logout: var(--color-logout-dark);--color-logout-hover: var(--color-logout-hover-dark);--logout-bg-hover: var(--logout-bg-hover-dark);--filter-text-color: #ffffff}[data-theme=dark] select,[data-theme=dark] .filter-select,[data-theme=dark] .bi-filter-select,[data-theme=dark] .um-filter-select,[data-theme=dark] .al-select,[data-theme=dark] .sa-select,[data-theme=dark] .ss-select,[data-theme=dark] .sc-select,[data-theme=dark] .sh-select,[data-theme=dark] .cpm-filter,[data-theme=dark] .tm-filter-select,[data-theme=dark] .rp-filter-select,[data-theme=dark] input[type=text].filter-input,[data-theme=dark] input[type=text].bi-filter-input,[data-theme=dark] input[type=text].um-filter-input,[data-theme=dark] input[type=date].filter-input,[data-theme=dark] input[type=date].bi-filter-input,[data-theme=dark] input[type=text],[data-theme=dark] input[type=email],[data-theme=dark] input[type=tel],[data-theme=dark] input[type=password],[data-theme=dark] input[type=date],[data-theme=dark] input[type=number],[data-theme=dark] input[type=search],[data-theme=dark] textarea,[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .frm-input,[data-theme=dark] .frm-select{color:#fff!important;background-color:var(--input-bg-dark)!important}[data-theme=dark] .filter-icon,[data-theme=dark] .bi-filter-icon,[data-theme=dark] .fa-filter,[data-theme=dark] svg.filter-icon{filter:brightness(0) invert(1)!important}[data-theme=dark] select option,[data-theme=dark] .filter-select option,[data-theme=dark] .bi-filter-select option,[data-theme=dark] .um-filter-select option{background-color:var(--input-bg-dark)!important;color:#fff!important}.container{width:min(90%,1200px);margin-inline:auto}body{font-family:Inter,sans-serif;font-size:1rem}h1{font-size:2.25rem;font-weight:700}h2{font-size:1.875rem;font-weight:600}h3{font-size:1.5rem;font-weight:600}.text-center{text-align:center}.text-right{text-align:right}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Inter,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;background-color:var(--bg-color);color:var(--text-color)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{text-decoration:none;color:inherit}ul,ol{list-style:none}.register-page{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;top:0;left:0;background:#00000080;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);padding:2rem 2rem 3rem;z-index:1000}.auth-container{padding:1rem 2rem;background:#fff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;width:95%;max-width:900px;box-shadow:0 12px 40px #0003;border:1px solid rgba(255,255,255,.25);position:relative;z-index:1;margin:3rem auto;max-height:85vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.auth-container::-webkit-scrollbar{display:none}.auth-container{animation:fadeInUp .6s ease-out}.auth-container .brand-header{display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:3rem;text-decoration:none;width:100%;padding:2rem 3rem;background:linear-gradient(135deg,#fff3,#ffffff1a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 4px 20px #0000001a;border:1px solid rgba(255,255,255,.3);flex-wrap:wrap}.auth-container .brand-header .logo{height:120px;width:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))}.auth-container .brand-header .brand-text-container{display:flex;flex-direction:column;align-items:flex-start}.auth-container .brand-header .brand-text-container .brand-name{color:var(--text-color);font-size:2.2rem;font-weight:800;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2);letter-spacing:.5px;line-height:1.2;text-align:left}.auth-container .brand-header .brand-text-container .brand-name span.line1{display:block;font-size:1.8rem;font-weight:700}.auth-container .brand-header .brand-text-container .brand-name span.line2{display:block;font-size:2.5rem;font-weight:800;color:var(--color-primary)}.auth-container .brand-header .brand-text-container .brand-subtitle{color:var(--text-secondary);font-size:.9rem;text-align:left;margin:.5rem 0 0;opacity:.9;max-width:500px;line-height:1.5;font-weight:500}.auth-container .brand-header:hover{transform:translateY(-2px);transition:transform .3s ease,box-shadow .3s ease;background:linear-gradient(135deg,#ffffff4d,#fff3);box-shadow:0 6px 25px #00000026}.auth-container h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem;text-align:center;color:var(--text-color);letter-spacing:-.025em}.auth-container p{text-align:center;color:var(--text-color);margin-bottom:3rem;opacity:.85;font-size:1.1rem;line-height:1.6;max-width:800px;margin-left:auto;margin-right:auto}.auth-container .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem 4rem;align-items:start;max-width:100%;margin:0 auto;padding:0}@media(max-width:1024px){.auth-container .form-grid{gap:1.5rem 3rem;padding:0}}@media(max-width:768px){.auth-container .form-grid{grid-template-columns:1fr;gap:1.5rem;padding:0}}.auth-container .form-column{display:flex;flex-direction:column;gap:1.5rem;min-width:0}.auth-container .form-column:first-child{padding-right:2rem}.auth-container .form-column:last-child{padding-left:2rem}@media(max-width:1024px){.auth-container .form-column:first-child,.auth-container .form-column:last-child{padding:0 1rem}}@media(max-width:768px){.auth-container .form-column:first-child,.auth-container .form-column:last-child{padding:0}}.auth-container .form-full-width{grid-column:1/-1;display:flex;justify-content:center;margin-top:3rem;padding-top:2rem}.auth-container .form-group{margin-bottom:1.5rem;position:relative;width:100%}.auth-container .form-group label{display:block;margin-bottom:.75rem;color:var(--text-color);font-weight:600;font-size:1.05rem;line-height:1.4}.auth-container .form-group input[type=text],.auth-container .form-group input[type=email],.auth-container .form-group input[type=tel],.auth-container .form-group input[type=password],.auth-container .form-group input[type=date],.auth-container .form-group select{width:100%;padding:1rem 1.5rem;border:2px solid rgba(0,0,0,.1);border-radius:10px;font-size:1.1rem;background-color:#fffffff2;color:var(--text-color);transition:all .3s ease;box-sizing:border-box;line-height:1.6;height:56px}.auth-container .form-group input[type=text]:focus,.auth-container .form-group input[type=email]:focus,.auth-container .form-group input[type=tel]:focus,.auth-container .form-group input[type=password]:focus,.auth-container .form-group input[type=date]:focus,.auth-container .form-group select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.2);background-color:#fff;transform:translateY(-1px)}.auth-container .form-group input[type=text]::placeholder,.auth-container .form-group input[type=email]::placeholder,.auth-container .form-group input[type=tel]::placeholder,.auth-container .form-group input[type=password]::placeholder,.auth-container .form-group input[type=date]::placeholder,.auth-container .form-group select::placeholder{color:var(--text-secondary);opacity:.7;font-size:1rem}[data-theme=dark] .auth-container .form-group input[type=text],[data-theme=dark] .auth-container .form-group input[type=email],[data-theme=dark] .auth-container .form-group input[type=tel],[data-theme=dark] .auth-container .form-group input[type=password],[data-theme=dark] .auth-container .form-group input[type=date],[data-theme=dark] .auth-container .form-group select{background-color:#fffffff2;color:#000}[data-theme=dark] .auth-container .form-group input[type=text]::placeholder,[data-theme=dark] .auth-container .form-group input[type=email]::placeholder,[data-theme=dark] .auth-container .form-group input[type=tel]::placeholder,[data-theme=dark] .auth-container .form-group input[type=password]::placeholder,[data-theme=dark] .auth-container .form-group input[type=date]::placeholder,[data-theme=dark] .auth-container .form-group select::placeholder{color:#666}.auth-container .form-group .error-message{color:#e63946;font-size:.9rem;margin-top:.5rem;display:block;line-height:1.4;font-weight:500}.auth-container .form-group .password-group .password-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.auth-container .form-group .password-group .password-input-wrapper input[type=password],.auth-container .form-group .password-group .password-input-wrapper input[type=text]{width:100%;padding-right:4rem;padding:1rem 1.5rem;background-color:#fffffff2;height:56px}.auth-container .form-group .password-group .password-input-wrapper .password-toggle-btn{position:absolute;top:50%;right:1rem;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-secondary);transition:all .2s;padding:.5rem;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.auth-container .form-group .password-group .password-input-wrapper .password-toggle-btn:hover{color:var(--color-primary);transform:translateY(-50%) scale(1.1)}[data-theme=dark] .auth-container .form-group .password-group .password-input-wrapper .password-toggle-btn{color:#000}[data-theme=dark] .auth-container .form-group .password-group .password-input-wrapper .password-toggle-btn:hover{color:var(--color-primary)}.auth-container .form-group .password-requirements{margin-top:1rem;padding:1rem;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;border:2px solid rgba(0,0,0,.1);font-size:.9rem;position:relative;z-index:1;box-shadow:0 4px 12px #0000000d}.auth-container .form-group .password-requirements li{position:relative;padding-left:2rem;margin-bottom:.75rem;color:var(--text-color);opacity:.9;transition:all .2s ease;line-height:1.5;font-size:.95rem}.auth-container .form-group .password-requirements li:before{position:absolute;left:0;font-weight:700;content:"✗";color:#e63946;font-size:1rem}.auth-container .form-group .password-requirements li.valid:before{content:"✓";color:var(--color-primary)}.auth-container .form-group .password-requirements li:last-child{margin-bottom:0}.auth-container .form-group .valid-id-requirements{margin-top:1rem;padding:1.5rem 2rem;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;border:2px solid rgba(0,0,0,.1);font-size:.95rem;grid-column:1/-1;width:100%;box-shadow:0 4px 12px #0000000d}.auth-container .form-group .valid-id-requirements p{margin-bottom:1rem;font-weight:700;color:var(--text-color);text-align:left;line-height:1.4;font-size:1.1rem}.auth-container .form-group .valid-id-requirements ul{list-style:none;padding-left:0;margin:0}.auth-container .form-group .valid-id-requirements ul li{margin-bottom:.75rem;padding-left:2rem;position:relative;color:var(--text-color);line-height:1.5}.auth-container .form-group .valid-id-requirements ul li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700;font-size:1rem}.auth-container .form-group .valid-id-requirements ul li span.reason{display:block;font-size:.85rem;opacity:.7;margin-top:.5rem;line-height:1.4;padding-left:.5rem}.auth-container .form-group .valid-id-requirements ul li:last-child{margin-bottom:0}.auth-container .file-upload-section{grid-column:1/-1;margin-top:1.5rem;width:100%}.auth-container .file-upload-section .form-group{margin-bottom:1rem}.auth-container .file-upload-section .file-preview-list{list-style:none;padding-left:0;margin:.75rem 0 1.5rem;width:100%}.auth-container .file-upload-section .file-preview-list li{display:flex;align-items:center;justify-content:space-between;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.75rem 1rem;border-radius:8px;margin-bottom:.75rem;font-size:.9rem;color:var(--text-color);width:100%;box-sizing:border-box;border:1px solid rgba(0,0,0,.1);transition:all .2s ease}.auth-container .file-upload-section .file-preview-list li:hover{background:#fffffff2;transform:translateY(-1px);box-shadow:0 4px 8px #0000000d}.auth-container .file-upload-section .file-preview-list li button{background:none;border:none;color:#e63946;cursor:pointer;font-size:1rem;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.auth-container .file-upload-section .file-preview-list li button:hover{color:var(--color-primary);transform:scale(1.1)}.auth-container .file-upload-section .file-preview-list li:last-child{margin-bottom:0}.auth-container .custom-file-input{position:relative;display:block;width:100%}.auth-container .custom-file-input input[type=file]{width:100%;height:56px;opacity:0;position:absolute;top:0;left:0;cursor:pointer;z-index:2}.auth-container .custom-file-input .file-label{display:block;width:100%;padding:1rem;border:2px dashed rgba(0,0,0,.2);border-radius:10px;color:var(--text-secondary);background-color:#ffffffe6;line-height:1.4;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1rem;box-sizing:border-box;text-align:center;transition:all .3s ease}[data-theme=dark] .auth-container .custom-file-input .file-label{background-color:#ffffffe6;color:#000}.auth-container .custom-file-input:hover .file-label{border-color:var(--color-primary);background-color:rgba(var(--color-primary-rgb),.05);color:var(--color-primary)}.auth-container .auth-button{width:100%;padding:1.5rem 2rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:var(--color-white);border:none;border-radius:10px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:2rem;box-shadow:0 6px 20px rgba(var(--color-primary-rgb),.3);letter-spacing:.5px}.auth-container .auth-button:hover{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));transform:translateY(-3px);box-shadow:0 10px 25px rgba(var(--color-primary-rgb),.4)}.auth-container .auth-button:active{transform:translateY(0);box-shadow:0 4px 15px rgba(var(--color-primary-rgb),.3)}.auth-container .auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;background:linear-gradient(135deg,var(--color-gray-400),var(--color-gray-500))}.auth-container .auth-link{text-align:center;margin-top:3rem;color:var(--text-color);opacity:.8;font-size:1rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,.1)}.auth-container .auth-link a,.auth-container .auth-link .auth-link-button{color:var(--color-primary);text-decoration:none;font-weight:600;font-size:1.05rem;opacity:1;transition:all .2s ease;background:none;border:none;cursor:pointer;padding:0;font-family:inherit}.auth-container .auth-link a:hover,.auth-container .auth-link .auth-link-button:hover{text-decoration:underline;color:var(--color-primary-dark)}.auth-container .color-red1{color:#e63946}.auth-container .otp-step,.auth-container .verification-step{text-align:center}.auth-container .otp-step h3,.auth-container .verification-step h3{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-color)}.auth-container .otp-step p,.auth-container .verification-step p{margin-bottom:3rem;color:var(--text-color);opacity:.8;line-height:1.6;font-size:1.1rem;max-width:600px;margin-left:auto;margin-right:auto}.auth-container .otp-step .form-group,.auth-container .verification-step .form-group{margin-bottom:3rem;max-width:400px;margin-left:auto;margin-right:auto}.auth-container .otp-step .form-group input,.auth-container .verification-step .form-group input{text-align:center;font-size:1.4rem;font-weight:700;letter-spacing:.8rem;padding:1.5rem;border-radius:10px;background-color:#fffffff2;height:70px;border:2px solid rgba(0,0,0,.1)}.auth-container .otp-step .otp-actions,.auth-container .verification-step .otp-actions{display:flex;justify-content:center;gap:3rem;margin-top:3rem;flex-wrap:wrap}.auth-container .otp-step .otp-actions .link-button,.auth-container .verification-step .otp-actions .link-button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:1rem;text-decoration:underline;padding:.75rem;font-weight:600;transition:all .2s ease}.auth-container .otp-step .otp-actions .link-button:hover,.auth-container .verification-step .otp-actions .link-button:hover{color:var(--color-primary-dark);text-decoration:none}.auth-container .otp-step .otp-actions .link-button:disabled,.auth-container .verification-step .otp-actions .link-button:disabled{color:var(--color-gray-400);cursor:not-allowed;text-decoration:none}.auth-container .verification-step .auth-button{margin-top:3rem;max-width:300px;margin-left:auto;margin-right:auto}.auth-container .verification-step .link-button{margin-top:2rem;background:none;border:none;color:var(--color-gray-600);cursor:pointer;font-size:1rem;text-decoration:underline;font-weight:500}.auth-container .verification-step .link-button:hover{color:var(--color-primary)}.modal.register-modal{background:transparent;box-shadow:none;max-width:100%;margin:0;padding:0;overflow:visible}.modal.register-modal .modal-content{background:transparent;padding:0;border-radius:0;box-shadow:none}.modal-overlay:has(.register-modal){background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;padding:1rem}.modal.register-modal .otp-step{max-width:450px;margin:0 auto;padding:2rem;background:var(--bg-color);border-radius:16px;box-shadow:0 10px 30px #0000001a}.modal.register-modal .brand-header{display:flex;justify-content:center;margin-bottom:1rem;background:none;border:none;cursor:pointer;width:100%}.modal.register-modal .logo{height:60px;width:auto}.modal.register-modal .form-group{margin-bottom:1.5rem}.modal.register-modal input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;font-size:1rem}.modal.register-modal .auth-button{width:100%;padding:.75rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:1rem}.modal.register-modal .auth-button:disabled{opacity:.6;cursor:not-allowed}.modal.register-modal .otp-actions{display:flex;justify-content:space-between;gap:1rem}.modal.register-modal .link-button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.9rem;padding:.5rem}.modal.register-modal .link-button:disabled{color:var(--text-muted);cursor:not-allowed}.modal.register-modal .error-message{color:#e63946;font-size:.875rem;margin-top:.5rem;display:block}[data-theme=dark] .modal.register-modal .otp-step{background:#1a1a1a;border:1px solid var(--border-color-dark)}[data-theme=dark] .modal.register-modal input{background-color:#ffffff1a;color:#fff;border-color:#ffffff26}[data-theme=dark] .modal.register-modal .link-button{color:var(--color-primary)}[data-theme=dark] .modal.register-modal .link-button:disabled{color:#ffffff4d}@media(max-width:480px){.modal.register-modal .otp-step{padding:1.5rem;margin:0 1rem}.modal.register-modal .otp-actions{flex-direction:column;gap:.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .register-page:after{background:#0009}[data-theme=dark] .auth-container{background:var(--card-bg-dark);border:1px solid var(--border-color-dark)}[data-theme=dark] .auth-container .brand-header{background:#ffffff1a;border-color:var(--border-color-dark)}[data-theme=dark] .auth-container .brand-header .brand-text-container .brand-name{color:var(--text-color)}[data-theme=dark] .auth-container .brand-header .brand-text-container .brand-subtitle{color:var(--text-secondary)}[data-theme=dark] .auth-container .brand-header:hover{background:#ffffff26}[data-theme=dark] .auth-container h2,[data-theme=dark] .auth-container p,[data-theme=dark] .auth-container label{color:var(--text-color)}[data-theme=dark] .auth-container .form-group input[type=text],[data-theme=dark] .auth-container .form-group input[type=email],[data-theme=dark] .auth-container .form-group input[type=tel],[data-theme=dark] .auth-container .form-group input[type=password],[data-theme=dark] .auth-container .form-group input[type=date],[data-theme=dark] .auth-container .form-group select,[data-theme=dark] .auth-container .form-group .role-dropdown-toggle,[data-theme=dark] .auth-container .form-group .password-input-wrapper input,[data-theme=dark] .auth-container .form-group .custom-file-input .file-label{background-color:var(--input-bg);color:var(--text-color);border-color:var(--border-color)}[data-theme=dark] .auth-container .form-group input[type=text]:focus,[data-theme=dark] .auth-container .form-group input[type=email]:focus,[data-theme=dark] .auth-container .form-group input[type=tel]:focus,[data-theme=dark] .auth-container .form-group input[type=password]:focus,[data-theme=dark] .auth-container .form-group input[type=date]:focus,[data-theme=dark] .auth-container .form-group select:focus,[data-theme=dark] .auth-container .form-group .role-dropdown-toggle:focus,[data-theme=dark] .auth-container .form-group .password-input-wrapper input:focus,[data-theme=dark] .auth-container .form-group .custom-file-input .file-label:focus{background-color:var(--input-bg)}[data-theme=dark] .auth-container .form-group input[type=text]::placeholder,[data-theme=dark] .auth-container .form-group input[type=email]::placeholder,[data-theme=dark] .auth-container .form-group input[type=tel]::placeholder,[data-theme=dark] .auth-container .form-group input[type=password]::placeholder,[data-theme=dark] .auth-container .form-group input[type=date]::placeholder,[data-theme=dark] .auth-container .form-group select::placeholder,[data-theme=dark] .auth-container .form-group .role-dropdown-toggle::placeholder,[data-theme=dark] .auth-container .form-group .password-input-wrapper input::placeholder,[data-theme=dark] .auth-container .form-group .custom-file-input .file-label::placeholder{color:var(--text-muted)}[data-theme=dark] .auth-container .form-group .role-dropdown-menu{background-color:var(--bg-color);border-color:var(--border-color)}[data-theme=dark] .auth-container .form-group .password-requirements,[data-theme=dark] .auth-container .form-group .valid-id-requirements,[data-theme=dark] .auth-container .form-group .role-confirmation,[data-theme=dark] .auth-container .form-group .file-preview-list li{background:var(--hover-bg);border-color:var(--border-color);color:var(--text-color)}[data-theme=dark] .auth-container .form-group .password-toggle-btn{color:var(--text-secondary)}[data-theme=dark] .auth-container .form-group .password-toggle-btn:hover{color:var(--color-primary)}@media(max-width:768px){.register-page{padding:1rem 1rem 2rem}.register-page:before{filter:blur(4px)}.auth-container{padding:1.5rem;max-width:95%;border-radius:12px}.auth-container .brand-header{padding:.75rem;margin-bottom:1rem;border-radius:8px}.auth-container .brand-header .logo{height:50px}.auth-container .brand-header .brand-text-container .brand-name{font-size:1.4rem}.auth-container .brand-header .brand-text-container .brand-name span.line1{font-size:1.2rem}.auth-container .brand-header .brand-text-container .brand-name span.line2{font-size:1.6rem}.auth-container .brand-header .brand-text-container .brand-subtitle{font-size:.8rem}.auth-container .form-group .role-dropdown-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;max-height:80vh;z-index:1000}.auth-container .form-group .role-dropdown-overlay{position:fixed;inset:0;background:#00000080;z-index:999}.auth-container .form-group .role-selected-label,.auth-container .form-group .role-option-label{font-size:.9rem}.auth-container .form-group .role-selected-desc,.auth-container .form-group .role-option-desc,.auth-container .form-group .role-selection-desc,.auth-container .form-group .role-confirmation-desc{font-size:.8rem}.auth-container .form-grid{gap:1rem}.auth-container .form-column:first-child,.auth-container .form-column:last-child{padding:0}.auth-container .valid-id-requirements{margin-top:.75rem;padding:.75rem;border-radius:8px}}@media(max-width:480px){.register-page{padding:.75rem .75rem 1.5rem}.auth-container{padding:1rem;max-width:100%;border-radius:10px}.auth-container .brand-header{flex-direction:column;text-align:center;gap:.5rem;border-radius:8px}.auth-container .brand-header .brand-text-container{align-items:center}.auth-container .brand-header .brand-text-container .brand-name,.auth-container .brand-header .brand-text-container .brand-subtitle{text-align:center}.auth-container h2{font-size:1.6rem}.auth-container .form-group .role-dropdown-menu{width:95%}.auth-container .form-grid{gap:.75rem}}.announcements-page{max-width:900px;margin:0 auto;padding:2rem 1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;background-color:var(--page-bg);min-height:100vh}.announcements-page .back-button{display:inline-flex;align-items:center;gap:.5rem;background:var(--color-info);color:var(--color-white);border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-bottom:2rem;box-shadow:var(--card-shadow)}.announcements-page .back-button:hover{background:#0b5ed7;transform:translateY(-1px);box-shadow:0 4px 8px hsla(var(--color-info-hsl),.4)}.announcements-page .back-button:active{transform:translateY(0)}.announcements-page .back-button .back-arrow{font-size:1.2rem;font-weight:700}.announcements-page .announcements-header{text-align:center;margin-bottom:3rem}.announcements-page .announcements-header h1{color:var(--text-color);font-size:2.5rem;margin-bottom:.5rem;font-weight:700}.announcements-page .announcements-header p{color:var(--text-secondary);font-size:1.1rem;margin:0}.announcements-page .announcements-list{display:flex;flex-direction:column;gap:2rem}.announcements-page .announcement-card{background:var(--form-bg)!important;border-radius:12px;padding:1.5rem;box-shadow:var(--card-shadow);border-left:4px solid var(--color-info);transition:all .3s ease;border:var(--card-border)}.announcements-page .announcement-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.announcements-page .announcement-card .announcement-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.announcements-page .announcement-card .announcement-header .announcement-icon{font-size:1.5rem;flex-shrink:0}.announcements-page .announcement-card .announcement-header .announcement-title-section{flex:1;min-width:0}.announcements-page .announcement-card .announcement-header .announcement-title-section .announcement-title{color:var(--text-color);font-size:1.25rem;font-weight:600;margin:0 0 .25rem;line-height:1.3;word-wrap:break-word}.announcements-page .announcement-card .announcement-header .announcement-title-section .announcement-date{color:var(--text-secondary);font-size:.9rem;font-weight:500}.announcements-page .announcement-card .announcement-body{margin-bottom:1rem}.announcements-page .announcement-card .announcement-body p{color:var(--text-color);line-height:1.6;margin:0;font-size:1rem;word-wrap:break-word}.announcements-page .announcement-card .announcement-footer{display:flex;justify-content:space-between;align-items:center;margin-top:0;padding-top:1rem;border-top:1px solid var(--border-color)}.announcements-page .announcement-card .announcement-footer .announcement-author{font-size:.875rem;color:var(--text-secondary);font-weight:500;flex-shrink:0}.announcements-page .announcement-card .announcement-footer .announcement-type-badge{background-color:var(--color-gray-100);color:var(--text-color);padding:.4rem .8rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:capitalize;border:1px solid var(--border-color);flex-shrink:0}.announcements-page .announcement-maintenance{border-left-color:var(--color-warning)}.announcements-page .announcement-maintenance .announcement-icon{color:var(--color-warning)}.announcements-page .announcement-maintenance .announcement-type-badge{background-color:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning)}.announcements-page .announcement-feature{border-left-color:#9b59b6}.announcements-page .announcement-feature .announcement-icon{color:#9b59b6}.announcements-page .announcement-feature .announcement-type-badge{background-color:var(--color-gray-100);border-color:#9b59b6;color:#9b59b6}.announcements-page .announcement-holiday{border-left-color:var(--color-danger)}.announcements-page .announcement-holiday .announcement-icon{color:var(--color-danger)}.announcements-page .announcement-holiday .announcement-type-badge{background-color:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.announcements-page .announcement-security{border-left-color:var(--color-success)}.announcements-page .announcement-security .announcement-icon{color:var(--color-success)}.announcements-page .announcement-security .announcement-type-badge{background-color:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.announcements-page .announcement-event{border-left-color:#e67e22}.announcements-page .announcement-event .announcement-icon{color:#e67e22}.announcements-page .announcement-event .announcement-type-badge{background-color:var(--color-warning-bg);border-color:#e67e22;color:#e67e22}.announcements-page .announcement-reminder{border-left-color:#16a085}.announcements-page .announcement-reminder .announcement-icon{color:#16a085}.announcements-page .announcement-reminder .announcement-type-badge{background-color:var(--color-info-bg, #e3f2fd);border-color:#16a085;color:#16a085}.announcements-page .announcement-general{border-left-color:var(--color-info)}.announcements-page .announcement-general .announcement-icon{color:var(--color-info)}.announcements-page .announcement-general .announcement-type-badge{background-color:var(--color-info-bg, #e3f2fd);border-color:var(--color-info);color:var(--color-info)}@media(max-width:768px){.announcements-page{padding:1rem}.announcements-page .back-button{padding:.6rem 1.2rem;font-size:.9rem;margin-bottom:1.5rem}.announcements-page .announcements-header h1{font-size:2rem}.announcements-page .announcements-header p{font-size:1rem}.announcements-page .announcement-card{padding:1.25rem}.announcements-page .announcement-card .announcement-header{gap:.75rem}.announcements-page .announcement-card .announcement-header .announcement-title{font-size:1.1rem}.announcements-page .announcement-card .announcement-body p{font-size:.95rem}.announcements-page .announcement-card .announcement-footer{margin-top:1.25rem;padding-top:.875rem}.announcements-page .announcement-card .announcement-footer .announcement-author{font-size:.8rem}.announcements-page .announcement-card .announcement-footer .announcement-type-badge{font-size:.7rem;padding:.3rem .6rem}}@media(max-width:480px){.announcements-page .back-button{width:100%;justify-content:center}.announcements-page .announcement-header{flex-direction:column;gap:.5rem}.announcements-page .announcement-header .announcement-icon{align-self:flex-start}.announcements-page .announcement-footer{flex-direction:column;gap:.75rem;align-items:flex-start}}.community-resources-page{min-height:100vh;background:var(--page-bg)!important;width:100%}.community-resources-page .cr-header{background:var(--bg-color);border-bottom:1px solid var(--border-color);padding:1rem 1.5rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000000d}.community-resources-page .cr-header .cr-header-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.community-resources-page .cr-header .cr-header-content .cr-title-section{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.community-resources-page .cr-header .cr-header-content .cr-title-section .cr-btn-back{display:inline-flex;align-items:center;gap:.5rem;background:var(--color-primary);border:none;color:var(--color-white);padding:.625rem 1.25rem;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;text-decoration:none}.community-resources-page .cr-header .cr-header-content .cr-title-section .cr-btn-back:hover{background:var(--color-primary-dark, #1a4d2e);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.community-resources-page .cr-header .cr-header-content .cr-title-section .cr-btn-back:active{transform:translateY(0)}.community-resources-page .cr-header .cr-header-content .cr-title-section .cr-btn-back svg{width:18px;height:18px}.community-resources-page .cr-header .cr-header-content .cr-title-section .cr-title-text{flex:1}.community-resources-page .cr-header .cr-header-content .cr-title-section .cr-title-text h1{font-size:1.75rem;font-weight:600;color:var(--text-color);margin:0 0 .25rem}.community-resources-page .cr-header .cr-header-content .cr-title-section .cr-title-text p{font-size:.95rem;color:var(--text-secondary);margin:0;line-height:1.5}.community-resources-page .cr-container{width:100%}.community-resources-page .cr-tabs{display:flex;align-items:center;gap:.25rem;padding:0;margin-left:auto}.community-resources-page .cr-tabs .cr-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;border-bottom:2px solid transparent}.community-resources-page .cr-tabs .cr-tab:hover{color:var(--color-primary);background:var(--hover-bg)}.community-resources-page .cr-tabs .cr-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.community-resources-page .cr-tabs .cr-tab svg{width:16px;height:16px}.community-resources-page .cr-tabs .cr-tab-home{margin-right:.5rem;padding-right:1rem;border-right:1px solid var(--border-color)}.community-resources-page .cr-tabs .cr-tab-home:hover{border-radius:8px 0 0}.community-resources-page .cr-content{padding:2rem 1.5rem;min-height:500px}.community-resources-page .cr-content .cr-section{animation:fadeIn .3s ease-out}.community-resources-page .cr-content .section-header{margin-bottom:2rem}.community-resources-page .cr-content .section-header h2{font-size:1.5rem;font-weight:600;color:var(--text-color);margin:0 0 .5rem}.community-resources-page .cr-content .section-header p{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.5}.community-resources-page .cr-content .section-subtitle{font-size:1.1rem;font-weight:600;color:var(--text-color);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.community-resources-page .maps-section .map-embedded-container{display:grid;grid-template-columns:1fr 300px;gap:1.5rem;height:500px}.community-resources-page .maps-section .map-embedded-container .map-frame-wrapper{background:var(--form-bg);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:var(--card-shadow)}.community-resources-page .maps-section .map-embedded-container .map-frame-wrapper iframe{display:block}.community-resources-page .maps-section .map-embedded-container .map-info-embedded{background:var(--color-gray-100);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem}.community-resources-page .maps-section .map-embedded-container .map-info-embedded h5{font-size:1rem;font-weight:600;color:var(--text-color);margin-bottom:1rem}.community-resources-page .maps-section .map-embedded-container .map-info-embedded p{font-size:.85rem;color:var(--text-secondary);margin-bottom:.75rem;line-height:1.4}.community-resources-page .maps-section .map-embedded-container .map-info-embedded p strong{color:var(--text-color)}.community-resources-page .help-section .help-embedded-content section{margin-bottom:2rem}.community-resources-page .help-section .help-embedded-content .quick-info .info-grid{display:flex;gap:1rem;margin-top:1rem}.community-resources-page .help-section .help-embedded-content .quick-info .info-grid .info-card{background:var(--color-gray-100);border-radius:8px;padding:1.2rem 1.5rem;box-shadow:var(--card-shadow);flex:1;border-left:4px solid var(--color-primary)}.community-resources-page .help-section .help-embedded-content .quick-info .info-grid .info-card h4{font-size:1rem;font-weight:600;color:var(--text-color);margin-bottom:.8rem}.community-resources-page .help-section .help-embedded-content .quick-info .info-grid .info-card p{font-size:.85rem;color:var(--text-secondary);margin:.5rem 0}.community-resources-page .help-section .help-embedded-content .faq-section .faq-category{background:var(--color-gray-100);border-radius:8px;padding:1.2rem 1.5rem;box-shadow:var(--card-shadow);margin-bottom:1.5rem}.community-resources-page .help-section .help-embedded-content .faq-section .faq-category h4{font-size:.95rem;font-weight:600;color:var(--text-color);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.community-resources-page .help-section .help-embedded-content .faq-section .faq-category .faq-item{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.community-resources-page .help-section .help-embedded-content .faq-section .faq-category .faq-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.community-resources-page .help-section .help-embedded-content .faq-section .faq-category .faq-item h5{font-size:.9rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .2s ease}.community-resources-page .help-section .help-embedded-content .faq-section .faq-category .faq-item h5:hover{background:var(--hover-bg)}.community-resources-page .help-section .help-embedded-content .faq-section .faq-category .faq-item .faq-answer p{font-size:.85rem;color:var(--text-secondary);margin-bottom:.8rem;line-height:1.5}.community-resources-page .help-section .help-embedded-content .faq-section .faq-category .faq-item .faq-answer ul{margin:.8rem 0;padding-left:1.2rem}.community-resources-page .help-section .help-embedded-content .faq-section .faq-category .faq-item .faq-answer ul li{font-size:.85rem;color:var(--text-secondary);margin-bottom:.4rem;line-height:1.4}.community-resources-page .help-section .help-embedded-content .faq-section .faq-category .faq-item .faq-answer strong{color:var(--text-color);font-weight:600}.community-resources-page .help-section .help-embedded-content .faq-section .faq-category .faq-item .faq-answer em{color:var(--text-secondary);font-style:italic;font-size:.8rem}.community-resources-page .feedback-section .login-prompt{background:var(--color-gray-100);border:1px solid var(--border-color);border-radius:8px;padding:3rem 2rem;text-align:center}.community-resources-page .feedback-section .login-prompt .login-prompt-content h3{font-size:1.25rem;font-weight:600;color:var(--text-color);margin-bottom:1rem}.community-resources-page .feedback-section .login-prompt .login-prompt-content p{font-size:.9rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.5}.community-resources-page .feedback-section .login-prompt .login-prompt-content .auth-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.community-resources-page .feedback-section .login-prompt .login-prompt-content .auth-links .auth-btn{display:inline-block;padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:500;font-size:.9rem;transition:all .2s ease}.community-resources-page .feedback-section .login-prompt .login-prompt-content .auth-links .auth-btn.login-btn{background:var(--color-success);color:var(--color-white)}.community-resources-page .feedback-section .login-prompt .login-prompt-content .auth-links .auth-btn.login-btn:hover{background:#157347;transform:translateY(-1px)}.community-resources-page .feedback-section .login-prompt .login-prompt-content .auth-links .auth-btn.register-btn{background:var(--form-bg);color:var(--color-success);border:1px solid var(--color-success)}.community-resources-page .feedback-section .login-prompt .login-prompt-content .auth-links .auth-btn.register-btn:hover{background:var(--color-success);color:var(--color-white);transform:translateY(-1px)}.community-resources-page .feedback-section .feedback-embedded-content .feedback-info p{font-size:.85rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.5}.community-resources-page .feedback-section .feedback-embedded-content .feedback-info .feedback-form{margin-bottom:2rem}.community-resources-page .feedback-section .feedback-embedded-content .feedback-info .feedback-form .rpv-form-row{display:flex;gap:1rem;margin-bottom:1rem}.community-resources-page .feedback-section .feedback-embedded-content .feedback-info .feedback-form .rpv-form-row .rpv-form-group{flex:1}.community-resources-page .feedback-section .feedback-embedded-content .feedback-info .feedback-form .rpv-form-group{margin-bottom:1rem}.community-resources-page .feedback-section .feedback-embedded-content .feedback-info .feedback-form .rpv-form-group label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:.25rem}.community-resources-page .feedback-section .feedback-embedded-content .feedback-info .feedback-form .rpv-form-group textarea.dep-inpt{min-height:120px;resize:vertical;font-family:inherit}.community-resources-page .feedback-section .feedback-embedded-content .feedback-info .contact-methods{padding-top:1.5rem;border-top:1px solid var(--border-color)}.community-resources-page .feedback-section .feedback-embedded-content .feedback-info .contact-methods p{font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem}.community-resources-page .feedback-section .feedback-embedded-content .feedback-info .contact-methods p strong{color:var(--text-color)}.community-resources-page .feedback-section .feedback-embedded-content .feedback-info .contact-methods ul{margin-bottom:1.5rem;padding-left:1.2rem}.community-resources-page .feedback-section .feedback-embedded-content .feedback-info .contact-methods ul li{font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem;line-height:1.4}.community-resources-page .feedback-section .feedback-embedded-content .feedback-info .contact-methods ul li strong{color:var(--text-color);font-weight:600}.community-resources-page .feedback-section .feedback-embedded-content .feedback-info .contact-methods .contact-links{display:flex;gap:.8rem;flex-wrap:wrap}.community-resources-page .feedback-section .feedback-embedded-content .feedback-info .contact-methods .contact-links a{display:inline-block;padding:.5rem 1rem;background:var(--color-success);color:var(--color-white);text-decoration:none;border-radius:6px;font-size:.85rem;font-weight:500;transition:all .2s ease;border:none;cursor:pointer}.community-resources-page .feedback-section .feedback-embedded-content .feedback-info .contact-methods .contact-links a:hover{background:#157347;transform:translateY(-1px)}.community-resources-page .action-btn{text-align:right;margin-bottom:10px}.community-resources-page .action-btn .add-btn,.community-resources-page .action-btn .delete-btn,.community-resources-page .action-btn .edit-btn,.community-resources-page .action-btn .save-btn,.community-resources-page .action-btn .cancel-btn{padding:6px 14px;border:none;border-radius:6px;color:var(--color-white);cursor:pointer;font-size:14px;transition:background .2s;margin-left:6px}.community-resources-page .action-btn .edit-btn{background:var(--color-info)}.community-resources-page .action-btn .edit-btn:hover{background:#0b5ed7}.community-resources-page .action-btn .save-btn,.community-resources-page .action-btn .add-btn{background:var(--color-success)}.community-resources-page .action-btn .save-btn:hover,.community-resources-page .action-btn .add-btn:hover{background:#157347}.community-resources-page .action-btn .delete-btn{background:var(--color-danger)}.community-resources-page .action-btn .delete-btn:hover{background:#bb2d3b}.community-resources-page .action-btn .cancel-btn{background:#6c757d}.community-resources-page .action-btn .cancel-btn:hover{background:#5a6268}.community-resources-page .frm-select{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:6px;color:#000;font-size:.85rem;background:var(--input-bg)}.community-resources-page .frm-select:disabled{cursor:not-allowed;background:var(--color-gray-100)}.community-resources-page .dep-inpt{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:6px;color:#000;font-size:.85rem;transition:border-color .3s;box-sizing:border-box;background:var(--input-bg)}.community-resources-page .dep-inpt:focus{outline:none;border-color:var(--color-primary)}@media(max-width:1024px){.community-resources-page .cr-content .maps-section .map-embedded-container{grid-template-columns:1fr;grid-template-rows:400px auto;height:auto;gap:1rem}.community-resources-page .cr-content .maps-section .map-embedded-container .map-info-embedded{height:auto}}@media(max-width:768px){.community-resources-page .cr-header{padding:.75rem 1rem}.community-resources-page .cr-header .cr-header-content .cr-title-section .cr-btn-back{width:100%;text-align:center;justify-content:center;margin-bottom:.5rem;padding:.5rem 1rem;font-size:.85rem}.community-resources-page .cr-header .cr-header-content .cr-title-section .cr-title-text h1{font-size:1.4rem}.community-resources-page .cr-header .cr-header-content .cr-title-section .cr-title-text p{font-size:.85rem}.community-resources-page .cr-tabs{padding:0 1rem;flex-wrap:wrap;top:100px}.community-resources-page .cr-tabs .cr-tab{padding:.75rem 1rem;font-size:.85rem;flex:1;min-width:100px;text-align:center}.community-resources-page .cr-content{padding:1.5rem 1rem}.community-resources-page .cr-content .section-header h2{font-size:1.3rem}.community-resources-page .cr-content .help-section .help-embedded-content .quick-info .info-grid{flex-direction:column;gap:1rem}.community-resources-page .cr-content .help-section .help-embedded-content .faq-section .faq-category{padding:1rem}.community-resources-page .cr-content .help-section .help-embedded-content .faq-section .faq-category .faq-item h5{font-size:.85rem}.community-resources-page .cr-content .feedback-section .login-prompt{padding:2rem 1rem}.community-resources-page .cr-content .feedback-section .login-prompt .auth-links{flex-direction:column;align-items:center}.community-resources-page .cr-content .feedback-section .login-prompt .auth-links .auth-btn{width:200px;text-align:center}.community-resources-page .cr-content .feedback-section .feedback-embedded-content .feedback-info .feedback-form .rpv-form-row{flex-direction:column;gap:0}.community-resources-page .cr-content .feedback-section .feedback-embedded-content .feedback-info .contact-links{flex-direction:column}.community-resources-page .cr-content .feedback-section .feedback-embedded-content .feedback-info .contact-links a{text-align:center}}@media(max-width:480px){.community-resources-page .cr-content .maps-section .map-embedded-container{grid-template-rows:300px auto}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cr-section{animation:fadeIn .3s ease-out}.session-expired-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:2rem}.session-expired-container h1{color:var(--color-danger);margin-bottom:1rem}.session-message p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.session-actions{display:flex;gap:1rem;justify-content:center}.btn-primary{background-color:var(--color-info);color:var(--color-white);border:none;padding:12px 24px;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.btn-primary:hover{background-color:var(--color-info-dark)}.btn-secondary{background-color:var(--color-primary);color:var(--color-white);border:none;padding:12px 24px;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.btn-secondary:hover{background-color:hsl(var(--color-primary-hsl),.8)}