body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden auto}html,#root,.app-wrapper{min-height:100%;overflow:hidden auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}html,body{touch-action:manipulation}img,svg,video,canvas,iframe{max-width:100%;height:auto}@media (width<=1024px){.dashboard-grid,.cards-grid,.summary-grid,.stats-grid,.chart-grid,.charts-container{grid-template-columns:1fr!important}.header-row,.top-row,.actions-row,.toolbar,.filter-row{flex-wrap:wrap;gap:.5rem}}@media (width<=768px){html,body,#root,.app-wrapper,.main-content,.dashboard-content,.content,main{width:100%;min-height:100%;overflow-x:hidden}[class*=-page],[class*=-dashboard],.container,.content-wrapper,.documents-admin-page,.dashboard,.section,.card,.panel,.form-card{width:100%;max-width:100%}[class*=-page],[class*=-dashboard],.container,.content-wrapper,.documents-admin-page,.dashboard,.section,.panel,.form-card{padding-left:.75rem!important;padding-right:.75rem!important}h1{line-height:1.3;font-size:1.4rem!important}h2{line-height:1.3;font-size:1.2rem!important}h3{line-height:1.3;font-size:1.05rem!important}p,li,label,input,select,textarea,button,a{font-size:.95rem}input,select,textarea{font-size:16px!important}input,select,textarea,.form-control,.search-input{max-width:100%;width:100%!important}button,.btn,[class*=btn-]{width:100%;min-height:40px}.header-row .issue-document-btn,.header-row button,.request-card .btn-view,.doc-actions button,.payment-options .btn-pay{width:100%!important}.tabs{grid-template-columns:1fr;gap:.5rem;display:grid}.tabs button{width:100%}.resident-filter,.search-filters,.filter-group,.payment-options,.doc-actions,.request-info,.request-card{flex-direction:column!important;align-items:stretch!important}.request-card,.doc-card,.document-item,.audit-card,.notification-item{padding:.75rem!important}table,.document-table,.audit-table table,.table{white-space:nowrap;width:100%;display:block;overflow-x:auto}table thead,.document-table thead,.audit-table table thead{display:table-header-group}table tbody,.document-table tbody,.audit-table table tbody{display:table-row-group}.modal-overlay{align-items:flex-start;padding:.75rem}.modal-content{border-radius:10px;margin-top:.5rem;width:100%!important;max-width:100%!important;max-height:90vh!important}}@media (width<=480px){[class*=-page],[class*=-dashboard],.container,.content-wrapper,.documents-admin-page,.dashboard,.section,.panel,.form-card{padding-left:.5rem!important;padding-right:.5rem!important}.status-message,.doc-meta p,.request-info span,.request-info small{font-size:.85rem!important}.doc-id{word-break:break-word}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(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));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.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);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (width<=480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.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:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.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;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.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{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}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:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}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:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,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:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}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:translateY(2000px)}}.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%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}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:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.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-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bell-button{cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:relative}.badge{color:#fff;background:red;border-radius:50%;padding:2px 6px;font-size:.8rem;position:absolute;top:-5px;right:-5px}.dropdown{background:#fff;border:1px solid #ddd;width:250px;margin-top:10px;position:absolute;right:0;overflow-y:auto;box-shadow:0 2px 6px #0003}.notification-item{padding:8px}.notification-item.unread{background-color:#f9f9f9;font-weight:700}.notification-item.read{color:#666}.actions{margin-top:4px}.actions button{margin-right:6px;font-size:.8rem}body.dashboard-scroll-lock{overflow:hidden}.dashboard-layout{background:var(--color-bg);width:100%;max-width:100vw;height:100vh;min-height:0;color:var(--color-text);font-family:var(--font-family-base);grid-template-columns:250px 1fr 0;transition:grid-template-columns .3s;display:grid;overflow:hidden}.dashboard-layout.with-notifications{grid-template-columns:250px 1fr 300px}.header-actions{align-items:center;gap:1rem;display:flex}.dark-mode-toggle{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-sm);padding:.5rem .75rem;transition:background .2s}.header-actions button:hover{background:var(--color-hover)}.messenger-button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-card);cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.05rem;display:inline-flex;position:relative}.messenger-badge{color:#fff;text-align:center;background:#c4320a;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-size:.68rem;font-weight:700;line-height:18px;position:absolute;top:-7px;right:-8px}.sidebar{background:var(--gradient-card);border-right:1px solid var(--color-border);padding:var(--space-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:2rem;height:100vh;display:flex;overflow:hidden auto}.sidebar-title{margin:0 0 var(--space-sm) 0}.sidebar-user-info{border-bottom:1px solid var(--color-border);align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.75rem .5rem;display:flex}.sidebar-user-avatar{background-color:var(--color-primary,#007bff);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:1rem;font-weight:700;display:flex;overflow:hidden}.sidebar-user-avatar img{object-fit:cover;width:100%;height:100%}.sidebar-user-details{flex-direction:column;display:flex;overflow:hidden}.sidebar-user-name{white-space:nowrap;text-overflow:ellipsis;color:var(--color-text,inherit);font-size:.9rem;font-weight:600;overflow:hidden}.sidebar-user-role{text-transform:capitalize;color:var(--color-text-muted,#6c757d);font-size:.75rem}.sidebar ul{flex-direction:column;gap:2rem;margin:0;padding:0;list-style:none;display:flex}.sidebar li{margin:0}.dashboard-content{min-width:0;height:100vh;min-height:0;padding:var(--space-lg);flex-direction:column;transition:padding .3s;display:flex;overflow:hidden auto}.main-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.main-header h1{margin:0}.notification-panel{opacity:0;pointer-events:none;background:var(--color-card-bg);border-left:1px solid var(--color-border);width:300px;min-width:0;box-shadow:var(--shadow-md);grid-template-rows:auto minmax(0,1fr) auto;height:100vh;transition:opacity .22s,transform .22s;display:grid;overflow:hidden;transform:translate(16px)}.dashboard-layout.with-notifications .notification-panel{opacity:1;pointer-events:auto;transform:translate(0)}.notification-header{padding:var(--space-md);border-bottom:1px solid var(--color-border);background:var(--color-card-bg);justify-content:space-between;align-items:center;display:flex}.notification-close-btn{cursor:pointer;color:var(--color-text);border-radius:var(--radius-sm);background:0 0;border:none;padding:.25rem;font-size:1.1rem;line-height:1;transition:background .2s,opacity .2s}.notification-close-btn:hover{background:var(--color-hover);opacity:.9}.notification-body{min-height:0;padding:var(--space-md);flex:1;overflow-y:auto}.notification-item{padding:var(--space-sm);margin-bottom:var(--space-sm);background:var(--color-card-muted);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;gap:.5rem;display:flex}.notification-item.unread{background:var(--color-table-row-hover);border-color:var(--color-accent);font-weight:500}.notification-item .actions{gap:.5rem;display:flex}.notification-item button{cursor:pointer;border:1px solid var(--color-border);background:var(--color-card-bg);color:var(--color-text);border-radius:var(--radius-sm);padding:.25rem .5rem;font-size:.85rem;transition:background .2s,color .2s}.notification-item button:hover{background:var(--color-accent-hover);color:var(--color-card-bg)}.notification-footer{padding:var(--space-md);border-top:1px solid var(--color-border);background:var(--color-card-bg);gap:.5rem;display:flex}.notification-footer button{cursor:pointer;background:var(--color-accent);color:var(--color-card-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);font-weight:var(--font-weight-bold);flex:1;padding:.5rem;transition:background .2s,transform .15s}.notification-footer button:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.notification-footer button:last-child{background:var(--color-danger)}.notification-footer button:last-child:hover{background:var(--color-danger-hover)}@media (width<=1024px){.dashboard-layout,.dashboard-layout.with-notifications{grid-template-columns:220px 1fr;height:auto;min-height:100dvh}.sidebar,.dashboard-content{height:auto;min-height:100dvh}.notification-panel{z-index:1200;opacity:1;pointer-events:none;width:min(92vw,360px);height:100dvh;position:fixed;top:0;right:0;transform:translate(100%)}.dashboard-layout.with-notifications .notification-panel{pointer-events:auto;transform:translate(0)}}@media (width<=768px){.dashboard-layout,.dashboard-layout.with-notifications{grid-template-columns:1fr;height:100dvh;min-height:100dvh;overflow-y:hidden}.sidebar{gap:1rem;height:auto;min-height:0;padding:.75rem;overflow:visible}.sidebar ul{gap:.5rem}.main-header{flex-direction:column;align-items:flex-start;gap:.75rem}.main-header h1{font-size:1.2rem;line-height:1.3}.header-actions{flex-wrap:wrap;gap:.5rem;width:100%}.header-actions>*,.dark-mode-toggle{width:100%}.dashboard-content{height:100dvh;min-height:0;padding:.75rem;overflow-y:auto}}.sidebar-role-switcher{border:1px solid var(--color-border);background:var(--color-card-bg,#fff);width:100%;color:var(--color-text);text-transform:capitalize;border-radius:4px;padding:3px 4px;font-size:.75rem}.payment-success-container{background-color:#f5f5f5;justify-content:center;align-items:center;height:100vh;display:flex}.payment-success-card{text-align:center;background-color:#fff;border-radius:12px;max-width:400px;padding:40px;box-shadow:0 4px 12px #0000001a}.payment-success-icon{color:#28a745;margin-bottom:20px;font-size:48px}.payment-success-title{color:#333;margin-bottom:10px;font-size:20px;font-weight:600}.payment-success-subtitle{color:#666;font-size:16px}.login-container{background:var(--color-neutral);min-height:100vh;padding:var(--space-lg);justify-content:center;align-items:center;display:flex}.login-form{background:var(--gradient-card);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-lg);width:100%;max-width:400px;color:var(--color-text);gap:var(--space-md);flex-direction:column;display:flex}.login-form h2{font-size:var(--font-size-xl);color:var(--color-accent);margin-bottom:var(--space-md);text-align:center;font-weight:700}.form-group{gap:var(--space-xs);flex-direction:column;display:flex;position:relative}.form-group label{font-size:var(--font-size-sm);color:var(--color-text-strong);font-weight:600}.form-group input{width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-input-bg);font-size:var(--font-size-md);box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.form-group input:focus{border-color:var(--color-accent);box-shadow:var(--shadow-focus);outline:none}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper input{box-sizing:border-box;width:100%;padding-right:2.5rem}.toggle-password{cursor:pointer;color:var(--color-text-strong);background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;margin:0;padding:0;line-height:1;transition:color .2s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.toggle-password:hover{color:var(--color-accent);transform:translateY(-50%)}.toggle-password:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.toggle-password svg{pointer-events:none;width:20px;height:20px;display:block}.form-options{font-size:var(--font-size-sm);justify-content:space-between;align-items:center;display:flex}.remember-me{align-items:center;gap:var(--space-xs);display:flex}.forgot-password a{color:var(--color-link);text-decoration:none;transition:color .2s}.forgot-password a:hover{color:var(--color-link-hover)}.login-button{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-weight:600;font-size:var(--font-size-md);cursor:pointer;background:var(--color-accent);color:#fff;border:none;transition:background-color .25s,transform .15s}.login-button:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-2px)}.login-button:disabled{opacity:.6;cursor:not-allowed}@media (width<=576px){.login-form{padding:var(--space-md)}.form-options{gap:var(--space-sm);flex-direction:column;align-items:flex-start}.login-button{width:100%}}.reset-form{background:#fff;border-radius:8px;max-width:400px;margin:3rem auto;padding:2rem;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;box-shadow:0 4px 12px #0000001a}.reset-form h2{text-align:center;color:#333;margin-bottom:1rem;font-size:1.5rem}.reset-form p{text-align:center;color:#555;margin-bottom:1rem}.reset-form label{color:#444;margin-top:1rem;margin-bottom:.5rem;font-weight:600;display:block}.reset-form input{border:1px solid #ccc;border-radius:6px;width:100%;padding:.75rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.reset-form input:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 3px #007bff33}.reset-form button{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:6px;width:100%;margin-top:1.5rem;padding:.75rem;font-size:1rem;font-weight:600;transition:background .2s}.reset-form button:hover:not(:disabled){background:#0056b3}.reset-form button:disabled{cursor:not-allowed;background:#ccc}.reset-form strong{color:#007bff}.signature-field{margin-top:20px}.signature-canvas{background:#fff;border:1px solid #ccc;border-radius:4px}.signature-actions{gap:10px;margin-top:8px;display:flex}.signature-actions button{cursor:pointer;border:none;border-radius:4px;padding:6px 12px}.signature-actions button:first-child{color:#fff;background:#6c757d}.signature-actions button:last-child{color:#fff;background:#007bff}.signature-preview img{border-bottom:1px solid #000;max-width:200px;height:auto;margin-top:10px}.camera-capture{flex-direction:column;gap:8px;display:flex}.camera-live{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.camera-preview{background:#000;border:1px solid #9eb6aa;border-radius:8px;width:100%;max-width:320px;transform:scaleX(-1)}.camera-actions{gap:8px;display:flex}.resident-form{background:#f9f9f9;border:1px solid #ddd;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:.75rem 1.25rem;max-width:880px;margin:1.5rem auto;padding:1.25rem 1.5rem;font-family:system-ui,sans-serif;display:grid}.field{flex-direction:column;min-width:0;display:flex}.field-full{grid-column:1/-1}.resident-form label{color:#333;margin-bottom:.25rem;font-size:.9rem;font-weight:600}.resident-form label span{color:#777;font-size:.75rem;font-weight:400}.resident-form input,.resident-form select,.resident-form textarea{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;padding:.4rem .5rem;font-size:.9rem}.resident-form textarea{min-height:2.2rem}.resident-form input:focus,.resident-form select:focus,.resident-form textarea:focus{border-color:#0078d4;outline:none;box-shadow:0 0 0 2px #0078d433}.resident-form fieldset{border:1px solid #ccc;border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.25rem;margin:0;padding:.75rem 1rem 1rem;display:grid}.resident-form fieldset legend{color:#444;grid-column:1/-1;padding:0 .5rem;font-weight:600}.input-error{border:2px solid var(--color-danger);background-color:#ffe6e6}.error{color:var(--color-danger);margin-top:4px;font-size:.8rem;display:block}.auth-warning{text-align:center;color:var(--color-warning);margin-top:2rem;font-weight:600}.photo-preview-wrapper,.fingerprint-preview-wrapper{align-items:center;gap:1rem;margin-top:.5rem;display:flex}.photo-preview,.fingerprint-preview{object-fit:cover;border:1px solid #ccc;border-radius:6px;max-width:96px;max-height:96px}.form-actions{gap:1rem;margin-top:.5rem;display:flex}.resident-form button{cursor:pointer;border:none;border-radius:4px;padding:.6rem 1.2rem;font-size:.95rem;font-weight:600}.resident-form button[type=submit]{color:#fff;background-color:#0078d4}.resident-form button[type=submit]:disabled{cursor:not-allowed;background-color:#ccc}.resident-form button[type=button]{color:#333;background-color:#f3f3f3}.resident-form button[type=button]:hover{background-color:#e1e1e1}.signature-preview-wrapper{margin-top:10px}.signature-preview{object-fit:contain;border-bottom:1px solid #000;max-width:200px;height:60px}@media (width<=720px){.resident-form,.resident-form fieldset{grid-template-columns:1fr}}.pending-verification-banner{text-align:center;color:#7a5b00;background:#fff3cd;border:1px solid #ffeeba;border-radius:6px;margin-bottom:16px;padding:10px 14px}.pending-verification-banner button{color:#06c;cursor:pointer;font:inherit;background:0 0;border:none;padding:0;text-decoration:underline}.verification-badge{border-radius:999px;margin:4px 0;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.verification-badge.verified{color:#155724;background:#d4edda}.verification-badge.pending{color:#7a5b00;background:#fff3cd}.verification-badge.rejected{color:#721c24;background:#f8d7da}.id-document-section,.verification-actions{margin-top:14px}.verification-actions textarea{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;margin:6px 0;padding:8px}.resident-list{max-width:1000px;color:var(--color-text);margin:0 auto;padding:20px;font-family:Segoe UI,Arial,sans-serif}.resident-list h2{text-align:center;margin-bottom:20px}.filters{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px;display:flex}.filters input,.filters select,.filters button{border:1px solid #ccc;border-radius:4px;padding:8px 12px;font-size:14px}.filters button{color:#fff;cursor:pointer;background:#007bff;border:none}.filters button:hover{background:#0056b3}.resident-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:20px;display:grid}.resident-card{text-align:center;background:#f9f9f9;border-radius:8px;padding:12px;transition:transform .2s;box-shadow:0 2px 6px #0000001a}.resident-card:hover{transform:translateY(-4px)}.resident-photo{object-fit:cover;border-radius:50%;width:80px;height:80px;margin-bottom:10px}.resident-name{color:#007bff;cursor:pointer;background:0 0;border:none;margin:8px 0;font-weight:700;display:block}.resident-name:hover{text-decoration:underline}.delete-btn{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:4px;padding:6px 10px}.delete-btn:hover{background:#a71d2a}.popup-overlay{z-index:999;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popup-window{text-align:center;background:#fff;border-radius:8px;width:min(400px,92vw);max-height:85vh;padding:20px;position:relative;overflow-y:auto;box-shadow:0 4px 12px #0000004d}.popup-window h3{margin-top:0}.popup-actions{justify-content:space-around;margin-top:20px;display:flex}.confirm-btn{color:#fff;cursor:pointer;background:#d9534f;border:none;border-radius:4px;padding:8px 16px}.confirm-btn:hover{background:#a71d2a}.cancel-btn{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:4px;padding:8px 16px}.cancel-btn:hover{background:#565e64}.resident-details-popup{flex-direction:column;align-items:center;display:flex}.close-btn{cursor:pointer;color:#333;background:0 0;border:none;font-size:20px;position:absolute;top:10px;right:12px}.photo-section{text-align:center;margin-bottom:15px}.resident-photo-large{object-fit:cover;border-radius:50%;width:120px;height:120px}.details-section{text-align:left;align-self:flex-start;width:100%;margin-bottom:20px}.details-section p{margin:6px 0;font-size:14px}.fingerprint-section{justify-content:space-around;width:100%;margin:20px 0;display:flex}.finger-box{text-align:center;border:1px solid #ccc;border-radius:6px;width:45%;padding:10px}.finger-box img{object-fit:contain;max-width:100%;height:80px}.signature-section{text-align:left;width:100%;margin-top:20px}.signature-section img{object-fit:contain;border-bottom:1px solid #000;max-width:200px;height:60px}@media (width<=768px){.resident-list{padding:12px}.filters{justify-content:stretch}.filters input,.filters select,.filters button{width:100%}.fingerprint-section{flex-direction:column;gap:10px}.finger-box{width:100%}}.resident-review-queue{padding:1.5rem}.review-queue-subtitle{color:#6b7280;margin-bottom:1.5rem}.review-queue-loading{text-align:center;color:#6b7280;padding:2rem}.empty-state{text-align:center;color:#6b7280;background:#f9fafb;border-radius:8px;padding:2rem}.review-section{margin-bottom:2rem}.review-section h3{margin-bottom:.5rem}.review-section-note{color:#6b7280;margin-bottom:.75rem;font-size:.85rem}.review-table{border-collapse:collapse;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;overflow:hidden}.review-table th,.review-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:.6rem .9rem;font-size:.9rem}.review-table thead th{color:#374151;background:#f9fafb;font-weight:600}.review-table tbody tr:last-child td{border-bottom:none}.review-actions{white-space:nowrap;gap:.5rem;display:flex}.confirm-btn,.dismiss-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:.35rem .75rem;font-size:.85rem}.confirm-btn{color:#fff;background:#dc2626}.confirm-btn:hover:not(:disabled){background:#b91c1c}.dismiss-btn{color:#374151;background:#fff;border-color:#d1d5db}.dismiss-btn:hover:not(:disabled){background:#f3f4f6}.confirm-btn:disabled,.dismiss-btn:disabled{opacity:.6;cursor:not-allowed}.business-dashboard{background-color:#f9fafb;min-height:100vh;padding:2rem;font-family:Segoe UI,Arial,sans-serif}.business-dashboard-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.business-dashboard h2{color:#333;margin-bottom:0;font-size:1.8rem}.register-business-btn{color:#fff;cursor:pointer;background-color:#0078d4;border:1px solid #0078d4;border-radius:4px;padding:.6rem 1rem;font-weight:500}.register-business-btn:hover{background-color:#005fa3;border-color:#005fa3}.filters{margin-bottom:1.5rem}.filters label{margin-right:.5rem;font-weight:500}.filters select{border:1px solid #ccc;border-radius:4px;padding:.4rem .8rem}.tabs button{cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:.6rem 1.2rem;font-weight:500;transition:all .2s}.tabs button:hover{background-color:#f0f0f0}.tabs button.active{color:#fff;background-color:#0078d4;border-color:#0078d4}.business-table{border-collapse:collapse;width:100%;margin-top:1rem}.business-table th,.business-table td{text-align:left;border:1px solid #ddd;padding:.75rem}.business-table th{color:#fff;background-color:#0078d4}.clickable-row{cursor:pointer;transition:background-color .2s}.clickable-row:hover{background-color:#f0f8ff}.modal-overlay{z-index:999;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-container{background-color:#fff;border-radius:8px;width:500px;max-width:90%;padding:1.5rem;animation:.3s fadeIn;box-shadow:0 4px 12px #0003}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-container h2{color:#0078d4;margin-top:0;margin-bottom:1rem;font-size:1.4rem}.modal-section p{color:#333;margin:.4rem 0;font-size:.95rem}.modal-form{margin-top:1rem}.modal-form label{margin-top:.8rem;margin-bottom:.3rem;font-weight:500;display:block}.modal-form select,.modal-form textarea{border:1px solid #ccc;border-radius:4px;width:100%;padding:.5rem}.modal-form textarea{resize:vertical;min-height:80px}.approved-section{background-color:#e6f9ec;border:1px solid #28a745;border-radius:6px;margin-top:1rem;padding:1rem}.approved-section p{color:#155724;margin:.5rem 0;font-weight:500}.cancel-btn,.submit-btn{cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-weight:500}.cancel-btn{color:#333;background-color:#ccc}.cancel-btn:hover{background-color:#bbb}.submit-btn{color:#fff;background-color:#0078d4}.business-form{background:#fff;border-radius:8px;max-width:600px;margin:auto;padding:1rem;box-shadow:0 0 6px #0000001a}.business-form label{margin-bottom:1rem;font-weight:700;display:block}.business-form input,.business-form select{border:1px solid #ccc;border-radius:4px;width:100%;margin-top:.25rem;padding:.5rem}.business-form .input-error{border:2px solid var(--color-danger);background-color:#ffe6e6}.business-form .error-text{color:var(--color-danger);margin-top:4px;font-size:.8rem;font-weight:400;display:block}.business-form .upload-required.input-error{border:2px solid var(--color-danger);background-color:#ffe6e6;border-radius:4px;padding:6px}.business-form .checkbox-label{flex-wrap:wrap;align-items:center;gap:8px;font-weight:400;display:flex}.business-form .checkbox-label input[type=checkbox]{width:auto;margin:0}.business-form .field-hint{color:#6b7280;flex-basis:100%;font-size:.8rem;font-weight:400}.file-preview-wrapper{background-color:#fafafa;border:1px solid #ddd;border-radius:4px;justify-content:space-between;align-items:center;margin:4px 0;padding:6px 10px;display:flex}.file-name{color:#333;margin:0;font-size:.95rem;font-weight:500}.status-badge{text-transform:uppercase;border-radius:12px;padding:2px 8px;font-size:.8rem;font-weight:600}.status-required{color:#2e7d32;background-color:#e0f7e9;border:1px solid #2e7d32}.status-optional{color:#ef6c00;background-color:#fff3e0;border:1px solid #ef6c00}.status-missing{color:#c62828;background-color:#ffebee;border:1px solid #c62828}.form-step{background:#fff;border:1px solid #ddd;border-radius:6px;margin-top:20px;padding:20px;font-family:Segoe UI,Arial,sans-serif}.form-step h2{color:#333;margin-bottom:15px;font-size:1.4rem}.form-step p{color:#555;margin:5px 0;font-size:.95rem}.form-step label{color:#444;margin:12px 0;font-weight:500;display:block}.form-step select{border:1px solid #ccc;border-radius:4px;width:100%;margin-top:6px;padding:8px}button{cursor:pointer;border:none;border-radius:4px;margin:8px 6px 0 0;padding:8px 14px;font-size:.95rem;transition:background .2s}button:disabled{opacity:.6;cursor:not-allowed}button.cancel-btn,button.close-btn{color:#333;background:#f5f5f5}button.cancel-btn:hover,button.close-btn:hover{background:#e0e0e0}button.proceed-btn{color:#fff;background:#4caf50}button.proceed-btn:hover{background:#43a047}button.print-btn{color:#fff;background:#2196f3}button.print-btn:hover{background:#1976d2}button[type=submit]{color:#fff;background:#ff9800}button[type=submit]:hover{background:#fb8c00}.action-buttons{justify-content:flex-start;gap:10px;margin-top:15px;display:flex}.receipt-logo{object-fit:contain;width:56px;height:56px;margin-bottom:8px;display:block}.cash-load-hint{opacity:.85;margin:.25rem 0 .75rem;font-size:.85rem}.dashboard-card{background:var(--gradient-card);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-card);box-sizing:border-box;flex-direction:column;height:100%;transition:transform .25s,box-shadow .25s;display:flex}.dashboard-card.is-clickable{appearance:none;cursor:pointer;font:inherit;text-align:left;border:none;width:100%;min-height:88px;display:block}.dashboard-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.dashboard-card.is-clickable:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.dashboard-card.is-selected{border:2px solid var(--color-accent);box-shadow:0 0 0 3px #38a1692e, var(--shadow-card-hover);background:linear-gradient(135deg,#38a16929,#4299e124);border-left-width:8px}.dashboard-card.is-selected h4,.dashboard-card.is-selected p{color:var(--color-text-strong)}.dashboard-card h4{font-size:var(--font-size-md);margin-bottom:var(--space-xs);color:var(--color-text-strong);align-items:center;gap:var(--space-xs);font-weight:600;display:flex}.dashboard-card p{font-size:var(--font-size-lg);color:var(--color-text);margin-top:auto;font-weight:700}@media (width<=768px){.dashboard-card{padding:.9rem}.dashboard-card h4{font-size:.95rem}.dashboard-card p{font-size:1.05rem}}.dashboard-card.accent{border-left:6px solid var(--color-accent)}.dashboard-card.success{border-left:6px solid var(--color-success)}.dashboard-card.info{border-left:6px solid var(--color-info)}.dashboard-card.warning{border-left:6px solid var(--color-warning)}.dashboard-card.neutral{border-left:6px solid var(--color-neutral)}.dashboard-card.danger{border-left:6px solid var(--color-danger)}.dashboard-card.youth{border-left:6px solid var(--color-youth)}.dashboard-card.dilg{border-left:6px solid var(--color-dilg)}.summary-cards{gap:var(--space-md);margin-top:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.card-icon{margin-right:var(--space-xs);font-size:1.25rem;display:inline-block}.audit-table{background-color:#fff;border-radius:6px;margin-top:1.5rem;padding:1rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.audit-table h3{color:var(--color-dilg);margin-bottom:1rem;font-size:1.2rem}.audit-table .status-message{color:#856404;background-color:#fff3cd;border-radius:4px;margin:.5rem 0;padding:.75rem 1rem;font-size:.9rem}.audit-table table{border-collapse:collapse;width:100%;font-size:.9rem}.audit-table th,.audit-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:.75rem 1rem}.audit-table td button{color:#2563eb;cursor:pointer;background:0 0;border:none;font-weight:500}.audit-table td button:hover{text-decoration:underline}.audit-table p{color:#6b7280;margin:1rem 0;font-style:italic}.search-filters{background-color:var(--color-bg);border-radius:6px;margin:1.5rem 0;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.search-filters h3{color:var(--color-success);margin-bottom:1rem;font-size:1.2rem}.filter-row{align-items:center;margin-bottom:.75rem;display:flex}.filter-row label{width:100px;color:var(--color-text);font-weight:500}.filter-row input,.filter-row select{background:var(--color-bg);color:var(--color-text);border:1px solid #d1d5db;border-radius:4px;flex:1;padding:.5rem;font-size:.9rem}.filter-actions{gap:.75rem;margin-top:1rem;display:flex}.filter-actions button{cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem;font-weight:600}.filter-actions button[type=submit]{color:#fff;background-color:#2563eb}.filter-actions .reset-btn{color:#374151;background-color:#f3f4f6}.documents-admin-page{background-color:var(--color-bg);color:var(--color-text);margin-bottom:3rem;padding:2rem;font-family:Segoe UI,Roboto,sans-serif}.header-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.issue-document-btn{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;transition:background-color .2s}.issue-document-btn:hover{background-color:#0056b3}.documents-admin-page h1{color:var(--color-accent);margin-bottom:1.5rem;font-size:1.8rem}.documents-admin-page h2{color:var(--color-success);margin-top:2rem;margin-bottom:1rem;font-size:1.4rem}.status-message{background-color:var(--color-neutral);color:var(--color-text);border-radius:4px;margin:.5rem 0;padding:.75rem 1rem;font-size:.9rem}.document-table{border-collapse:collapse;background-color:var(--color-bg);border-radius:6px;width:100%;margin-top:1rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.document-table th,.document-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:.75rem 1rem}.document-table th{background-color:var(--color-bg);color:var(--color-text-strong);font-weight:600}.document-table tr:hover{background-color:var(--color-neutral)}.document-table a{color:#2563eb;font-weight:500;text-decoration:none}.document-table a:hover{text-decoration:underline}.document-table button{color:#dc2626;cursor:pointer;background:0 0;border:none;font-weight:500}.document-table button:hover{text-decoration:underline}.audit-table{background-color:var(--color-bg);border-radius:6px;margin-top:1rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.audit-table table{border-collapse:collapse;width:100%}.audit-table th,.audit-table td{border-bottom:1px solid #e5e7eb;padding:.75rem 1rem}.audit-table th{color:#111827;background-color:#f3f4f6;font-weight:600}.audit-table tr:hover{background-color:#f9fafb}.pending-requests{color:#333;padding:1.5rem;font-family:Arial,sans-serif}.pending-requests h3{align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.4rem;font-weight:700;display:flex}.status-message{color:#666;margin:.5rem 0;font-style:italic}.request-card{background:#f9f9f9;border:1px solid #ddd;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.75rem 1rem;display:flex}.request-info strong{margin-bottom:.25rem;font-size:1rem;display:block}.request-info span{color:#555;font-size:.9rem}.btn-view{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:4px;padding:.4rem .8rem}.btn-view:hover{background:#0056b3}.doc-panel{background:#fff;border:1px solid #ccc;border-radius:8px;margin-top:1rem;padding:1rem}.doc-panel header{border-bottom:1px solid #eee;margin-bottom:.75rem}.doc-panel h4{margin:0;font-size:1.2rem}.doc-type{color:#777;font-size:.95rem}.doc-meta p{margin:.25rem 0}.doc-attachments h5{margin-top:.75rem;margin-bottom:.5rem}.doc-attachments li{margin-bottom:.25rem}.doc-attachments a{color:#007bff;text-decoration:none}.doc-attachments a:hover{text-decoration:underline}.btn-awaiting{color:#000;cursor:pointer;background:#ffc107;border:none;border-radius:4px;padding:.5rem .9rem}.btn-awaiting:hover{background:#e0a800}.reject-textarea{border:1px solid #ccc;border-radius:4px;width:100%;min-height:60px;padding:.5rem}.btn-reject{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:4px;padding:.5rem .9rem}.btn-reject:hover{background:#a71d2a}.btn-close{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:4px;padding:.5rem .9rem}.btn-close:hover{background:#5a6268}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:80vh;padding:1rem;overflow-y:auto;box-shadow:0 4px 12px #0000004d}.paid-requests{background-color:var(--color-bg);min-height:100vh;padding:2rem;font-family:Segoe UI,Arial,sans-serif}.paid-requests h3{color:var(--color-accent);margin-bottom:1.5rem;font-size:1.6rem}.doc-attachments h5{color:#333;margin-top:1rem;font-size:1rem}.doc-attachments ul{padding:0;list-style:none}.doc-attachments li{margin:.3rem 0;font-size:.85rem}.doc-actions{flex-direction:column;gap:.8rem;margin-top:1.5rem;display:flex}.btn-approve{color:#fff;cursor:pointer;background-color:#28a745;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;transition:background-color .2s}.btn-approve:hover{background-color:#218838}.reject-section{flex-direction:column;gap:.5rem;display:flex}.reject-textarea{border:1px solid #ccc;border-radius:4px;width:100%;min-height:60px;padding:.5rem;font-size:.85rem}.btn-reject{color:#fff;cursor:pointer;background-color:#dc3545;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;transition:background-color .2s}.btn-reject:hover{background-color:#c82333}.btn-close{color:#fff;cursor:pointer;background-color:#6c757d;border:none;border-radius:4px;padding:.4rem .8rem;font-size:.85rem;transition:background-color .2s}@media (width<=600px){.modal-content{width:95%;padding:1rem}}.issued-documents{background-color:var(--color-bg);min-height:100vh;padding:2rem;font-family:Segoe UI,Arial,sans-serif}.issued-documents h3{color:var(--color-accent);margin-bottom:1.5rem;font-size:1.6rem}.status-message{color:#555;margin:1rem 0;font-size:.95rem}.issued-documents .filters{flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem;display:flex}.issued-documents .filters input,.issued-documents .filters select{border:1px solid var(--color-border);background-color:var(--color-card-bg);color:var(--color-text);border-radius:6px;padding:.5rem .75rem;font-size:.9rem}.issued-documents .filters input{flex:1;min-width:200px}.request-list{margin:0;padding:0;list-style:none}.request-card{background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem;display:flex;box-shadow:0 2px 4px #0000000d}.request-info strong{color:var(--color-success);font-size:1.1rem;font-weight:700;display:block}.request-info span{color:var(--color-text);font-size:.9rem;display:block}.btn-view{color:#fff;cursor:pointer;background-color:#0078d4;border:none;border-radius:4px;padding:.4rem .8rem;font-size:.85rem;transition:background-color .2s}.btn-view:hover{background-color:#005a9e}.modal-overlay{z-index:999;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:#fff;border-radius:8px;width:500px;max-width:90%;padding:1.5rem;box-shadow:0 4px 8px #0003}.modal-content header h4{color:#333;margin:0;font-size:1.2rem}.modal-content .doc-type{color:#555;margin-top:.25rem;font-size:.95rem}.doc-meta p{color:#444;margin:.5rem 0;font-size:.9rem}.doc-file h5{color:#333;margin-top:1rem;font-size:1rem}.doc-file a{color:#fff;background-color:#28a745;border-radius:4px;margin-top:.5rem;padding:.4rem .8rem;font-size:.85rem;text-decoration:none;transition:background-color .2s;display:inline-block}.doc-file a:hover{background-color:#218838}.btn-close{color:#fff;cursor:pointer;background-color:#6c757d;border:none;border-radius:4px;margin-top:1rem;padding:.4rem .8rem;font-size:.85rem;transition:background-color .2s}.btn-close:hover{background-color:#5a6268}@media (width<=600px){.modal-content{width:95%;padding:1rem}}.complaint-form{background-color:var(--color-bg);border-radius:10px;flex-direction:column;gap:1rem;max-width:500px;margin:auto;padding:1.5rem;display:flex}.complaint-form input,.complaint-form textarea,.complaint-form select{border:1px solid #ccc;border-radius:4px;padding:.5rem}.complaint-form button{color:#fff;background-color:#28a745;border:none;border-radius:4px;padding:.5rem}.incident-form{background-color:var(--color-bg);border-radius:10px;flex-direction:column;gap:1rem;max-width:500px;margin:auto;padding:1.5rem;display:flex}.incident-form input,.incident-form textarea,.incident-form select{border:1px solid #ccc;border-radius:4px;padding:.5rem}.incident-form button{color:#fff;background-color:#007bff;border:none;border-radius:4px;padding:.5rem}.incidents-page{padding:2rem}button{color:#fff;cursor:pointer;background-color:#007bff;border:none;padding:.5rem 1rem}.incident-table th,.incident-table td{text-align:left;border:1px solid #ccc;padding:.75rem}.incident-table th{background-color:var(--color-table-header)}.status-open,.status-pending{color:#856404;background:#fff3cd;border-color:#f7d27c}.status-in-progress,.status-in-review{color:#1d4f91;background:#dbeafe;border-color:#a8c6f5}.status-escalated{color:#8a1f2b;background:#fbe3e5;border-color:#f3b4bc}.status-dismissed{color:#3f4a57;background:#eceff3;border-color:#d6dde6}.incident-evaluation{background:var(--color-surface,#fff);border:1px solid #dde2e8;border-radius:8px;max-width:560px;margin:0 auto;padding:1.5rem;box-shadow:0 1px 3px #00000014}.incident-evaluation h3{margin:0 0 1rem}.incident-evaluation .incident-details{border-bottom:1px solid #e9ecef;grid-template-columns:max-content 1fr;gap:.4rem .75rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:grid}.incident-evaluation .incident-details p{margin:0;display:contents}.incident-evaluation .incident-details p strong{color:#495057}.incident-evaluation .evaluation-actions{flex-direction:column;gap:1rem;display:flex}.incident-evaluation .evaluation-actions label{color:#343a40;flex-direction:column;gap:.35rem;font-weight:600;display:flex}.incident-evaluation .evaluation-actions select,.incident-evaluation .evaluation-actions textarea{resize:vertical;border:1px solid #ced4da;border-radius:4px;padding:.5rem;font-family:inherit;font-size:.95rem;font-weight:400}.incident-evaluation .buttons{justify-content:flex-end;gap:.6rem;margin-top:.25rem;display:flex}.incident-evaluation .buttons button:last-child{color:#343a40;background-color:#e9ecef}.modal-container{background:#fff;border-radius:8px;width:420px;max-width:90%;padding:24px;box-shadow:0 4px 20px #0003}.modal-section p{margin:4px 0}.modal-form{flex-direction:column;gap:12px;margin-top:16px;display:flex}.cancel-btn{background:#ccc;border-radius:4px;padding:6px 12px}.submit-btn{color:#fff;background:#007bff;border-radius:4px;padding:6px 12px}.complaints-page{padding:2rem}.header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;transition:background-color .2s}button:hover{background-color:#0056b3}.complaint-table{border-collapse:collapse;width:100%;margin-top:1rem}.complaint-table th,.complaint-table td{text-align:left;border:1px solid #ddd;padding:.75rem}.complaint-table th{background-color:var(--color-table-header);font-weight:600}.actions-cell{gap:.5rem;display:flex}.evaluate-btn{background-color:#28a745}.evaluate-btn:hover{background-color:#218838}.delete-btn{background-color:#dc3545}.delete-btn:hover{background-color:#c82333}.complaints-tabs{border-bottom:2px solid #dee2e6;gap:0;margin-bottom:1rem;display:flex}.tab-btn{color:#6c757d;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:.4rem;margin-bottom:-2px;padding:.6rem 1.25rem;font-size:.95rem;font-weight:500;transition:color .15s,border-color .15s;display:flex}.tab-btn:hover{color:#343a40;background:0 0;border-color:#adb5bd}.tab-btn.active{color:#007bff;background:0 0;border-bottom-color:#007bff}.tab-count{color:#fff;background-color:#6c757d;border-radius:10px;padding:.1rem .45rem;font-size:.75rem;font-weight:700;line-height:1.2}.tab-btn.active .tab-count{background-color:#007bff}.status-filter-bar{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.filter-btn{color:#495057;cursor:pointer;background-color:#e9ecef;border:1px solid #ced4da;border-radius:20px;padding:.3rem .9rem;font-size:.85rem;transition:background-color .15s,color .15s,border-color .15s}.filter-btn:hover{background-color:#dee2e6}.filter-btn.active{color:#fff;background-color:#007bff;border-color:#007bff}.status-badge{text-transform:capitalize;white-space:nowrap;border:1px solid #0000;border-radius:12px;padding:.2rem .6rem;font-size:.8rem;font-weight:600;display:inline-block}.status-pending,.status-open{color:#856404;background:#fff3cd;border-color:#f7d27c}.status-in-progress,.status-in-review{color:#1d4f91;background:#dbeafe;border-color:#a8c6f5}.status-resolved{color:#1f6b36;background:#dff7e6;border-color:#a8e2b8}.status-rejected,.status-escalated{color:#8a1f2b;background:#fbe3e5;border-color:#f3b4bc}.status-closed{color:#3f4a57;background:#eceff3;border-color:#d6dde6}.resubmission-form{background:#fff;border:1px solid #dce3ea;border-radius:12px;padding:24px;box-shadow:0 2px 6px #0000000d}.resubmission-form h3{color:#2c3e50;margin-bottom:20px;font-size:1.3rem}.form-group{flex-direction:column;margin-bottom:16px;display:flex}.form-group label{color:#34495e;margin-bottom:6px;font-size:.95rem;font-weight:500}.form-group input,.form-group textarea{border:1px solid #ccd6dd;border-radius:6px;padding:10px;font-size:.9rem}.form-group textarea{resize:vertical;min-height:80px}.btn-submit{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:6px;padding:10px 16px;font-size:.95rem;transition:background .2s}.btn-submit:hover{background-color:#2980b9}.success-message{color:#27ae60;font-weight:600}.resident-business-dashboard{max-width:1200px;margin:0 auto;padding:2rem;font-family:Segoe UI,Arial,sans-serif}.tabs{gap:1rem;margin-bottom:1.5rem;display:flex}.tabs button{cursor:pointer;background:#f0f0f0;border:none;border-radius:6px;padding:.6rem 1.2rem;font-weight:500;transition:background .2s}.tabs button:hover{background:#e0e0e0}.tabs button.active{color:#fff;background:#4caf50}.business-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.business-card{background:#fff;border:1px solid #ddd;border-radius:10px;padding:1rem;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 2px 6px #0000001a}.business-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.business-card h3{margin-top:0;margin-bottom:.5rem}.approved-card{background:var(--color-bg);border:2px solid #4caf50;box-shadow:0 4px 12px #4caf504d}.approved-card h3{color:#2e7d32}.approved-badge{color:#fff;background:#4caf50;border-radius:4px;padding:4px 8px;font-size:.8rem;font-weight:700;position:absolute;top:-10px;right:-10px;box-shadow:0 2px 6px #0003}.documents-list{margin-top:.5rem}.documents-list a{color:#1976d2;text-decoration:none}.documents-list a:hover{text-decoration:underline}.pending-text{color:#ff9800;font-weight:500}.info-text{color:#2196f3}.warning-text{color:#f44336;font-weight:500}.payment-section{margin-top:1rem}.card-section{border-top:1px solid #eee;margin-top:.75rem;padding-top:.75rem}.qr-wrapper{text-align:center;margin-top:1rem}.qr-wrapper p{margin:.25rem 0}.qr-wrapper strong{color:#2e7d32}.dashboard{background-color:var(--bg);color:var(--text);padding:2rem}.dashboard-header h2{color:var(--accent);margin-bottom:.5rem;font-size:2rem}.dashboard-subtitle{color:var(--text);opacity:.75;margin-bottom:2rem;font-size:1rem}.dashboard-section{background:linear-gradient(145deg, var(--color-card-bg), var(--color-card-muted));border-radius:12px;flex-direction:column;margin-bottom:3rem;padding:1.5rem;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:0 6px 12px #00000026,inset 0 2px 4px #ffffff1a}.dashboard-section:hover{transform:translateY(-4px);box-shadow:0 10px 18px #00000040,inset 0 3px 6px #ffffff26}.dashboard-section h3{color:var(--color-accent);margin-bottom:1rem;font-size:1.25rem;font-weight:600}.registry-section{border-left:6px solid var(--accent)}.tools-section{border-left:6px solid var(--success)}.complaints-section{border-left:6px solid var(--danger)}.registry-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem;display:grid}.summary-cards,.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem;display:grid}.dashboard-card h4{color:var(--accent);margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.role-manager{margin-top:2rem}.role-table{border-collapse:collapse;background-color:var(--card-bg);width:100%;color:var(--text);margin-top:1rem}.role-table th{background-color:var(--table-header);color:var(--text-strong);text-align:left;padding:.75rem}.role-table td{border-bottom:1px solid var(--border);padding:.75rem}.role-badge{color:#fff;text-transform:capitalize;border-radius:4px;padding:.25rem .5rem;font-size:.875rem;transition:transform .2s,box-shadow .2s;display:inline-block}.role-badge:hover{transform:scale(1.05);box-shadow:0 0 8px #0000004d}.role-badge.resident{background-color:#7f8c8d}.role-badge.staff{background-color:#2980b9}.role-badge.secretary{background-color:#27ae60}.role-badge.admin{background-color:#c0392b}[data-theme=dark] .role-badge.resident{background-color:#95a5a6}[data-theme=dark] .role-badge.staff{background-color:#3498db}[data-theme=dark] .role-badge.secretary{background-color:#2ecc71}[data-theme=dark] .role-badge.admin{background-color:#e74c3c}.create-account-form{background-color:var(--card-bg);width:100%;max-width:400px;color:var(--text);border-radius:12px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 4px 8px #0000001a}.create-account-form h3{color:var(--accent)}.create-account-form label{color:var(--text)}.create-account-form input,.create-account-form select{background-color:var(--input-bg);color:var(--text);border:1px solid var(--border)}.confirm-actions{background-color:var(--confirm-bg);color:var(--confirm-text);border:1px solid var(--confirm-border)}.settings-panel{color:var(--text);background-color:var(--bg);padding:2rem;font-family:system-ui,sans-serif}.settings-panel table{border-collapse:collapse;background-color:var(--card-bg);width:100%;color:var(--text);margin-bottom:2rem;box-shadow:0 0 4px #0000000d}.settings-panel th,.settings-panel td{border:1px solid var(--border);text-align:center;padding:.75rem}@media (width<=768px){.dashboard{padding:.75rem}.dashboard-section{margin-bottom:1rem;padding:.9rem}.dashboard-section.flex-wrap{flex-direction:column}.dashboard-section.flex-wrap>*{flex:100%;width:100%}}.settings-panel th{background-color:var(--table-header);color:var(--text-strong)}.settings-panel tr:nth-child(2n){background-color:var(--table-row-even)}@supports (accent-color:auto){input[type=checkbox],input[type=radio]{accent-color:var(--accent)}}.error-message{color:var(--danger);background-color:#fdecea;border-radius:4px}.delete-btn{background-color:var(--danger);color:var(--color-danger);cursor:pointer;border:none;border-radius:4px;font-weight:700;transition:background-color .2s,transform .1s}.delete-btn:hover{background-color:var(--danger-hover);transform:scale(1.05)}.delete-btn:disabled{background-color:var(--disabled);opacity:.7}.theme-toggle{background-color:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;transition:background-color .3s,transform .2s}.theme-toggle:hover{background-color:var(--accent-hover);transform:scale(1.05)}.fee-dashboard{color:#333;padding:2rem;font-family:Segoe UI,Roboto,sans-serif}.fee-dashboard h1{color:var(--color-accent);margin-bottom:1.5rem;font-size:1.8rem}.fee-dashboard p{margin:.5rem 0}.fee-dashboard p.error{color:#e74c3c;font-weight:700}.fee-dashboard p.loading{color:#2980b9}.fee-section{overflow-x:auto}.date-filter-row{flex-wrap:wrap;align-items:center;gap:1rem;margin:.75rem 0 1.25rem;display:flex}.date-filter-row label{align-items:center;gap:.4rem;display:flex}.fee-table{border-collapse:collapse;background:var(--color-neutral);width:100%;min-width:max-content;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.fee-table th,.fee-table td{text-align:left;border:1px solid #ddd;padding:.75rem}.fee-table th{background:var(--color-table-header);font-weight:600}.fee-table tr:nth-child(2n){background:var(--color-table-row-even)}.fee-table input[type=text],.fee-table input:not([type]){border:1px solid var(--color-border);box-sizing:border-box;border-radius:4px;width:140px;padding:.25rem}.fee-table input[type=number]{border:1px solid var(--color-border);border-radius:4px;width:100px;padding:.25rem}.fee-table button{cursor:pointer;border:none;border-radius:4px;margin-right:.5rem;padding:.4rem .8rem;font-size:.9rem}.fee-table button:first-of-type{color:#fff;background:#27ae60}.fee-table button:last-of-type,.fee-table .danger-btn{color:#fff;background:#e74c3c}.fee-table .danger-btn:disabled{cursor:not-allowed;background:#f1a9a0}.fee-table button:hover{opacity:.9}.feature-switch{margin:.5rem 0;display:block}.add-fee-form{border:1px solid var(--color-border);background:var(--color-card-bg);border-radius:8px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 2px 4px #0000000d}.add-fee-form h2{color:var(--color-success);margin-bottom:1rem;font-size:1.4rem}.add-fee-form label{color:var(--color-text);margin-bottom:.75rem;font-weight:600;display:block}.add-fee-form select,.add-fee-form input[type=text],.add-fee-form input[type=number]{border:1px solid #ccc;border-radius:6px;width:100%;max-width:320px;margin-top:.25rem;margin-bottom:1rem;padding:.5rem;font-size:.95rem;transition:border-color .2s;display:block}.add-fee-form select:focus,.add-fee-form input:focus{border-color:#2980b9;outline:none}.add-fee-form button{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:6px;padding:.6rem 1.2rem;font-size:.95rem;transition:background .2s}.add-fee-form button:hover{background:#219150}.registry-overview{margin-top:var(--space-md)}.registry-overview h3{font-size:var(--font-size-lg);color:var(--color-accent);margin-bottom:var(--space-md);font-weight:600}.registry-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.role-profile-photo,.role-profile-placeholder{object-fit:cover;color:#087443;background:#e7f4ed;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;display:inline-flex}.role-email{color:#667085;margin-top:3px;font-weight:400;display:block}.role-editor-overlay{z-index:1000;background:#10182873;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.role-editor{background:var(--color-card-bg,#fff);border-radius:8px;gap:12px;width:min(440px,100%);padding:20px;display:grid;box-shadow:0 16px 40px #10182833}.role-editor h3{margin:0}.role-editor label{gap:6px;font-weight:600;display:grid}.role-editor input{padding:9px}.role-editor span{color:#667085;font-weight:400}.role-editor-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.role-editor-roles{border:1px solid var(--color-border,#d0d5dd);border-radius:6px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px;display:grid}.role-editor-roles legend{padding:0 4px;font-weight:600}.role-editor-roles label{align-items:center;gap:6px;font-weight:400;display:flex}.role-editor-roles input{padding:0}.role-manager{background:var(--gradient-card);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.role-manager h3{font-size:var(--font-size-lg);color:var(--color-accent);margin-bottom:var(--space-md);font-weight:600}.role-table{border-collapse:collapse;width:100%}.role-table th,.role-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);text-align:left}.role-table th{color:var(--color-text-strong);font-weight:600}.role-badge{border-radius:var(--radius-sm);font-size:var(--font-size-sm);text-transform:capitalize;opacity:.6;margin:0 .25rem .25rem 0;padding:.25rem .5rem;font-weight:600;display:inline-block}.role-badge.role-badge-active{opacity:1;box-shadow:0 0 0 2px var(--color-text-strong,#1a1a1a) inset}.role-badge.admin{background:var(--color-admin);color:#fff}.role-badge.staff{background:var(--color-staff);color:#fff}.role-badge.secretary{background:var(--color-secretary);color:#fff}.role-badge.treasurer{background:var(--color-treasurer);color:#fff}.role-badge.sk{background:var(--color-youth);color:#fff}.role-badge.dilg{background:var(--color-dilg);color:#fff}.role-badge.resident{background:var(--color-resident);color:#fff}.role-badge.surveyor{color:#fff;background:#2563eb}.role-badge.supervisor{color:#fff;background:#7c3aed}.presence-indicator{align-items:center;display:inline-flex}.presence-dot{border:1px solid var(--color-border);border-radius:50%;width:12px;height:12px;display:inline-block}.presence-dot.online{background:#22c55e}.presence-dot.offline{background:#9ca3af}select{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-input-bg);color:var(--color-text)}.delete-btn{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;border:none;font-weight:600}.delete-btn.danger{background:var(--color-danger);color:#fff}.delete-btn.danger:hover{background:var(--color-danger-hover)}.analytics-panel{background:var(--gradient-card);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);margin-top:var(--space-lg)}.analytics-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.analytics-header h3{font-size:var(--font-size-lg);color:var(--color-accent);font-weight:600}.trend-toggle{gap:var(--space-sm);display:flex}.chart-controls{align-items:center;gap:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.chart-controls>label{color:var(--color-text-strong);font-weight:600}.category-select,.period-input{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-card-muted);padding:var(--space-xs) var(--space-sm);color:var(--color-text-strong)}.period-toggle{gap:var(--space-xs);display:flex}.compare-controls{gap:var(--space-md);width:100%;padding-top:var(--space-sm);border-top:1px dashed var(--color-border);flex-wrap:wrap;display:flex}.compare-block{gap:var(--space-xs);background:var(--color-card-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:260px;padding:var(--space-sm);flex-direction:column;flex:260px;display:flex}.compare-title{font-weight:700;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted)}.trend-toggle button,.period-toggle button{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-card-muted);cursor:pointer;color:var(--color-text-strong);font-weight:600;transition:background-color .2s,color .2s}.period-toggle button:hover{background:var(--color-table-row-hover)}.period-toggle button.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.trend-toggle button:hover{background:var(--color-table-row-hover)}.trend-toggle button.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.metrics-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.trend-indicator{margin-left:var(--space-xs);font-size:var(--font-size-sm);font-weight:600}.trend-indicator.up{color:var(--color-success)}.trend-indicator.down{color:var(--color-danger)}.trend-indicator.neutral{color:var(--color-text-muted)}.analytics-chart{margin-top:var(--space-lg);background:var(--color-card-muted);padding:var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);grid-column:1/-1}.metric-card-wrap{border-radius:var(--radius-md);cursor:pointer;outline:2px solid #0000;transition:outline-color .2s}.metric-card-wrap.selected,.metric-card-wrap:focus-visible{outline-color:var(--color-accent)}@media (width<=768px){.analytics-header{align-items:flex-start;gap:var(--space-sm);flex-direction:column}.trend-toggle{justify-content:flex-start;width:100%}.period-toggle{flex-wrap:wrap;width:100%}.compare-block{min-width:100%}.analytics-chart{margin-top:var(--space-md)}}.document-queue{margin-top:var(--space-md);background:var(--gradient-card);padding:var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);min-width:0;overflow:auto hidden}.document-queue h3{font-size:var(--font-size-lg);color:var(--color-accent);margin-bottom:var(--space-md);font-weight:600}.queue-table{border-collapse:collapse;width:100%}.queue-table-wrap{width:100%;overflow-x:auto}.queue-table th,.queue-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);text-align:left}.queue-table th{color:var(--color-text-strong);font-weight:600}.queue-table tr:hover{background:var(--color-table-row-hover);color:var(--color-text-strong)}.status-badge.pending,.status-badge.for_payment,.status-badge.awaiting_payment,.status-badge.payment_submitted,.status-badge.for-payment,.status-badge.awaiting-payment,.status-badge.payment-submitted{color:#7a5200;background:#fff1c2;border-color:#f7d27c}.status-badge.paid{color:#1d4f91;background:#dbeafe;border-color:#a8c6f5}.status-badge.approved{color:#1f6b36;background:#dff7e6;border-color:#a8e2b8}.review-btn,.approve-btn,.reject-btn{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;color:#fff;border:none;min-height:44px;font-weight:600;transition:background-color .2s}.review-btn{background:var(--color-accent)}.review-btn:hover{background:var(--color-accent-hover)}.approve-btn{background:var(--color-success)}.approve-btn:hover{background:var(--color-success-hover)}.reject-btn{background:var(--color-danger)}.reject-btn:hover{background:var(--color-danger-hover)}.modal-overlay{z-index:999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-card-bg,#fff);border-radius:var(--radius-md);padding:var(--space-md);width:400px;max-width:90%;box-shadow:var(--shadow-lg);animation:.3s fadeIn}.modal-header{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.modal-header h4{font-size:var(--font-size-md);color:var(--color-accent);font-weight:600}.close-btn{font-size:var(--font-size-lg);cursor:pointer;color:var(--color-text-strong);background:0 0;border:none;transition:color .2s}.close-btn:hover{color:var(--color-danger)}.modal-body p{margin:var(--space-xs) 0;font-size:var(--font-size-sm)}.modal-footer{justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-md);display:flex}.document-queue.blurred{filter:blur(4px);pointer-events:none}@media (width<=768px){.document-queue{padding:.75rem}.document-queue h3{font-size:1rem}.queue-table{white-space:nowrap;min-width:640px;display:table}.queue-table-wrap{overflow-x:auto}.queue-table th,.queue-table td{padding:.5rem .625rem;font-size:.875rem}.modal{width:100%;max-width:100%}.modal-footer{flex-direction:column}.modal-footer .approve-btn,.modal-footer .reject-btn{width:100%}}.registry-audit{background:var(--gradient-card);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.registry-audit h3{font-size:var(--font-size-lg);color:var(--color-accent);margin-bottom:var(--space-md);font-weight:600}.registry-audit-controls{gap:var(--space-sm);margin-bottom:var(--space-sm);flex-wrap:wrap;align-items:center;display:flex}.registry-audit-controls label{color:var(--color-text-strong);font-weight:600}.registry-audit-controls select,.registry-audit-controls input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-card-muted);color:var(--color-text);padding:.45rem .65rem}.registry-audit-period-label{margin:0 0 var(--space-md);color:var(--color-text);font-size:var(--font-size-sm)}.registry-audit ul{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.audit-entry{padding:var(--space-sm);background-color:var(--color-card-muted);border-radius:var(--radius-sm);transition:background-color .2s}.audit-entry:hover{background-color:var(--color-table-row-hover)}.audit-entry strong{color:var(--color-text-strong)}.audit-entry small{color:var(--color-text);font-size:var(--font-size-sm)}.audit-entry.accent{border-left:4px solid var(--color-accent)}.audit-entry.success{border-left:4px solid var(--color-success)}.audit-entry.info{border-left:4px solid var(--color-info)}.audit-entry.danger{border-left:4px solid var(--color-danger)}.audit-entry.warning{border-left:4px solid var(--color-warning)}.audit-entry.neutral{border-left:4px solid var(--color-neutral)}.audit-entry.youth{border-left:4px solid var(--color-youth)}.audit-entry.dilg{border-left:4px solid var(--color-dilg)}.complaint-list{margin-top:var(--space-md);background:var(--gradient-card);padding:var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);min-width:0;overflow:auto hidden}.complaint-list h3{font-size:var(--font-size-lg);color:var(--color-accent);margin-bottom:var(--space-md);font-weight:600}.complaint-table{border-collapse:collapse;width:100%}.complaint-table th,.complaint-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);text-align:left}.complaint-table th{color:var(--color-text-strong);font-weight:600}.complaint-table tr:hover{background:var(--color-table-row-hover);color:var(--color-text-strong)}.status-badge.pending,.status-badge.open{color:#7a5200;background:#fff1c2;border-color:#f7d27c}.status-badge.inreview,.status-badge.in_review,.status-badge.in-review{color:#1d4f91;background:#dbeafe;border-color:#a8c6f5}.status-badge.rejected{color:#8a1f2b;background:#fbe3e5;border-color:#f3b4bc}@media (width<=768px){.complaint-list{padding:.75rem}.complaint-list h3{font-size:1rem}.complaint-table{white-space:nowrap;min-width:720px;display:table}.complaint-table th,.complaint-table td{padding:.5rem .625rem;font-size:.875rem}}.incident-queue{margin-top:var(--space-md);background:var(--gradient-card);padding:var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);min-width:0;overflow:auto hidden}.incident-queue h3{font-size:var(--font-size-lg);color:var(--color-accent);margin-bottom:var(--space-md);font-weight:600}.incident-table{border-collapse:collapse;width:100%}.incident-table th,.incident-table td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);text-align:left}.incident-table th{color:var(--color-text-strong);font-weight:600}.incident-table tr:hover{background:var(--color-table-row-hover);color:var(--color-text-strong)}.status-badge{border-radius:var(--radius-sm);font-size:var(--font-size-sm);text-transform:capitalize;color:#1f2937;border:1px solid #0000;padding:.25rem .5rem;font-weight:600;display:inline-block}.status-badge.pending{color:#7a5200;background:#fff1c2;border-color:#f7d27c}.status-badge.escalated{color:#8a1f2b;background:#fbe3e5;border-color:#f3b4bc}.status-badge.resolved{color:#1f6b36;background:#dff7e6;border-color:#a8e2b8}.status-badge.dismissed{color:#3f4a57;background:#eceff3;border-color:#d6dde6}.status-badge.in-review,.status-badge.in_review,.status-badge.inreview{color:#1d4f91;background:#dbeafe;border-color:#a8c6f5}@media (width<=768px){.incident-queue{padding:.75rem}.incident-queue h3{font-size:1rem}.incident-table{white-space:nowrap;min-width:700px;display:table}.incident-table th,.incident-table td{padding:.5rem .625rem;font-size:.875rem}}.dashboard.admin-dashboard{gap:var(--space-lg);padding:var(--space-lg);background:var(--color-bg);color:var(--color-text);flex-direction:column;display:flex}.dashboard-header{margin-bottom:var(--space-md);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-sm)}.dashboard-header h2{font-size:var(--font-size-xl);color:var(--color-accent);margin-bottom:var(--space-xs);font-weight:700}.dashboard-subtitle{font-size:var(--font-size-md);color:var(--color-text-strong)}.dashboard-tabs{margin-bottom:var(--space-md);flex-wrap:wrap;gap:.5rem;display:flex}.dashboard-tab-btn{border:1px solid var(--color-border);background:var(--gradient-card);color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;min-height:44px;padding:.5rem .9rem;font-weight:600}.dashboard-tab-btn.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.section-stack{gap:var(--space-lg);flex-direction:column;display:flex}.dashboard-section{background:var(--gradient-card);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:var(--space-md);transition:transform .25s,box-shadow .25s}.dashboard-section:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.dashboard-section h3{font-size:var(--font-size-lg);margin-bottom:var(--space-sm);align-items:center;gap:var(--space-sm);font-weight:600;display:flex}.dashboard-section.accent{border-left:6px solid var(--color-accent)}.dashboard-section.success{border-left:6px solid var(--color-success)}.dashboard-section.danger{border-left:6px solid var(--color-danger)}.dashboard-section.info{border-left:6px solid var(--color-info)}.dashboard-section.grid-auto{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.dashboard-section.grid-2{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.dashboard-section.flex-wrap{gap:var(--space-md);flex-wrap:wrap;display:flex}.dashboard-section.flex-wrap>*{flex:320px;min-width:0}@media (width<=768px){.dashboard-tabs{scroll-snap-type:x proximity;flex-wrap:nowrap;padding-bottom:.25rem;overflow-x:auto}.dashboard-tab-btn{white-space:nowrap;scroll-snap-align:start;flex:none}.dashboard-section.grid-2{grid-template-columns:1fr}.dashboard-section.flex-wrap>*{flex-basis:100%}table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}table tr{margin-bottom:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm);background:var(--color-bg-alt);box-shadow:var(--shadow-sm);flex-direction:column;transition:box-shadow .2s;display:flex}table tr:hover{box-shadow:var(--shadow-card-hover)}table td,table th{text-align:left;padding:var(--space-xs) 0;display:block}.dashboard.admin-dashboard{padding:var(--space-md)}}.dashboard.role-dashboard{--role-accent:var(--color-accent);--role-accent-soft:#2563eb1f;--role-accent-soft-2:#0ea5e914;color:var(--color-text);flex-direction:column;gap:1.2rem;padding:1.5rem;display:flex}.role-admin{--role-accent:#2563eb;--role-accent-soft:#2563eb1f;--role-accent-soft-2:#0ea5e914}.role-staff{--role-accent:#059669;--role-accent-soft:#05966924;--role-accent-soft-2:#10b98114}.role-secretary{--role-accent:#b45309;--role-accent-soft:#b4530924;--role-accent-soft-2:#f59e0b14}.role-treasurer{--role-accent:#0f766e;--role-accent-soft:#0f766e24;--role-accent-soft-2:#14b8a614}.role-resident{--role-accent:#be185d;--role-accent-soft:#be185d24;--role-accent-soft-2:#ec489914}.role-dashboard .dashboard-header,.role-dashboard>header{border:1px solid var(--color-border);background:linear-gradient(135deg, var(--role-accent-soft), var(--role-accent-soft-2));box-shadow:var(--shadow-card,0 10px 28px #0f172a14);border-radius:16px;flex-direction:column;gap:.55rem;padding:1.25rem;display:flex}.role-dashboard .dashboard-header h1,.role-dashboard .dashboard-header h2,.role-dashboard>header h1,.role-dashboard>header h2{color:var(--color-text-strong,var(--color-text));margin:0}.role-dashboard .dashboard-header p,.role-dashboard>header p,.role-dashboard .dashboard-subtitle{color:var(--color-text);margin:0}.role-dashboard .dashboard-tabs,.role-dashboard .sk-tab-grid{margin-bottom:0}.role-dashboard .dashboard-tab-btn.active,.role-dashboard .profile-toggle-btn,.role-dashboard .btn-staff,.role-dashboard .reports-section button,.role-dashboard .header-buttons button{background:var(--role-accent);border-color:var(--role-accent);color:#fff}.role-dashboard .dashboard-tab-btn.active:hover,.role-dashboard .profile-toggle-btn:hover,.role-dashboard .btn-staff:hover,.role-dashboard .reports-section button:hover,.role-dashboard .header-buttons button:hover{filter:brightness(1.06)}.role-dashboard .dashboard-section,.role-dashboard .staff-dashboard-content>:not(.summary-cards),.role-dashboard .chart-section,.role-dashboard .resident-records section,.role-dashboard .summary-cards .card,.role-dashboard .transactions-table,.role-dashboard .disbursement-table,.role-dashboard .reports-section,.role-dashboard .revenue-chart,.role-dashboard .resident-resume{background:var(--gradient-card,var(--color-card-bg));border:1px solid var(--color-border);box-shadow:var(--shadow-card,0 10px 28px #0f172a14);border-radius:14px}.role-dashboard .chart-section,.role-dashboard .transactions-table,.role-dashboard .disbursement-table,.role-dashboard .reports-section,.role-dashboard .revenue-chart,.role-dashboard .resident-records section{border-top:4px solid var(--role-accent)}.role-dashboard .summary-cards .card h3,.role-dashboard .summary-cards .card p,.role-dashboard .chart-section h3,.role-dashboard .revenue-chart h2,.role-dashboard .transactions-table h2,.role-dashboard .disbursement-table h2,.role-dashboard .reports-section h2,.role-dashboard .resident-records section h2{color:var(--color-text-strong,var(--color-text))}.role-dashboard .section-stack,.role-dashboard .charts-container,.role-dashboard .staff-dashboard-content,.role-dashboard .resident-records{gap:1.2rem}.role-dashboard .resident-dashboard-actions{margin-bottom:0}@media (width<=768px){.dashboard.role-dashboard,.role-dashboard .dashboard-header,.role-dashboard>header{padding:1rem}}.staff-dashboard-content{transition:filter .3s}.dashboard-focus-panel{padding:var(--space-md,1rem)}.staff-dashboard-content.blurred{filter:blur(4px);pointer-events:none;-webkit-user-select:none;user-select:none}.form-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.form-container{background:var(--color-card-bg);padding:var(--space-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:min(400px,92vw);max-height:80vh;position:relative;overflow-y:auto}.close-btn{top:var(--space-sm);right:var(--space-sm);font-size:var(--font-size-lg);cursor:pointer;color:var(--color-text);background:0 0;border:none;position:absolute}.dashboard-header{padding:var(--space-md)}.header-buttons{gap:var(--space-sm);display:flex}.header-buttons button{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;font-weight:var(--font-weight-bold);border:none}.btn-staff:hover{background-color:var(--color-accent-hover)}.resident-resume{background:var(--color-bg);border-radius:12px;max-width:100%;margin:0;padding:2rem;font-family:system-ui,sans-serif;box-shadow:0 4px 20px #00000014}.resume-header{align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.resume-photo{object-fit:cover;border:2px solid #ddd;border-radius:8px;width:140px;height:140px}.resume-occupation{color:var(--color-text);margin-top:-8px}section{margin-bottom:2rem}h2{border-bottom:2px solid #eee;margin-bottom:.8rem;padding-bottom:4px}.resume-grid{grid-template-columns:repeat(2,1fr);gap:.6rem 1rem;display:grid}.biometric-row{gap:2rem;display:flex}.fingerprint-img{object-fit:contain;border:1px solid #ccc;border-radius:6px;width:120px;height:120px;padding:4px}.signature-img{border:1px solid #ccc;border-radius:6px;width:200px;height:auto;padding:4px}.remarks-box{background:#fafafa;border:1px solid #eee;border-radius:6px;padding:1rem}.resident-dashboard-page{max-width:1300px;margin:0 auto;padding:1.5rem 1.5rem 2.5rem}.resident-dashboard-actions{justify-content:flex-end;margin-bottom:1rem;display:flex}.profile-toggle-btn{border:1px solid var(--color-accent,#0078d4);background:var(--color-accent,#0078d4);color:#fff;cursor:pointer;border-radius:6px;padding:.5rem .9rem;font-weight:600}.resident-records{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:3rem;margin-top:1rem;display:grid}.resident-records section{background:var(--color-bg);border:1px solid var(--color-border,#e5e7eb);border-radius:10px;margin-bottom:0;padding:1rem}.resident-records section h2{border-bottom-width:2px}.resident-records section:first-child{border-top:4px solid var(--color-success,#16a34a)}.resident-records section:first-child h2{color:var(--color-success,#16a34a)}.resident-records section:nth-child(2){border-top:4px solid var(--color-info,#0ea5e9)}.resident-records section:nth-child(2) h2{color:var(--color-info,#0ea5e9)}.resident-records section:nth-child(3){border-top:4px solid var(--color-warning,#f59e0b)}.resident-records section:nth-child(3) h2{color:var(--color-warning,#f59e0b)}.resident-records section:nth-child(4){border-top:4px solid var(--color-danger,#ef4444)}.resident-records section:nth-child(4) h2{color:var(--color-danger,#ef4444)}.resident-table-wrap{overflow-x:auto}.resident-table{border-collapse:collapse;width:100%}.resident-table th,.resident-table td{text-align:left;vertical-align:top;border:1px solid #e5e7eb;padding:.6rem}.resident-table th{background:#f8fafc}@media (width<=1024px){.resident-records{grid-template-columns:1fr}.resident-resume{padding:1.2rem}}.card{background-color:var(--color-card-bg);text-align:center;border-left:6px solid var(--card-accent,var(--color-accent));border-radius:8px;flex:1;padding:20px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 6px #0000001a}.card h3{color:var(--card-accent,var(--color-accent));margin:0;font-size:2rem}.card p{color:var(--color-text-muted);margin-top:8px;font-size:.9rem}.card.info{--card-accent:var(--color-info)}.role-dashboard.role-secretary .summary-cards .card{border-left:6px solid var(--card-accent,var(--color-accent))}.role-dashboard.role-secretary .summary-cards .card h3{color:var(--card-accent,var(--color-accent))}.dashboard.secretary-dashboard{background-color:#f7f9fc;min-height:100vh;padding:1.5rem;font-family:Segoe UI,Roboto,sans-serif}.dashboard.secretary-dashboard header{margin-bottom:1.5rem}.dashboard.secretary-dashboard header h2{color:#2c3e50;margin:0;font-size:1.6rem}.dashboard.secretary-dashboard header p{color:#7f8c8d;margin-top:.25rem;font-size:.95rem}.summary-card{text-align:center;background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 6px #00000014}.summary-card h4{color:#34495e;margin:0;font-size:1rem}.summary-card p{color:#2980b9;margin:.25rem 0 0;font-size:1.2rem;font-weight:700}.charts-container{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.chart-section{background:#fff;border-radius:8px;flex-direction:column;align-items:center;padding:1rem;display:flex;box-shadow:0 2px 6px #00000014}.chart-section h3{color:#2c3e50;margin-bottom:.75rem;font-size:1.1rem}.chart-section canvas{min-width:0;max-width:800px;width:100%!important;height:100%!important}@media (width>=1024px){.chart-section canvas{max-width:900px}}@media (width<=900px){.chart-section canvas{max-width:700px}}@media (width<=600px){.dashboard.secretary-dashboard{padding:1rem}.chart-section canvas{max-width:100%}}.summary-cards{gap:1rem;margin:1rem 0;display:flex}.card{background:var(--color-card-bg);border-left:6px solid var(--card-accent,var(--color-accent));border-radius:8px;flex:1;align-items:center;gap:.75rem;padding:1rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 4px #0000001a}.card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000024}.card-icon{font-size:1.5rem}.card-content h3{color:var(--color-text-muted);margin:0;font-size:1rem}.card-content p{color:var(--card-accent,var(--color-accent));margin:.5rem 0 0;font-size:1.2rem;font-weight:700}.card.accent{--card-accent:var(--color-accent)}.card.success{--card-accent:var(--color-success)}.card.warning{--card-accent:var(--color-warning)}.card.danger{--card-accent:var(--color-danger)}.role-dashboard.role-treasurer .summary-cards .card{border-left:6px solid var(--card-accent,var(--color-accent))}.role-dashboard.role-treasurer .summary-cards .card p{color:var(--card-accent,var(--color-accent))}.transactions-table h2{color:var(--color-success);margin-bottom:12px;font-size:1.2rem}.status-tabs{margin-bottom:14px}.transactions-table .table-scroll{width:100%;overflow-x:auto}.transactions-table table{border-collapse:collapse;width:100%;min-width:840px;font-size:.95rem}.transactions-table th{color:#222;background-color:#f5f5f5;font-weight:600}.transactions-table tr:nth-child(2n){background-color:var(--color-neutral)}.transactions-table tr:hover{background-color:var(--color-accent-hover);color:var(--color-text)}.transactions-table td{color:var(--color-text)}@media (width<=768px){.transactions-table table{font-size:.85rem}.transactions-table th,.transactions-table td{padding:8px 10px}}.treasurer-dashboard{background-color:var(--color-bg);min-height:100vh;padding:2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.treasurer-dashboard h1{color:var(--color-accent);margin-bottom:1.5rem;font-size:2rem;font-weight:600}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.summary-cards .card{background:var(--color-card-bg);color:var(--color-text);border-radius:8px;padding:1rem;font-size:1rem;font-weight:500;box-shadow:0 2px 6px #00000014}.revenue-chart{background:var(--color-card-bg);border-radius:8px;max-width:600px;height:300px;margin-bottom:2rem;padding:1rem;box-shadow:0 2px 6px #00000014}.revenue-chart canvas{max-height:250px}.revenue-chart h2{color:var(--color-success);margin-bottom:1rem;font-size:1.25rem}.transactions-table{background:var(--color-card-bg);border-radius:8px;margin-bottom:2rem;padding:1rem;box-shadow:0 2px 6px #00000014}.transactions-table h2{margin-bottom:1rem;font-size:1.25rem}.transactions-tabs{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.transactions-tabs button{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #d0d7de;border-radius:8px;padding:7px 12px;font-size:.9rem}.transactions-tabs button.active{border-color:var(--color-success);background:#38a16926;font-weight:700}.transactions-table table{border-collapse:collapse;width:100%}.transactions-table th,.transactions-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:.75rem}.transactions-table th{background-color:var(--color-table-header);color:var(--color-text-strong);font-weight:600}.transactions-table tr:hover{background-color:var(--color-accent-hover);color:var(--color-text);transition:background-color .2s,color .2s}.disbursement-table{background:var(--color-card-bg);border-radius:8px;margin-bottom:2rem;padding:1rem;box-shadow:0 2px 6px #00000014}.disbursement-table h2{color:var(--color-danger);margin-bottom:1rem;font-size:1.25rem}.disbursement-table table{border-collapse:collapse;width:100%}.disbursement-table th,.disbursement-table td{text-align:left;border-bottom:1px solid #e5e7eb;padding:.75rem}.disbursement-table th{background-color:var(--color-table-header);color:var(--color-text-strong);font-weight:600}.disbursement-table tr:hover{background-color:#f9fafb}.reports-section{background:var(--color-card-bg);border-radius:8px;padding:1rem;box-shadow:0 2px 6px #00000014}.reports-section h2{margin-bottom:1rem;font-size:1.25rem}.reports-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.reports-controls label{font-weight:600}.reports-controls input[type=month],.reports-controls input[type=number],.reports-controls select{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:6px;padding:.45rem .6rem}.reports-section button{color:#fff;cursor:pointer;background-color:#2563eb;border:none;border-radius:6px;padding:.6rem 1.2rem;font-size:.95rem;transition:background-color .2s}.reports-section button:hover{background-color:#1e40af}.dashboard.sk-dashboard{color:var(--color-text,var(--text));flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.sk-header{border:1px solid var(--color-border,var(--border));box-shadow:var(--shadow-card,0 10px 28px #0f172a14);background:linear-gradient(135deg,#22c55e1f,#0ea5e914);border-radius:18px;flex-direction:column;gap:.75rem;padding:1.35rem;display:flex}.sk-header h2{color:var(--color-text-strong,var(--text));margin:0;font-size:1.95rem}.sk-header p{max-width:60rem;color:var(--color-text,var(--text));opacity:.9;margin:0}.sk-header-actions{flex-wrap:wrap;gap:.75rem;display:flex}.sk-form-title{color:var(--color-text-strong,var(--text));margin:0 0 .85rem;font-size:1rem}.sk-tab-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.9rem;display:grid}.sk-tab-card{text-align:left;border:1px solid var(--color-border,var(--border));border-left:6px solid var(--tab-accent,var(--color-youth,var(--accent)));background:var(--gradient-card,var(--card-bg));color:var(--color-text-strong,var(--text));cursor:pointer;min-height:84px;box-shadow:var(--shadow-card,0 10px 28px #0f172a14);border-radius:16px;align-items:center;gap:.85rem;padding:1.1rem 1.15rem;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.sk-tab-card:hover{border-color:var(--tab-accent,var(--color-youth,var(--accent)));transform:translateY(-2px)}.sk-tab-card.active{border-color:var(--tab-accent,var(--color-youth,var(--accent)));box-shadow:0 0 0 2px var(--tab-accent,var(--color-youth,var(--accent))) inset}.sk-tab-card.accent{--tab-accent:var(--color-accent)}.sk-tab-card.success{--tab-accent:var(--color-success)}.sk-tab-card.info{--tab-accent:var(--color-info)}.sk-tab-card.warning{--tab-accent:var(--color-warning)}.sk-tab-icon{font-size:1.6rem;line-height:1}.sk-tab-body{flex-direction:column;gap:.3rem;min-width:0;display:flex}.sk-tab-title{opacity:.85;font-size:.9rem}.sk-tab-value{color:var(--tab-accent,var(--color-youth,var(--accent)));font-size:1.6rem;font-weight:700;line-height:1}.sk-active-panel{display:block}.sk-dashboard .tool-section{background:var(--gradient-card,var(--card-bg));border:1px solid var(--color-border,var(--border));box-shadow:var(--shadow-card,0 10px 28px #0f172a14);border-radius:18px;min-width:0;padding:1.2rem}.sk-form-page .tool-section{margin-top:0}.sk-dashboard .tool-section h3{color:var(--color-text-strong,var(--text));margin:0 0 1rem;font-size:1.2rem}.sk-inline-form{grid-template-columns:repeat(2,minmax(160px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.sk-inline-form input,.sk-inline-form select,.youth-feedback-form textarea,.sk-inline-form button{border:1px solid var(--color-border,var(--border));background:var(--card-bg);min-height:46px;color:var(--color-text,var(--text));font:inherit;border-radius:12px;padding:.75rem .85rem}.sk-inline-form button{background:var(--color-youth,var(--accent));color:#fff;border:1px solid var(--color-youth,var(--accent));cursor:pointer}.sk-secondary-btn,.sk-danger-btn{border:1px solid var(--color-border,var(--border));background:var(--gradient-card,var(--card-bg));min-height:44px;color:var(--color-text-strong,var(--text));cursor:pointer;border-radius:12px;padding:.65rem .9rem;font-weight:600;transition:transform .18s,border-color .18s,background-color .18s}.sk-secondary-btn:hover,.sk-inline-form button:hover,.youth-feedback-form button:hover,.sk-danger-btn:hover{transform:translateY(-1px)}.sk-danger-btn{color:#c0392b;background:#c0392b14;border-color:#c0392b}.sk-item-actions{flex-wrap:wrap;gap:.65rem;margin-top:.85rem;display:flex}.sk-inline-form button:disabled{opacity:.7;cursor:wait;transform:none}.sk-item-meta{color:var(--color-text,var(--text));opacity:.8;flex-wrap:wrap;gap:.65rem;font-size:.85rem;display:flex}.sk-item-description{color:var(--color-text,var(--text));opacity:.85;margin:.5rem 0 0;font-size:.9rem}.sk-description-field{border:1px solid var(--color-border,var(--border));background:var(--card-bg);min-height:72px;color:var(--color-text,var(--text));font:inherit;resize:vertical;border-radius:12px;grid-column:1/-1;padding:.75rem .85rem}.sk-photo-field{color:var(--color-text,var(--text));flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.sk-photo-field input[type=file]{border:1px solid var(--color-border,var(--border));background:var(--card-bg);border-radius:12px;min-height:0;padding:.5rem}.sk-photo-preview{object-fit:cover;border:1px solid var(--color-border,var(--border));border-radius:12px;width:100%;max-height:140px}.sk-item-photo{object-fit:cover;border-radius:12px;width:100%;max-height:160px;margin-bottom:.5rem;display:block}.sk-empty-state{border:1px dashed var(--color-border,var(--border));color:var(--color-text,var(--text));opacity:.9;background:#94a3b814;border-radius:12px;margin:.75rem 0 0;padding:.95rem 1rem}.sk-feed-list{gap:.85rem;margin-top:1rem;display:grid}.sk-feed-item{border:1px solid var(--color-border,var(--border));background:var(--card-bg);border-radius:14px;padding:.9rem 1rem}.sk-feed-item p{margin:0}.sk-feed-item small{opacity:.8;margin-top:.45rem;display:block}.youth-registry{overflow-x:auto}.youth-registry table{border-collapse:collapse;width:100%;min-width:36rem;margin-top:1rem}.youth-registry-filters{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.youth-registry-filters label{font-weight:600}.youth-registry-filters select{border:1px solid var(--color-border,var(--border));background:var(--card-bg);min-height:42px;color:var(--color-text,var(--text));border-radius:10px;padding:.55rem .7rem}.youth-registry-filters select:disabled{opacity:.65;cursor:not-allowed}.youth-registry-meta{opacity:.8;margin:0;font-size:.9rem}.youth-registry th,.youth-registry td{border:1px solid var(--color-border,var(--border));text-align:left;padding:.75rem}.youth-registry thead th{color:var(--color-text-strong,var(--text));background:#0ea5e914}.youth-registry tbody tr:nth-child(2n){background:#94a3b80a}.youth-registry .sk-age-value{min-width:2ch;color:var(--color-text-strong,var(--text));font-weight:600;display:inline-block}.program-list ul,.event-calendar ul{gap:.85rem;margin-top:1rem;padding:0;list-style:none;display:grid}.program-list li,.event-calendar li{border:1px solid var(--color-border,var(--border));background:var(--card-bg);border-radius:14px;padding:1rem}.youth-feedback-form textarea{resize:vertical;box-sizing:border-box;width:100%;min-height:140px;margin-bottom:1rem}.youth-feedback-form button{background-color:var(--color-youth,var(--accent));color:#fff;border:1px solid var(--color-youth,var(--accent));cursor:pointer;border-radius:12px;min-height:46px;padding:.75rem 1rem;font-weight:600}.youth-feedback-form button:hover{background-color:var(--color-youth,var(--accent-hover,var(--accent)))}@media (width<=768px){.dashboard.sk-dashboard,.sk-header{padding:1rem}.sk-header h2{font-size:1.55rem}.sk-tab-grid,.sk-inline-form{grid-template-columns:1fr}.sk-header-actions{flex-direction:column}.sk-header-actions .sk-secondary-btn,.sk-inline-form button,.sk-item-actions button,.youth-feedback-form button{width:100%}.youth-registry-filters{flex-direction:column;align-items:flex-start}.youth-registry table{min-width:32rem}.sk-item-actions{flex-direction:column}}.audit-dashboard{color:var(--color-text);flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.audit-hero{border:1px solid var(--color-border);box-shadow:var(--shadow-card);background:linear-gradient(135deg,#8b45131f,#1e40af14);border-radius:16px;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex}.audit-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--color-dilg);margin:0 0 .4rem;font-size:.8rem;font-weight:700}.audit-hero h2{color:var(--color-text-strong);margin:0;font-size:2rem}.audit-hero p{max-width:56rem;color:var(--color-text);margin:.6rem 0 0}.audit-hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.audit-primary-btn,.audit-secondary-btn,.audit-page-link,.audit-export-panel button{border:1px solid var(--color-border);cursor:pointer;border-radius:10px;min-height:44px;padding:.7rem 1rem;font-weight:600;transition:transform .15s,background-color .2s,border-color .2s}.audit-primary-btn,.audit-export-panel button{background:var(--color-dilg);color:#fff;border-color:var(--color-dilg)}.audit-primary-btn:hover,.audit-export-panel button:hover{filter:brightness(1.05);transform:translateY(-1px)}.audit-secondary-btn,.audit-page-link{background:var(--gradient-card);color:var(--color-text-strong)}.audit-page-nav{flex-wrap:wrap;gap:.75rem;display:flex}.audit-page-link.active{border-color:var(--color-dilg);color:var(--color-dilg);background:#8b45131f}.audit-summary-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.audit-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.tool-section{background:var(--gradient-card);border:1px solid var(--color-border);box-shadow:var(--shadow-card);border-radius:16px;min-width:0;padding:1.25rem}.audit-span-2{grid-column:span 2}.tool-section h3{color:var(--color-text-strong);margin:0 0 .75rem;font-size:1.2rem}.audit-section-copy{color:var(--color-text);margin:0 0 1rem}.audit-stacked-tools{flex-direction:column;gap:1rem;display:flex}.audit-export-panel p{margin:0 0 1rem}@media (width<=1024px){.audit-hero{flex-direction:column}.audit-tools{grid-template-columns:1fr}.audit-span-2{grid-column:span 1}}@media (width<=768px){.audit-dashboard,.audit-hero{padding:1rem}.audit-hero h2{font-size:1.55rem}.audit-page-nav{flex-wrap:nowrap;padding-bottom:.25rem;overflow-x:auto}.audit-page-link{white-space:nowrap;flex:none}.audit-hero-actions,.audit-export-panel,.audit-primary-btn,.audit-secondary-btn,.audit-export-panel button{width:100%}}.fdp-module-page{grid-template-rows:auto 1fr;gap:1rem;min-height:calc(100vh - 6rem);padding:1rem;display:grid}.fdp-module-header{background:#ffffffc7;border:1px solid #0f172a1f;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1rem;display:flex}.fdp-module-header h2{margin:0;font-size:1.2rem}.fdp-module-header p{opacity:.85;margin:.35rem 0 0;font-size:.9rem}.fdp-open-tab-btn{color:#fff;background:#0f172a;border:1px solid #0f172a;border-radius:8px;justify-content:center;align-items:center;padding:.55rem .9rem;font-weight:600;text-decoration:none;display:inline-flex}.fdp-open-tab-btn:hover{opacity:.92}.fdp-iframe-shell{background:#fff;border:1px solid #0f172a29;border-radius:12px;min-height:70vh;overflow:hidden}.fdp-survey-iframe{border:0;width:100%;height:calc(100vh - 13.5rem);min-height:70vh}@media (width<=768px){.fdp-module-page{padding:.75rem}.fdp-survey-iframe{height:calc(100vh - 16rem)}}.public-services{color:#172b23;background:#edf4f1;min-height:100vh;padding:40px 16px}.public-back-bar{flex-wrap:wrap;justify-content:space-between;gap:12px;width:min(720px,100%);margin:0 auto 14px;font-size:.9rem;display:flex}.public-back-bar a{color:#087443;font-weight:700}.public-card{background:#fff;border:1px solid #c9d9d1;border-radius:8px;width:min(720px,100%);margin:0 auto;padding:28px;box-shadow:0 12px 32px #0f32221f}.public-card h1{color:#172b23;margin-top:0}.public-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.public-form label,.public-lookup label{gap:6px;font-weight:600;display:grid}.public-form input,.public-form select,.public-lookup input,.public-lookup select{color:#172b23;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;border:1px solid #9eb6aa;border-radius:4px;padding:10px}.public-form fieldset{border:1px solid #c9d9d1;border-radius:4px;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.public-form button,.public-lookup button{color:#fff;cursor:pointer;background:#087443;border:0;border-radius:4px;padding:12px;font-weight:700}.public-form button{grid-column:1/-1}.public-lookup{gap:14px;max-width:440px;display:grid}.public-form span{color:#667085;font-weight:400}.public-error{color:#b42318}.public-link{color:#087443;word-break:break-all;margin:18px 0;font-weight:700;display:block}.public-profile{background:#edf7f1;border-radius:4px;gap:5px;padding:12px;display:grid}.public-note{color:#667085}.public-service-list{gap:8px;padding:0;list-style:none;display:grid}.public-service-link{text-align:left;color:#087443;cursor:pointer;background:#edf7f1;border:1px solid #9eb6aa;border-radius:4px;width:100%;padding:12px 14px;font-weight:700;display:block}@media (width<=620px){.public-form,.public-form fieldset{grid-template-columns:1fr}}.public-profile-header{align-items:center;gap:16px;display:flex}.public-profile-header h1{margin:0}.public-profile-header p{margin:4px 0 0}.public-profile-photo{object-fit:cover;border:2px solid #c9d9d1;border-radius:50%;flex-shrink:0;width:72px;height:72px;display:block}.public-account-actions{flex-wrap:wrap;gap:10px;margin:10px 0 16px;display:flex}.public-my-info,.public-update-request{flex:1;min-width:220px}.public-my-info>button,.public-update-request>button{color:#087443;cursor:pointer;background:#fff;border:1px solid #9eb6aa;border-radius:4px;width:100%;padding:10px 14px;font-weight:700}.public-profile-details{background:#edf7f1;border-radius:4px;gap:6px;margin-top:10px;padding:12px;display:grid}.public-profile-details p{margin:0}.public-update-request form.public-lookup{max-width:100%;margin-top:12px}.public-update-request textarea{border:1px solid #9eb6aa;border-radius:4px;padding:10px;font-family:inherit}.public-site{color:#172b23;background:#edf4f1;min-height:100vh}.public-topbar{color:#d9eee3;background:#06371f;justify-content:space-between;align-items:center;padding:8px clamp(16px,5vw,72px);font-size:.85rem;display:flex}.public-topbar a{color:#fff;font-weight:600}.public-site-header{z-index:10;background:#fff;border-bottom:1px solid #c9d9d1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px clamp(16px,5vw,72px);display:flex;position:sticky;top:0}.public-brand{align-items:center;gap:14px;display:flex}.public-brand-seal{object-fit:contain;width:56px;height:56px}.public-site-header h1{color:#172b23;margin:2px 0 0;font-size:1.4rem}.public-nav{flex-wrap:wrap;gap:22px;display:flex}.public-nav a{color:#172b23;font-weight:600}.public-nav a:hover{color:#087443}.public-hero{color:#fff;background:linear-gradient(135deg,#06371f,#0b5a35 60%,#087443);padding:clamp(40px,6vw,72px) clamp(16px,5vw,72px)}.public-hero-copy{text-align:center;max-width:720px;margin:0 auto}.public-hero-copy h2{color:#fff;margin:0 0 14px;font-size:clamp(1.7rem,3vw,2.6rem)}.public-hero-copy p{opacity:.92;margin:0 0 26px;font-size:1.05rem}.public-hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.public-cta{border-radius:6px;padding:12px 22px;font-weight:700}.public-cta-primary{color:#06371f;background:#ffd166}.public-cta-secondary{color:#fff;background:#ffffff1f;border:1px solid #fff9}.public-portal{padding:48px clamp(16px,5vw,72px)}.public-eyebrow{color:#087443;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.85rem;font-weight:700}.public-service-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1120px;margin:0 auto;display:grid}.public-service-tab{background:#fff;border:1px solid #c9d9d1;border-radius:8px;flex-direction:column;min-height:170px;padding:18px;display:flex}.public-service-icon{font-size:1.6rem}.public-service-tab h2{color:#172b23;margin:6px 0 0;font-size:1.1rem}.public-service-tab p{color:#52655c;flex:1}.public-service-tab a,.public-help a{color:#087443;font-weight:700}.public-site-footer{color:#d9eee3;background:#06371f;padding:40px clamp(16px,5vw,72px) 20px}.public-footer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:1120px;margin:0 auto;display:grid}.public-footer-grid h3{color:#fff;margin:0 0 10px;font-size:1rem}.public-footer-grid p{opacity:.85;margin:0 0 6px;font-size:.92rem}.public-footer-grid a{color:#d9eee3;margin-bottom:8px;font-size:.92rem;display:block}.public-footer-seal{object-fit:contain;width:64px;height:64px;margin-bottom:10px}.public-footer-copyright{opacity:.7;text-align:center;border-top:1px solid #ffffff26;max-width:1120px;margin:28px auto 0;padding-top:16px;font-size:.82rem}@media (width<=760px){.public-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.public-announcements{background:#fff;border:1px solid #c9d9d1;border-radius:8px;max-width:1120px;margin:28px auto 0;padding:20px}.public-announcements h2{color:#172b23;margin-top:0}.public-announcement-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.public-announcement-columns h3{color:#087443;margin:0 0 8px;font-size:1rem}.public-announcement-columns ul{gap:14px;padding:0;list-style:none;display:grid}.public-announcement-card{background:#edf7f1;border-radius:6px;padding:0;overflow:hidden}.public-announcement-card img{object-fit:cover;width:100%;max-height:180px;display:block}.public-announcement-body{flex-direction:column;gap:4px;padding:10px 12px;display:flex}.public-announcement-meta{color:#52655c;font-size:.9rem}.public-announcement-body p{color:#33463c;margin:4px 0 0;font-size:.92rem}.public-help{background:#d9eee3;border-radius:8px;max-width:1120px;margin:28px auto 0;padding:20px}.public-help h2{color:#172b23;margin-top:0}@media (width<=760px){.public-portal-header{flex-direction:column}.public-service-tabs,.public-announcement-columns{grid-template-columns:1fr}}.public-faq{background:#fff;border:1px solid #c9d9d1;border-radius:8px;max-width:1120px;margin:28px auto 0;padding:20px}.public-faq h2{color:#172b23;margin-top:0}.faq-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.faq-item{background:#f7fbf8;border:1px solid #c9d9d1;border-radius:6px;overflow:hidden}.faq-question{text-align:left;color:#172b23;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:.95rem;font-weight:600;display:flex}.faq-item.open .faq-question{color:#087443}.faq-caret{color:#087443;flex-shrink:0;font-size:1.1rem;font-weight:700}.faq-answer{color:#33463c;margin:0;padding:0 14px 14px;font-size:.92rem;line-height:1.5}.faq-toggle-documents{color:#087443;cursor:pointer;background:#edf7f1;border:1px solid #9eb6aa;border-radius:6px;margin-top:14px;padding:10px 16px;font-weight:700}.faq-toggle-documents:hover{background:#d9eee3}.public-faq .faq-list+.faq-toggle-documents,.faq-toggle-documents+.faq-list{margin-top:14px}.public-card--profile{width:min(1080px,100%);padding:28px clamp(20px,3vw,40px)}.public-status-section{background:#f7fbf8;border:1px solid #c9d9d1;border-radius:8px;margin:28px 0;padding:20px}.public-status-section h2{margin:0 0 14px}.public-status-tabs{border-bottom:1px solid #c9d9d1;flex-wrap:wrap;gap:8px;margin-bottom:18px;padding-bottom:12px;display:flex}.public-status-tabs button{color:#33463c;cursor:pointer;background:#fff;border:1px solid #9eb6aa;border-radius:999px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.public-status-tabs button:hover{color:#087443;border-color:#087443}.public-status-tabs button.active{color:#fff;background:#087443;border-color:#087443}.public-status-tabs button{align-items:center;gap:6px;display:inline-flex}.tab-badge{color:#fff;background:#d64545;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.public-status-tabs button.active .tab-badge{color:#087443;background:#fff}.public-status-panel{background:#fff;border-radius:6px;overflow-x:auto}.public-status-panel table{border-collapse:collapse;width:100%}.public-status-panel th,.public-status-panel td{text-align:left;border-bottom:1px solid #e4ede8;padding:10px 12px;font-size:.92rem}.public-status-panel th{color:#172b23;background:#edf7f1;font-weight:700}@media (width<=640px){.public-status-tabs{gap:6px}.public-status-tabs button{text-align:center;flex:calc(50% - 6px);padding:8px 10px}}.my-documents{background-color:var(--color-bg);border-radius:12px;padding:24px;font-family:Segoe UI,sans-serif}.my-documents h3{color:var(--color-accent);margin-bottom:20px;font-size:1.4rem;font-weight:600}.tabs{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.tabs button{color:#34495e;cursor:pointer;background:#fff;border:2px solid #dce3ea;border-radius:8px;padding:10px 18px;font-size:1rem;font-weight:500;transition:all .2s;box-shadow:0 1px 3px #0000000d}.tabs button:hover{background-color:#ecf0f1;border-color:#bfcbd9}.tabs button.active{color:#fff;background-color:#3498db;border-color:#3498db;box-shadow:0 2px 6px #0000001a}.doc-list{margin:0;padding:0;list-style:none}.doc-card{background:#fff;border:1px solid #dce3ea;border-radius:10px;margin-bottom:14px;padding:16px 20px;transition:box-shadow .2s;box-shadow:0 2px 6px #0000000d}.doc-card:hover{box-shadow:0 4px 10px #00000014}.doc-info{flex-direction:column;gap:4px;display:flex}.doc-info strong{color:#2c3e50;font-size:1.05rem;font-weight:500}.doc-info span{color:#7f8c8d;font-size:.9rem}.doc-remarks{color:#c0392b;margin-top:8px;font-size:.9rem;font-style:italic}.status-badge{border-radius:12px;width:fit-content;margin-top:6px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-block}.status-pending{color:#fff;background-color:#f1c40f}.status-awaiting_payment{color:#fff;background-color:#e67e22}.status-paid{background-color:var(--color-success);color:#fff}.status-approved{color:#fff;background-color:#2ecc71}.status-rejected{color:#fff;background-color:#e74c3c}.btn-resubmit{color:#fff;cursor:pointer;background-color:#3498db;border:none;border-radius:6px;margin-top:10px;padding:8px 14px;font-size:.9rem;transition:background .2s}.btn-resubmit:hover{background-color:#2980b9}.btn-pay{color:#fff;cursor:pointer;background-color:#27ae60;border:none;border-radius:6px;padding:8px 14px;transition:background .2s}.btn-pay:hover{background-color:#219150}@media (width<=600px){.doc-card{padding:14px}.doc-info strong{font-size:1rem}.doc-info span{font-size:.85rem}.tabs{flex-direction:column;gap:8px}}.resident-document-form{background:var(--color-neutral);border-radius:8px;max-width:600px;margin:2rem auto;padding:2rem;font-family:Segoe UI,Arial,sans-serif;box-shadow:0 4px 12px #0000001a}.resident-document-form h2{color:#333;text-align:center;margin-bottom:1.5rem;font-size:1.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ccc;border-radius:6px;width:100%;padding:.6rem;font-size:.95rem;transition:border-color .2s}fieldset{border:1px solid #ddd;border-radius:6px;margin-bottom:1.2rem;padding:1rem}legend{color:#555;padding:0 .5rem;font-weight:600}.submit-btn{color:#fff;cursor:pointer;background:#0078d7;border:none;border-radius:6px;width:100%;padding:.8rem;font-size:1rem;font-weight:600;transition:background .2s;display:block}.submit-btn:hover{background:#005fa3}.status-message.success{color:#2e7d32;background:#e6f4ea;border:1px solid #c8e6c9}.status-message.error{color:#c62828;background:#fdecea;border:1px solid #f5c6cb}.status-message.loading{color:#856404;background:#fff3cd;border:1px solid #ffeeba}.required{color:#c62828;font-weight:700}.messages-page{flex-direction:column;height:100%;min-height:0;display:flex}.messages-page-header{margin-bottom:var(--space-md)}.messages-page-header h2{color:var(--color-text-strong);margin:0 0 4px}.messages-page-header p{color:var(--color-text);opacity:.75;margin:0}.messages-layout{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card-bg);min-height:520px;box-shadow:var(--shadow-sm);flex:1;grid-template-columns:320px 1fr;display:grid;overflow:hidden}.messages-sidebar{border-right:1px solid var(--color-border);background:var(--color-card-bg);flex-direction:column;padding:14px;display:flex;overflow-y:auto}.messages-search{margin-bottom:12px;position:relative}.messages-search-icon{opacity:.6;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.online-only-toggle{font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;align-items:center;gap:6px;margin-bottom:12px;display:flex}.online-only-toggle input{cursor:pointer}.messages-search input{box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-input-bg);width:100%;color:var(--color-text);padding:10px 10px 10px 32px}.recipient-results{border-bottom:1px solid var(--color-border);margin-bottom:14px;padding-bottom:12px}.recipient-results h4{font-size:var(--font-size-sm);color:var(--color-text);opacity:.7;text-transform:uppercase;letter-spacing:var(--letter-spacing-sm);margin:0 0 6px}.online-count{color:var(--color-success);font-weight:var(--font-weight-bold);text-transform:none;letter-spacing:normal}.recipient-result{border-radius:var(--radius-md);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:8px;display:flex}.recipient-result:hover{background:var(--color-card-muted)}.recipient-info{flex-direction:column;gap:2px;min-width:0;display:flex}.recipient-name{color:var(--color-text-strong);font-weight:var(--font-weight-bold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.messages-section-title{font-size:var(--font-size-sm);color:var(--color-text);opacity:.7;text-transform:uppercase;letter-spacing:var(--letter-spacing-sm);margin:4px 0 8px}.conversation-list{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.messages-hint{color:var(--color-text);opacity:.65;font-size:var(--font-size-sm);padding:8px}.messages-hint.centered{text-align:center;margin:auto}.conversation{border-radius:var(--radius-md);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:10px 8px;transition:background .15s;display:flex}.conversation:hover{background:var(--color-card-muted)}.conversation.active{background:color-mix(in srgb, var(--color-accent) 14%, transparent)}.conversation-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.conversation-top-row,.conversation-bottom-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.conversation-name{color:var(--color-text-strong);font-weight:var(--font-weight-bold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversation-time{color:var(--color-text);opacity:.55;flex-shrink:0;font-size:11px}.conversation-preview{color:var(--color-text);opacity:.7;font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.unread-badge{background:var(--color-accent);color:#fff;text-align:center;min-width:20px;font-size:11px;font-weight:var(--font-weight-bold);border-radius:999px;flex-shrink:0;padding:1px 6px}.msg-avatar-wrap{flex-shrink:0;display:inline-flex;position:relative}.online-dot{border-radius:var(--radius-round);background:var(--color-success);border:2px solid var(--color-card-bg);width:11px;height:11px;position:absolute;bottom:-1px;right:-1px}.msg-avatar{border-radius:var(--radius-round);width:38px;height:38px;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:#fff;background:var(--color-neutral);flex-shrink:0;justify-content:center;align-items:center;display:flex}.msg-avatar.role-admin{background:var(--color-admin)}.msg-avatar.role-super-admin{background:var(--color-danger)}.msg-avatar.role-staff{background:var(--color-staff)}.msg-avatar.role-secretary{background:var(--color-secretary)}.msg-avatar.role-treasurer{background:var(--color-treasurer)}.msg-avatar.role-sk{background:var(--color-youth)}.msg-avatar.role-dilg{background:var(--color-dilg)}.msg-avatar.role-resident{background:var(--color-resident)}.role-badge{width:fit-content;font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-sm);border-radius:var(--radius-sm);color:#fff;background:var(--color-neutral);padding:1px 6px;display:inline-block}.role-badge.role-admin{background:var(--color-admin)}.role-badge.role-super-admin{background:var(--color-danger)}.role-badge.role-staff{background:var(--color-staff)}.role-badge.role-secretary{background:var(--color-secretary)}.role-badge.role-treasurer{background:var(--color-treasurer)}.role-badge.role-sk{background:var(--color-youth)}.role-badge.role-dilg{background:var(--color-dilg)}.role-badge.role-resident{background:var(--color-resident)}.message-thread{background:var(--color-bg);flex-direction:column;min-width:0;display:flex}.message-thread-header{border-bottom:1px solid var(--color-border);background:var(--color-card-bg);align-items:center;gap:10px;padding:14px 16px;display:flex}.message-thread-heading{flex-direction:column;gap:2px;min-width:0;display:flex}.message-thread-heading h3{color:var(--color-text-strong);font-size:var(--font-size-md);margin:0}.back-button{cursor:pointer;color:var(--color-text);background:0 0;border:0;padding:2px 6px;font-size:1.2rem;display:none}.message-list{flex-direction:column;flex:1;gap:10px;padding:20px;display:flex;overflow-y:auto}.message-bubble{border-radius:var(--radius-lg);white-space:pre-wrap;word-break:break-word;max-width:68%;line-height:var(--line-height-md);padding:10px 13px}.message-bubble.mine{background:var(--color-accent);color:#fff;border-bottom-right-radius:2px;align-self:flex-end}.message-bubble.theirs{background:var(--color-card-bg);color:var(--color-text-strong);border:1px solid var(--color-border);border-bottom-left-radius:2px;align-self:flex-start}.message-bubble small{opacity:.7;margin-top:5px;font-size:11px;display:block}.message-composer{border-top:1px solid var(--color-border);background:var(--color-card-bg);align-items:flex-end;gap:8px;padding:12px;display:flex}.message-composer textarea{resize:none;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-input-bg);min-height:42px;max-height:140px;color:var(--color-text);font:inherit;flex:1;padding:10px 12px}.message-composer button{border-radius:var(--radius-md);background:var(--color-accent);color:#fff;font-weight:var(--font-weight-bold);cursor:pointer;border:0;flex-shrink:0;padding:10px 18px}.message-composer button:disabled{opacity:.5;cursor:not-allowed}.message-empty{color:var(--color-text);opacity:.65;text-align:center;flex-direction:column;align-items:center;gap:8px;margin:auto;padding:24px;display:flex}.message-empty-icon{font-size:2.2rem}@media (width<=760px){.messages-layout{grid-template-columns:1fr}.messages-sidebar{display:flex}.message-thread,.messages-layout.chat-open .messages-sidebar{display:none}.messages-layout.chat-open .message-thread{display:flex}.back-button{display:inline-block}.message-bubble{max-width:85%}}.my-signature-page{max-width:520px;color:var(--color-text);margin:0 auto;padding:20px}.my-signature-page h1{margin-bottom:8px}.my-signature-page>p{color:var(--color-text);opacity:.75;margin-bottom:20px}.my-signature-page>button{border-radius:var(--radius-md,6px);background:var(--color-accent);color:#fff;cursor:pointer;border:0;margin-top:14px;padding:10px 20px;font-weight:700}.my-signature-page>button:disabled{opacity:.5;cursor:not-allowed}.signature-current{border:1px solid var(--color-border);background:var(--color-card-bg);border-radius:8px;margin-bottom:20px;padding:12px}.signature-current img{background:#fff;border-radius:4px;max-width:240px;max-height:100px;padding:6px}.cash-load section,.cash-load-topup{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:8px;margin-bottom:1.25rem;padding:1rem 1.25rem}.cash-load-balance{flex-direction:column;gap:.25rem;margin-bottom:.75rem;display:flex}.cash-load-balance strong{font-size:2rem}.cash-load-topup label{flex-direction:column;gap:.35rem;max-width:240px;margin-bottom:.75rem;display:flex}.cash-load-note{opacity:.8;font-size:.85rem}.cash-load-table{border-collapse:collapse;width:100%}.cash-load-table th,.cash-load-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:.5rem}.cash-load-table .credit{color:var(--color-success)}.cash-load-table .debit{color:var(--color-danger)}@media (width<=640px){.cash-load-table{display:block;overflow-x:auto}}.role-super-admin{--role-accent:#4f46e5;--role-accent-soft:#4f46e524;--role-accent-soft-2:#7c3aed14}.super-admin-page{min-width:0}.super-admin-page .dashboard-header{flex-flow:wrap;justify-content:space-between;align-items:center}.super-admin-page .dashboard-header>div{flex-direction:column;gap:.35rem;display:flex}.super-admin-page .fee-section{background:var(--gradient-card,var(--color-card-bg));border:1px solid var(--color-border);border-top:4px solid var(--role-accent);min-width:0;box-shadow:var(--shadow-card,0 10px 28px #0f172a14);border-radius:14px;flex-direction:column;gap:.85rem;padding:1.25rem;display:flex;overflow:visible}.super-admin-page .fee-section h2,.super-admin-page .fee-section h3{color:var(--color-text-strong,var(--color-text));margin:0}.super-admin-page .fee-section h2{font-size:1.15rem}.super-admin-page .fee-section h3{margin-top:.5rem;font-size:1rem}.super-admin-page .fee-section p{margin:0}.super-admin-page p.error{color:var(--color-danger);font-weight:600}.super-admin-page p.loading,.super-admin-page .status-message{color:var(--color-text);opacity:.8}.super-admin-page .sa-form,.super-admin-page .sa-toolbar,.super-admin-page .date-filter-row{flex-wrap:wrap;align-items:flex-end;gap:.75rem 1rem;margin:0;display:flex}.super-admin-page .sa-form label,.super-admin-page .sa-toolbar label,.super-admin-page .date-filter-row label{color:var(--color-text);flex-direction:column;align-items:stretch;gap:.3rem;font-size:.85rem;font-weight:600;display:flex}.super-admin-page .sa-form br{display:none}.super-admin-page input:not([type=checkbox]):not([type=radio]):not([type=file]),.super-admin-page select,.super-admin-page textarea{min-height:2.25rem;font:inherit;color:var(--color-text);background:var(--color-input-bg,var(--color-card-bg));border:1px solid var(--color-border-strong,var(--color-border));box-sizing:border-box;border-radius:8px;padding:.4rem .65rem;font-size:.9rem}.super-admin-page input:focus,.super-admin-page select:focus,.super-admin-page textarea:focus{outline:2px solid var(--role-accent);outline-offset:1px}.super-admin-page input[readonly]{opacity:.75}.super-admin-page textarea{resize:vertical;width:100%}.super-admin-page button,.super-admin-page .sa-btn{min-height:2.25rem;font:inherit;color:#fff;background:var(--role-accent);border:1px solid var(--role-accent);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;padding:.4rem .9rem;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.super-admin-page button:hover:not(:disabled),.super-admin-page .sa-btn:hover{filter:brightness(1.08);opacity:1}.super-admin-page button:disabled{opacity:.55;cursor:not-allowed}.super-admin-page .secondary-btn{color:var(--role-accent);background:0 0}.super-admin-page .danger-btn,.super-admin-page .fee-table button.danger-btn{color:#fff;background:var(--color-danger);border-color:var(--color-danger)}.super-admin-page .link-btn{min-height:0;color:var(--color-link,var(--role-accent));background:0 0;border:none;padding:0;text-decoration:underline}.super-admin-page .sa-table-wrap{border:1px solid var(--color-border);border-radius:10px;overflow-x:auto}.super-admin-page .fee-table{border-collapse:collapse;width:100%;min-width:max-content;box-shadow:none;background:0 0;margin:0;font-size:.9rem}.super-admin-page .fee-table th,.super-admin-page .fee-table td{text-align:left;vertical-align:middle;border:none;border-bottom:1px solid var(--color-border);color:var(--color-text);padding:.65rem .8rem}.super-admin-page .fee-table th{letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-strong,var(--color-text));background:var(--color-table-header);font-size:.78rem;font-weight:700;position:sticky;top:0}.super-admin-page .fee-table tbody tr:nth-child(2n){background:var(--color-table-row-even)}.super-admin-page .fee-table tbody tr:hover{background:var(--color-table-row-hover,var(--role-accent-soft))}.super-admin-page .fee-table tbody tr:last-child td{border-bottom:none}.super-admin-page .fee-table td button{min-height:2rem;margin:.15rem .4rem .15rem 0;padding:.3rem .7rem;font-size:.82rem}.super-admin-page .fee-table button:first-of-type:not(.danger-btn):not(.secondary-btn),.super-admin-page .fee-table button:last-of-type:not(.danger-btn):not(.secondary-btn){color:#fff;background:var(--role-accent)}.super-admin-page .fee-table input:not([type=checkbox]):not([type=file]),.super-admin-page .fee-table select{width:auto;min-width:8rem;min-height:2rem;padding:.25rem .5rem}.super-admin-page .fee-table input[type=number]{min-width:6rem}.super-admin-page .fee-table input[type=file]{max-width:12rem;font-size:.78rem}.super-admin-page .sa-logo{object-fit:contain;border-radius:6px;width:40px;height:40px;display:block}.super-admin-page .feature-switch{align-items:flex-start;gap:.5rem;margin:0;line-height:1.4;display:flex}.super-admin-page .feature-switch input{margin-top:.2rem}.super-admin-page .low-load-alert-form{flex-direction:column;gap:.75rem;display:flex}.super-admin-page .low-load-alert-message{flex-direction:column;gap:.3rem;font-size:.85rem;font-weight:600;display:flex}.super-admin-page code{background:var(--role-accent-soft);border-radius:4px;padding:.05rem .3rem}@media (width<=768px){.super-admin-page .fee-section{padding:1rem}.super-admin-page .sa-form,.super-admin-page .sa-toolbar,.super-admin-page .date-filter-row{flex-direction:column;align-items:stretch}.super-admin-page .sa-form label,.super-admin-page .sa-toolbar label,.super-admin-page .date-filter-row label,.super-admin-page .sa-form input,.super-admin-page .sa-form select,.super-admin-page .sa-toolbar select,.super-admin-page .date-filter-row input,.super-admin-page .date-filter-row select,.super-admin-page .sa-form button,.super-admin-page .sa-toolbar button,.super-admin-page .date-filter-row button,.super-admin-page .dashboard-header .sa-btn{width:100%}}.my-receipts{background:#fff;border:1px solid #ddd;border-radius:6px;max-width:900px;margin:20px auto;padding:20px;font-family:Segoe UI,Arial,sans-serif}.my-receipts h2{margin-top:0}.my-receipts-note{color:#667085;margin-top:0}.my-receipts-filter{background:#f5f7f6;border:1px solid #e4ede8;border-radius:6px;flex-wrap:wrap;align-items:flex-end;gap:14px;margin:12px 0;padding:12px;display:flex}.my-receipts-filter label{color:#444;flex-direction:column;gap:4px;font-size:.85rem;font-weight:600;display:flex}.my-receipts-filter input[type=date]{border:1px solid #ccc;border-radius:4px;padding:7px 8px;font-size:.9rem}.my-receipts-filter button{align-self:flex-end}.my-receipts-table{border-collapse:collapse;width:100%;margin-top:12px}.my-receipts-table th,.my-receipts-table td{text-align:left;border-bottom:1px solid #e4ede8;padding:10px 12px;font-size:.92rem}.my-receipts-table th{color:#172b23;background:#f5f7f6;font-weight:700}.my-receipts-actions{white-space:nowrap;gap:6px;display:flex}.secretary-document-form{background:var(--color-bg);border-radius:8px;max-width:600px;margin:2rem auto;padding:1.5rem;font-family:Segoe UI,Arial,sans-serif;box-shadow:0 2px 8px #0000001a}.secretary-document-form h2{color:#333;text-align:center;margin-bottom:1rem;font-size:1.4rem}.form-group{margin-bottom:1rem}.form-group label{color:var(--color-text);margin-bottom:.4rem;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--color-success);width:100%;color:var(--color-text);border-radius:4px;padding:.6rem;font-size:.95rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0078d4;outline:none}textarea{resize:vertical;min-height:80px}.business-permit-hint{color:var(--color-text-muted,#667085);margin:.4rem 0 0;font-size:.85rem}.resident-picker{position:relative}.resident-picker-options{z-index:20;background:var(--color-card-bg,#fff);border:1px solid var(--color-border,#c9d9d1);border-radius:4px;max-height:220px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 20px #0000001f}.resident-picker-options li{cursor:pointer;border-radius:4px;flex-direction:column;padding:.5rem .6rem;display:flex}.resident-picker-options li:hover{background:var(--color-hover,#edf7f1)}.resident-picker-empty{color:var(--color-text-muted,#667085);cursor:default!important}.resident-picker-empty:hover{background:0 0!important}.resident-picker-name{color:var(--color-text);font-weight:600}.resident-picker-meta{color:var(--color-text-muted,#667085);font-size:.8rem}.submit-btn{color:#fff;cursor:pointer;background-color:#0078d4;border:none;border-radius:4px;width:100%;padding:.8rem;font-size:1rem;font-weight:600;transition:background .2s;display:inline-block}.submit-btn:hover{background-color:#005a9e}.status-message{text-align:center;border-radius:4px;margin-top:1rem;padding:.6rem;font-size:.9rem}.status-message.success{color:#2e7d32;background-color:#e6f4ea}.status-message.error{color:#c62828;background-color:#fdecea}.status-message.loading{color:#1565c0;background-color:#e3f2fd}.download-section{text-align:center;margin-top:1rem}.download-btn,.print-btn,.back-btn{color:#fff;cursor:pointer;border-radius:6px;margin:0 8px;padding:12px 20px;font-size:16px;font-weight:700;text-decoration:none;transition:background-color .3s;display:inline-block}.download-btn{color:#fff;background-color:#4caf50}.download-btn:hover{background-color:#45a049}.download-btn:active{background-color:#3e8e41}.print-btn{color:#fff;background-color:#2196f3;border:none}.print-btn:hover{background-color:#1976d2}.back-btn{color:#fff;background-color:#f44336;border:none}.back-btn:hover{background-color:#d32f2f}.back-btn:active{background-color:#b71c1c}.category-table{border-collapse:collapse;width:100%;margin-top:1rem}.category-table th,.category-table td{text-align:left;border:1px solid #ddd;padding:.75rem}.category-table th{background-color:var(--color-table-header);font-weight:700}.category-table tr:nth-child(2n){background-color:var(--color-table-row-even)}.category-table .paid{color:var(--color-success);font-weight:500}.category-table .unpaid{color:var(--color-danger);font-weight:500}.category-table tr:hover{background-color:var(--color-accent-hover);color:#fff;transition:background-color .2s,color .2s}.modal-overlay{z-index:999;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal{background:#fff;border-radius:8px;width:400px;max-width:90%;padding:2rem;animation:.3s ease-in-out fadeIn;box-shadow:0 4px 12px #0000004d}.modal h2{color:#333;margin-top:0;margin-bottom:1rem;font-size:1.4rem}.modal form label{color:#444;margin-bottom:1rem;font-weight:500;display:block}.modal form input,.modal form select{border:1px solid #ccc;border-radius:4px;width:100%;margin-top:.3rem;padding:.5rem}.modal-actions{justify-content:flex-end;gap:.5rem;margin-top:1rem;display:flex}.modal-actions button{cursor:pointer;border:none;border-radius:4px;padding:.5rem 1rem}.modal-actions button[type=submit]{color:#fff;background:#2d8fdd}.modal-actions button[type=button]{color:#333;background:#ccc}:root{--color-bg:#f9f9f9;--color-text:#333;--color-text-strong:#111;--color-card-bg:#fff;--color-card-muted:#f5f5f5;--color-accent:#3498db;--color-accent-hover:#2980b9;--color-success:#28a745;--color-success-hover:#218838;--color-danger:#dc3545;--color-danger-hover:#c82333;--color-warning:#f1c40f;--color-warning-hover:#d4ac0d;--color-info:#9b59b6;--color-info-hover:#8e44ad;--color-review:#3498db;--color-review-hover:#2980b9;--color-neutral:#bdc3c7;--color-link:#06c;--color-link-hover:#004999;--color-disabled:#ccc;--color-border:#ccc;--color-border-strong:#ddd;--color-table-header:#f0f0f0;--color-table-row-even:#f9f9f9;--color-table-row-hover:#eef;--color-input-bg:#fff;--color-confirm-bg:#fff3cd;--color-confirm-text:#212529;--color-confirm-border:#ffeeba;--color-resident:#7f8c8d;--color-staff:#2980b9;--color-secretary:#27ae60;--color-admin:#c0392b;--color-youth:#f63bed;--color-treasurer:#f39c12;--color-dilg:#8b4513;--font-family-base:system-ui, sans-serif;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:2rem;--line-height-sm:1.2;--line-height-md:1.5;--line-height-lg:1.8;--font-weight-light:300;--font-weight-normal:400;--font-weight-bold:700;--letter-spacing-sm:.5px;--letter-spacing-md:1px;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:3rem;--space-xxl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-round:50%;--shadow-sm:0 2px 4px #0000001a;--shadow-card:0 8px 16px #00000040;--shadow-card-hover:0 12px 20px #00000059;--shadow-lg:0 16px 32px #00000040;--shadow-inset:inset 0 2px 4px #ffffff1a;--shadow-focus:0 0 0 3px #3498db66;--gradient-card:linear-gradient(145deg, var(--color-card-bg), var(--color-card-muted));--gradient-accent:linear-gradient(145deg, #3498db, #2980b9);--gradient-success:linear-gradient(145deg, #28a745, #218838);--gradient-danger:linear-gradient(145deg, #dc3545, #c82333);--focus-ring:0 0 0 3px #3498db40;--focus-ring-color:#fc0;--bp-xs:400px;--bp-sm:576px;--bp-md:768px;--bp-lg:992px;--bp-xl:1200px;--bp-xxl:1400px}[data-theme=dark]{--color-bg:#1e1e2f;--color-text:#e0e0e0;--color-text-strong:#fff;--color-card-bg:#2c2c3c;--color-card-muted:#3a3a4a;--color-accent:#4aa8ff;--color-accent-hover:#007acc;--color-success:#3ddc84;--color-success-hover:#2cbf6e;--color-danger:#ff6b6b;--color-danger-hover:#e63946;--color-warning:#f39c12;--color-warning-hover:#d35400;--color-info:#8e44ad;--color-info-hover:#6c3483;--color-review:#4aa8ff;--color-review-hover:#007acc;--color-neutral:#95a5a6;--color-link:#4aa8ff;--color-link-hover:#007acc;--color-disabled:#666;--color-border:#666;--color-border-strong:#555;--color-table-header:#2f2f3f;--color-table-row-even:#252535;--color-table-row-hover:#3a3a4a;--color-input-bg:#1e1e2f;--color-confirm-bg:#2c2c2c;--color-confirm-text:#f8f9fa;--color-confirm-border:#444;--color-resident:#95a5a6;--color-staff:#3498db;--color-secretary:#2ecc71;--color-admin:#e74c3c;--color-treasurer:#f39c12;--color-dilg:#8b4513;--color-youth:#f63bed}html{font-size:100%}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-family-base);margin:0;padding:0;line-height:clamp(1.5,2vw + 1.2,1.8);transition:background-color .3s,color .3s}@supports (scroll-behavior:smooth){body{scroll-behavior:smooth}}h1{color:var(--color-text-strong);font-size:clamp(2rem,4vw + 1rem,3rem);font-weight:700;line-height:clamp(1.2,2vw + 1,1.3)}h2{color:var(--color-text-strong);font-size:clamp(1.5rem,3vw + .5rem,2.25rem);font-weight:600;line-height:clamp(1.25,2vw + 1,1.4)}h3{color:var(--color-text-strong);font-size:clamp(1.25rem,2vw + .5rem,1.75rem);font-weight:600;line-height:clamp(1.3,2vw + 1,1.5)}h4{color:var(--color-text-strong);font-size:clamp(1rem,1.5vw + .25rem,1.25rem);font-weight:500;line-height:clamp(1.4,2vw + 1,1.6)}h5,h6{color:var(--color-text-strong);font-size:clamp(.875rem,1vw + .25rem,1rem);font-weight:500;line-height:clamp(1.4,2vw + 1,1.6)}p{margin:0 0 var(--space-md);font-size:clamp(1rem,1.25vw + .25rem,1.125rem);line-height:clamp(1.5,2vw + 1.2,1.8)}a{color:var(--color-accent);font-weight:500;text-decoration:none;transition:color .2s}a:hover{text-decoration:underline}a:focus{outline:var(--focus-ring)}a:active{color:var(--color-accent-hover)}button,.btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;background-color:var(--color-accent);color:var(--color-text);border:none;font-family:inherit;font-size:1rem;transition:background-color .3s,transform .2s}button:hover,.btn:hover{background-color:var(--color-accent-hover);transform:scale(1.05)}button:focus-visible,.btn:focus-visible{outline:var(--focus-ring);outline-offset:2px}button:disabled,.btn:disabled{background-color:var(--color-disabled);cursor:not-allowed;opacity:.7;pointer-events:none}.btn-success{background-color:var(--color-success)}.btn-danger{background-color:var(--color-danger)}.btn-muted{background-color:var(--color-card-muted);color:var(--color-text)}.btn-muted:hover{background-color:var(--color-border-strong)}.btn-staff{background-color:var(--color-staff);color:#fff}.btn-admin{background-color:var(--color-admin);color:#fff}.btn-resident{background-color:var(--color-resident);color:#fff}.btn-secretary{background-color:var(--color-secretary);color:#fff}.btn-youth{background-color:var(--color-youth);color:#fff}.btn-xs{font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.btn-sm{font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm)}.btn-md{font-size:var(--font-size-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md)}.btn-lg{font-size:var(--font-size-lg);padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-lg)}.btn-xl{font-size:var(--font-size-xl);padding:var(--space-xl) var(--space-xxl);border-radius:var(--radius-lg)}@media (width>=576px){.btn-sm-sm{font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-md)}.btn-lg-sm{font-size:var(--font-size-lg);padding:var(--space-md) var(--space-lg)}}@media (width>=768px){.btn-sm-md{font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-md)}.btn-lg-md{font-size:var(--font-size-lg);padding:var(--space-md) var(--space-lg)}.btn-xl-md{font-size:var(--font-size-xl);padding:var(--space-lg) var(--space-xl)}}@media (width>=992px){.btn-sm-lg{font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-md)}.btn-lg-lg{font-size:var(--font-size-lg);padding:var(--space-md) var(--space-lg)}.btn-xl-lg{font-size:var(--font-size-xl);padding:var(--space-lg) var(--space-xl)}}@media (width>=1200px){.btn-sm-xl{font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-md)}.btn-lg-xl{font-size:var(--font-size-lg);padding:var(--space-md) var(--space-lg)}.btn-xl-xl{font-size:var(--font-size-xl);padding:var(--space-lg) var(--space-xl)}}.dashboard-card{background:linear-gradient(145deg, var(--card-bg), var(--card-muted));color:var(--text);border-radius:12px;padding:1.5rem;transition:transform .25s,box-shadow .25s;box-shadow:0 8px 16px #00000040,0 4px 6px #00000026,inset 0 2px 4px #ffffff1a}.dashboard-card:hover{transform:translateY(-6px)scale(1.02);box-shadow:0 12px 20px #00000059,0 6px 10px #0003,inset 0 3px 6px #ffffff26}.dashboard-card h3,.dashboard-card h4{color:var(--accent);margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.dashboard-card p{color:var(--text-strong);font-size:1.75rem;font-weight:700}.card-icon{margin-right:.5rem}.card-group{gap:var(--space-md);display:grid}.card-group.responsive{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card-group.row{gap:var(--space-md);flex-wrap:wrap;display:flex}.card-group.compact{gap:var(--space-sm)}.card-group.vertical{gap:var(--space-md);flex-direction:column;display:flex}.card-group.deck{gap:var(--space-md);flex-wrap:wrap;align-items:stretch;display:flex}.card-group.deck .dashboard-card{flex-direction:column;flex:250px;justify-content:space-between;display:flex}.card-group.deck-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:stretch;display:grid}.card-group.deck-grid .dashboard-card{flex-direction:column;justify-content:space-between;display:flex}.card-group.masonry{column-count:3;column-gap:var(--space-md)}.card-group.masonry .dashboard-card{width:100%;margin-bottom:var(--space-md);break-inside:avoid;display:inline-block}.card-group.masonry-responsive{column-count:3;column-gap:var(--space-md)}.card-group.masonry-responsive .dashboard-card{width:100%;margin-bottom:var(--space-md);break-inside:avoid;display:inline-block}@media (width<=1024px){.card-group.masonry-responsive{column-count:2}}@media (width<=600px){.card-group.masonry-responsive{column-count:1}}.card-group.masonry-dynamic{column-width:250px;column-gap:var(--space-md)}.card-group.masonry-dynamic .dashboard-card{width:100%;margin-bottom:var(--space-md);break-inside:avoid;display:inline-block}.card-group.hybrid-masonry,.card-group.hybrid-masonry-responsive{grid-auto-flow:dense;gap:var(--space-md);align-items:start;display:grid}.card-group.hybrid-masonry{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.card-group.hybrid-masonry-responsive{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (width<=1024px){.card-group.hybrid-masonry-responsive{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (width<=600px){.card-group.hybrid-masonry-responsive{grid-template-columns:1fr}}.card-group.hybrid-masonry .dashboard-card,.card-group.hybrid-masonry-responsive .dashboard-card{width:100%;display:block}table{border-collapse:collapse;background-color:var(--color-card-bg);width:100%;color:var(--color-text);border-radius:var(--radius-md);font-size:clamp(.875rem,1vw + .75rem,1rem);overflow:hidden}th,td{padding:var(--space-sm) var(--space-md);text-align:left;vertical-align:middle}th{background-color:var(--color-table-header);color:var(--color-text-strong);border-bottom:2px solid var(--color-border-strong);font-weight:600}td{border-bottom:1px solid var(--color-border)}tr:nth-child(2n){background-color:var(--color-table-row-even)}tr:hover{background-color:var(--color-accent-hover);color:#fff;transition:background-color .2s,color .2s}.table-responsive{width:100%;display:block;overflow-x:auto}th[scope=col]{text-transform:uppercase;letter-spacing:.05em}tr:focus-within{outline:var(--focus-ring);outline-offset:-2px}.table-striped tr:nth-child(2n){background-color:var(--color-table-row-even)}.table-bordered{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);overflow:hidden}.table-bordered th,.table-bordered td{border:1px solid var(--color-border)}.table-hover tr:hover{background-color:var(--color-accent-hover);color:#fff}.table-compact th,.table-compact td{padding:var(--space-xs) var(--space-sm);font-size:.875rem}.table-dark{background-color:var(--color-card-muted);color:var(--color-text-strong)}.table-dark th{background-color:var(--color-border-strong);color:var(--color-text)}.table-dark tr:nth-child(2n){background-color:var(--color-bg)}tr.row-success{background-color:var(--color-success);color:#fff}tr.row-success:hover{background-color:var(--color-success-hover)}tr.row-danger{background-color:var(--color-danger);color:#fff}tr.row-danger:hover{background-color:var(--color-danger-hover)}tr.row-warning{background-color:var(--color-confirm-bg);color:var(--color-confirm-text)}tr.row-warning:hover{background-color:var(--color-confirm-border)}tr.row-info{background-color:var(--color-accent);color:#fff}tr.row-info:hover{background-color:var(--color-accent-hover)}tr.row-inreview{background-color:var(--color-review);color:#fff}tr.row-inreview:hover{background-color:var(--color-review-hover)}.create-account-form{gap:var(--space-md);background:var(--gradient-card);padding:var(--space-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-card);width:100%;max-width:500px;color:var(--color-text);flex-direction:column;margin:0 auto;display:flex}.create-account-form h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-accent);margin-bottom:var(--space-sm)}.create-account-form label{font-size:var(--font-size-md);font-weight:var(--font-weight-normal);color:var(--color-text-strong);flex-direction:column;display:flex}.create-account-form input,.create-account-form select{margin-top:var(--space-xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--color-input-bg);color:var(--color-text);font-size:var(--font-size-md);transition:border-color .2s,box-shadow .2s}.create-account-form input:focus,.create-account-form select:focus{border-color:var(--color-accent);box-shadow:var(--shadow-focus);outline:none}.create-account-form button,.create-account-form .btn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-weight:var(--font-weight-bold);cursor:pointer;border:none;transition:background-color .25s,transform .15s}.create-account-form button:hover:not(:disabled),.create-account-form .btn:hover:not(:disabled){transform:translateY(-2px)}.create-account-form button:disabled,.create-account-form .btn:disabled{opacity:.6;cursor:not-allowed}.btn-success{background-color:var(--color-success);color:#fff}.btn-success:hover{background-color:var(--color-success-hover)}.btn-danger{background-color:var(--color-danger);color:#fff}.btn-danger:hover{background-color:var(--color-danger-hover)}.btn-accent{background-color:var(--color-accent);color:#fff}.btn-accent:hover{background-color:var(--color-accent-hover)}.confirm-actions{background-color:var(--color-confirm-bg);color:var(--color-confirm-text);border:1px solid var(--color-confirm-border);border-radius:var(--radius-sm);padding:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.confirm-actions p{font-size:var(--font-size-md);margin:0}.create-account-form.responsive{max-width:700px}@media (width>=768px){.create-account-form.responsive label{flex-direction:row;justify-content:space-between;align-items:center}.create-account-form.responsive label span{margin-right:var(--space-sm);flex:0 0 30%}.create-account-form.responsive input,.create-account-form.responsive select{flex:1;margin-top:0}.create-account-form.responsive .form-actions{justify-content:flex-end;gap:var(--space-sm);display:flex}}.badge{padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;color:var(--color-on-badge,#fff);font-size:.75rem;font-weight:600;line-height:1;transition:background-color .2s,color .2s,box-shadow .2s,transform .15s;display:inline-block}.badge:hover{box-shadow:var(--shadow-sm);transform:scale(1.05)}.badge:focus-visible{outline:var(--focus-ring);outline-offset:2px}.badge:active{box-shadow:var(--shadow-inset,inset 0 2px 4px #0003);transform:scale(.95)}.badge:disabled,.badge[aria-disabled=true]{opacity:.6;cursor:not-allowed;pointer-events:none}.badge.resident{background-color:var(--color-resident)}.badge.staff{background-color:var(--color-staff)}.badge.secretary{background-color:var(--color-secretary)}.badge.admin{background-color:var(--color-admin)}[data-theme=dark] .badge.resident{background-color:var(--color-resident-dark)}[data-theme=dark] .badge.staff{background-color:var(--color-staff-dark)}[data-theme=dark] .badge.secretary{background-color:var(--color-secretary-dark)}[data-theme=dark] .badge.admin{background-color:var(--color-admin-dark)}.badge-success{background-color:var(--color-success-bg);color:var(--color-success-text)}.badge-danger{background-color:var(--color-danger-bg);color:var(--color-danger-text)}.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning-text)}.badge-info{background-color:var(--color-info-bg,var(--color-accent-bg));color:var(--color-info-text,var(--color-accent-text))}.badge-muted{background-color:var(--color-card-muted);color:var(--color-text)}.badge-review{background-color:var(--color-review);color:#fff}.badge-outline{border:1px solid var(--color-border);color:var(--color-text-strong);background-color:#0000}.badge-selected{background-color:var(--color-selected-bg,var(--color-accent));color:var(--color-selected-text,#fff);box-shadow:var(--shadow-sm);transform:scale(1.05)}.badge-unselected{background-color:var(--color-unselected-bg,var(--color-card-muted));color:var(--color-unselected-text,var(--color-text));border:1px solid var(--color-border);opacity:.8}.badge-unselected:hover{background-color:var(--color-border-strong);color:var(--color-text-strong);opacity:1}.badge-xs{padding:clamp(.1rem,.5vw + .1rem,.25rem) clamp(.25rem,1vw + .25rem,.5rem);font-size:clamp(.65rem,1vw + .5rem,.7rem)}.badge-sm{padding:clamp(.2rem,.75vw + .2rem,.4rem) clamp(.4rem,1vw + .3rem,.75rem);font-size:clamp(.75rem,1vw + .6rem,.8rem)}.badge-md{padding:clamp(.25rem,1vw + .25rem,.5rem) clamp(.5rem,1.5vw + .5rem,1rem);font-size:clamp(.85rem,1vw + .7rem,.9rem)}.badge-lg{padding:clamp(.4rem,1vw + .3rem,.75rem) clamp(.75rem,2vw + .5rem,1.25rem);font-size:clamp(1rem,1.5vw + .8rem,1.125rem)}.badge-xl{padding:clamp(.5rem,1.5vw + .5rem,1rem) clamp(1rem,2.5vw + 1rem,1.5rem);font-size:clamp(1.125rem,2vw + 1rem,1.25rem)}.badge-group{gap:var(--space-xs);flex-wrap:wrap;align-items:center;display:inline-flex}.badge-group.compact{gap:var(--space-xxs)}.badge-group.vertical{flex-direction:column;align-items:flex-start}.badge-pill-group{border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-card-bg);flex-wrap:nowrap;display:inline-flex;overflow:hidden}.badge-pill-group .badge{text-align:center;border-radius:0;flex:1}.badge-pill-group .badge:first-child{border-top-left-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.badge-pill-group .badge:last-child{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.badge-pill-group.justified{width:100%}.badge-pill-group.scrollable{gap:var(--space-xs);padding:var(--space-xxs);overflow-x:auto}@supports (scrollbar-width:none){.badge-pill-group.scrollable{scrollbar-width:none}}.badge-pill-group.scrollable::-webkit-scrollbar{display:none}.badge-pill-group.scrollable.snap{scroll-snap-type:x mandatory}.badge-pill-group.scrollable.snap .badge{scroll-snap-align:center}.badge-pill-group.scrollable.snap-start .badge{scroll-snap-align:start}.badge-pill-group.scrollable.snap-end .badge{scroll-snap-align:end}.badge-pill-group.scrollable.snap-proximity{scroll-snap-type:x proximity}.section{margin-top:var(--space-lg);padding:var(--space-md);background:linear-gradient(145deg, var(--card-bg), var(--card-muted));border-radius:var(--radius-md);border:1px solid var(--border);transition:transform .25s,box-shadow .25s;box-shadow:0 6px 12px #00000026,inset 0 2px 4px #ffffff1a}.section:hover{transform:translateY(-4px);box-shadow:0 10px 18px #00000040,inset 0 3px 6px #ffffff26}.section h3{margin-bottom:var(--space-sm);color:var(--accent);font-size:1.25rem;font-weight:600}.section.accent{border-left:6px solid var(--accent)}.section.success{border-left:6px solid var(--success)}.section.danger{border-left:6px solid var(--danger)}.section.warning{border-left:6px solid var(--warning)}.section.info{border-left:6px solid var(--info)}.section.responsive{margin-top:var(--space-md);padding:var(--space-md)}@media (width>=768px){.section.responsive{margin-top:var(--space-lg);padding:var(--space-lg)}}@media (width>=1200px){.section.responsive{margin-top:var(--space-xl);padding:var(--space-xl);max-width:1200px;margin-left:auto;margin-right:auto}}.grid{gap:var(--space-md);display:grid}.grid-1{grid-template-columns:repeat(1,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{gap:var(--space-lg);grid-template-columns:repeat(3,1fr)}.grid-4{gap:var(--space-lg);grid-template-columns:repeat(4,1fr)}.grid-auto{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex{gap:var(--space-md);display:flex}.flex-start{justify-content:flex-start;align-items:flex-start}.flex-end{justify-content:flex-end;align-items:flex-end}.flex-center{justify-content:center;align-items:center}.flex-between{justify-content:space-between;align-items:center}.flex-around{justify-content:space-around;align-items:center}.flex-wrap{flex-wrap:wrap}.m-0{margin:0}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.p-0{padding:0}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.ml-xs{margin-left:var(--space-xs)}.ml-sm{margin-left:var(--space-sm)}.ml-md{margin-left:var(--space-md)}.ml-lg{margin-left:var(--space-lg)}.ml-xl{margin-left:var(--space-xl)}.mr-xs{margin-right:var(--space-xs)}.mr-sm{margin-right:var(--space-sm)}.mr-md{margin-right:var(--space-md)}.mr-lg{margin-right:var(--space-lg)}.mr-xl{margin-right:var(--space-xl)}.pt-xs{padding-top:var(--space-xs)}.pt-sm{padding-top:var(--space-sm)}.pt-md{padding-top:var(--space-md)}.pt-lg{padding-top:var(--space-lg)}.pt-xl{padding-top:var(--space-xl)}.pb-xs{padding-bottom:var(--space-xs)}.pb-sm{padding-bottom:var(--space-sm)}.pb-md{padding-bottom:var(--space-md)}.pb-lg{padding-bottom:var(--space-lg)}.pb-xl{padding-bottom:var(--space-xl)}.pl-xs{padding-left:var(--space-xs)}.pl-sm{padding-left:var(--space-sm)}.pl-md{padding-left:var(--space-md)}.pl-lg{padding-left:var(--space-lg)}.pl-xl{padding-left:var(--space-xl)}.pr-xs{padding-right:var(--space-xs)}.pr-sm{padding-right:var(--space-sm)}.pr-md{padding-right:var(--space-md)}.pr-lg{padding-right:var(--space-lg)}.pr-xl{padding-right:var(--space-xl)}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.list-reset{margin:0;padding:0;list-style:none}