@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.login-page{background:url(/assets/login_bg-w-QdOuGr.png) 50%/cover;justify-content:center;align-items:center;min-height:100vh;display:flex}.overlay{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1f;border:1px solid #ffffff26;border-radius:32px;width:100%;max-width:400px;padding:45px;animation:.5s fadeIn;box-shadow:0 25px 50px #00000040}.login-header{text-align:center;margin-bottom:35px}.login-header h1{color:#fff;letter-spacing:.5px;margin-bottom:8px;font-size:36px;font-weight:700}.login-header p{color:#ffffffbf;font-size:15px}.logo-circle{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:auto auto 20px;font-size:42px;display:flex;box-shadow:0 15px 30px #2563eb66}.login-card h1{text-align:center;color:#fff;margin-bottom:10px;font-size:24px;font-weight:700}.subtitle{text-align:center;color:#fffc;margin-bottom:30px;font-size:12px}.input-group{margin-bottom:18px}.input-group label{color:#fff;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.login-card input{color:#fff;background:#ffffff14;border:1px solid #fff3;border-radius:15px;outline:none;width:100%;height:45px;padding:0 18px;font-size:15px;transition:all .3s}.login-card input::placeholder{color:#ffffffa6}.login-card input:focus{background:#ffffff26;border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa33}.password-box{position:relative}.eye{cursor:pointer;color:#fff;font-size:18px;position:absolute;top:17px;right:18px}.login-btn{color:#fff;letter-spacing:1px;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:15px;width:100%;height:48px;margin-top:10px;font-size:16px;font-weight:600;transition:all .3s}.login-btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px #2563eb66}.login-btn:disabled{opacity:.7;cursor:not-allowed}.forgot-link{text-align:center;color:#fff;margin-top:22px;font-size:14px;text-decoration:none;transition:all .3s;display:block}.forgot-link:hover{color:#93c5fd}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=576px){.login-card{padding:30px 25px}.login-card h1{font-size:28px}.logo-circle{width:75px;height:75px;font-size:35px}}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}.society-sidebar{z-index:1200;isolation:isolate;background:linear-gradient(#fff 0%,#f8fbff 100%);border-right:1px solid #e4ebf2;flex-direction:column;width:280px;height:100dvh;transition:width .28s,transform .28s,box-shadow .28s;display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:8px 0 35px #0f172a12}.society-sidebar-collapsed{width:78px}.society-profile-header{color:#fff;background:linear-gradient(135deg,#4a275f 0%,#ac57c2 48%,#603186 100%);flex:none;width:100%;padding:18px 15px 16px;position:relative;overflow:hidden;box-shadow:0 8px 25px #0f4c812e}.society-profile-glow{pointer-events:none;background:#ffffff1f;border-radius:50%;width:170px;height:170px;position:absolute;top:-85px;right:-70px}.society-profile-glow:after{content:"";background:#ffffff12;border-radius:50%;width:110px;height:110px;position:absolute;top:100px;left:-140px}.society-profile-row{z-index:2;align-items:center;width:100%;min-width:0;display:flex;position:relative}.society-avatar{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2b;border:1px solid #ffffff59;border-radius:13px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;min-width:46px;height:46px;font-size:18px;display:flex;overflow:hidden;box-shadow:0 7px 20px #0000001f}.society-profile-details{flex:auto;min-width:0;margin-left:10px;overflow:hidden}.society-profile-name{white-space:nowrap;text-overflow:ellipsis;color:#fff;max-width:100%;font-size:13px;font-weight:800;line-height:18px;display:block;overflow:hidden}.society-profile-role{color:#ffffffeb;letter-spacing:.6px;white-space:nowrap;text-overflow:ellipsis;background:#ffffff24;border:1px solid #ffffff29;border-radius:20px;align-items:center;max-width:100%;margin-top:4px;padding:3px 8px;font-size:8px;font-weight:800;display:inline-flex;overflow:hidden}.society-brand-name{z-index:2;border-top:1px solid #ffffff24;flex-direction:column;width:100%;margin-top:14px;padding-top:11px;display:flex;position:relative;overflow:hidden}.society-brand-name strong{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:14px;font-weight:800;line-height:18px;display:block;overflow:hidden}.society-brand-name span{color:#ffffffb8;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:3px;font-size:9px;line-height:13px;display:block;overflow:hidden}.society-collapse-btn{z-index:5000;color:#087dbb;cursor:pointer;background:#fff;border:1px solid #dce7f0;border-radius:11px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;position:absolute;top:14px;right:-14px;box-shadow:0 5px 16px #0f172a24}.society-collapse-btn:hover{color:#fff;background:#087dbb;transform:scale(1.04)}.society-sidebar-collapsed .society-collapse-btn{top:68px;right:-14px}.society-sidebar-scroll{scrollbar-width:thin;scrollbar-color:#b9c9d8 transparent;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:auto;width:100%;min-height:0;padding:8px 9px 12px;overflow:hidden auto}.society-sidebar-scroll::-webkit-scrollbar{width:7px}.society-sidebar-scroll::-webkit-scrollbar-track{background:0 0}.society-sidebar-scroll::-webkit-scrollbar-thumb{background:#c4d2df padding-box padding-box;border:2px solid #0000;border-radius:20px}.society-sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#9fb4c8 padding-box padding-box;border:1px solid #0000}.society-section-title{align-items:center;gap:8px;width:100%;margin:14px 5px 6px;display:flex}.society-section-title span{color:#7c8da1;letter-spacing:1px;text-transform:uppercase;white-space:nowrap;font-size:8.5px;font-weight:900}.society-section-line{background:#e7edf3;flex:1;min-width:10px;height:1px}.society-menu-item{cursor:pointer;color:#536579;border-radius:10px;justify-content:space-between;align-items:center;width:100%;min-height:38px;margin:1px 0;padding:3px 6px;transition:background .2s,color .2s,transform .2s;display:flex;position:relative}.society-menu-item:hover{color:#087dbb;background:#eef6fc;transform:translate(2px)}.society-menu-active{color:#075a8d;background:linear-gradient(90deg,#e6f3fc,#f5faff);box-shadow:0 4px 12px #1769aa0f}.society-active-indicator{background:linear-gradient(#168bd3,#0d4c7c);border-radius:0 8px 8px 0;width:4px;height:25px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.society-menu-left{flex:auto;align-items:center;min-width:0;display:flex}.society-icon-box{color:#708298;background:#f1f5f9;border-radius:10px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;margin-right:9px;font-size:13px;transition:all .2s;display:flex}.society-menu-item:hover .society-icon-box{color:#087dbb;background:#dfeff9}.society-icon-active{box-shadow:0 5px 13px #087dbb40;color:#fff!important;background:linear-gradient(135deg,#087dbb,#075080)!important}.society-menu-text{text-overflow:ellipsis;white-space:nowrap;color:#526174;flex:1;min-width:0;font-size:12px;font-weight:700;line-height:1.3;overflow:hidden}.society-menu-active .society-menu-text{color:#075a8d;font-weight:850}.society-menu-arrow{color:#bdc9d5;flex-shrink:0;margin-left:6px;font-size:9px;transition:color .2s,transform .2s}.society-menu-item:hover .society-menu-arrow{color:#087dbb}.society-arrow-active{color:#087dbb!important}.society-dropdown-wrapper{width:100%;margin:2px 0;position:relative}.society-submenu{border-left:1px dashed #c9d8e6;margin:0 6px 5px 43px;padding:4px 0 4px 11px;animation:.2s societySubmenuOpen}@keyframes societySubmenuOpen{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.society-submenu-item{color:#738196;cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-height:35px;padding:5px 7px;font-size:10.5px;font-weight:600;transition:all .18s;display:flex}.society-submenu-item:hover{color:#087dbb;background:#eef6fc;transform:translate(3px)}.society-submenu-active{background:#e6f3fc;font-weight:800;color:#087dbb!important}.society-submenu-dot{color:#7b8da2;background:#f1f5f9;border-radius:7px;justify-content:center;align-items:center;width:23px;min-width:23px;height:23px;font-size:9px;display:flex}.society-submenu-item:hover .society-submenu-dot{color:#087dbb;background:#dcecf8}.society-submenu-active .society-submenu-dot{color:#fff;background:#087dbb}.society-sidebar-collapsed .society-profile-header{padding:16px 9px}.society-sidebar-collapsed .society-profile-row{justify-content:center}.society-sidebar-collapsed .society-avatar{width:44px;min-width:44px;height:44px}.society-sidebar-collapsed .society-profile-details,.society-sidebar-collapsed .society-brand-name{display:none}.society-sidebar-collapsed .society-menu-item{justify-content:center;width:58px;min-height:38px;margin:4px auto;padding:4px}.society-sidebar-collapsed .society-menu-left{justify-content:center}.society-sidebar-collapsed .society-icon-box{margin-right:0}.society-sidebar-collapsed .society-menu-text,.society-sidebar-collapsed .society-menu-arrow{display:none}.society-sidebar-collapsed .society-section-title{justify-content:center;margin-left:0;margin-right:0}.society-sidebar-collapsed .society-section-title span,.society-sidebar-collapsed .society-section-line,.society-sidebar-collapsed .society-submenu{display:none}.society-collapsed-flyout{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:6000;background:#fffffffa;border:1px solid #dce7f0;border-radius:15px;width:260px;min-width:260px;max-height:calc(100dvh - 20px);padding:9px;animation:.18s societyFlyoutIn;position:absolute;top:0;left:70px;overflow-y:auto;box-shadow:0 18px 45px #0f172a2e}.society-collapsed-flyout::-webkit-scrollbar{width:5px}.society-collapsed-flyout::-webkit-scrollbar-track{background:0 0}.society-collapsed-flyout::-webkit-scrollbar-thumb{background:#cbd8e4;border-radius:20px}.society-collapsed-flyout:before{content:"";background:#fff;border-bottom:1px solid #dce7f0;border-left:1px solid #dce7f0;width:13px;height:13px;position:absolute;top:19px;left:-7px;transform:rotate(45deg)}@keyframes societyFlyoutIn{0%{opacity:0;transform:translate(-8px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}.society-flyout-header{z-index:2;color:#fff;background:linear-gradient(135deg,#0d4b7c,#087dbb);border-radius:10px;align-items:center;gap:9px;margin-bottom:6px;padding:9px 10px;display:flex;position:relative}.society-flyout-icon{background:#ffffff26;border-radius:8px;justify-content:center;align-items:center;width:31px;min-width:31px;height:31px;font-size:12px;display:flex}.society-flyout-header span{font-size:11px;font-weight:850}.society-flyout-list{flex-direction:column;gap:3px;display:flex}.society-flyout-item{color:#526174;cursor:pointer;border-radius:10px;align-items:center;gap:9px;min-height:42px;padding:6px 8px;transition:all .18s;display:flex}.society-flyout-item:hover{color:#087dbb;background:#edf6fc;transform:translate(2px)}.society-flyout-item-icon{color:#708096;background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:31px;min-width:31px;height:31px;font-size:11px;display:flex}.society-flyout-item-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:10.5px;font-weight:700;overflow:hidden}.society-flyout-arrow{color:#c0ccd7;flex-shrink:0;font-size:8px}.society-flyout-active{color:#087dbb;background:#e6f3fc}.society-flyout-active .society-flyout-item-icon{color:#fff;background:#087dbb}.society-logout-container{background:#fff;border-top:1px solid #e9eef4;flex:none;width:100%;padding:8px 9px 11px}.society-logout{color:#d63348;cursor:pointer;background:linear-gradient(135deg,#fff6f7,#fff0f2);border:1px solid #ffe0e4;border-radius:12px;align-items:center;width:100%;min-height:43px;padding:5px 8px;transition:all .2s;display:flex}.society-logout:hover{background:#ffe7ea;transform:translate(2px)}.society-logout-icon{color:#dc3545;background:#ffe1e5;border-radius:9px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;font-size:13px;display:flex}.society-logout span{text-align:left;color:#d63348;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin-left:9px;font-size:11.5px;font-weight:850;overflow:hidden}.society-logout-arrow{color:#ef8b99;flex-shrink:0;font-size:9px}.society-sidebar-collapsed .society-logout{justify-content:center;padding:5px}.society-sidebar-collapsed .society-logout-icon{margin:0}.society-sidebar-collapsed .society-logout span,.society-sidebar-collapsed .society-logout-arrow{display:none}.society-sidebar-overlay{z-index:1100;-webkit-backdrop-filter:blur(3px);cursor:pointer;background:#0f172a73;width:100%;height:100%;position:fixed;inset:0}.society-mobile-close{z-index:5000;color:#fff;cursor:pointer;background:#ffffff29;border:none;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;transition:background .2s,transform .2s;display:flex;position:absolute;top:12px;right:11px}.society-mobile-close:hover{background:#ffffff40;transform:scale(1.04)}@media screen and (width>=769px){.society-sidebar{transform:translate(0)}.society-sidebar-overlay,.society-mobile-close{display:none}}@media screen and (width<=1024px) and (width>=769px){.society-sidebar{width:260px}.society-sidebar-collapsed{width:74px}.society-profile-header{padding:16px 13px 15px}.society-menu-text{font-size:11.5px}.society-icon-box{width:32px;min-width:32px;height:32px}}@media screen and (width<=768px){.society-sidebar{width:285px;max-width:88vw;height:100dvh;min-height:0;transition:transform .28s;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-110%);box-shadow:12px 0 35px #0f172a33}.society-sidebar-mobile-show{transform:translate(0,0)}.society-sidebar-mobile-hide{transform:translate(-110%)}.society-sidebar-collapsed{width:285px;max-width:88vw;transform:translate(-110%)}.society-sidebar-collapsed.society-sidebar-mobile-show{transform:translate(0,0)}.society-collapse-btn{display:none}.society-collapsed-flyout{display:none!important}.society-profile-header{flex:none;width:100%;min-height:84px;padding:16px 48px 15px 14px}.society-profile-row{width:100%;min-width:0}.society-avatar{border-radius:12px;flex-basis:43px;width:43px;min-width:43px;height:43px;font-size:17px}.society-profile-details{min-width:0;margin-left:9px;padding-right:2px;display:block!important}.society-profile-name{max-width:100%;font-size:12px;line-height:17px}.society-profile-role{max-width:100%;margin-top:3px;padding:3px 7px;font-size:7.5px}.society-brand-name{width:100%;margin-top:11px;padding-top:9px;display:flex!important}.society-brand-name strong{font-size:12.5px}.society-brand-name span{font-size:8px}.society-mobile-close{width:32px;height:32px;display:flex;top:12px;right:10px}.society-sidebar-scroll{scrollbar-width:auto;scrollbar-color:#b8c8d7 #f3f7fa;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex:auto;height:auto;min-height:0;padding:7px 8px 14px;overflow:hidden scroll}.society-sidebar-scroll::-webkit-scrollbar{width:8px}.society-sidebar-scroll::-webkit-scrollbar-track{background:#f3f7fa;border-radius:10px}.society-sidebar-scroll::-webkit-scrollbar-thumb{background:#b8c8d7;border:2px solid #f3f7fa;border-radius:10px}.society-sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#94aabd}.society-menu-item{min-height:39px;margin:1px 0;padding:3px 6px}.society-icon-box{width:34px;min-width:34px;height:34px;margin-right:9px}.society-menu-text{font-size:11.5px}.society-menu-arrow{margin-left:5px;font-size:8px}.society-section-title{margin-top:12px}.society-submenu{margin-left:42px}.society-submenu-item{min-height:34px;font-size:10px}.society-logout-container{padding:7px 8px calc(9px + env(safe-area-inset-bottom));flex:none}.society-logout{min-height:42px}.society-sidebar-collapsed .society-profile-details{display:block!important}.society-sidebar-collapsed .society-brand-name{display:flex!important}.society-sidebar-collapsed .society-profile-header{padding:16px 48px 15px 14px}.society-sidebar-collapsed .society-profile-row{justify-content:flex-start}.society-sidebar-collapsed .society-avatar{width:43px;min-width:43px;height:43px}.society-sidebar-collapsed .society-menu-item{justify-content:space-between;width:100%;min-height:39px;margin:1px 0;padding:3px 6px}.society-sidebar-collapsed .society-menu-left{justify-content:flex-start}.society-sidebar-collapsed .society-icon-box{margin-right:9px}.society-sidebar-collapsed .society-menu-text,.society-sidebar-collapsed .society-menu-arrow{display:block}.society-sidebar-collapsed .society-section-title span{display:inline}.society-sidebar-collapsed .society-section-line{display:block}.society-sidebar-collapsed .society-logout{justify-content:flex-start;padding:5px 8px}.society-sidebar-collapsed .society-logout span,.society-sidebar-collapsed .society-logout-arrow{display:block}}@media screen and (width<=480px){.society-sidebar{width:282px;max-width:90vw}.society-profile-header{min-height:82px;padding:15px 45px 14px 13px}.society-avatar{flex-basis:41px;width:41px;min-width:41px;height:41px}.society-profile-name{font-size:11.5px}.society-profile-role{font-size:7px}.society-brand-name strong{font-size:12px}.society-brand-name span{font-size:7.5px}.society-sidebar-scroll{padding-left:7px;padding-right:7px}.society-menu-item{min-height:38px}.society-menu-text{font-size:11px}.society-icon-box{width:33px;min-width:33px;height:33px}}@media screen and (width<=360px){.society-sidebar{width:270px;max-width:92vw}.society-profile-header{padding:14px 43px 13px 11px}.society-avatar{flex-basis:39px;width:39px;min-width:39px;height:39px;font-size:16px}.society-profile-name{font-size:11px}.society-profile-role{padding:2px 6px;font-size:6.8px}.society-brand-name strong{font-size:11.5px}.society-brand-name span{font-size:7px}.society-mobile-close{width:30px;height:30px;top:10px;right:9px}.society-menu-item{min-height:37px}.society-icon-box{width:31px;min-width:31px;height:31px;margin-right:8px}.society-menu-text{font-size:10.5px}.society-submenu{margin-left:39px}.society-submenu-item{font-size:9.5px}}@media screen and (height<=650px) and (width<=768px){.society-profile-header{padding-top:11px;padding-bottom:10px}.society-profile-row{min-height:40px}.society-avatar{flex-basis:38px;width:38px;min-width:38px;height:38px}.society-brand-name{margin-top:8px;padding-top:7px}.society-brand-name strong{font-size:11px}.society-brand-name span{font-size:7px}.society-menu-item{min-height:35px}.society-icon-box{width:30px;min-width:30px;height:30px}.society-logout{min-height:38px}}@supports (padding:max(0px)){@media screen and (width<=768px){.society-sidebar-scroll{padding-bottom:max(14px, env(safe-area-inset-bottom))}.society-logout-container{padding-bottom:max(9px, env(safe-area-inset-bottom))}}}.society-menu-item:focus-visible,.society-submenu-item:focus-visible,.society-logout:focus-visible,.society-collapse-btn:focus-visible,.society-mobile-close:focus-visible{outline-offset:2px;outline:2px solid #087dbb}.society-sidebar,.society-profile-header,.society-sidebar-scroll,.society-logout-container,.society-menu-item,.society-submenu,.society-profile-row{max-width:100%}@media screen and (width<=768px){.society-sidebar{transform:translate(-110%);z-index:99999!important;flex-direction:column!important;width:285px!important;max-width:88vw!important;height:100dvh!important;margin:0!important;padding:0!important;display:flex!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;overflow:hidden!important}.society-sidebar.society-sidebar-mobile-show{transform:translate(0,0)!important}.society-sidebar.society-sidebar-mobile-hide{transform:translate(-110%)!important}.society-sidebar .society-profile-header{opacity:1!important;visibility:visible!important;z-index:10!important;color:#fff!important;background:linear-gradient(135deg,#0d4b7c 0%,#087dbb 48%,#075080 100%)!important;flex:none!important;width:100%!important;min-width:0!important;height:auto!important;min-height:78px!important;margin:0!important;padding:15px 48px 14px 14px!important;display:block!important;position:relative!important;top:auto!important;left:auto!important;overflow:hidden!important}.society-sidebar .society-profile-row{z-index:20!important;align-items:center!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;display:flex!important;position:relative!important}.society-sidebar .society-avatar{visibility:visible!important;opacity:1!important;flex:0 0 43px!important;justify-content:center!important;align-items:center!important;width:43px!important;min-width:43px!important;height:43px!important;display:flex!important}.society-sidebar .society-profile-details{visibility:visible!important;opacity:1!important;flex:auto!important;min-width:0!important;margin-left:10px!important;display:block!important;overflow:hidden!important}.society-sidebar .society-profile-name{visibility:visible!important;opacity:1!important;white-space:nowrap!important;text-overflow:ellipsis!important;color:#fff!important;width:100%!important;font-size:12px!important;line-height:17px!important;display:block!important;overflow:hidden!important}.society-sidebar .society-profile-role{visibility:visible!important;opacity:1!important;margin-top:3px!important;font-size:7.5px!important;display:inline-flex!important}.society-sidebar .society-brand-name{visibility:visible!important;opacity:1!important;border-top:1px solid #ffffff2e!important;width:100%!important;margin:10px 0 0!important;padding:8px 0 0!important;display:flex!important}.society-sidebar .society-brand-name strong{color:#fff!important;font-size:12px!important;display:block!important}.society-sidebar .society-brand-name span{color:#ffffffb8!important;font-size:7.5px!important;display:block!important}.society-sidebar .society-mobile-close{z-index:100!important;width:32px!important;height:32px!important;display:flex!important;position:absolute!important;top:10px!important;right:9px!important}.society-sidebar .society-sidebar-scroll{-webkit-overflow-scrolling:touch!important;scrollbar-width:auto!important;scrollbar-color:#9fb5c8 #f3f7fa!important;flex:auto!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:8px 8px 14px!important;display:block!important;position:relative!important;overflow:hidden scroll!important}.society-sidebar .society-sidebar-scroll::-webkit-scrollbar{width:9px!important}.society-sidebar .society-sidebar-scroll::-webkit-scrollbar-track{background:#f1f5f8!important;border-radius:10px!important}.society-sidebar .society-sidebar-scroll::-webkit-scrollbar-thumb{background:#9fb5c8!important;border:2px solid #f1f5f8!important;border-radius:10px!important}.society-sidebar .society-sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#7894aa!important}.society-sidebar .society-logout-container{width:100%!important;padding:7px 8px calc(9px + env(safe-area-inset-bottom))!important;z-index:20!important;background:#fff!important;border-top:1px solid #e9eef4!important;flex:none!important;margin:0!important;display:block!important;position:relative!important}.society-sidebar .society-logout{width:100%!important;min-height:42px!important}.society-sidebar-overlay{z-index:99998!important;width:100vw!important;height:100dvh!important;display:block!important;position:fixed!important;inset:0!important}.society-sidebar.society-sidebar-collapsed{width:285px!important;max-width:88vw!important}.society-sidebar.society-sidebar-collapsed .society-profile-details{display:block!important}.society-sidebar.society-sidebar-collapsed .society-brand-name{display:flex!important}.society-sidebar.society-sidebar-collapsed .society-menu-text,.society-sidebar.society-sidebar-collapsed .society-menu-arrow{display:block!important}.society-sidebar.society-sidebar-collapsed .society-menu-item{justify-content:space-between!important;width:100%!important;margin:1px 0!important}.society-sidebar.society-sidebar-collapsed .society-menu-left{justify-content:flex-start!important}.society-sidebar.society-sidebar-collapsed .society-icon-box{margin-right:9px!important}}@media screen and (width<=420px){.society-sidebar{width:282px!important;max-width:88vw!important}.society-sidebar .society-profile-header{min-height:70px!important;padding:14px 44px 13px 13px!important}.society-sidebar .society-avatar{flex-basis:41px!important;width:41px!important;min-width:41px!important;height:41px!important}.society-sidebar .society-profile-name{font-size:11.5px!important}.society-sidebar .society-profile-role{font-size:7px!important}.society-sidebar .society-brand-name strong{font-size:11.5px!important}.society-sidebar .society-brand-name span{font-size:7px!important}.society-sidebar .society-sidebar-scroll{padding-left:7px!important;padding-right:7px!important}.society-sidebar .society-menu-item{min-height:38px!important}}@media screen and (width<=360px){.society-sidebar{width:270px!important;max-width:90vw!important}.society-sidebar .society-profile-header{min-height:70px!important;padding:12px 42px 11px 11px!important}.society-sidebar .society-avatar{flex-basis:39px!important;width:39px!important;min-width:39px!important;height:39px!important}.society-sidebar .society-profile-name{font-size:11px!important}.society-sidebar .society-menu-text{font-size:10.5px!important}}@media screen and (width<=768px){.society-sidebar{height:100dvh!important;min-height:0!important;position:fixed!important;top:0!important;bottom:0!important;overflow:hidden!important}.society-sidebar .society-sidebar-scroll{flex:auto!important;min-height:0!important;padding-bottom:75px!important;overflow:hidden auto!important}.society-sidebar .society-logout-container{width:100%!important;padding:7px 8px!important;padding-bottom:max(9px, env(safe-area-inset-bottom))!important;z-index:999999!important;background:#fff!important;border-top:1px solid #e9eef4!important;flex:none!important;position:absolute!important;bottom:0!important;left:0!important;right:0!important}.society-sidebar .society-logout{visibility:visible!important;opacity:1!important;justify-content:flex-start!important;align-items:center!important;width:100%!important;min-height:42px!important;display:flex!important}.society-sidebar .society-logout-icon{visibility:visible!important;opacity:1!important;display:flex!important}.society-sidebar .society-logout span,.society-sidebar .society-logout-arrow{visibility:visible!important;opacity:1!important;display:block!important}.society-sidebar.society-sidebar-collapsed .society-logout{justify-content:flex-start!important;padding:5px 8px!important}.society-sidebar.society-sidebar-collapsed .society-logout span,.society-sidebar.society-sidebar-collapsed .society-logout-arrow{display:block!important}}@media screen and (width<=420px){.society-sidebar .society-sidebar-scroll{padding-bottom:72px!important}.society-sidebar .society-logout-container{padding-left:7px!important;padding-right:7px!important}.society-sidebar .society-logout{min-height:40px!important}}@media screen and (width<=360px){.society-sidebar .society-sidebar-scroll{padding-bottom:70px!important}.society-sidebar .society-logout{min-height:38px!important}.society-sidebar .society-logout-icon{width:30px!important;min-width:30px!important;height:30px!important}.society-sidebar .society-logout span{font-size:10.5px!important}}.society-submenu-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:999999;background:#0718276b;justify-content:center;align-items:center;padding:20px;animation:.18s societyModalFadeIn;display:flex;position:fixed;inset:0}.society-submenu-modal{background:#fff;border:1px solid #dceaf3;border-radius:18px;width:390px;max-width:100%;animation:.22s societyModalSlideIn;overflow:hidden;box-shadow:0 25px 70px #00476e33,0 8px 25px #00000014}.society-submenu-modal-header{background:linear-gradient(135deg,#f7fcff,#fff);border-bottom:1px solid #e7eef3;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.society-submenu-modal-title{align-items:center;gap:13px;min-width:0;display:flex}.society-submenu-modal-icon{color:#fff;background:linear-gradient(135deg,#007fba,#009bd1);border-radius:12px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;font-size:18px;display:flex;box-shadow:0 6px 15px #007eb738}.society-submenu-modal-title h3{color:#073451;margin:0;font-size:16px;font-weight:700}.society-submenu-modal-title span{color:#8a9aaa;margin-top:3px;font-size:11px;display:block}.society-submenu-modal-close{color:#718494;cursor:pointer;background:#f7fafc;border:1px solid #e0e9ef;border-radius:9px;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;transition:all .2s;display:flex}.society-submenu-modal-close:hover{color:#ef4444;background:#fff1f2;border-color:#ffd4d8;transform:rotate(90deg)}.society-submenu-modal-body{padding:12px}.society-submenu-modal-item{color:#526b7d;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:13px;width:100%;margin:0 0 6px;padding:12px 13px;transition:background .2s,border-color .2s,transform .2s;display:flex}.society-submenu-modal-item:last-child{margin-bottom:0}.society-submenu-modal-item:hover{color:#007bb5;background:#f0f9fd;border-color:#d7edf6;transform:translate(3px)}.society-submenu-modal-item-icon{color:#0086bd;background:#eef7fb;border-radius:9px;justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;font-size:14px;transition:all .2s;display:flex}.society-submenu-modal-item:hover .society-submenu-modal-item-icon{color:#0076aa;background:#dff3fb}.society-submenu-modal-item-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.society-submenu-modal-item-arrow{color:#b4c7d3;flex-shrink:0;font-size:11px;transition:transform .2s}.society-submenu-modal-item:hover .society-submenu-modal-item-arrow{color:#0086bd;transform:translate(3px)}.society-submenu-modal-item-active{color:#0078ad;background:#eaf7fd;border-color:#ccebf7}.society-submenu-modal-item-active .society-submenu-modal-item-icon{color:#007bb5;background:#d8f0fa}.society-submenu-modal-item-active .society-submenu-modal-item-arrow{color:#0086bd}@keyframes societyModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes societyModalSlideIn{0%{opacity:0;transform:translateY(15px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media screen and (width<=768px){.society-submenu-modal-overlay{padding:15px}.society-submenu-modal{width:100%;max-width:360px}.society-submenu-modal-header{padding:16px}.society-submenu-modal-body{padding:10px}.society-submenu-modal-item{padding:11px 12px}}.society-sidebar-owner{background:linear-gradient(#fff 0%,#f7fffd 48%,#f0fdfa 100%)!important;border-right:1px solid #d7eee9!important;box-shadow:8px 0 35px #0f766e1a!important}.society-sidebar-owner .society-profile-header{background:linear-gradient(135deg,#064e3b 0%,#0f766e 42%,#14b8a6 78%,#f59e0b 125%)!important;box-shadow:0 10px 28px #0f766e40!important}.society-sidebar-owner .society-profile-glow{background:#ffffff26!important}.society-sidebar-owner .society-profile-glow:after{background:#f59e0b29!important}.society-sidebar-owner .society-avatar{background:linear-gradient(135deg,#ffffff40,#ffffff1a)!important;border:1px solid #ffffff6b!important;box-shadow:0 8px 22px #00000026!important}.society-sidebar-owner .society-profile-name{color:#fff!important}.society-sidebar-owner .society-profile-role{box-shadow:0 3px 10px #00000014;color:#fff!important;background:#ffffff29!important;border:1px solid #ffffff47!important}.society-sidebar-owner .society-brand-name{border-top-color:#ffffff2e!important}.society-sidebar-owner .society-brand-name span{color:#ffffffc7!important}.society-sidebar-owner .society-collapse-btn{color:#0f766e!important;background:#fff!important;border-color:#c7ebe5!important}.society-sidebar-owner .society-collapse-btn:hover{color:#fff!important;background:linear-gradient(135deg,#0f766e,#14b8a6)!important;border-color:#0f766e!important;transform:scale(1.06)!important;box-shadow:0 7px 20px #0f766e47!important}.society-sidebar-owner .society-section-title span{color:#0f766e!important;font-weight:900!important}.society-sidebar-owner .society-section-line{background:#d8eee9!important}.society-sidebar-owner .society-menu-item{color:#49635f!important;transition:all .22s!important}.society-sidebar-owner .society-menu-item:hover{box-shadow:0 4px 12px #0f766e0f;color:#0f766e!important;background:linear-gradient(90deg,#e7faf7,#f4fffd)!important;transform:translate(3px)!important}.society-sidebar-owner .society-icon-box{color:#5d7772!important;background:#edf7f5!important;transition:all .22s!important}.society-sidebar-owner .society-menu-item:hover .society-icon-box{transform:scale(1.05);color:#0f766e!important;background:linear-gradient(135deg,#ccfbf1,#99f6e4)!important}.society-sidebar-owner .society-menu-text{color:#49635f!important}.society-sidebar-owner .society-menu-active{color:#075e57!important;background:linear-gradient(90deg,#d9f7f1 0%,#effcf9 70%,#f7fffd 100%)!important;border:1px solid #d1eee9!important;box-shadow:0 5px 16px #0f766e1a!important}.society-sidebar-owner .society-menu-active .society-menu-text{color:#075e57!important;font-weight:850!important}.society-sidebar-owner .society-icon-active{color:#fff!important;background:linear-gradient(135deg,#0f766e,#14b8a6)!important;box-shadow:0 6px 15px #0f766e47!important}.society-sidebar-owner .society-active-indicator{background:linear-gradient(#f59e0b,#0f766e)!important;box-shadow:0 2px 9px #0f766e4d!important}.society-sidebar-owner .society-menu-arrow{color:#a9c4bf!important}.society-sidebar-owner .society-menu-item:hover .society-menu-arrow,.society-sidebar-owner .society-arrow-active{color:#0f766e!important}.society-sidebar-owner .society-dropdown-title-active{color:#075e57!important}.society-sidebar-owner .society-submenu{border-left-color:#bde4dd!important}.society-sidebar-owner .society-submenu-item{color:#6b817d!important;transition:all .2s!important}.society-sidebar-owner .society-submenu-item:hover{color:#0f766e!important;background:#e8faf7!important;transform:translate(4px)!important}.society-sidebar-owner .society-submenu-active{box-shadow:0 3px 9px #0f766e0f;color:#0f766e!important;background:linear-gradient(90deg,#d5f5ef,#eefcf9)!important;font-weight:850!important}.society-sidebar-owner .society-submenu-dot{color:#64817b!important;background:#eef7f5!important}.society-sidebar-owner .society-submenu-item:hover .society-submenu-dot{color:#0f766e!important;background:#ccfbf1!important}.society-sidebar-owner .society-submenu-active .society-submenu-dot{color:#fff!important;background:linear-gradient(135deg,#0f766e,#14b8a6)!important}.society-sidebar-owner .society-collapsed-flyout{border-color:#cde9e4!important;box-shadow:0 20px 50px #0f766e2b!important}.society-sidebar-owner .society-flyout-header{color:#fff!important;background:linear-gradient(135deg,#064e3b,#0f766e,#14b8a6)!important}.society-sidebar-owner .society-flyout-icon{background:#ffffff2b!important}.society-sidebar-owner .society-flyout-item{color:#526d68!important}.society-sidebar-owner .society-flyout-item:hover{color:#0f766e!important;background:#e8faf7!important;transform:translate(3px)!important}.society-sidebar-owner .society-flyout-item-icon{color:#6a827d!important;background:#edf7f5!important}.society-sidebar-owner .society-flyout-item:hover .society-flyout-item-icon{color:#0f766e!important;background:#ccfbf1!important}.society-sidebar-owner .society-flyout-active{color:#0f766e!important;background:linear-gradient(90deg,#d7f6f0,#effcf9)!important}.society-sidebar-owner .society-flyout-active .society-flyout-item-icon{color:#fff!important;background:linear-gradient(135deg,#0f766e,#14b8a6)!important}.society-sidebar-owner .society-flyout-item:hover .society-flyout-arrow{color:#0f766e!important}.society-sidebar-owner .society-sidebar-scroll{scrollbar-color:#9ddbd2 transparent!important}.society-sidebar-owner .society-sidebar-scroll::-webkit-scrollbar-thumb{background:#9ddbd2!important}.society-sidebar-owner .society-sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#14b8a6!important}.society-sidebar-owner .society-logout{color:#d63348!important;background:linear-gradient(135deg,#fff7f8,#fff1f3)!important;border-color:#ffe0e4!important}.society-sidebar-owner .society-logout:hover{color:#c92f44!important;background:#ffe7ea!important}.society-sidebar-owner .society-logout-icon{color:#dc3545!important;background:#ffe1e5!important}.society-sidebar-owner .society-mobile-close{color:#fff!important}.society-sidebar-owner .society-mobile-close:hover{background:#fff3!important}.society-owner-modal-overlay .society-submenu-modal{border:1px solid #cce9e3!important;box-shadow:0 25px 70px #0f766e33,0 8px 25px #00000014!important}.society-owner-modal-overlay .society-submenu-modal-header{background:linear-gradient(135deg,#f0fdfa,#fff)!important;border-bottom-color:#dcefeb!important}.society-owner-modal-overlay .society-submenu-modal-icon{color:#fff!important;background:linear-gradient(135deg,#064e3b,#0f766e,#14b8a6)!important;box-shadow:0 7px 18px #0f766e40!important}.society-owner-modal-overlay .society-submenu-modal-title h3{color:#064e3b!important}.society-owner-modal-overlay .society-submenu-modal-close:hover{transform:rotate(90deg);color:#0f766e!important;background:#e8faf7!important;border-color:#bce5dd!important}.society-owner-modal-overlay .society-submenu-modal-item{color:#526d68!important}.society-owner-modal-overlay .society-submenu-modal-item:hover{color:#0f766e!important;background:linear-gradient(90deg,#e8faf7,#f5fffd)!important;border-color:#c6e9e3!important;transform:translate(4px)!important}.society-owner-modal-overlay .society-submenu-modal-item-icon{color:#0f766e!important;background:#edf8f5!important}.society-owner-modal-overlay .society-submenu-modal-item:hover .society-submenu-modal-item-icon{color:#0f766e!important;background:linear-gradient(135deg,#ccfbf1,#99f6e4)!important}.society-owner-modal-overlay .society-submenu-modal-item-active{color:#075e57!important;background:linear-gradient(90deg,#d7f6f0,#effcf9)!important;border-color:#bfe5df!important}.society-owner-modal-overlay .society-submenu-modal-item-active .society-submenu-modal-item-icon{color:#fff!important;background:linear-gradient(135deg,#0f766e,#14b8a6)!important}.society-owner-modal-overlay .society-submenu-modal-item-active .society-submenu-modal-item-arrow{color:#0f766e!important}.society-owner-modal-overlay .society-submenu-modal-item:hover .society-submenu-modal-item-arrow{transform:translate(4px);color:#0f766e!important}@media screen and (width<=768px){.society-sidebar-owner .society-profile-header{box-shadow:0 7px 22px #0f766e33!important}.society-sidebar-owner .society-menu-item:hover{transform:translate(2px)!important}}@media screen and (width<=420px){.society-sidebar-owner .society-profile-header{background:linear-gradient(135deg,#064e3b,#0f766e,#14b8a6)!important}}@media screen and (width<=360px){.society-sidebar-owner .society-menu-item:hover{transform:translate(1px)!important}}.society-sidebar-owner .society-menu-item,.society-sidebar-owner .society-submenu-item,.society-sidebar-owner .society-icon-box,.society-sidebar-owner .society-menu-arrow,.society-sidebar-owner .society-submenu-dot,.society-sidebar-owner .society-flyout-item,.society-sidebar-owner .society-collapse-btn{transition:all .22s!important}.society-sidebar-admin{background:linear-gradient(#fff 0%,#f5f8ff 50%,#eef2ff 100%)!important;border-right:1px solid #d9e2ff!important;box-shadow:8px 0 35px #2546a01a!important}.society-sidebar-admin .society-profile-header{background:linear-gradient(135deg,#172554 0%,#6515af 45%,#7d95ca 75%,#4f46e5 100%)!important;box-shadow:0 10px 28px #2563eb40!important}.society-sidebar-admin .society-profile-glow{background:#ffffff26!important}.society-sidebar-admin .society-profile-glow:after{background:#818cf833!important}.society-sidebar-admin .society-avatar{background:linear-gradient(135deg,#ffffff42,#ffffff1a)!important;border:1px solid #ffffff6b!important;box-shadow:0 8px 22px #00000026!important}.society-sidebar-admin .society-profile-name{color:#fff!important}.society-sidebar-admin .society-profile-role{box-shadow:0 3px 10px #00000014;color:#fff!important;background:#ffffff29!important;border:1px solid #ffffff47!important}.society-sidebar-admin .society-brand-name{border-top-color:#ffffff2e!important}.society-sidebar-admin .society-brand-name span{color:#ffffffc7!important}.society-sidebar-admin .society-collapse-btn{color:#2563eb!important;background:#fff!important;border-color:#cbd8ff!important}.society-sidebar-admin .society-collapse-btn:hover{color:#fff!important;background:linear-gradient(135deg,#2563eb,#4f46e5)!important;border-color:#2563eb!important;transform:scale(1.06)!important;box-shadow:0 7px 20px #2563eb47!important}.society-sidebar-admin .society-section-title span{color:#3155b8!important;font-weight:900!important}.society-sidebar-admin .society-section-line{background:#dce5ff!important}.society-sidebar-admin .society-menu-item{color:#4b5f85!important;transition:all .22s!important}.society-sidebar-admin .society-menu-item:hover{box-shadow:0 4px 12px #2563eb0f;color:#2563eb!important;background:linear-gradient(90deg,#eef4ff,#f7f9ff)!important;transform:translate(3px)!important}.society-sidebar-admin .society-icon-box{color:#6478a8!important;background:#eef3ff!important}.society-sidebar-admin .society-menu-item:hover .society-icon-box{color:#2563eb!important;background:linear-gradient(135deg,#dbeafe,#e0e7ff)!important}.society-sidebar-admin .society-menu-text{color:#4b5f85!important}.society-sidebar-admin .society-menu-active .society-menu-text{color:#1d4ed8!important}.society-sidebar-admin .society-menu-active{color:#1d4ed8!important;background:linear-gradient(90deg,#e0ebff 0%,#f2f5ff 100%)!important;box-shadow:0 4px 14px #2563eb14!important}.society-sidebar-admin .society-icon-active{color:#fff!important;background:linear-gradient(135deg,#2563eb,#4f46e5)!important;box-shadow:0 6px 15px #2563eb47!important}.society-sidebar-admin .society-active-indicator{background:linear-gradient(#4f46e5,#2563eb)!important}.society-sidebar-admin .society-menu-arrow{color:#a8b7d4!important}.society-sidebar-admin .society-menu-item:hover .society-menu-arrow,.society-sidebar-admin .society-arrow-active{color:#2563eb!important}.society-sidebar-admin .society-submenu{border-left-color:#cbd8f5!important}.society-sidebar-admin .society-submenu-item{color:#66789c!important}.society-sidebar-admin .society-submenu-item:hover{color:#2563eb!important;background:#eef4ff!important}.society-sidebar-admin .society-submenu-active{color:#2563eb!important;background:#e0ebff!important}.society-sidebar-admin .society-submenu-dot{color:#7184a8!important;background:#eef3ff!important}.society-sidebar-admin .society-submenu-item:hover .society-submenu-dot{color:#2563eb!important;background:#dbeafe!important}.society-sidebar-admin .society-submenu-active .society-submenu-dot{color:#fff!important;background:#2563eb!important}.society-sidebar-admin .society-flyout-header{color:#fff!important;background:linear-gradient(135deg,#172554,#2563eb,#4f46e5)!important}.society-sidebar-admin .society-flyout-icon{background:#ffffff2b!important}.society-sidebar-admin .society-flyout-item{color:#526486!important}.society-sidebar-admin .society-flyout-item:hover{color:#2563eb!important;background:#eef4ff!important}.society-sidebar-admin .society-flyout-item-icon{color:#7183a7!important;background:#f0f4ff!important}.society-sidebar-admin .society-flyout-item:hover .society-flyout-item-icon{color:#2563eb!important;background:#dbeafe!important}.society-sidebar-admin .society-flyout-active{color:#2563eb!important;background:linear-gradient(90deg,#e0ebff,#f2f5ff)!important}.society-sidebar-admin .society-flyout-active .society-flyout-item-icon{color:#fff!important;background:linear-gradient(135deg,#2563eb,#4f46e5)!important}.society-sidebar-admin .society-flyout-item:hover .society-flyout-arrow{color:#2563eb!important}.society-sidebar-admin .society-sidebar-scroll{scrollbar-color:#a9bdf0 transparent!important}.society-sidebar-admin .society-sidebar-scroll::-webkit-scrollbar-thumb{background:#b3c5ee!important}.society-sidebar-admin .society-sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#6689df!important}.society-sidebar-security{background:linear-gradient(#fff 0%,#faf7ff 50%,#f5f0ff 100%)!important;border-right:1px solid #e7ddff!important;box-shadow:8px 0 35px #6d28d91a!important}.society-sidebar-security .society-profile-header{background:linear-gradient(135deg,#3b0764 0%,#6d28d9 45%,#7c3aed 72%,#a855f7 100%)!important;box-shadow:0 10px 28px #6d28d942!important}.society-sidebar-security .society-profile-glow{background:#ffffff26!important}.society-sidebar-security .society-profile-glow:after{background:#d8b4fe33!important}.society-sidebar-security .society-avatar{background:linear-gradient(135deg,#ffffff42,#ffffff1a)!important;border:1px solid #ffffff6b!important;box-shadow:0 8px 22px #00000026!important}.society-sidebar-security .society-profile-name{color:#fff!important}.society-sidebar-security .society-profile-role{color:#fff!important;background:#ffffff29!important;border:1px solid #ffffff47!important}.society-sidebar-security .society-brand-name{border-top-color:#ffffff2e!important}.society-sidebar-security .society-brand-name span{color:#ffffffc7!important}.society-sidebar-security .society-collapse-btn{color:#7c3aed!important;background:#fff!important;border-color:#dfd0ff!important}.society-sidebar-security .society-collapse-btn:hover{color:#fff!important;background:linear-gradient(135deg,#6d28d9,#a855f7)!important;border-color:#7c3aed!important;transform:scale(1.06)!important;box-shadow:0 7px 20px #7c3aed47!important}.society-sidebar-security .society-section-title span{color:#7c3aed!important;font-weight:900!important}.society-sidebar-security .society-section-line{background:#e5dcf7!important}.society-sidebar-security .society-menu-item{color:#65577d!important;transition:all .22s!important}.society-sidebar-security .society-menu-item:hover{box-shadow:0 4px 12px #7c3aed12;color:#7c3aed!important;background:linear-gradient(90deg,#f2ebff,#faf7ff)!important;transform:translate(3px)!important}.society-sidebar-security .society-icon-box{color:#806da0!important;background:#f2edff!important}.society-sidebar-security .society-menu-item:hover .society-icon-box{color:#7c3aed!important;background:linear-gradient(135deg,#eadcff,#f3e8ff)!important}.society-sidebar-security .society-menu-text{color:#65577d!important}.society-sidebar-security .society-menu-active .society-menu-text{color:#6d28d9!important}.society-sidebar-security .society-menu-active{color:#6d28d9!important;background:linear-gradient(90deg,#ede5ff 0%,#f7f3ff 100%)!important;box-shadow:0 4px 14px #7c3aed14!important}.society-sidebar-security .society-icon-active{color:#fff!important;background:linear-gradient(135deg,#6d28d9,#a855f7)!important;box-shadow:0 6px 15px #7c3aed47!important}.society-sidebar-security .society-active-indicator{background:linear-gradient(#a855f7,#6d28d9)!important}.society-sidebar-security .society-menu-arrow{color:#b7a9cc!important}.society-sidebar-security .society-menu-item:hover .society-menu-arrow,.society-sidebar-security .society-arrow-active{color:#7c3aed!important}.society-sidebar-security .society-submenu{border-left-color:#d9ccf0!important}.society-sidebar-security .society-submenu-item{color:#756787!important}.society-sidebar-security .society-submenu-item:hover{color:#7c3aed!important;background:#f2ebff!important}.society-sidebar-security .society-submenu-active{color:#7c3aed!important;background:#ede5ff!important}.society-sidebar-security .society-submenu-dot{color:#8a78a7!important;background:#f2edff!important}.society-sidebar-security .society-submenu-item:hover .society-submenu-dot{color:#7c3aed!important;background:#e7dcff!important}.society-sidebar-security .society-submenu-active .society-submenu-dot{color:#fff!important;background:#7c3aed!important}.society-sidebar-security .society-flyout-header{color:#fff!important;background:linear-gradient(135deg,#3b0764,#6d28d9,#a855f7)!important}.society-sidebar-security .society-flyout-icon{background:#ffffff2b!important}.society-sidebar-security .society-flyout-item{color:#66577d!important}.society-sidebar-security .society-flyout-item:hover{color:#7c3aed!important;background:#f2ebff!important}.society-sidebar-security .society-flyout-item-icon{color:#8876a3!important;background:#f3efff!important}.society-sidebar-security .society-flyout-item:hover .society-flyout-item-icon{color:#7c3aed!important;background:#e8ddff!important}.society-sidebar-security .society-flyout-active{color:#7c3aed!important;background:linear-gradient(90deg,#ede5ff,#f7f3ff)!important}.society-sidebar-security .society-flyout-active .society-flyout-item-icon{color:#fff!important;background:linear-gradient(135deg,#6d28d9,#a855f7)!important}.society-sidebar-security .society-flyout-item:hover .society-flyout-arrow{color:#7c3aed!important}.society-sidebar-security .society-sidebar-scroll{scrollbar-color:#bba7df transparent!important}.society-sidebar-security .society-sidebar-scroll::-webkit-scrollbar-thumb{background:#c2b0e5!important}.society-sidebar-security .society-sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#9b7bd1!important}.society-navbar,.society-navbar *{box-sizing:border-box}.society-navbar{z-index:2000;-webkit-backdrop-filter:blur(14px);background:#fffffff7;border-bottom:1px solid #e4ebf2;justify-content:space-between;align-items:center;gap:14px;width:calc(100% - 280px);height:72px;padding:0 18px;transition:left .28s,width .28s;display:flex;position:fixed;top:0;left:280px;right:0;box-shadow:0 4px 18px #0f172a0b}body:has(.society-sidebar-collapsed) .society-navbar{width:calc(100% - 78px);left:78px}.society-navbar-menu-btn{color:#087dbb;cursor:pointer;z-index:99999;background:#fff;border:1px solid #dce7f0;border-radius:10px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;padding:0;font-size:17px;transition:background .2s,color .2s,border-color .2s,transform .2s;display:none;position:relative;box-shadow:0 4px 12px #0f172a14}.society-navbar-menu-btn:hover{color:#fff;background:#087dbb;border-color:#087dbb;transform:translateY(-1px)}.society-navbar-menu-btn:active{transform:scale(.94)}.society-navbar-left{flex-shrink:1;align-items:center;gap:12px;min-width:350px;display:flex}.society-navbar-brand{flex-shrink:0;align-items:center;gap:9px;display:flex}.society-navbar-brand-icon{color:#fff;background:linear-gradient(135deg,#075080,#087dbb);border-radius:11px;justify-content:center;align-items:center;width:39px;min-width:39px;height:39px;font-size:15px;display:flex;box-shadow:0 5px 14px #087dbb33}.society-navbar-brand-text{flex-direction:column;min-width:0;display:flex}.society-navbar-brand-text strong{color:#17324d;white-space:nowrap;font-size:13px;font-weight:900;line-height:16px}.society-navbar-brand-text span{color:#91a0ae;white-space:nowrap;margin-top:1px;font-size:8px;font-weight:650;line-height:11px}.society-navbar-divider{background:#e3eaf1;flex-shrink:0;width:1px;height:29px}.society-navbar-breadcrumb{white-space:nowrap;align-items:center;gap:9px;min-width:0;display:flex}.society-navbar-breadcrumb span{color:#8b9aaa;font-size:9px;font-weight:650}.society-navbar-breadcrumb b{color:#c5d0da;font-size:10px}.society-navbar-breadcrumb strong{color:#50647a;text-overflow:ellipsis;font-size:9px;font-weight:800;overflow:hidden}.society-navbar-search{background:#f7fafc;border:1px solid #dce7f0;border-radius:12px;flex-shrink:1;align-items:center;width:min(425px,34vw);min-width:180px;height:42px;transition:all .2s;display:flex;position:relative}.society-navbar-search:focus-within{background:#fff;border-color:#9dc9e2;box-shadow:0 0 0 3px #087dbb12}.society-search-icon{color:#8ea0b1;flex-shrink:0;margin-left:14px;font-size:12px}.society-navbar-search input{color:#34495e;background:0 0;border:none;outline:none;width:100%;height:100%;padding:0 38px 0 10px;font-size:10px;font-weight:650}.society-navbar-search input::placeholder{color:#93a4b5}.society-search-clear{color:#73869a;cursor:pointer;background:#eaf1f6;border:none;border-radius:7px;justify-content:center;align-items:center;width:23px;height:23px;padding:0;font-size:9px;display:flex;position:absolute;right:10px}.society-search-clear:hover{color:#087dbb;background:#dcecf5}.society-search-dropdown{z-index:7000;background:#fff;border:1px solid #dce7f0;border-radius:13px;max-height:330px;padding:7px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 38px #0f172a24}.society-search-heading{color:#91a0af;letter-spacing:.9px;padding:6px 8px 7px;font-size:7px;font-weight:900}.society-search-item{cursor:pointer;color:#536579;border-radius:9px;align-items:center;gap:9px;min-height:40px;padding:6px 8px;font-size:10px;font-weight:700;transition:all .18s;display:flex}.society-search-item:hover{color:#087dbb;background:#eef7fc}.society-search-item-icon{color:#087dbb;background:#edf5fa;border-radius:8px;justify-content:center;align-items:center;width:29px;min-width:29px;height:29px;font-size:10px;display:flex}.society-navbar-right{flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;display:flex}.society-navbar-icon-btn{color:#65798d;cursor:pointer;background:#fff;border:1px solid #dfe8ef;border-radius:11px;justify-content:center;align-items:center;width:39px;min-width:39px;height:39px;padding:0;font-size:12px;transition:all .2s;display:flex;position:relative}.society-navbar-icon-btn:hover{color:#087dbb;background:#f2f9fd;border-color:#b9d8e9}.society-notification-dot{background:#ef5350;border:2px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.society-navbar-user{background:#f6f9fb;border:1px solid #e5edf3;border-radius:12px;align-items:center;gap:8px;min-width:0;padding:3px 8px 3px 3px;display:flex}.society-navbar-user-icon{color:#087dbb;background:#e1f1fa;border-radius:10px;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;font-size:20px;display:flex}.society-navbar-user-details{flex-direction:column;min-width:0;display:flex}.society-navbar-user-details strong{white-space:nowrap;text-overflow:ellipsis;color:#34495e;max-width:100px;font-size:9.5px;font-weight:850;overflow:hidden}.society-navbar-user-details span{color:#91a0af;white-space:nowrap;margin-top:2px;font-size:7px}.society-navbar-logout{color:#e04757;cursor:pointer;background:#fff5f6;border:1px solid #ffd9de;border-radius:11px;justify-content:center;align-items:center;width:39px;min-width:39px;height:39px;padding:0;font-size:12px;transition:all .2s;display:flex}.society-navbar-logout:hover{color:#fff;background:#e04757;border-color:#e04757;transform:translateY(-1px)}@media screen and (width<=1100px){.society-navbar-left{min-width:250px}.society-navbar-breadcrumb,.society-navbar-divider{display:none}.society-navbar-search{width:min(350px,30vw)}}@media screen and (width<=900px){.society-navbar-brand-text{display:none}.society-navbar-brand-icon{width:38px;min-width:38px;height:38px}.society-navbar-left{min-width:0}.society-navbar-search{width:250px;min-width:150px}}@media screen and (width<=768px){.society-navbar{z-index:5000;justify-content:space-between;align-items:center;gap:7px;height:64px;padding:0 10px;display:flex;position:fixed;top:0;width:100%!important;left:0!important;right:0!important}.society-navbar-menu-btn{z-index:99999;justify-content:center;align-items:center;font-size:17px;position:relative;visibility:visible!important;opacity:1!important;flex:0 0 40px!important;width:40px!important;min-width:40px!important;height:40px!important;display:flex!important}.society-navbar-left{flex:auto;align-items:center;gap:7px;min-width:0;display:flex;overflow:hidden}.society-navbar-brand{align-items:center;gap:7px;min-width:0;display:flex}.society-navbar-brand-icon{border-radius:10px;width:36px;min-width:36px;height:36px;font-size:14px}.society-navbar-brand-text{flex-direction:column;min-width:0;display:flex}.society-navbar-brand-text strong{text-overflow:ellipsis;white-space:nowrap;max-width:125px;font-size:10px;overflow:hidden}.society-navbar-brand-text span{font-size:6px}.society-navbar-divider,.society-navbar-breadcrumb{display:none}.society-navbar-search{background:0 0;border:none;flex:0 0 38px;width:38px;min-width:38px;height:36px;margin-left:auto;overflow:visible}.society-navbar-search input{display:none}.society-search-icon{color:#73869a;background:#fff;border:1px solid #dce7f0;border-radius:10px;justify-content:center;align-items:center;width:38px;height:36px;margin:0;font-size:12px;display:flex}.society-navbar-search.society-search-mobile-open{z-index:8000;background:#fff;border:1px solid #dce7f0;border-radius:11px;align-items:center;width:auto;height:40px;margin:0;display:flex;position:absolute;top:12px;left:10px;right:10px;box-shadow:0 8px 25px #0f172a1f}.society-search-mobile-open input{flex:1;width:100%;display:block}.society-search-mobile-open .society-search-icon{background:0 0;border:none;width:38px;height:auto;margin-left:12px}.society-navbar-right{flex:none;align-items:center;gap:5px;display:flex}.society-navbar-icon-btn{border-radius:10px;width:36px;min-width:36px;height:36px;font-size:11px}.society-navbar-user{background:0 0;border:none;gap:0;padding:0}.society-navbar-user-details{display:none}.society-navbar-user-icon{border-radius:10px;width:36px;min-width:36px;height:36px;font-size:19px}.society-navbar-logout{border-radius:10px;width:36px;min-width:36px;height:36px;font-size:11px}}@media screen and (width<=430px){.society-navbar{gap:5px;height:60px;padding:0 8px}.society-navbar-menu-btn{font-size:16px;visibility:visible!important;opacity:1!important;flex:0 0 38px!important;width:38px!important;min-width:38px!important;height:38px!important;display:flex!important}.society-navbar-left{gap:5px}.society-navbar-brand-icon{width:34px;min-width:34px;height:34px;font-size:13px}.society-navbar-search{flex:0 0 34px;width:34px;min-width:34px}.society-search-icon{display:none!important}.society-navbar-right{gap:3px}.society-navbar-icon-btn,.society-navbar-user-icon,.society-navbar-logout{width:34px;min-width:34px;height:34px}}@media screen and (width<=360px){.society-navbar{gap:3px;padding:0 6px}.society-navbar-menu-btn{visibility:visible!important;opacity:1!important;flex:0 0 36px!important;width:36px!important;min-width:36px!important;height:36px!important;display:flex!important}.society-navbar-search{display:none}.society-navbar-right{gap:2px}.society-navbar-icon-btn,.society-navbar-user-icon,.society-navbar-logout{width:32px;min-width:32px;height:32px}}.breadcrumb-dashboard{cursor:pointer;color:#64748b;font-weight:600;transition:all .2s}.breadcrumb-dashboard:hover{color:#6366f1;text-decoration:underline}.society-navbar.navbar-role-admin{--navbar-primary:#2563eb;--navbar-primary-dark:#1d4ed8;--navbar-secondary:#4f46e5;--navbar-light:#eff6ff;--navbar-border:#dbeafe}.society-navbar.navbar-role-admin .society-navbar-brand-icon{box-shadow:0 5px 14px #087dbb33;background:linear-gradient(135deg,#075080,#087dbb)!important}.society-navbar.navbar-role-admin .society-navbar-menu-btn{color:var(--navbar-primary);border-color:var(--navbar-border)}.society-navbar.navbar-role-admin .society-navbar-menu-btn:hover{background:linear-gradient(135deg, var(--navbar-primary), var(--navbar-secondary));border-color:var(--navbar-primary);color:#fff}.society-navbar.navbar-role-admin .society-navbar-search:focus-within{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb14}.society-navbar.navbar-role-admin .society-search-item:hover,.society-navbar.navbar-role-admin .society-search-item-icon{color:var(--navbar-primary);background:#eff6ff}.society-navbar.navbar-role-admin .society-navbar-icon-btn:hover{color:var(--navbar-primary);background:#eff6ff;border-color:#bfdbfe}.society-navbar.navbar-role-admin .society-navbar-user-icon{color:var(--navbar-primary);background:#dbeafe}.society-navbar.navbar-role-owner{--navbar-primary:#0f766e;--navbar-primary-dark:#115e59;--navbar-secondary:#14b8a6;--navbar-light:#ecfdf5;--navbar-border:#c7ebe5}.society-navbar.navbar-role-owner .society-navbar-brand-icon{box-shadow:0 6px 16px #0f766e38;background:linear-gradient(135deg,#115e59,#0f766e,#14b8a6)!important}.society-navbar.navbar-role-owner .society-navbar-menu-btn{color:var(--navbar-primary);border-color:var(--navbar-border)}.society-navbar.navbar-role-owner .society-navbar-menu-btn:hover{border-color:var(--navbar-primary);color:#fff;background:linear-gradient(135deg,#115e59,#0f766e,#14b8a6)}.society-navbar.navbar-role-owner .society-navbar-search:focus-within{border-color:#99d8d0;box-shadow:0 0 0 3px #0f766e14}.society-navbar.navbar-role-owner .society-search-item:hover{color:var(--navbar-primary);background:#ecfdf5}.society-navbar.navbar-role-owner .society-search-item-icon{color:var(--navbar-primary);background:#e6f8f4}.society-navbar.navbar-role-owner .society-navbar-icon-btn:hover{color:var(--navbar-primary);background:#f0fdfa;border-color:#b7e2dc}.society-navbar.navbar-role-owner .society-navbar-user-icon{color:var(--navbar-primary);background:#d9f5ef}.society-navbar.navbar-role-security{--navbar-primary:#7c3aed;--navbar-primary-dark:#6d28d9;--navbar-secondary:#a855f7;--navbar-light:#f2ebff;--navbar-border:#e5dcf7}.society-navbar.navbar-role-security .society-navbar-brand-icon{box-shadow:0 6px 18px #7c3aed40;background:linear-gradient(135deg,#3b0764,#6d28d9,#a855f7)!important}.society-navbar.navbar-role-security .society-navbar-menu-btn{color:var(--navbar-primary);border-color:var(--navbar-border);background:#fff}.society-navbar.navbar-role-security .society-navbar-menu-btn:hover{border-color:var(--navbar-primary);color:#fff;background:linear-gradient(135deg,#6d28d9,#a855f7)}.society-navbar.navbar-role-security .society-navbar-search:focus-within{border-color:#c4b5fd;box-shadow:0 0 0 3px #7c3aed17}.society-navbar.navbar-role-security .society-search-item:hover{color:var(--navbar-primary);background:#f7f2ff}.society-navbar.navbar-role-security .society-search-item-icon{color:var(--navbar-primary);background:#f2edff}.society-navbar.navbar-role-security .society-navbar-icon-btn:hover{color:var(--navbar-primary);background:#faf7ff;border-color:#d9c9f6}.society-navbar.navbar-role-security .society-navbar-user-icon{color:var(--navbar-primary);background:#eadfff}.society-navbar.navbar-role-admin .breadcrumb-dashboard:hover{color:#2563eb}.society-navbar.navbar-role-owner .breadcrumb-dashboard:hover{color:#0f766e}.society-navbar.navbar-role-security .breadcrumb-dashboard:hover{color:#7c3aed}.society-navbar.navbar-role-admin .society-search-clear:hover{color:#2563eb;background:#eff6ff}.society-navbar.navbar-role-owner .society-search-clear:hover{color:#0f766e;background:#ecfdf5}.society-navbar.navbar-role-security .society-search-clear:hover{color:#7c3aed;background:#f2edff}@media screen and (width<=768px){.society-navbar.navbar-role-admin .society-search-icon{color:#2563eb}.society-navbar.navbar-role-owner .society-search-icon{color:#0f766e}.society-navbar.navbar-role-security .society-search-icon{color:#7c3aed}.society-navbar.navbar-role-admin .society-navbar-user-icon{color:#2563eb;background:#dbeafe}.society-navbar.navbar-role-owner .society-navbar-user-icon{color:#0f766e;background:#d9f5ef}.society-navbar.navbar-role-security .society-navbar-user-icon{color:#7c3aed;background:#eadfff}}.society-dashboard-layout{background:#f5f8fc;min-height:100vh}.society-dashboard-main{min-height:100vh;margin-left:280px;padding-top:72px;transition:margin-left .3s}.society-dashboard-main.dashboard-sidebar-collapsed{margin-left:78px}.society-dashboard-content{box-sizing:border-box;width:100%;max-width:1650px;margin:0 auto;padding:20px 28px 30px}.compact-dashboard-header{box-sizing:border-box;background:linear-gradient(135deg,#fff 0%,#f5faff 100%);border:1px solid #dfe9f2;border-radius:16px;justify-content:space-between;align-items:center;min-height:82px;margin-bottom:22px;padding:14px 20px;display:flex;box-shadow:0 5px 18px #0f172a0b}.compact-dashboard-left{align-items:center;gap:13px;display:flex}.compact-dashboard-icon{color:#fff;background:linear-gradient(135deg,#1769aa,#238bc9);border-radius:13px;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;font-size:18px;display:flex;box-shadow:0 6px 15px #1769aa33}.compact-dashboard-label{color:#1769aa;letter-spacing:1px;margin-bottom:2px;font-size:9px;font-weight:900}.compact-dashboard-left h1{color:#17324d;margin:0;font-size:23px;font-weight:900;line-height:1.15}.compact-dashboard-left p{color:#8291a2;margin:4px 0 0;font-size:10px}.compact-dashboard-right{align-items:center;gap:12px;display:flex}.compact-date{box-sizing:border-box;color:#657589;background:#fff;border:1px solid #e0e9f1;border-radius:10px;align-items:center;gap:7px;height:36px;padding:0 12px;font-size:9px;font-weight:750;display:flex}.compact-date svg{color:#1769aa;font-size:11px}.dashboard-refresh-btn{color:#1769aa;cursor:pointer;background:#eef7fc;border:1px solid #cfe2ef;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 13px;font-size:10px;font-weight:850;transition:all .2s;display:flex}.dashboard-refresh-btn:hover{color:#fff;background:#1769aa;border-color:#1769aa;transform:translateY(-1px)}.dashboard-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-spin{animation:.8s linear infinite dashboardSpin}@keyframes dashboardSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.society-dashboard-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.society-dashboard-heading h2{color:#17324d;margin:0;font-size:20px;font-weight:900}.society-dashboard-heading p{color:#8291a2;margin:4px 0 0;font-size:10px}.society-stat-grid{grid-template-columns:repeat(5,1fr);gap:15px;margin-bottom:25px;display:grid}.society-stat-card{box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #e2eaf2;border-radius:18px;min-height:172px;padding:18px;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden;box-shadow:0 5px 18px #0f172a0b}.society-stat-card:hover{border-color:#cbdfea;transform:translateY(-4px);box-shadow:0 13px 28px #0f172a17}.stat-card-top{justify-content:space-between;align-items:center;display:flex}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:43px;min-width:43px;height:43px;font-size:17px;display:flex}.blue .stat-icon{color:#2185d0;background:#e8f3ff}.green .stat-icon{color:#22a05a;background:#e8f9ef}.orange .stat-icon{color:#e89500;background:#fff4df}.red .stat-icon{color:#e94a58;background:#fff0f1}.purple .stat-icon{color:#805ad5;background:#f1ebff}.stat-arrow{color:#c3d1dc;font-size:10px;transition:all .2s}.society-stat-card:hover .stat-arrow{color:#1769aa;transform:translate(3px)}.stat-number{color:#102a43;margin-top:17px;font-size:30px;font-weight:900;line-height:1}.society-stat-card h3{color:#3f5368;margin:9px 0 4px;font-size:12px;font-weight:850}.society-stat-card p{color:#8b99a9;margin:0;font-size:9px;line-height:1.4}.stat-progress{background:#edf2f6;border-radius:10px;height:4px;position:absolute;bottom:13px;left:18px;right:18px;overflow:hidden}.stat-progress span{border-radius:10px;width:58%;height:100%;display:block}.blue .stat-progress span{background:#2185d0}.green .stat-progress span{background:#22a05a}.orange .stat-progress span{background:#e89500}.red .stat-progress span{background:#e94a58}.purple .stat-progress span{background:#805ad5}.society-main-grid{grid-template-columns:minmax(0,1.45fr) minmax(350px,.85fr);gap:18px;margin-bottom:20px;display:grid}.society-panel{box-sizing:border-box;background:#fff;border:1px solid #e2eaf2;border-radius:18px;padding:22px;box-shadow:0 5px 18px #0f172a0b}.society-panel-header{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.society-panel-header h2{color:#1e293b;margin:0;font-size:16px;font-weight:900}.society-panel-header p{color:#8b99aa;margin:4px 0 0;font-size:9.5px}.panel-header-icon{color:#1769aa;background:#edf6fc;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.quick-action-grid{grid-template-columns:repeat(2,1fr);gap:11px;display:grid}.quick-action-card{box-sizing:border-box;cursor:pointer;text-align:left;background:#fbfdff;border:1px solid #e8eef4;border-radius:13px;align-items:center;min-height:72px;padding:11px;transition:all .2s;display:flex}.quick-action-card:hover{background:#f4f9fd;border-color:#d3e5f1;transform:translateY(-2px);box-shadow:0 7px 15px #0f172a0e}.quick-action-icon{border-radius:11px;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:14px;display:flex}.action-blue .quick-action-icon{color:#2185d0;background:#e8f3ff}.action-green .quick-action-icon{color:#22a05a;background:#e8f9ef}.action-orange .quick-action-icon{color:#e89500;background:#fff4df}.action-purple .quick-action-icon{color:#805ad5;background:#f1ebff}.action-red .quick-action-icon{color:#e94a58;background:#fff0f1}.action-teal .quick-action-icon{color:#149b91;background:#e5f9f7}.quick-action-content{flex:1;min-width:0;margin-left:10px}.quick-action-content strong{color:#3e5267;font-size:11px;font-weight:850;display:block}.quick-action-content span{color:#909dac;margin-top:4px;font-size:8.5px;line-height:1.3;display:block}.quick-action-arrow{color:#bdcad5;margin-left:5px;font-size:9px}.society-health-panel{background:linear-gradient(145deg,#fff,#f9fbfd)}.status-live{color:#15955a;background:#ecfdf3;border-radius:20px;align-items:center;gap:6px;padding:6px 9px;font-size:8px;font-weight:900;display:flex}.status-live span{background:#22c55e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #22c55e1f}.society-status-list{flex-direction:column;display:flex}.society-status-item{box-sizing:border-box;border-bottom:1px solid #edf2f6;align-items:center;min-height:51px;padding:8px 0;display:flex}.society-status-item:last-child{border-bottom:none}.status-icon{border-radius:10px;justify-content:center;align-items:center;width:37px;min-width:37px;height:37px;font-size:12px;display:flex}.status-icon.blue{color:#2185d0;background:#e8f3ff}.status-icon.green{color:#22a05a;background:#e8f9ef}.status-icon.orange{color:#e89500;background:#fff4df}.status-icon.red{color:#e94a58;background:#fff0f1}.status-icon.purple{color:#805ad5;background:#f1ebff}.status-info{flex:1;min-width:0;margin-left:10px}.status-info strong{color:#405166;font-size:10.5px;font-weight:850;display:block}.status-info span{white-space:nowrap;text-overflow:ellipsis;color:#96a3b1;margin-top:3px;font-size:8px;display:block;overflow:hidden}.society-status-item>b{text-align:right;color:#17324d;min-width:25px;font-size:15px;font-weight:900}.last-updated{color:#a0acba;border-top:1px solid #eef2f6;align-items:center;gap:6px;margin-top:8px;padding-top:10px;font-size:8px;display:flex}.last-updated svg{color:#1769aa;font-size:9px}.reports-panel{margin-bottom:18px}.view-all-btn{color:#1769aa;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:9px;font-weight:850;display:flex}.view-all-btn:hover{color:#0d4d7d}.view-all-btn svg{font-size:8px}.reports-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.report-card{box-sizing:border-box;cursor:pointer;text-align:left;background:#fbfdff;border:1px solid #e8eef4;border-radius:12px;align-items:center;gap:10px;min-height:54px;padding:9px 11px;transition:all .2s;display:flex}.report-card:hover{background:#f2f8fc;border-color:#d2e4ef;transform:translateY(-2px)}.report-icon{color:#1769aa;background:#eaf4fb;border-radius:9px;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;font-size:11px;display:flex}.report-card span{color:#506276;flex:1;font-size:9.5px;font-weight:800}.report-arrow{color:#c2ced9;font-size:8px}.society-dashboard-footer{color:#9aa6b5;justify-content:space-between;align-items:center;padding:5px 3px 0;font-size:8px;display:flex}.society-dashboard-footer div{align-items:center;gap:6px;display:flex}.society-dashboard-footer svg{color:#1769aa}.society-dashboard-footer strong{color:#68778a;font-size:8.5px}@media screen and (width<=1250px){.society-stat-grid{grid-template-columns:repeat(3,1fr)}.society-main-grid{grid-template-columns:1fr}.reports-grid{grid-template-columns:repeat(4,1fr)}}@media screen and (width<=1000px){.society-dashboard-main,.society-dashboard-main.dashboard-sidebar-collapsed{margin-left:78px}.society-dashboard-content{padding:18px 20px 25px}.compact-dashboard-header{padding:13px 17px}.compact-dashboard-left h1{font-size:21px}}@media screen and (width<=768px){.society-dashboard-main{margin-left:0;padding-top:64px}.society-dashboard-main.dashboard-sidebar-collapsed{margin-left:0}.society-dashboard-content{padding:14px}.compact-dashboard-header{border-radius:14px;min-height:70px;margin-bottom:18px;padding:11px 13px}.compact-dashboard-icon{border-radius:11px;width:41px;min-width:41px;height:41px;font-size:15px}.compact-dashboard-left{gap:10px}.compact-dashboard-label{font-size:7px}.compact-dashboard-left h1{font-size:19px}.compact-dashboard-left p{display:none}.compact-dashboard-right{gap:6px}.compact-date{display:none}.dashboard-refresh-btn{width:36px;padding:0}.dashboard-refresh-btn span{display:none}.society-dashboard-heading{margin-bottom:13px}.society-dashboard-heading h2{font-size:17px}.society-dashboard-heading p{font-size:9px}.society-stat-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:17px}.society-stat-card{border-radius:15px;min-height:150px;padding:15px}.stat-icon{width:39px;min-width:39px;height:39px;font-size:15px}.stat-number{margin-top:15px;font-size:26px}.society-stat-card h3{font-size:10.5px}.society-stat-card p{font-size:8px}.society-main-grid{grid-template-columns:1fr;gap:12px}.society-panel{border-radius:15px;padding:17px}.society-panel-header h2{font-size:14px}.quick-action-grid{grid-template-columns:1fr;gap:8px}.quick-action-card{min-height:65px}.reports-grid{grid-template-columns:repeat(2,1fr);gap:8px}.report-card{min-height:50px}}@media screen and (width<=450px){.society-dashboard-content{padding:11px}.compact-dashboard-header{min-height:64px;padding:9px 11px}.compact-dashboard-icon{width:38px;min-width:38px;height:38px}.compact-dashboard-left h1{font-size:18px}.society-stat-grid{grid-template-columns:repeat(2,1fr);gap:8px}.society-stat-card{min-height:142px;padding:13px}.stat-number{font-size:23px}.society-stat-card h3{font-size:9.5px}.society-stat-card p{font-size:7.5px}.society-panel{padding:14px}.reports-grid{grid-template-columns:1fr}.society-dashboard-footer{flex-direction:column;align-items:flex-start;gap:5px}}@media screen and (width<=768px){.society-dashboard-content{box-sizing:border-box;width:100%;max-width:100%;padding:12px;overflow-x:hidden}.society-stat-grid{width:100%;margin-bottom:18px;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;display:grid!important}.society-stat-card{box-sizing:border-box;border-radius:14px;width:100%;min-width:0;min-height:138px;padding:12px}.society-stat-card .stat-icon{border-radius:9px;width:34px;min-width:34px;height:34px;font-size:13px}.society-stat-card .stat-number{margin-top:12px;font-size:22px;line-height:1}.society-stat-card h3{white-space:nowrap;text-overflow:ellipsis;margin-top:7px;font-size:9.5px;line-height:1.25;overflow:hidden}.society-stat-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:7.5px;line-height:1.3;display:-webkit-box;overflow:hidden}.society-stat-card .stat-progress{height:3px;bottom:10px;left:12px;right:12px}.society-main-grid{gap:12px;grid-template-columns:1fr!important}.society-panel{box-sizing:border-box;border-radius:14px;width:100%;min-width:0;padding:14px}.quick-action-grid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.quick-action-card{min-width:0;min-height:64px;padding:9px}.quick-action-icon{width:34px;min-width:34px;height:34px;font-size:12px}.quick-action-content{min-width:0;margin-left:8px}.quick-action-content strong{white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;overflow:hidden}.quick-action-content span{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:7.5px;display:-webkit-box;overflow:hidden}.quick-action-arrow{display:none}.reports-grid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.report-card{gap:7px;min-width:0;min-height:48px;padding:8px}.report-icon{width:30px;min-width:30px;height:30px;font-size:10px}.report-card span{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:8.5px;overflow:hidden}.report-arrow{display:none}}@media screen and (width<=450px){.society-dashboard-content{padding:10px!important}.society-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.society-stat-card{border-radius:12px;min-height:125px;padding:10px}.society-stat-card .stat-icon{border-radius:8px;width:30px;min-width:30px;height:30px;font-size:11px}.society-stat-card .stat-number{margin-top:10px;font-size:19px}.society-stat-card h3{margin-top:6px;font-size:8.5px}.society-stat-card p{font-size:6.8px}.society-stat-card .stat-progress{bottom:8px;left:10px;right:10px}.compact-dashboard-header{border-radius:12px;margin-bottom:14px;min-height:62px!important;padding:8px 10px!important}.compact-dashboard-icon{width:36px;min-width:36px;height:36px;font-size:13px}.compact-dashboard-left{gap:8px;min-width:0}.compact-dashboard-left h1{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.compact-dashboard-label{font-size:6.5px}.dashboard-refresh-btn{width:34px;min-width:34px;height:34px}.society-dashboard-heading{margin-bottom:10px}.society-dashboard-heading h2{font-size:15px}.society-dashboard-heading p{font-size:8px}.society-panel{border-radius:13px;padding:12px!important}.society-panel-header{margin-bottom:12px}.society-panel-header h2{font-size:13px}}@media screen and (width<=360px){.society-dashboard-content{padding:8px!important}.society-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}.society-stat-card{border-radius:10px;min-height:116px;padding:8px}.society-stat-card .stat-icon{width:27px;min-width:27px;height:27px;font-size:10px}.society-stat-card .stat-number{margin-top:8px;font-size:17px}.society-stat-card h3{margin-top:5px;font-size:7.8px}.society-stat-card p{font-size:6.2px}.society-stat-card .stat-progress{height:3px;bottom:7px;left:8px;right:8px}.quick-action-grid{gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.quick-action-card{min-height:58px;padding:7px}.quick-action-icon{width:29px;min-width:29px;height:29px;font-size:10px}.quick-action-content{margin-left:6px}.quick-action-content strong{font-size:8px}.quick-action-content span{font-size:6.5px}.reports-grid{gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))!important}.report-card{min-height:44px;padding:6px}.report-icon{width:27px;min-width:27px;height:27px}.report-card span{font-size:7.5px}}.society-dashboard-main.dashboard-role-admin{--role-primary:#2563eb;--role-primary-dark:#1d4ed8;--role-secondary:#4f46e5;--role-light:#eef4ff;--role-lighter:#f7f9ff;--role-border:#d9e2ff;--role-text:#1e3a8a;--role-shadow:#2563eb29}.dashboard-role-admin .compact-dashboard-header{background:linear-gradient(135deg,#fff 0%,#f1f5ff 100%)!important;border-color:#d9e2ff!important;box-shadow:0 6px 20px #2563eb12!important}.dashboard-role-admin .compact-dashboard-icon{background:linear-gradient(135deg,#172554,#2563eb,#4f46e5)!important;box-shadow:0 7px 18px #2563eb40!important}.dashboard-role-admin .compact-dashboard-label{color:#2563eb!important}.dashboard-role-admin .compact-dashboard-left h1{color:#172554!important}.dashboard-role-admin .compact-date{background:#fff!important;border-color:#d9e2ff!important}.dashboard-role-admin .compact-date svg{color:#2563eb!important}.dashboard-role-admin .dashboard-refresh-btn{color:#2563eb!important;background:#eef4ff!important;border-color:#cbd8ff!important}.dashboard-role-admin .dashboard-refresh-btn:hover{box-shadow:0 7px 18px #2563eb38;color:#fff!important;background:linear-gradient(135deg,#2563eb,#4f46e5)!important;border-color:#2563eb!important}.dashboard-role-admin .society-dashboard-heading h2{color:#172554!important}.dashboard-role-admin .society-dashboard-heading p{color:#7180a3!important}.dashboard-role-admin .society-stat-card{background:#fff!important;border-color:#dfe6f8!important}.dashboard-role-admin .society-stat-card:hover{border-color:#b9caff!important;box-shadow:0 14px 30px #2563eb1a!important}.dashboard-role-admin .society-stat-card .stat-icon{color:#2563eb!important;background:#eef4ff!important}.dashboard-role-admin .society-stat-card .stat-progress span{background:linear-gradient(90deg,#2563eb,#4f46e5)!important}.dashboard-role-admin .society-stat-card:hover .stat-arrow{color:#2563eb!important}.dashboard-role-admin .stat-number{color:#172554!important}.dashboard-role-admin .society-stat-card h3{color:#334155!important}.dashboard-role-admin .society-panel{background:#fff!important;border-color:#dfe6f8!important}.dashboard-role-admin .society-panel-header h2{color:#1e293b!important}.dashboard-role-admin .panel-header-icon{color:#2563eb!important;background:#eef4ff!important}.dashboard-role-admin .quick-action-card:hover{background:#f6f8ff!important;border-color:#cbd8ff!important;box-shadow:0 8px 18px #2563eb14!important}.dashboard-role-admin .quick-action-icon{color:#2563eb!important;background:#eef4ff!important}.dashboard-role-admin .quick-action-content strong{color:#334155!important}.dashboard-role-admin .quick-action-card:hover .quick-action-arrow{color:#2563eb!important}.dashboard-role-admin .society-health-panel{background:linear-gradient(145deg,#fff,#f5f8ff)!important}.dashboard-role-admin .last-updated svg,.dashboard-role-admin .view-all-btn{color:#2563eb!important}.dashboard-role-admin .view-all-btn:hover{color:#1d4ed8!important}.dashboard-role-admin .report-icon{color:#2563eb!important;background:#eef4ff!important}.dashboard-role-admin .report-card:hover{background:#f5f8ff!important;border-color:#cbd8ff!important}.dashboard-role-admin .report-card:hover .report-arrow,.dashboard-role-admin .society-dashboard-footer svg{color:#2563eb!important}.dashboard-role-admin .society-dashboard-footer strong{color:#53678f!important}.society-dashboard-main.dashboard-role-owner{--role-primary:#0f766e;--role-primary-dark:#075e57;--role-secondary:#14b8a6;--role-light:#e7faf7;--role-lighter:#f4fffd;--role-border:#c7ebe5;--role-text:#075e57}.dashboard-role-owner .compact-dashboard-header{background:linear-gradient(135deg,#fff 0%,#f1fffc 100%)!important;border-color:#cfeae5!important;box-shadow:0 6px 20px #0f766e12!important}.dashboard-role-owner .compact-dashboard-icon{background:linear-gradient(135deg,#064e3b,#0f766e,#14b8a6)!important;box-shadow:0 7px 18px #0f766e40!important}.dashboard-role-owner .compact-dashboard-label{color:#0f766e!important}.dashboard-role-owner .compact-dashboard-left h1{color:#064e3b!important}.dashboard-role-owner .compact-date{background:#fff!important;border-color:#cfeae5!important}.dashboard-role-owner .compact-date svg{color:#0f766e!important}.dashboard-role-owner .dashboard-refresh-btn{color:#0f766e!important;background:#e7faf7!important;border-color:#c7ebe5!important}.dashboard-role-owner .dashboard-refresh-btn:hover{box-shadow:0 7px 18px #0f766e38;color:#fff!important;background:linear-gradient(135deg,#0f766e,#14b8a6)!important;border-color:#0f766e!important}.dashboard-role-owner .society-dashboard-heading h2{color:#064e3b!important}.dashboard-role-owner .society-dashboard-heading p{color:#6b8580!important}.dashboard-role-owner .society-stat-card{background:#fff!important;border-color:#d7ece8!important}.dashboard-role-owner .society-stat-card:hover{border-color:#a9ddd5!important;box-shadow:0 14px 30px #0f766e1a!important}.dashboard-role-owner .society-stat-card .stat-icon{color:#0f766e!important;background:#edf7f5!important}.dashboard-role-owner .society-stat-card .stat-progress span{background:linear-gradient(90deg,#0f766e,#14b8a6)!important}.dashboard-role-owner .society-stat-card:hover .stat-arrow{color:#0f766e!important}.dashboard-role-owner .stat-number{color:#064e3b!important}.dashboard-role-owner .society-stat-card h3{color:#385c56!important}.dashboard-role-owner .society-panel{background:#fff!important;border-color:#d7ece8!important}.dashboard-role-owner .society-panel-header h2{color:#234b45!important}.dashboard-role-owner .panel-header-icon{color:#0f766e!important;background:#edf7f5!important}.dashboard-role-owner .quick-action-card:hover{background:#f4fffd!important;border-color:#c7ebe5!important;box-shadow:0 8px 18px #0f766e14!important}.dashboard-role-owner .quick-action-icon{color:#0f766e!important;background:#edf7f5!important}.dashboard-role-owner .quick-action-content strong{color:#385c56!important}.dashboard-role-owner .quick-action-card:hover .quick-action-arrow{color:#0f766e!important}.dashboard-role-owner .society-health-panel{background:linear-gradient(145deg,#fff,#f5fffd)!important}.dashboard-role-owner .last-updated svg,.dashboard-role-owner .view-all-btn{color:#0f766e!important}.dashboard-role-owner .view-all-btn:hover{color:#075e57!important}.dashboard-role-owner .report-icon{color:#0f766e!important;background:#edf7f5!important}.dashboard-role-owner .report-card:hover{background:#f4fffd!important;border-color:#c7ebe5!important}.dashboard-role-owner .report-card:hover .report-arrow,.dashboard-role-owner .society-dashboard-footer svg{color:#0f766e!important}.dashboard-role-owner .society-dashboard-footer strong{color:#52716b!important}.society-dashboard-main.dashboard-role-security{--role-primary:#7c3aed;--role-primary-dark:#6d28d9;--role-secondary:#a855f7;--role-light:#f2ebff;--role-lighter:#faf7ff;--role-border:#e5dcf7;--role-text:#6d28d9}.dashboard-role-security .compact-dashboard-header{background:linear-gradient(135deg,#fff 0%,#faf7ff 100%)!important;border-color:#e5dcf7!important;box-shadow:0 6px 20px #7c3aed12!important}.dashboard-role-security .compact-dashboard-icon{background:linear-gradient(135deg,#3b0764,#6d28d9,#a855f7)!important;box-shadow:0 7px 18px #7c3aed40!important}.dashboard-role-security .compact-dashboard-label{color:#7c3aed!important}.dashboard-role-security .compact-dashboard-left h1{color:#3b0764!important}.dashboard-role-security .compact-date{background:#fff!important;border-color:#e5dcf7!important}.dashboard-role-security .compact-date svg{color:#7c3aed!important}.dashboard-role-security .dashboard-refresh-btn{color:#7c3aed!important;background:#f2ebff!important;border-color:#dfd0ff!important}.dashboard-role-security .dashboard-refresh-btn:hover{box-shadow:0 7px 18px #7c3aed38;color:#fff!important;background:linear-gradient(135deg,#6d28d9,#a855f7)!important;border-color:#7c3aed!important}.dashboard-role-security .society-dashboard-heading h2{color:#3b0764!important}.dashboard-role-security .society-dashboard-heading p{color:#806f96!important}.dashboard-role-security .society-stat-card{background:#fff!important;border-color:#e5dcf7!important}.dashboard-role-security .society-stat-card:hover{border-color:#cdb8ef!important;box-shadow:0 14px 30px #7c3aed1a!important}.dashboard-role-security .society-stat-card .stat-icon{color:#7c3aed!important;background:#f2edff!important}.dashboard-role-security .society-stat-card .stat-progress span{background:linear-gradient(90deg,#6d28d9,#a855f7)!important}.dashboard-role-security .society-stat-card:hover .stat-arrow{color:#7c3aed!important}.dashboard-role-security .stat-number{color:#3b0764!important}.dashboard-role-security .society-stat-card h3{color:#56456a!important}.dashboard-role-security .society-panel{background:#fff!important;border-color:#e5dcf7!important}.dashboard-role-security .society-panel-header h2{color:#49355d!important}.dashboard-role-security .panel-header-icon{color:#7c3aed!important;background:#f2edff!important}.dashboard-role-security .quick-action-card:hover{background:#faf7ff!important;border-color:#dfd0ff!important;box-shadow:0 8px 18px #7c3aed14!important}.dashboard-role-security .quick-action-icon{color:#7c3aed!important;background:#f2edff!important}.dashboard-role-security .quick-action-content strong{color:#56456a!important}.dashboard-role-security .quick-action-card:hover .quick-action-arrow{color:#7c3aed!important}.dashboard-role-security .society-health-panel{background:linear-gradient(145deg,#fff,#faf7ff)!important}.dashboard-role-security .last-updated svg,.dashboard-role-security .view-all-btn{color:#7c3aed!important}.dashboard-role-security .view-all-btn:hover{color:#6d28d9!important}.dashboard-role-security .report-icon{color:#7c3aed!important;background:#f2edff!important}.dashboard-role-security .report-card:hover{background:#faf7ff!important;border-color:#dfd0ff!important}.dashboard-role-security .report-card:hover .report-arrow,.dashboard-role-security .society-dashboard-footer svg{color:#7c3aed!important}.dashboard-role-security .society-dashboard-footer strong{color:#68577a!important}@media screen and (width<=768px){.dashboard-role-admin .compact-dashboard-header,.dashboard-role-owner .compact-dashboard-header,.dashboard-role-security .compact-dashboard-header{box-sizing:border-box;width:100%}.dashboard-role-admin .society-stat-card,.dashboard-role-owner .society-stat-card,.dashboard-role-security .society-stat-card{overflow:hidden}}.dashboard-role-security .status-icon.blue,.dashboard-role-security .status-icon.green,.dashboard-role-security .status-icon.orange,.dashboard-role-security .status-icon.red,.dashboard-role-security .status-icon.purple{color:#7c3aed!important;background:#f2edff!important}.dashboard-role-security .quick-action-card,.dashboard-role-security .report-card{background:#fff!important;border-color:#e5dcf7!important}.dashboard-role-security .quick-action-card:hover,.dashboard-role-security .report-card:hover{background:#faf7ff!important;border-color:#cdb8ef!important}.dashboard-role-security .quick-action-card .quick-action-arrow,.dashboard-role-security .report-card .report-arrow{color:#bca8d8!important}.dashboard-role-security .quick-action-card:hover .quick-action-arrow,.dashboard-role-security .report-card:hover .report-arrow{color:#7c3aed!important}.dashboard-role-security .society-status-item>b{color:#3b0764!important}.dashboard-role-security .status-live{color:#7c3aed!important;background:#f2edff!important}.dashboard-role-security .status-live span{background:#7c3aed!important;box-shadow:0 0 0 3px #7c3aed1f!important}.dashboard-role-owner .status-icon.blue,.dashboard-role-owner .status-icon.green,.dashboard-role-owner .status-icon.orange,.dashboard-role-owner .status-icon.red,.dashboard-role-owner .status-icon.purple{color:#0f766e!important;background:#edf7f5!important}.dashboard-role-owner .quick-action-card,.dashboard-role-owner .report-card{background:#fff!important;border-color:#d7ece8!important}.dashboard-role-owner .quick-action-card:hover,.dashboard-role-owner .report-card:hover{background:#f4fffd!important;border-color:#a9ddd5!important}.dashboard-role-owner .quick-action-card .quick-action-arrow,.dashboard-role-owner .report-card .report-arrow{color:#a7c9c4!important}.dashboard-role-owner .quick-action-card:hover .quick-action-arrow,.dashboard-role-owner .report-card:hover .report-arrow{color:#0f766e!important}.dashboard-role-owner .society-status-item>b{color:#064e3b!important}.dashboard-role-owner .status-live{color:#0f766e!important;background:#e7faf7!important}.dashboard-role-owner .status-live span{background:#0f766e!important;box-shadow:0 0 0 3px #0f766e1f!important}.dashboard-role-admin .status-icon.blue,.dashboard-role-admin .status-icon.green,.dashboard-role-admin .status-icon.orange,.dashboard-role-admin .status-icon.red,.dashboard-role-admin .status-icon.purple{color:#2563eb!important;background:#eef4ff!important}.dashboard-role-admin .quick-action-card,.dashboard-role-admin .report-card{background:#fff!important;border-color:#dfe6f8!important}.dashboard-role-admin .quick-action-card:hover,.dashboard-role-admin .report-card:hover{background:#f5f8ff!important;border-color:#b9caff!important}.dashboard-role-admin .quick-action-card .quick-action-arrow,.dashboard-role-admin .report-card .report-arrow{color:#b4c2dc!important}.dashboard-role-admin .quick-action-card:hover .quick-action-arrow,.dashboard-role-admin .report-card:hover .report-arrow{color:#2563eb!important}.dashboard-role-admin .society-status-item>b{color:#172554!important}.dashboard-role-admin .status-live{color:#2563eb!important;background:#eef4ff!important}.dashboard-role-admin .status-live span{background:#2563eb!important;box-shadow:0 0 0 3px #2563eb1f!important}.dashboard-role-security .society-dashboard-content{background:linear-gradient(#fdfbff 0%,#f7f2ff 100%)!important}.dashboard-role-owner .society-dashboard-content{background:linear-gradient(#fafffe 0%,#f1fcf9 100%)!important}.dashboard-role-admin .society-dashboard-content{background:linear-gradient(#f8faff 0%,#f3f6ff 100%)!important}.dashboard-role-security .blue .stat-icon,.dashboard-role-security .green .stat-icon,.dashboard-role-security .orange .stat-icon,.dashboard-role-security .red .stat-icon,.dashboard-role-security .purple .stat-icon,.dashboard-role-security .action-blue .quick-action-icon,.dashboard-role-security .action-green .quick-action-icon,.dashboard-role-security .action-orange .quick-action-icon,.dashboard-role-security .action-purple .quick-action-icon,.dashboard-role-security .action-red .quick-action-icon,.dashboard-role-security .action-teal .quick-action-icon{color:#7c3aed!important;background:#f2edff!important}.dashboard-role-owner .blue .stat-icon,.dashboard-role-owner .green .stat-icon,.dashboard-role-owner .orange .stat-icon,.dashboard-role-owner .red .stat-icon,.dashboard-role-owner .purple .stat-icon,.dashboard-role-owner .action-blue .quick-action-icon,.dashboard-role-owner .action-green .quick-action-icon,.dashboard-role-owner .action-orange .quick-action-icon,.dashboard-role-owner .action-purple .quick-action-icon,.dashboard-role-owner .action-red .quick-action-icon,.dashboard-role-owner .action-teal .quick-action-icon{color:#0f766e!important;background:#edf7f5!important}.dashboard-role-admin .blue .stat-icon,.dashboard-role-admin .green .stat-icon,.dashboard-role-admin .orange .stat-icon,.dashboard-role-admin .red .stat-icon,.dashboard-role-admin .purple .stat-icon,.dashboard-role-admin .action-blue .quick-action-icon,.dashboard-role-admin .action-green .quick-action-icon,.dashboard-role-admin .action-orange .quick-action-icon,.dashboard-role-admin .action-purple .quick-action-icon,.dashboard-role-admin .action-red .quick-action-icon,.dashboard-role-admin .action-teal .quick-action-icon{color:#2563eb!important;background:#eef4ff!important}.dashboard-role-admin .blue .stat-icon,.dashboard-role-admin .action-blue .quick-action-icon{color:#2563eb!important;background:#e8f1ff!important}.dashboard-role-admin .green .stat-icon,.dashboard-role-admin .action-green .quick-action-icon{color:#16a34a!important;background:#e8f8ef!important}.dashboard-role-admin .orange .stat-icon,.dashboard-role-admin .action-orange .quick-action-icon{color:#ea8a00!important;background:#fff4df!important}.dashboard-role-admin .purple .stat-icon,.dashboard-role-admin .action-purple .quick-action-icon{color:#7c3aed!important;background:#f1ebff!important}.dashboard-role-admin .red .stat-icon,.dashboard-role-admin .action-red .quick-action-icon{color:#e5394f!important;background:#fff0f1!important}.dashboard-role-admin .action-teal .quick-action-icon{color:#0f9f96!important;background:#e5f8f6!important}.dashboard-role-admin .blue .stat-progress span{background:#2563eb!important}.dashboard-role-admin .green .stat-progress span{background:#16a34a!important}.dashboard-role-admin .orange .stat-progress span{background:#ea8a00!important}.dashboard-role-admin .purple .stat-progress span{background:#7c3aed!important}.dashboard-role-admin .red .stat-progress span{background:#e5394f!important}.dashboard-role-owner .blue .stat-icon,.dashboard-role-owner .action-blue .quick-action-icon{color:#0f766e!important;background:#e7f7f4!important}.dashboard-role-owner .green .stat-icon,.dashboard-role-owner .action-green .quick-action-icon{color:#159957!important;background:#e8f8ef!important}.dashboard-role-owner .orange .stat-icon,.dashboard-role-owner .action-orange .quick-action-icon{color:#4d9b32!important;background:#eef9e8!important}.dashboard-role-owner .purple .stat-icon,.dashboard-role-owner .action-purple .quick-action-icon{color:#148f83!important;background:#e9f7f5!important}.dashboard-role-owner .red .stat-icon,.dashboard-role-owner .action-red .quick-action-icon{color:#16866f!important;background:#eaf8f3!important}.dashboard-role-owner .action-teal .quick-action-icon{color:#0f766e!important;background:#dff7f3!important}.dashboard-role-owner .blue .stat-progress span{background:#0f766e!important}.dashboard-role-owner .green .stat-progress span{background:#16a34a!important}.dashboard-role-owner .orange .stat-progress span{background:#4d9b32!important}.dashboard-role-owner .purple .stat-progress span{background:#149b91!important}.dashboard-role-owner .red .stat-progress span{background:#16866f!important}.dashboard-role-security .blue .stat-icon,.dashboard-role-security .action-blue .quick-action-icon{color:#7c3aed!important;background:#f0ebff!important}.dashboard-role-security .green .stat-icon,.dashboard-role-security .action-green .quick-action-icon{color:#8b5cf6!important;background:#f4edff!important}.dashboard-role-security .orange .stat-icon,.dashboard-role-security .action-orange .quick-action-icon{color:#9333ea!important;background:#f7edff!important}.dashboard-role-security .purple .stat-icon,.dashboard-role-security .action-purple .quick-action-icon{color:#6d28d9!important;background:#ede9fe!important}.dashboard-role-security .red .stat-icon,.dashboard-role-security .action-red .quick-action-icon{color:#a855f7!important;background:#f5eaff!important}.dashboard-role-security .action-teal .quick-action-icon{color:#7c3aed!important;background:#eeeaff!important}.dashboard-role-security .blue .stat-progress span{background:#7c3aed!important}.dashboard-role-security .green .stat-progress span{background:#8b5cf6!important}.dashboard-role-security .orange .stat-progress span{background:#9333ea!important}.dashboard-role-security .purple .stat-progress span{background:#6d28d9!important}.dashboard-role-security .red .stat-progress span{background:#a855f7!important}.dashboard-role-admin .quick-action-card:hover{border-color:#b9caff!important}.dashboard-role-owner .quick-action-card:hover{border-color:#a9ddd5!important}.dashboard-role-security .quick-action-card:hover{border-color:#cdb8ef!important}.dashboard-role-admin .report-card:first-child .report-icon{color:#2563eb!important;background:#e8f1ff!important}.dashboard-role-admin .report-card:nth-child(2) .report-icon{color:#16a34a!important;background:#e8f8ef!important}.dashboard-role-admin .report-card:nth-child(3) .report-icon{color:#ea8a00!important;background:#fff4df!important}.dashboard-role-admin .report-card:nth-child(4) .report-icon{color:#7c3aed!important;background:#f1ebff!important}.dashboard-role-owner .report-card:first-child .report-icon{color:#0f766e!important;background:#e7f7f4!important}.dashboard-role-owner .report-card:nth-child(2) .report-icon{color:#159957!important;background:#e8f8ef!important}.dashboard-role-owner .report-card:nth-child(3) .report-icon{color:#4d9b32!important;background:#eef9e8!important}.dashboard-role-owner .report-card:nth-child(4) .report-icon{color:#149b91!important;background:#e9f7f5!important}.dashboard-role-security .report-card:first-child .report-icon{color:#7c3aed!important;background:#f0ebff!important}.dashboard-role-security .report-card:nth-child(2) .report-icon{color:#8b5cf6!important;background:#f4edff!important}.dashboard-role-security .report-card:nth-child(3) .report-icon{color:#9333ea!important;background:#f7edff!important}.dashboard-role-security .report-card:nth-child(4) .report-icon{color:#6d28d9!important;background:#ede9fe!important}.society-master-page{box-sizing:border-box;width:100%}.society-page-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:20px;display:flex}.society-page-header>div:first-child{min-width:0}.society-page-header p{color:#64748b;margin:5px 0 0;font-size:13px;font-weight:500}.society-refresh-btn{color:#6f4d8b;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:105px;height:40px;padding:0 15px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.society-refresh-btn:hover{background:#f3e8ff;border-color:#c4b5fd;transform:translateY(-1px)}.society-input-group{width:100%;min-width:0;position:relative}.society-input-box:focus-within{border-color:#16a34a;box-shadow:0 0 0 4px #16a34a1a}.society-input-box input::placeholder{color:#94a3b8;font-weight:500}.society-input-group textarea::placeholder{color:#94a3b8;font-weight:500}.summary-item{align-items:center;gap:7px;min-width:0;display:flex}.summary-item label{color:#3e1c5a;white-space:nowrap;margin:0;font-size:13px;font-weight:700}.summary-item span{color:#16a34a;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.society-save-btn,.society-cancel-btn,.society-back-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0;font-family:inherit;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.society-save-btn{color:#fff;background:linear-gradient(135deg,#22c55e,#15803d);min-width:160px;padding:0 18px;box-shadow:0 5px 15px #16a34a33}.society-save-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.society-cancel-btn{color:#fff;background:#ff3131;width:100px}.society-back-btn{color:#fff;background:#64748b;width:100px}.save-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite society-spin}@keyframes society-spin{to{transform:rotate(360deg)}}.society-bottom-note{box-sizing:border-box;color:#64748b;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:40px;margin-bottom:20px;padding:10px 15px;font-size:12px;font-weight:500;display:flex}.society-bottom-note svg{color:#8c6dc5;flex-shrink:0}.society-toast.success{border-left:4px solid #16a34a}.society-toast.warning{border-left:4px solid #f59e0b}.society-toast.error{border-left:4px solid #dc2626}.toast-icon{color:#16a34a;background:#f0fdf4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.society-toast.warning .toast-icon{color:#d97706;background:#fffbeb}.society-toast.error .toast-icon{color:#dc2626;background:#fef2f2}.toast-content{flex-direction:column;gap:3px;min-width:0;display:flex}.toast-content strong{color:#1e293b;font-size:13px;font-weight:700}.toast-content span{color:#64748b;font-size:12px;line-height:1.4}@keyframes society-toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes society-loading-spin{to{transform:rotate(360deg)}}@media (width>=1201px){.society-form-card{padding:26px}.society-form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1200px){.society-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.address-group{grid-column:span 2}.society-summary-info{gap:22px}}@media (width<=1024px){.society-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.address-group{grid-column:span 2}.society-form-card{padding:22px}.society-summary-info{flex-wrap:wrap;gap:15px 25px}}@media (width<=768px){.society-page-header{flex-direction:column;align-items:flex-start;gap:10px}.society-page-header h2{font-size:18px}.society-page-header p{font-size:12px}.society-refresh-btn{width:100%}.society-form-card{border-radius:20px;padding:18px}.society-form-grid{grid-template-columns:1fr;row-gap:17px}.address-group{grid-column:span 1}.society-input-box{height:46px}.society-summary-info{flex-direction:column;align-items:stretch;gap:11px;padding:14px}.summary-item{justify-content:space-between;width:100%}.summary-item span{text-align:right;max-width:55%}.society-button-row{flex-direction:column;gap:10px}.society-save-btn,.society-cancel-btn,.society-back-btn{width:100%;max-width:300px}.society-bottom-note{text-align:left;align-items:flex-start}.society-toast{width:auto;min-width:0;top:75px;left:15px;right:15px}}@media (width<=480px){.society-form-card{border-radius:17px;padding:13px}.society-page-header h2{font-size:17px}.society-input-group>label{font-size:11px;left:13px}.society-input-box{border-radius:15px;height:45px;padding:0 12px}.society-input-box input{font-size:13px}.society-input-group textarea{border-radius:15px;min-height:82px;padding:12px;font-size:13px}.society-icon{margin-right:8px;font-size:14px}.society-summary-info{border-radius:14px;padding:12px}.summary-item label,.summary-item span{font-size:12px}.society-save-btn,.society-cancel-btn,.society-back-btn{max-width:100%}.society-bottom-note{font-size:11px}}.layout{box-sizing:border-box;background:#f5f8fc;width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden}.layout>.main{box-sizing:border-box;background:#f5f8fc;width:calc(100% - 280px);min-height:100vh;margin-left:280px;padding-top:72px;transition:width .3s,margin-left .3s;overflow-x:hidden}.layout>.main.collapsed{width:calc(100% - 78px);margin-left:78px}.layout>.main>.content{box-sizing:border-box;background:#f5f8fc;width:100%;max-width:1650px;min-height:calc(100vh - 72px);margin:0 auto;padding:20px 28px 30px;overflow-x:hidden}.society-master-page{box-sizing:border-box;width:100%;max-width:100%;margin:0;padding:0}.society-page-header{box-sizing:border-box;background:linear-gradient(135deg,#fff 0%,#faf8ff 100%);border:1px solid #e4e8ef;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:68px;margin:0 0 20px;padding:14px 18px;display:flex;box-shadow:0 5px 18px #0f172a0b}.society-page-header>div:first-child{flex:1;min-width:0}.society-page-header h2{color:#17324d;margin:0;font-size:22px;font-weight:800;line-height:1.2}.society-page-header p{color:#8291a2;margin:5px 0 0;font-size:11px;font-weight:500;line-height:1.4}.society-refresh-btn{color:#1769aa;cursor:pointer;background:#eef7fc;border:1px solid #cfe2ef;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;min-width:105px;height:38px;padding:0 14px;font-family:inherit;font-size:11px;font-weight:800;transition:all .2s;display:inline-flex}.society-refresh-btn:hover{color:#fff;background:#1769aa;border-color:#1769aa;transform:translateY(-1px);box-shadow:0 6px 15px #1769aa2e}.society-refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.society-form-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;margin:0;padding:24px;box-shadow:0 5px 18px #0f172a0b}.society-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:22px 16px;width:100%;display:grid}.society-input-group{box-sizing:border-box;width:100%;min-width:0;position:relative}.society-input-group>label{z-index:10;color:#334155;white-space:nowrap;background:#fff;padding:0 6px;font-size:11px;font-weight:700;line-height:16px;position:absolute;top:-8px;left:14px}.society-input-group>label span{color:#ef4444;margin-left:3px}.society-input-box{box-sizing:border-box;background:#fff;border:1px solid #d8dee8;border-radius:11px;align-items:center;width:100%;height:46px;padding:0 13px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.society-input-box:hover{border-color:#a78bca}.society-input-box:focus-within{background:#fff;border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc51a}.society-icon{color:#8c6dc5;flex:none;margin-right:9px;font-size:14px}.society-input-box input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;font-family:inherit;font-size:13px;font-weight:600}.society-input-box input::placeholder{color:#9aa6b2;font-size:12px;font-weight:500}.address-group{grid-column:span 2}.society-input-group textarea{box-sizing:border-box;resize:vertical;color:#1e293b;background:#fff;border:1px solid #d8dee8;border-radius:11px;outline:none;width:100%;min-height:82px;padding:13px 14px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.45;transition:border-color .2s,box-shadow .2s}.society-input-group textarea:hover{border-color:#a78bca}.society-input-group textarea:focus{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc51a}.society-input-group textarea::placeholder{color:#9aa6b2;font-size:12px}.society-summary-info{box-sizing:border-box;background:linear-gradient(135deg,#f8fafc,#faf7ff);border:1px solid #e4dff1;border-radius:12px;justify-content:center;align-items:center;gap:45px;width:100%;margin-top:22px;padding:12px 18px;display:flex}.society-button-row{justify-content:center;align-items:center;gap:12px;width:100%;margin-top:22px;display:flex}.society-save-btn,.society-cancel-btn,.society-back-btn{box-sizing:border-box;cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 18px;font-family:inherit;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.society-save-btn{color:#fff;background:linear-gradient(135deg,#22c55e,#15803d);min-width:145px;box-shadow:0 5px 14px #16a34a2e}.society-save-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #16a34a3d}.society-cancel-btn{color:#fff;background:#ef4444;min-width:90px}.society-cancel-btn:hover{background:#dc2626;transform:translateY(-1px)}.society-back-btn{color:#fff;background:#64748b;min-width:90px}.society-back-btn:hover{background:#475569;transform:translateY(-1px)}.society-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:calc(100vh - 150px);font-size:13px;font-weight:600;display:flex}.society-loader{border:3px solid #e2e8f0;border-top-color:#8c6dc5;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite society-loading-spin}.society-toast{z-index:99999;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;min-width:290px;max-width:400px;padding:13px 16px;animation:.25s society-toast-in;display:flex;position:fixed;top:82px;right:25px;box-shadow:0 15px 35px #0f172a24}@media screen and (width<=1200px){.layout>.main,.layout>.main.collapsed{width:calc(100% - 78px);margin-left:78px}.layout>.main>.content{padding:18px 20px 25px}.society-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.address-group{grid-column:span 2}}@media screen and (width<=1024px){.society-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.address-group{grid-column:span 2}.society-form-card{padding:20px}.society-summary-info{flex-wrap:wrap;gap:25px}}@media screen and (width<=768px){.layout>.main,.layout>.main.collapsed{width:100%;margin-left:0;padding-top:64px}.layout>.main>.content{box-sizing:border-box;width:100%;min-height:calc(100vh - 64px);padding:14px}.society-page-header{border-radius:13px;flex-direction:column;align-items:stretch;gap:12px;min-height:auto;margin-bottom:15px;padding:14px}.society-page-header h2{font-size:18px}.society-page-header p{font-size:10px}.society-refresh-btn{width:100%;height:37px}.society-form-card{border-radius:15px;padding:17px}.society-form-grid{grid-template-columns:1fr;gap:20px}.address-group{grid-column:span 1}.society-input-box{border-radius:10px;height:45px}.society-input-box input{font-size:13px}.society-summary-info{flex-direction:column;align-items:stretch;gap:10px;margin-top:18px;padding:13px}.summary-item{justify-content:space-between;align-items:center;width:100%;display:flex}.society-button-row{flex-direction:column;gap:9px;margin-top:18px}.society-save-btn,.society-cancel-btn,.society-back-btn{width:100%;max-width:320px}.society-toast{width:auto;min-width:0;max-width:none;top:72px;left:12px;right:12px}}@media screen and (width<=480px){.layout>.main>.content{padding:10px}.society-page-header{padding:12px}.society-page-header h2{font-size:17px}.society-page-header p{font-size:9px}.society-form-card{border-radius:13px;padding:13px}.society-input-group>label{font-size:10px;left:11px}.society-input-box{border-radius:9px;height:44px;padding:0 11px}.society-input-box input{font-size:12px}.society-input-group textarea{min-height:78px;padding:11px;font-size:12px}.society-icon{margin-right:7px;font-size:13px}}.add-wing-dashboard-layout{background:#f5f7fb;width:100%;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.add-wing-dashboard-main{width:calc(100% - 280px);min-width:0;min-height:100vh;margin-left:280px;transition:width .25s,margin-left .25s;position:relative}.add-wing-dashboard-main.add-wing-sidebar-collapsed{width:calc(100% - 78px);margin-left:78px}.add-wing-dashboard-content{width:100%;min-height:100vh;padding:82px 28px 32px}.add-wing-page{width:100%;max-width:1500px;margin:0 auto}.add-wing-page-header{justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:62px;margin-bottom:18px;display:flex}.add-wing-header-left{min-width:0}.add-wing-header-label{color:#8062bd;letter-spacing:1px;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:800;display:block}.add-wing-page-header h1{color:#202638;letter-spacing:-.3px;margin:0;font-size:25px;font-weight:750;line-height:1.2}.add-wing-page-header p{color:#7e8695;margin:5px 0 0;font-size:12px}.add-wing-back-btn{color:#5e6675;cursor:pointer;background:#fff;border:1px solid #dfe3ea;border-radius:8px;justify-content:center;align-items:center;height:38px;padding:0 16px;font-family:inherit;font-size:12px;font-weight:650;transition:all .2s;display:flex}.add-wing-back-btn:hover{color:#7657bd;background:#faf8ff;border-color:#cfc3e5}.add-wing-form-card{background:#fff;border:1px solid #e4e8ee;border-radius:14px;width:100%;margin-bottom:22px;padding:25px 26px 22px;box-shadow:0 5px 20px #232a3a0b}.add-wing-section-title{border-bottom:1px solid #edf0f4;margin-bottom:21px;padding-bottom:16px}.add-wing-section-title h2{color:#252b3a;margin:0;font-size:16px;font-weight:750}.add-wing-section-title p{color:#858c9b;margin:4px 0 0;font-size:11px}.add-wing-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px;width:100%;display:grid}.add-wing-floating-field{width:100%;min-width:0}.add-wing-floating-control{background:#fff;border:1px solid #d8dde6;border-radius:9px;width:100%;height:56px;transition:border-color .2s,box-shadow .2s;position:relative}.add-wing-floating-control:hover{border-color:#c3c9d4}.add-wing-floating-control:focus-within{border-color:#8062c3;box-shadow:0 0 0 3px #8062c317}.add-wing-floating-control input{color:#343a49;background:0 0;border:none;border-radius:9px;outline:none;width:100%;height:100%;padding:19px 14px 5px;font-family:inherit;font-size:13px;font-weight:550}.add-wing-floating-control input::placeholder{color:#0000}.add-wing-floating-control label{color:#7e8695;pointer-events:none;background:0 0;padding:0;font-size:12px;font-weight:500;transition:top .18s,left .18s,transform .18s,font-size .18s,color .18s,background .18s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.add-wing-floating-control:focus-within label,.add-wing-floating-control.has-value label{color:#7657bd;background:#fff;padding:0 5px;font-size:10px;font-weight:700;top:0;left:10px;transform:translateY(-50%)}.add-wing-floating-control label span{color:#e15454;margin-left:2px}.add-wing-floating-control.readonly{background:#f8f9fb;border-color:#dfe3e9}.add-wing-floating-control.readonly input{color:#5d6574;cursor:default;text-overflow:ellipsis}.add-wing-floating-control.readonly label{color:#7f8795}.add-wing-floating-control.readonly:focus-within{box-shadow:none;border-color:#dfe3e9}.add-wing-form-actions{border-top:1px solid #edf0f4;justify-content:flex-end;align-items:center;gap:10px;width:100%;margin-top:22px;padding-top:18px;display:flex}.add-wing-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7655bb,#916bd0);border:none;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-width:120px;height:40px;padding:0 19px;font-family:inherit;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:0 5px 14px #7655bb2e}.add-wing-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 7px 17px #7655bb3d}.add-wing-save-btn:disabled{opacity:.6;cursor:not-allowed}.add-wing-save-btn.update-mode{background:linear-gradient(135deg,#596fc2,#7186d6)}.add-wing-cancel-btn{color:#687080;cursor:pointer;background:#fff;border:1px solid #dce0e7;border-radius:8px;justify-content:center;align-items:center;height:40px;padding:0 17px;font-family:inherit;font-size:12px;font-weight:650;display:inline-flex}.add-wing-cancel-btn:hover{background:#f8f9fb}.add-wing-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite addWingSpin}@keyframes addWingSpin{to{transform:rotate(360deg)}}.add-wing-list-card{background:#fff;border:1px solid #e4e8ee;border-radius:14px;width:100%;overflow:hidden;box-shadow:0 5px 20px #232a3a0a}.add-wing-list-header{background:#afafc9;border-bottom:1px solid #e8ebf0;justify-content:space-between;align-items:center;gap:15px;min-height:70px;padding:15px 21px;display:flex}.add-wing-list-title{display:block}.add-wing-list-title h2{color:#252b3a;margin:0;font-size:16px;font-weight:750}.add-wing-list-title p{color:#858c9b;margin:4px 0 0;font-size:11px}.add-wing-refresh-btn{color:#687080;cursor:pointer;background:#fff;border:1px solid #dfe3ea;border-radius:8px;justify-content:center;align-items:center;height:34px;padding:0 14px;font-family:inherit;font-size:11px;font-weight:650;transition:all .2s;display:flex}.add-wing-refresh-btn:hover{color:#7657bd;background:#faf8ff;border-color:#d0c5e4}.add-wing-refresh-btn:disabled{opacity:.55;cursor:not-allowed}.refresh-spinning{animation:.8s linear infinite addWingSpin}.add-wing-table-container{width:100%;overflow-x:auto}.add-wing-table{border-collapse:collapse;width:100%;min-width:720px}.add-wing-table thead th{color:#687080;text-align:left;letter-spacing:.35px;text-transform:uppercase;background:#f8f9fb;border-bottom:1px solid #e7eaf0;height:46px;padding:0 17px;font-size:10px;font-weight:750}.add-wing-table tbody td{color:#444b5b;border-bottom:1px solid #eef0f4;height:58px;padding:8px 17px;font-size:12px;font-weight:500}.add-wing-table tbody tr{transition:background .15s}.add-wing-table tbody tr:hover{background:#faf9fd}.add-wing-table tbody tr:last-child td{border-bottom:none}.add-wing-table .col-sr{text-align:center;width:60px}.add-wing-table .col-action{text-align:center;width:105px}.add-wing-society-cell{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.add-wing-society-cell span{color:#4a5261;font-size:12px}.add-wing-name-badge{color:#704eb2;white-space:nowrap;background:#f1ecfa;border-radius:6px;align-items:center;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.add-wing-note-text{color:#707887;font-size:11px}.add-wing-actions{justify-content:center;align-items:center;gap:7px;display:flex}.add-wing-edit-action,.add-wing-delete-action{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;width:31px;height:31px;padding:0;transition:all .18s;display:flex}.add-wing-edit-action{color:#7455b4;background:#f4effb;border:1px solid #ded3f0}.add-wing-edit-action:hover{background:#eae1f7;border-color:#cdbce6;transform:translateY(-1px)}.add-wing-delete-action{color:#d35d5d;background:#fff3f3;border:1px solid #f0d5d5}.add-wing-delete-action:hover{background:#ffe7e7;border-color:#e8c1c1;transform:translateY(-1px)}.add-wing-empty{text-align:center!important;height:145px!important}.add-wing-empty strong{color:#555d6d;font-size:13px;display:block}.add-wing-empty span{color:#9097a4;margin-top:5px;font-size:11px;display:block}.add-wing-table-loader{border:2px solid #e6e1ef;border-top-color:#8062c4;border-radius:50%;width:22px;height:22px;margin:0 auto 8px;animation:.7s linear infinite addWingSpin}.add-wing-pagination{border-top:1px solid #edf0f4;justify-content:center;align-items:center;gap:12px;padding:15px;display:flex}.add-wing-page-btn{color:#697181;cursor:pointer;background:#fff;border:1px solid #dfe3e9;border-radius:7px;min-width:68px;height:32px;padding:0 10px;font-family:inherit;font-size:10px;font-weight:650}.add-wing-page-btn:hover:not(:disabled){color:#7657bd;background:#faf8ff;border-color:#d0c5e3}.add-wing-page-btn:disabled{opacity:.4;cursor:not-allowed}.add-wing-page-info{color:#7d8492;font-size:11px}.add-wing-page-info strong{color:#4f5665}.add-wing-modal-overlay{z-index:99999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1c1f2a6b;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.add-wing-alert-modal,.add-wing-delete-modal{text-align:center;background:#fff;border-radius:14px;width:min(390px,100%);padding:28px;box-shadow:0 20px 60px #1418232e}.add-wing-alert-modal h3,.add-wing-delete-modal h3{color:#272d3b;margin:0;font-size:17px;font-weight:750}.add-wing-alert-modal p,.add-wing-delete-modal p{color:#7c8391;margin:9px 0 20px;font-size:12px;line-height:1.6}.add-wing-alert-btn{color:#fff;cursor:pointer;border:none;border-radius:8px;min-width:80px;height:36px;padding:0 16px;font-family:inherit;font-size:11px;font-weight:700}.add-wing-alert-btn.success{background:#4eaa6b}.add-wing-alert-btn.error{background:#d75b5b}.add-wing-alert-btn.warning{background:#d49b36}.add-wing-delete-actions{justify-content:center;align-items:center;gap:10px;display:flex}.add-wing-modal-cancel,.add-wing-modal-delete{cursor:pointer;border-radius:8px;height:37px;padding:0 17px;font-family:inherit;font-size:11px;font-weight:700}.add-wing-modal-cancel{color:#687080;background:#fff;border:1px solid #dfe2e8}.add-wing-modal-delete{color:#fff;background:#d65b5b;border:none;justify-content:center;align-items:center;gap:6px;display:inline-flex}@media (width<=1100px){.add-wing-form-grid{gap:15px}.add-wing-dashboard-content{padding-left:20px;padding-right:20px}}@media (width<=900px){.add-wing-dashboard-main,.add-wing-dashboard-main.add-wing-sidebar-collapsed{width:100%;margin-left:0}.add-wing-dashboard-content{padding-top:78px;padding-left:16px;padding-right:16px}}@media (width<=700px){.add-wing-page-header{align-items:flex-start;margin-bottom:15px}.add-wing-page-header h1{font-size:22px}.add-wing-page-header p{font-size:11px}.add-wing-header-label{font-size:9px}.add-wing-form-card{padding:20px 18px}.add-wing-form-grid{grid-template-columns:1fr;gap:15px}.add-wing-form-actions{flex-direction:column-reverse;align-items:stretch}.add-wing-save-btn,.add-wing-cancel-btn{width:100%}.add-wing-list-header{padding:14px 16px}.add-wing-table{min-width:680px}}@media (width<=480px){.add-wing-dashboard-content{padding-top:72px;padding-left:10px;padding-right:10px}.add-wing-page-header h1{font-size:20px}.add-wing-page-header p{font-size:10px}.add-wing-form-card{padding:18px 14px}.add-wing-section-title h2{font-size:15px}.add-wing-section-title p{font-size:10px}.add-wing-floating-control{height:54px}.add-wing-floating-control input{font-size:12px}.add-wing-list-title h2{font-size:15px}.add-wing-list-title p{font-size:10px}}.floor-master-page{box-sizing:border-box;width:100%}.floor-page-header{justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:20px;display:flex}.floor-page-header h2{color:#000;margin:0;font-size:20px;font-weight:700;line-height:1.3}.floor-page-header p{color:#64748b;margin:5px 0 0;font-size:13px;font-weight:500}.floor-refresh-btn{color:#6f4d8b;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:105px;height:40px;padding:0 15px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.floor-refresh-btn:hover{background:#f3e8ff;border-color:#c4b5fd;transform:translateY(-1px)}.floor-refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.floor-form-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:24px;width:100%;margin-bottom:22px;padding:26px;box-shadow:0 8px 30px #0f172a0d}.floor-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:22px 15px;width:100%;display:grid}.floor-input-group{width:100%;min-width:0;position:relative}.floor-input-group>label{z-index:10;color:#111827;white-space:nowrap;background:#fff;padding:0 7px;font-size:12px;font-weight:700;line-height:17px;position:absolute;top:-8px;left:15px}.floor-input-group>label span{color:#ef4444;margin-left:3px}.floor-input-box{box-sizing:border-box;background:#fff;border:1px solid #6f4d8b;border-radius:18px;align-items:center;width:100%;height:48px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.floor-input-box:hover{border-color:#22c55e}.floor-input-box:focus-within{border-color:#16a34a;box-shadow:0 0 0 4px #16a34a1a}.floor-icon{color:#6f4d8b;flex:none;margin-right:10px;font-size:15px}.floor-input-box input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;font-family:inherit;font-size:14px;font-weight:600}.floor-input-box input::placeholder{color:#94a3b8;font-weight:500}.floor-input-box input[type=number]::-webkit-inner-spin-button{opacity:.6}.floor-input-box input[type=number]::-webkit-outer-spin-button{opacity:.6}.floor-clear-input{color:#64748b;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:20px;display:flex}.floor-clear-input:hover{color:#ef4444}.floor-dropdown{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:14px;max-height:230px;padding:5px;position:absolute;top:55px;left:0;right:0;overflow-y:auto;box-shadow:0 15px 35px #0f172a24}.floor-dropdown::-webkit-scrollbar{width:5px}.floor-dropdown::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:10px}.floor-dropdown-item{color:#1e293b;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:42px;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:flex}.floor-dropdown-item svg{color:#8c6dc5;font-size:14px}.floor-dropdown-item:hover{color:#6f4d8b;background:#faf5ff}.floor-no-data{text-align:center;color:#94a3b8;padding:15px;font-size:13px;font-weight:600}.floor-note-group{grid-column:span 2}.floor-textarea-box{box-sizing:border-box;background:#fff;border:1px solid #6f4d8b;border-radius:18px;align-items:flex-start;width:100%;min-height:82px;padding:13px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.floor-textarea-box:hover{border-color:#22c55e}.floor-textarea-box:focus-within{border-color:#16a34a;box-shadow:0 0 0 4px #16a34a1a}.floor-textarea-box textarea{resize:none;color:#1e293b;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;min-height:55px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.45}.floor-textarea-box textarea::placeholder{color:#94a3b8;font-weight:500}.floor-summary-info{box-sizing:border-box;background:linear-gradient(135deg,#f8fafc 0%,#ecfdf5 100%);border:1px solid #bbf7d0;border-radius:16px;justify-content:center;align-items:center;gap:24px;width:100%;margin-top:25px;padding:14px 20px;display:flex}.floor-summary-item{align-items:center;gap:7px;min-width:0;display:flex}.floor-summary-item label{color:#3e1c5a;white-space:nowrap;align-items:center;gap:5px;margin:0;font-size:13px;font-weight:700;display:inline-flex}.floor-summary-item span{color:#16a34a;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:13px;font-weight:600;overflow:hidden}.floor-summary-item.total{border-left:1px solid #bbf7d0;padding-left:18px}.floor-summary-item.total span{font-size:15px;font-weight:800}.floor-button-row{justify-content:center;align-items:center;gap:15px;width:100%;margin-top:25px;display:flex}.floor-save-btn,.floor-cancel-btn,.floor-back-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:40px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.floor-save-btn{color:#fff;background:linear-gradient(135deg,#22c55e,#15803d);min-width:165px;padding:0 20px;box-shadow:0 5px 15px #16a34a33}.floor-save-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #16a34a40}.floor-save-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.floor-cancel-btn{color:#fff;background:#ff3131;width:100px}.floor-cancel-btn:hover{background:#dc2626;transform:translateY(-1px)}.floor-back-btn{color:#fff;background:#64748b;width:100px}.floor-back-btn:hover{background:#475569;transform:translateY(-1px)}.floor-save-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite floor-spin}@keyframes floor-spin{to{transform:rotate(360deg)}}.floor-list-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:24px;width:100%;margin-bottom:20px;padding:22px;box-shadow:0 8px 30px #0f172a0d}.floor-list-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.floor-list-header h3{color:#334155;margin:0;font-size:17px;font-weight:750}.floor-list-header p{color:#94a3b8;margin:4px 0 0;font-size:12px;font-weight:500}.floor-count-badge{color:#6f4d8b;white-space:nowrap;background:#f3e8ff;border:1px solid #ddd6fe;border-radius:20px;padding:7px 12px;font-size:12px;font-weight:700}.floor-table-wrapper{border:1px solid #e2e8f0;border-radius:16px;width:100%;overflow-x:auto}.floor-table-wrapper::-webkit-scrollbar{height:6px}.floor-table-wrapper::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:10px}.floor-table{border-collapse:separate;border-spacing:0;width:100%;min-width:900px}.floor-table thead th{color:#5b4675;text-align:left;white-space:nowrap;background:linear-gradient(135deg,#faf5ff,#f8fafc);border-bottom:1px solid #e2e8f0;height:46px;padding:0 14px;font-size:12px;font-weight:800}.floor-table thead th:first-child{border-top-left-radius:15px}.floor-table thead th:last-child{border-top-right-radius:15px}.floor-table tbody td{color:#475569;vertical-align:middle;border-bottom:1px solid #f1f5f9;height:58px;padding:8px 14px;font-size:13px;font-weight:600}.floor-table tbody tr:last-child td{border-bottom:none}.floor-table tbody tr{transition:background .15s}.floor-table tbody tr:hover{background:#fafafa}.floor-sr{color:#64748b;background:#f8fafc;border-radius:8px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 7px;font-size:11px;font-weight:700;display:inline-flex}.floor-wing-cell,.floor-name-cell{align-items:center;gap:9px;display:flex}.floor-wing-cell{color:#334155;font-weight:700}.floor-name-cell strong{color:#334155}.floor-table-icon{color:#8c6dc5;background:#f5f3ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;display:flex}.floor-table-icon.wing{color:#16a34a;background:#ecfdf5}.floor-number-pill,.floor-total-pill{color:#2563eb;background:#eff6ff;border-radius:8px;justify-content:center;align-items:center;min-width:38px;height:27px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.floor-number-pill.shop{color:#ea580c;background:#fff7ed}.floor-total-pill{color:#15803d;background:#ecfdf5}.floor-note-text{text-overflow:ellipsis;white-space:nowrap;color:#64748b;max-width:180px;font-size:12px;display:block;overflow:hidden}.floor-actions{align-items:center;gap:8px;display:flex}.floor-edit-btn,.floor-delete-btn{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .18s;display:inline-flex}.floor-edit-btn{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.floor-edit-btn:hover{background:#dbeafe;transform:translateY(-1px)}.floor-delete-btn{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.floor-delete-btn:hover{background:#fee2e2;transform:translateY(-1px)}.floor-delete-btn:disabled{opacity:.5;cursor:not-allowed}.floor-empty-state{text-align:center!important;color:#94a3b8!important;height:180px!important}.floor-empty-state svg{color:#c4b5fd;margin:0 auto 8px;font-size:25px;display:block}.floor-empty-state strong{color:#64748b;margin-bottom:3px;font-size:13px;display:block}.floor-empty-state span{font-size:12px}.floor-page-arrow{color:#8c6dc5;cursor:pointer;background:#fff;border:1px solid #ddd6fe;border-radius:9px;justify-content:center;align-items:center;width:78px;height:34px;font-size:13px;transition:all .2s;display:flex}.floor-page-arrow:hover:not(:disabled){background:#faf5ff;border-color:#c4b5fd;transform:translateY(-1px)}.floor-current-page{color:#fff;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);border:1px solid #8c6dc5;border-radius:9px;justify-content:center;align-items:center;width:40px;height:34px;font-size:12px;font-weight:700;display:flex;box-shadow:0 4px 10px #6f4d8b33}.floor-bottom-note{box-sizing:border-box;color:#64748b;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:40px;margin-bottom:20px;padding:10px 15px;font-size:12px;font-weight:500;display:flex}.floor-bottom-note svg{color:#8c6dc5;flex-shrink:0}.floor-toast{z-index:99999;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:12px;min-width:300px;max-width:420px;padding:14px 18px;animation:.25s floor-toast-in;display:flex;position:fixed;top:80px;right:25px;box-shadow:0 15px 40px #0f172a26}.floor-toast.success{border-left:4px solid #16a34a}.floor-toast.warning{border-left:4px solid #f59e0b}.floor-toast.error{border-left:4px solid #dc2626}.floor-toast-icon{color:#16a34a;background:#f0fdf4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.floor-toast.warning .floor-toast-icon{color:#d97706;background:#fffbeb}.floor-toast.error .floor-toast-icon{color:#dc2626;background:#fef2f2}.floor-toast-content{flex-direction:column;gap:3px;min-width:0;display:flex}.floor-toast-content strong{color:#1e293b;font-size:13px;font-weight:700}.floor-toast-content span{color:#64748b;font-size:12px;line-height:1.4}@keyframes floor-toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.floor-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:400px;font-size:14px;font-weight:600;display:flex}.floor-loader{border:4px solid #e2e8f0;border-top-color:#8c6dc5;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite floor-loading-spin}@keyframes floor-loading-spin{to{transform:rotate(360deg)}}@media (width<=1200px){.floor-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.floor-note-group{grid-column:span 2}.floor-summary-info{gap:18px}}@media (width<=1024px){.floor-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.floor-note-group{grid-column:span 2}.floor-form-card{padding:22px}.floor-summary-info{flex-wrap:wrap;gap:15px 25px}}@media (width<=768px){.floor-page-header{flex-direction:column;align-items:flex-start;gap:10px}.floor-page-header h2{font-size:18px}.floor-page-header p{font-size:12px}.floor-refresh-btn{width:100%}.floor-form-card,.floor-list-card{border-radius:20px;padding:18px}.floor-form-grid{grid-template-columns:1fr;row-gap:18px}.floor-note-group{grid-column:span 1}.floor-input-box{height:46px}.floor-summary-info{flex-direction:column;align-items:stretch;gap:11px;padding:14px}.floor-summary-item{justify-content:space-between;width:100%}.floor-summary-item span{text-align:right;max-width:55%}.floor-summary-item.total{border-top:1px solid #bbf7d0;border-left:none;padding-top:10px;padding-left:0}.floor-button-row{flex-direction:column;gap:10px}.floor-save-btn,.floor-cancel-btn,.floor-back-btn{width:100%;max-width:300px}.floor-list-header{flex-direction:column;align-items:flex-start}.floor-count-badge{align-self:flex-start}.floor-bottom-note{text-align:left;align-items:flex-start}.floor-toast{width:auto;min-width:0;top:75px;left:15px;right:15px}}@media (width<=480px){.floor-form-card,.floor-list-card{border-radius:17px;padding:13px}.floor-page-header h2{font-size:17px}.floor-input-group>label{font-size:11px;left:13px}.floor-input-box{border-radius:15px;height:45px;padding:0 12px}.floor-input-box input{font-size:13px}.floor-textarea-box{border-radius:15px;padding:12px}.floor-textarea-box textarea{font-size:13px}.floor-icon{margin-right:8px;font-size:14px}.floor-pagination{gap:8px}.floor-pagination button{min-width:65px;padding:0 8px;font-size:11px}}.floor-list-tools{justify-content:flex-end;align-items:center;gap:12px;display:flex}.floor-table-search{box-sizing:border-box;background:#fff;border:1px solid #ddd6fe;border-radius:11px;align-items:center;width:260px;height:40px;padding:0 11px;transition:border-color .2s,box-shadow .2s;display:flex}.floor-table-search:focus-within{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc51a}.floor-search-icon{color:#8c6dc5;flex-shrink:0;margin-right:8px;font-size:13px}.floor-table-search input{color:#334155;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:12px;font-weight:600}.floor-table-search input::placeholder{color:#94a3b8;font-weight:500}.floor-search-clear{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:16px;line-height:1;display:flex}.floor-search-clear:hover{color:#dc2626;background:#fee2e2}.floor-pagination{justify-content:center;align-items:center;gap:6px;width:100%;margin-top:20px;display:flex}.floor-page-numbers{align-items:center;gap:5px;display:flex}.floor-page-arrow,.floor-page-number{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-family:inherit;font-size:12px;font-weight:700;transition:all .18s;display:flex}.floor-page-arrow{color:#64748b;background:#fff;border:1px solid #e2e8f0}.floor-page-arrow:hover:not(:disabled){color:#6f4d8b;background:#f5f3ff;border-color:#c4b5fd;transform:translateY(-1px)}.floor-page-arrow:disabled{opacity:.4;cursor:not-allowed}.floor-page-number{color:#64748b;background:0 0;border:1px solid #0000}.floor-page-number:hover{color:#6f4d8b;background:#faf5ff}.floor-page-number.active{color:#fff;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);border-color:#8c6dc5;box-shadow:0 4px 10px #6f4d8b33}@media (width<=768px){.floor-list-tools{flex-direction:column;align-items:stretch;width:100%}.floor-table-search{width:100%}.floor-count-badge{align-self:flex-start}}@media (width<=480px){.floor-page-arrow,.floor-page-number{width:30px;height:30px;font-size:11px}.floor-pagination{gap:4px}.floor-page-numbers{gap:3px}}.floor-status-pill{white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;gap:6px;min-width:72px;height:28px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.floor-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.floor-status-pill.active{color:#15803d;background:#ecfdf3;border:1px solid #bbf7d0}.floor-status-pill.active .floor-status-dot{background:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.floor-status-pill.inactive{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.floor-status-pill.inactive .floor-status-dot{background:#ef4444;box-shadow:0 0 0 3px #ef44441a}.floor-status-filter{background:#fff;border:1px solid #ddd6fe;border-radius:11px;align-items:center;gap:7px;height:40px;padding:0 10px;transition:border-color .2s,box-shadow .2s;display:flex}.floor-status-filter:focus-within{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc51a}.floor-status-filter>svg{color:#8c6dc5;flex-shrink:0;font-size:12px}.floor-status-filter select{color:#475569;cursor:pointer;background:0 0;border:none;outline:none;height:100%;font-family:inherit;font-size:12px;font-weight:600}.floor-rows-filter{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:11px;align-items:center;gap:6px;height:40px;padding:0 9px;font-size:11px;font-weight:600;display:flex}.floor-rows-filter select{color:#475569;cursor:pointer;background:0 0;border:none;outline:none;height:28px;padding:0 5px;font-family:inherit;font-size:12px;font-weight:700}.floor-page-dots{color:#94a3b8;justify-content:center;align-items:center;width:25px;height:32px;font-size:12px;font-weight:700;display:flex}@media (width<=768px){.floor-list-tools{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.floor-table-search{grid-column:span 2;width:100%}.floor-status-filter,.floor-rows-filter{box-sizing:border-box;width:100%}.floor-count-badge{grid-column:span 2;justify-self:start}}@media (width<=480px){.floor-list-tools{grid-template-columns:1fr}.floor-table-search,.floor-count-badge{grid-column:span 1}}.global-loader-overlay{z-index:999999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffd9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.global-loader-card{flex-direction:column;align-items:center;display:flex}.loader-circle{justify-content:center;align-items:center;width:110px;height:110px;display:flex;position:relative}.loader-circle:before{content:"";background:conic-gradient(#14b8a6,#0f766e,#2dd4bf,#14b8a6);border-radius:50%;animation:1.2s linear infinite rotateLoader;position:absolute;inset:0}.loader-circle:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:5px}.loader-image-box{z-index:2;background:#fff;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;display:flex;position:relative}.global-loader-image{object-fit:contain;width:65px;height:65px}.global-loader-card h3{color:#0f766e;letter-spacing:.5px;margin-top:18px;font-size:15px;font-weight:700}@keyframes rotateLoader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:#fff;width:100%;min-height:100%;font-family:Inter,sans-serif;overflow-x:hidden}.layout{width:100%;min-height:100vh;display:flex;overflow-x:hidden}.main{flex:1;min-width:0;margin-left:220px;transition:all .3s}.main.collapsed{margin-left:75px}.content{width:100%;max-width:100%;padding:20px;overflow-x:hidden}.milk-page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.milk-page-header h2{color:#8c6dc5;font-size:20px;font-weight:700}.milk-page-header p{color:#010813;margin-top:5px;font-size:14px}.milk-form-card{background:#fffdfd;border:1px solid #e2e8f0;border-radius:24px;width:100%;max-width:100%;margin-bottom:24px;padding:24px;box-shadow:0 8px 30px #0f172a0d}.milk-form-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;width:100%;display:grid}.milk-input-group{width:100%;min-width:0;position:relative}.full-width{margin-top:20px}.milk-input-group label{z-index:10;color:#000803;background:#fff;padding:0 8px;font-size:12px;font-weight:700;position:absolute;top:-9px;left:16px}.milk-input-box{background:#fff;border:1px solid #6f4d8b;border-radius:18px;align-items:center;width:100%;min-width:0;height:48px;padding:0 14px;transition:all .3s;display:flex}.milk-input-box:hover{border-color:#22c55e}.milk-input-box:focus-within{border-color:#16a34a;box-shadow:0 0 0 4px #2ba05d1f}.milk-input-box input,.milk-input-box select{color:#000511;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;font-size:14px;font-weight:600}.milk-input-box select{cursor:pointer}.milk-textarea-box{background:#fff;border:1px solid #6f4d8b;border-radius:18px;width:100%;padding:14px;display:flex}.milk-textarea-box textarea{resize:none;color:#000207;border:none;outline:none;flex:1;width:100%;font-size:14px;font-weight:500}.calculation-card{background:linear-gradient(135deg,#ecfdf5,#dcfce7);border:1px solid #bbf7d0;border-radius:20px;margin-top:24px;padding:20px}.calc-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.calc-row span{color:#166534;font-size:14px;font-weight:600}.calc-row strong{color:#14532d;font-size:16px}.calc-divider{background:#bbf7d0;height:1px;margin:12px 0}.calc-row.total span{font-size:16px;font-weight:700}.calc-row.total strong{color:#15803d;font-size:22px}.milk-button-row{justify-content:center;align-items:center;gap:15px;margin-top:20px;display:flex}.cancel-btn,.save-btn{cursor:pointer;border:none;border-radius:14px;width:200px;height:40px;font-size:14px;font-weight:700}.cancel-btn{color:#00050c;background:#e2e8f0;padding:0 25px}.save-btn{color:#fff;background:linear-gradient(135deg,#16a34a,#15803d);align-items:center;gap:10px;padding:0 30px;transition:all .3s;display:flex}.save-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #16a34a40}.milk-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;width:100%;max-width:100%;box-shadow:0 8px 30px #0f172a0d}.table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.table-search{background:#fff;border:1px solid #ddd;border-radius:10px;outline:none;width:280px;height:42px;padding:0 15px;font-size:14px}.table-search:focus{border-color:#5b21b6}.table-right{align-items:center;gap:10px;display:flex}.page-btn{color:#fff;cursor:pointer;background:#5b21b6;border:none;border-radius:8px;padding:10px 16px;font-weight:600}.page-btn:hover{transform:translateY(-2px)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-count{color:#444;font-weight:600}.table-responsive{width:100%;overflow:auto hidden}.table-responsive table{border-collapse:collapse;table-layout:auto;width:auto;min-width:100%}.table-responsive thead{background:linear-gradient(135deg,#7892b9,#482b5f)}.table-responsive th{color:#fff;text-align:center;white-space:nowrap;padding:14px 12px;font-size:12px;font-weight:700}.table-responsive td{text-align:center;color:#334155;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:8px 12px;font-size:12px;font-weight:600}.table-responsive th:first-child,.table-responsive td:first-child{width:90px;min-width:90px}.table-responsive th:nth-child(2),.table-responsive td:nth-child(2){width:140px;min-width:140px}.table-responsive th:nth-child(3),.table-responsive td:nth-child(3){min-width:90px}.table-responsive th:nth-child(4),.table-responsive td:nth-child(4),.table-responsive th:nth-child(5),.table-responsive td:nth-child(5){min-width:60px}.table-responsive th:nth-child(6),.table-responsive td:nth-child(6){min-width:90px}.table-responsive th:nth-child(7),.table-responsive td:nth-child(7){min-width:100px}.table-responsive th:nth-child(8),.table-responsive td:nth-child(8){min-width:110px}.table-responsive tbody tr{height:42px}.table-responsive tbody tr:hover{background:#f8fafc}.table-responsive::-webkit-scrollbar{height:8px}.table-responsive::-webkit-scrollbar-thumb{background:#573d8b;border-radius:10px}.action-buttons{justify-content:center;gap:8px;display:flex}.edit-btn,.delete-btn{color:#fff;cursor:pointer;border:none;border-radius:10px;padding:8px 14px;font-size:12px;font-weight:700}.edit-btn{background:#16a34a}.delete-btn{background:#dc2626}.empty-row{color:#94a3b8;font-weight:700;padding:40px!important}@media (width<=768px){.main,.main.collapsed{margin-left:0!important}.milk-form-card{padding:16px}.milk-form-grid{grid-template-columns:1fr;gap:14px}.milk-button-row{flex-direction:column}.cancel-btn,.save-btn{width:100%}}.shift-toggle{gap:12px;width:100%;display:flex}.shift-btn{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:8px;height:50px;font-size:15px;font-weight:700;transition:all .3s;display:flex}.shift-btn:hover{transform:translateY(-2px)}.active-morning{color:#0c0101;background:linear-gradient(135deg,#ecc359,#eeb046);border-color:#f59e0b;box-shadow:0 8px 20px #f59e0b59}.active-night{color:#fff;background:linear-gradient(135deg,#96a7cc,#43558f);border-color:#2563eb;box-shadow:0 8px 20px #2563eb59}.milk-type-toggle{gap:12px;width:105%;display:flex}.milk-type-btn{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:8px;height:50px;font-size:14px;font-weight:700;transition:all .3s;display:flex}.milk-type-btn:hover{transform:translateY(-2px)}.active-buffalo{color:#fff;background:linear-gradient(135deg,#867884,#666f7e);border-color:#111827;box-shadow:0 8px 20px #11182740}.active-cow{color:#fff;background:linear-gradient(135deg,#22c55e,#15803d);border-color:#16a34a;box-shadow:0 8px 20px #16a34a40}.active-mixed{color:#fff;background:linear-gradient(135deg,#7c3aed,#5b21b6);border-color:#7c3aed;box-shadow:0 8px 20px #7c3aed40}.amount-summary{flex-direction:column;align-items:flex-end;gap:10px;margin-top:-50px;display:flex}.summary-row{align-items:center;gap:12px;font-size:15px;display:flex}.summary-row span{color:#64748b;text-align:right;min-width:120px;font-weight:600}.summary-row strong{color:#111827;text-align:right;min-width:120px;font-size:14px;font-weight:700}.net-row{margin-top:5px}.net-row span{color:#16a34a;font-weight:700}.net-row strong{color:#16a34a;font-size:18px;font-weight:800}.bottom-section{grid-template-columns:1fr 320px;align-items:start;gap:24px;margin-top:24px;display:grid}.remark{grid-column:span 2;width:100%}.remark .milk-textarea-box{height:60px;min-height:60px;padding:10px 14px}.remark textarea{resize:none;height:100%;min-height:40px;font-size:14px}.milk-input-box select{cursor:pointer;color:#0f172a;background:0 0;border:none;outline:none;width:100%;height:100%;font-size:14px;font-weight:600}.customer-dropdown{width:100%;position:relative}.customer-list{z-index:999;background:#fff;border:1px solid #e5e7eb;border-radius:16px;max-height:220px;position:absolute;top:55px;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #00000014}.customer-item{cursor:pointer;align-items:center;gap:8px;padding:12px 15px;transition:all .2s;display:flex}.customer-item:hover{color:#16a34a;background:#f1f5f9}.customer-list::-webkit-scrollbar{width:6px}.customer-list::-webkit-scrollbar-thumb{background:#16a34a;border-radius:20px}.customer-item{cursor:pointer;justify-content:space-between;align-items:center;padding:12px 15px;transition:all .2s;display:flex}.customer-name{color:#334155;font-size:14px;font-weight:600}.customer-mobile{color:#64748b;font-size:12px;font-weight:600}.customer-item:hover{background:#f8fafc}.customer-item:hover .customer-name{color:#16a34a}.customer-info{color:#64748b;margin-top:6px;padding-left:4px;font-size:12px;font-weight:600}@media (width<=768px){.content{padding:10px}.milk-form-card{border-radius:18px;padding:14px}.milk-form-grid{gap:12px;grid-template-columns:1fr!important}.remark{grid-column:span 1!important}.milk-type-toggle{gap:8px;width:100%!important}.milk-type-btn{height:46px;padding:0 6px;font-size:12px}.shift-toggle{gap:8px}.shift-btn{height:46px;font-size:13px}.amount-summary{align-items:stretch;width:100%;margin-top:15px!important}.summary-row{justify-content:space-between}.summary-row span{text-align:left;min-width:auto;font-size:13px}.summary-row strong{text-align:right;min-width:auto;font-size:13px}.net-row strong{font-size:16px}.milk-button-row{flex-direction:column;gap:10px}.save-btn,.cancel-btn{width:100%}.table-header{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:10px;padding:12px}.table-left,.table-right,.table-search{width:100%}.table-right{justify-content:space-between}.page-btn{padding:8px 12px;font-size:12px}.page-count{font-size:12px}.action-buttons{flex-direction:column;gap:5px}.edit-btn,.delete-btn{width:70px;padding:6px;font-size:11px}.customer-name{font-size:12px}.customer-mobile{font-size:10px}.customer-item{padding:10px}}@media (width<=480px){.milk-input-box{height:44px}.milk-input-box input,.milk-input-box select{font-size:13px}.milk-input-group label,.milk-type-btn,.shift-btn{font-size:11px}.summary-row{font-size:12px}.table-responsive th,.table-responsive td{padding:8px;font-size:11px}}@media (width<=768px){.milk-form-grid{gap:12px;display:grid;grid-template-columns:repeat(2,1fr)!important}.milk-input-group:first-child,.milk-input-group:nth-child(2),.milk-input-group:nth-child(3),.remark{grid-column:1/-1!important}.milk-input-group:nth-child(5){grid-column:1}.milk-input-group:nth-child(6){grid-column:2}.milk-input-group:nth-child(7){grid-column:1}.milk-input-group:nth-child(8){grid-column:2}.milk-input-group:nth-child(9){grid-column:1/-1}}.back-btn{color:#fff;cursor:pointer;background:#64748b;border:none;border-radius:12px;min-width:120px;height:45px;font-size:14px;font-weight:600;transition:all .3s}.back-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #64748b40}.master-index-page{background:#f4f7fc;min-height:calc(100vh - 70px);padding:20px}.master-index-header{text-align:center;margin-bottom:25px}.master-index-header h2{color:#1e293b;margin-bottom:5px;font-size:30px;font-weight:700}.master-index-header p{color:#64748b;font-size:14px}.master-grid{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.master-card{text-align:center;cursor:pointer;background:#fff;border-radius:18px;width:110px;min-width:110px;padding:18px 12px;transition:all .3s;position:relative;overflow:hidden}.master-card:before{content:"";-webkit-mask-composite:xor;background:linear-gradient(135deg,#6366f1,#8b5cf6,#06b6d4,#3b82f6);border-radius:18px;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.master-card:after{content:"";opacity:0;background:linear-gradient(135deg,#6366f114,#8b5cf614,#06b6d414);border-radius:18px;transition:all .3s;position:absolute;inset:0}.master-card:hover{transform:translateY(-6px);box-shadow:0 15px 30px #6366f12e}.master-card:hover:after{opacity:1}.master-icon{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 12px;font-size:22px;display:flex;box-shadow:0 8px 16px #00000026}.master-card h4{color:#1e293b;margin:0;font-size:13px;font-weight:700;line-height:1.4}@media (width<=768px){.master-grid{gap:12px}.master-card{width:135px;min-width:135px;padding:15px 10px}}@media (width<=480px){.master-index-page{padding:15px}.master-card{width:130px;min-width:130px}.master-icon{width:45px;height:45px;font-size:20px}.master-card h4{font-size:12px}}.change-password-content{background:#f1f5f9;min-height:calc(100vh - 70px);padding:24px}.change-password-header{align-items:center;gap:14px;margin-bottom:20px;display:flex}.change-password-header-icon{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:21px;display:flex}.change-password-header-text{min-width:0}.change-password-header-text h2{color:#0f172a;letter-spacing:-.4px;margin:0;font-size:24px;font-weight:800}.change-password-header-text p{color:#64748b;margin:4px 0 0;font-size:13px}.change-password-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:100%;max-width:1200px;margin:0 auto;padding:22px;box-shadow:0 4px 16px #0f172a0f}.change-password-card-heading{border-bottom:1px solid #eef2f7;align-items:center;gap:12px;margin-bottom:23px;padding-bottom:18px;display:flex}.change-password-card-icon{color:#2563eb;background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.change-password-card-heading h3{color:#0f172a;margin:0;font-size:16px;font-weight:800}.change-password-card-heading span{color:#64748b;margin-top:3px;font-size:12px;display:block}.change-password-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.password-field{min-width:0}.password-field label{color:#334155;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.password-field label span{color:#ef4444;margin-left:3px}.password-input-box{background:#fff;border:1px solid #cbd5e1;border-radius:11px;align-items:center;height:50px;padding:0 10px 0 13px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.password-input-box:focus-within{background:#f8fbff;border-color:#60a5fa;box-shadow:0 0 0 3px #2563eb14}.password-input-box.active{background:#f8fbff;border-color:#60a5fa}.password-input-box.match{background:#f7fff9;border-color:#86efac}.password-input-box.error{background:snow;border-color:#fca5a5}.password-input-icon{color:#64748b;flex-shrink:0;margin-right:9px;font-size:16px}.password-input-box.active .password-input-icon{color:#2563eb}.password-input-box.match .password-input-icon{color:#16a34a}.password-input-box.error .password-input-icon{color:#ef4444}.password-input-box input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;height:100%;padding:0;font-family:inherit;font-size:14px}.password-input-box input::placeholder{color:#94a3b8}.password-eye-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:36px;padding:0;transition:color .2s,background .2s;display:flex}.password-eye-btn:hover{color:#2563eb;background:#eff6ff}.password-eye-btn:disabled{opacity:.5;cursor:not-allowed}.password-field>small{color:#94a3b8;margin-top:5px;margin-left:2px;font-size:11px;display:block}.password-field>small.error-text{color:#ef4444;font-weight:600}.password-field>small.success-text{color:#16a34a;font-weight:600}.security-note{color:#475569;background:#eff6ff;border:1px solid #dbeafe;border-radius:11px;align-items:flex-start;gap:9px;margin-top:22px;padding:11px 13px;font-size:11.5px;line-height:17px;display:flex}.security-note-icon{color:#2563eb;flex-shrink:0;padding-top:1px;font-size:15px}.change-password-button-row{align-items:center;gap:9px;margin-top:22px;display:flex}.change-password-button-row button{cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:46px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s,border-color .2s;display:inline-flex}.change-password-button-row button:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.change-password-save-btn{color:#fff;background:#2563eb;border:none;min-width:190px;box-shadow:0 4px 10px #2563eb2e}.change-password-save-btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 14px #2563eb3d}.change-password-clear-btn{color:#475569;background:#f8fafc;border:1px solid #cbd5e1}.change-password-clear-btn:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.change-password-back-btn{color:#475569;background:#fff;border:1px solid #cbd5e1}.change-password-back-btn:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.button-loader{align-items:center;gap:8px;display:inline-flex}.button-loader>span{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite changePasswordSpin}@keyframes changePasswordSpin{to{transform:rotate(360deg)}}.password-bottom-info{color:#64748b;justify-content:center;align-items:center;gap:6px;margin-top:16px;font-size:11px;display:flex}.password-bottom-info svg{font-size:12px}.password-alert-overlay{z-index:99999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a94;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.password-alert-card{text-align:center;background:#fff;border-radius:20px;width:min(400px,100%);padding:28px 24px 24px;animation:.2s ease-out changePasswordAlertIn;box-shadow:0 20px 50px #00000038}@keyframes changePasswordAlertIn{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.password-alert-icon{border:3px solid;border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 14px;font-size:31px;display:flex}.password-alert-icon.success{color:#22c55e;background:#f0fdf4;border-color:#22c55e}.password-alert-icon.error{color:#ef4444;background:#fef2f2;border-color:#ef4444}.password-alert-icon.warning{color:#f59e0b;background:#fffbeb;border-color:#f59e0b}.password-alert-card h3{color:#0f172a;margin:0 0 7px;font-size:19px;font-weight:800}.password-alert-card p{color:#64748b;max-width:320px;margin:0 auto 20px;font-size:13px;line-height:19px}.password-alert-btn{color:#fff;cursor:pointer;border:none;border-radius:9px;min-width:105px;height:40px;padding:0 24px;font-family:inherit;font-size:13px;font-weight:800;transition:transform .2s,opacity .2s}.password-alert-btn:hover{opacity:.92;transform:translateY(-1px)}.password-alert-btn.success{background:#22c55e}.password-alert-btn.error{background:#ef4444}.password-alert-btn.warning{background:#f59e0b}@media (width<=1000px){.change-password-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.change-password-content{padding:18px 14px 25px}.change-password-header-text h2{font-size:21px}.change-password-card{border-radius:17px;padding:18px}.change-password-grid{grid-template-columns:1fr;gap:16px}.change-password-button-row{flex-wrap:wrap}.change-password-save-btn{width:100%}.change-password-clear-btn,.change-password-back-btn{flex:1}}@media (width<=480px){.change-password-content{padding:14px 10px 22px}.change-password-header{gap:10px;margin-bottom:15px}.change-password-header-icon{border-radius:12px;width:43px;height:43px;font-size:18px}.change-password-header-text h2{font-size:19px}.change-password-header-text p{font-size:11.5px}.change-password-card{border-radius:15px;padding:15px}.change-password-card-heading{margin-bottom:19px;padding-bottom:15px}.change-password-card-icon{border-radius:10px;width:37px;height:37px}.change-password-card-heading h3{font-size:14px}.change-password-card-heading span{font-size:11px}.password-field label{font-size:12px}.password-input-box{border-radius:10px;height:48px}.password-input-box input{font-size:13px}.change-password-button-row{gap:7px}.change-password-button-row button{height:44px;padding:0 11px;font-size:12px}.security-note{font-size:10.5px;line-height:16px}}@media (width<=360px){.change-password-content{padding:10px 8px}.change-password-card{padding:13px}.change-password-button-row{flex-direction:column}.change-password-save-btn,.change-password-clear-btn,.change-password-back-btn{width:100%}}.owner-layout{background:#f5f7fb;width:100%;min-height:100vh;display:flex;overflow-x:hidden}.owner-main{box-sizing:border-box;flex:1;min-width:0;min-height:100vh;margin-left:280px;transition:margin-left .25s}.owner-main.collapsed{margin-left:80px}.owner-content{box-sizing:border-box;width:100%;max-width:1500px;margin:0 auto;padding:24px 28px 35px}.owner-page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.owner-page-header h2{color:#172033;letter-spacing:-.3px;margin:0;font-size:22px;font-weight:800}.owner-page-header p{color:#64748b;margin:5px 0 0;font-size:13px;font-weight:500}.owner-refresh-btn{color:#6f55a3;cursor:pointer;background:#fff;border:1px solid #dcd5ea;border-radius:10px;min-width:105px;height:42px;font-size:13px;font-weight:700;transition:background .2s,border-color .2s,transform .2s}.owner-refresh-btn:hover{background:#faf8ff;border-color:#b9a8d7}.owner-refresh-btn:active{transform:scale(.98)}.owner-refresh-btn:disabled{opacity:.55;cursor:not-allowed}.owner-form-card{box-sizing:border-box;background:#fff;border:1px solid #e6e9ef;border-radius:20px;width:100%;max-width:100%;padding:26px;box-shadow:0 4px 18px #0f172a0b}.owner-form-header{align-items:center;gap:12px;min-height:46px;display:flex}.owner-header-accent{background:#8c6dc5;border-radius:5px;flex-shrink:0;width:4px;height:44px}.owner-form-header h3{color:#1e293b;margin:0;font-size:17px;font-weight:800}.owner-form-header p{color:#94a3b8;margin:4px 0 0;font-size:12px;font-weight:500}.owner-divider{background:#edf0f4;width:100%;height:1px;margin:20px 0 24px}.owner-input-group{width:100%;min-width:0}.owner-input-group label{color:#334155;margin-bottom:7px;font-size:13px;font-weight:700;display:block}.owner-input-group label span{color:#ef4444;margin-left:3px;font-weight:800}.owner-input-box{box-sizing:border-box;background:#fafbfc;border:1px solid #dce2e9;border-radius:10px;align-items:center;width:100%;height:46px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.owner-input-box:focus-within{background:#fff;border-color:#a891c9;box-shadow:0 0 0 3px #8c6dc51a}.owner-input-box input{color:#1e293b;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;height:100%;padding:0 13px;font-family:inherit;font-size:13.5px;font-weight:500}.owner-input-box input::placeholder{color:#a0aaba}.owner-input-box input:disabled{cursor:not-allowed}.owner-email-group{grid-column:span 1}.owner-summary{box-sizing:border-box;background:#faf8ff;border:1px solid #e8e0f4;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;max-width:100%;margin-top:25px;padding:15px 18px;display:grid}.owner-summary-item{flex-direction:column;gap:5px;min-width:0;padding:0 18px;display:flex}.owner-summary-item:first-child{padding-left:0}.owner-summary-item:last-child{padding-right:0}.owner-summary-item+.owner-summary-item{border-left:1px solid #e3dcef}.owner-summary-item label{color:#8b7ca0;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.owner-summary-item span{color:#334155;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:700;overflow:hidden}.owner-button-row{justify-content:flex-end;align-items:center;gap:10px;margin-top:25px;display:flex}.owner-save-btn{color:#fff;cursor:pointer;background:#8c6dc5;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:145px;height:44px;font-family:inherit;font-size:13px;font-weight:800;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex;box-shadow:0 5px 12px #8c6dc52e}.owner-save-btn:hover{background:#795ab3;box-shadow:0 7px 15px #8c6dc53b}.owner-save-btn:active{transform:translateY(1px)}.owner-save-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.owner-clear-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #d9dee6;border-radius:10px;min-width:90px;height:44px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:700;transition:background .2s,border-color .2s}.owner-clear-btn:hover{background:#f8fafc;border-color:#c6ccd5}.owner-clear-btn:disabled{opacity:.55;cursor:not-allowed}.owner-back-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #d9dee6;border-radius:10px;min-width:85px;height:44px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:700;transition:background .2s,border-color .2s}.owner-back-btn:hover{background:#f1f5f9;border-color:#c6ccd5}.owner-back-btn:disabled{opacity:.55;cursor:not-allowed}@keyframes owner-spin{to{transform:rotate(360deg)}}.owner-info-card{box-sizing:border-box;background:#fff;border:1px solid #e6e9ef;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;max-width:100%;min-height:62px;margin-top:18px;padding:14px 18px;display:flex}.owner-info-card strong{color:#475569;font-size:12px;font-weight:800}.owner-info-card p{color:#94a3b8;margin:4px 0 0;font-size:11px;font-weight:500}.owner-info-card p span{color:#ef4444;font-weight:800}.owner-info-right{white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;display:flex}.owner-info-right span{color:#94a3b8;font-size:11px;font-weight:500}.owner-info-right strong{color:#8c6dc5;font-size:11px;font-weight:800}.owner-toast{z-index:9999;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:13px;justify-content:space-between;align-items:center;gap:15px;min-width:300px;max-width:420px;padding:15px 16px;animation:.25s owner-toast-in;display:flex;position:fixed;top:82px;right:25px;box-shadow:0 10px 30px #0f172a21}.owner-toast.success{border-left:4px solid #22c55e}.owner-toast.warning{border-left:4px solid #f59e0b}.owner-toast.error{border-left:4px solid #ef4444}@keyframes owner-toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.owner-toast-content{min-width:0}.owner-toast-title{color:#334155;margin-bottom:3px;font-size:13px;font-weight:800}.owner-toast-message{color:#64748b;overflow-wrap:anywhere;font-size:12px;font-weight:500;line-height:18px}.owner-toast-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;width:28px;height:28px;font-size:20px;line-height:1}.owner-toast-close:hover{color:#475569;background:#f1f5f9}@media (width<=1200px){.owner-content{padding:22px}.owner-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-email-group{grid-column:span 2}}@media (width<=1024px){.owner-content{padding:20px}.owner-form-card{padding:22px}.owner-form-grid{gap:18px}.owner-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.owner-main,.owner-main.collapsed{max-width:100%;width:100%!important;margin-left:0!important}.owner-layout{width:100%;max-width:100%;overflow-x:hidden}.owner-content{box-sizing:border-box;width:100%;max-width:100%;padding:18px 15px 25px}.owner-page-header{flex-direction:column;align-items:stretch;gap:12px;width:100%}.owner-page-header h2{font-size:19px;line-height:1.3}.owner-page-header p{font-size:12px;line-height:1.5}.owner-refresh-btn{width:100%;min-width:0}.owner-form-card{box-sizing:border-box;border-radius:18px;width:100%;max-width:100%;padding:18px}.owner-form-header{align-items:flex-start;width:100%;min-width:0}.owner-form-header h3{font-size:16px;line-height:1.35}.owner-form-header p{font-size:11px;line-height:1.5}.owner-form-grid{grid-template-columns:1fr;gap:18px;width:100%}.owner-email-group{grid-column:span 1}.owner-input-group{width:100%;min-width:0}.owner-input-group label{font-size:12px}.owner-input-box{box-sizing:border-box;width:100%;max-width:100%;height:45px}.owner-input-box input{box-sizing:border-box;width:100%;min-width:0;font-size:13px}.owner-summary{box-sizing:border-box;grid-template-columns:1fr;gap:11px;width:100%;max-width:100%;padding:14px}.owner-summary-item{width:100%;min-width:0;padding:0}.owner-summary-item+.owner-summary-item{border-top:1px solid #e3dcef;border-left:none;padding-top:11px}.owner-summary-item span{white-space:normal;text-align:right;overflow-wrap:anywhere;word-break:break-word}.owner-button-row{flex-direction:column;align-items:stretch;gap:10px;width:100%}.owner-save-btn,.owner-clear-btn,.owner-back-btn{box-sizing:border-box;width:100%;min-width:0}.owner-info-card{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:12px;width:100%;max-width:100%}.owner-info-right{white-space:normal;flex-wrap:wrap;justify-content:space-between;width:100%;max-width:100%}.owner-toast{box-sizing:border-box;width:auto;min-width:0;max-width:none;top:72px;left:15px;right:15px}}@media (width<=480px){.owner-content{padding:15px 12px 22px}.owner-page-header h2{font-size:18px}.owner-form-card{border-radius:16px;padding:16px}.owner-form-header h3{font-size:16px}.owner-form-header p{font-size:11px}.owner-input-group label{font-size:12px}.owner-input-box{height:45px}.owner-input-box input{font-size:13px}.owner-summary-item span{font-size:12px}.owner-info-card{padding:13px}}@media (width<=380px){.owner-content{padding:12px 9px 20px}.owner-form-card{border-radius:14px;padding:14px}.owner-page-header h2{font-size:17px}.owner-page-header p{font-size:11px}.owner-form-header{gap:9px}.owner-header-accent{width:3px;height:40px}.owner-form-header h3{font-size:15px}.owner-form-header p{font-size:10.5px}.owner-form-grid{gap:14px}.owner-input-group label{font-size:11.5px}.owner-input-box{border-radius:9px;height:43px}.owner-input-box input{padding:0 11px;font-size:12.5px}.owner-summary{padding:12px}.owner-summary-item label{font-size:9px}.owner-summary-item span{font-size:11.5px}.owner-save-btn,.owner-clear-btn,.owner-back-btn{height:42px;font-size:12px}.owner-info-card{padding:12px}.owner-info-card strong{font-size:11px}.owner-info-card p{font-size:10.5px;line-height:16px}.owner-info-right{gap:6px}.owner-info-right span,.owner-info-right strong{font-size:10px}.owner-toast{padding:12px;top:65px;left:8px;right:8px}.owner-toast-title{font-size:12px}.owner-toast-message{font-size:11px;line-height:16px}}@media (width<=320px){.owner-content{padding:10px 7px 18px}.owner-form-card{border-radius:12px;padding:11px}.owner-page-header h2{font-size:16px}.owner-page-header p{font-size:10px}.owner-form-header h3{font-size:14px}.owner-form-header p{font-size:10px}.owner-input-box{height:42px}.owner-input-box input{padding:0 9px;font-size:11.5px}.owner-summary{padding:10px}.owner-summary-item label{font-size:8.5px}.owner-summary-item span{font-size:11px}.owner-save-btn,.owner-clear-btn,.owner-back-btn{height:40px;font-size:11px}.owner-info-card{padding:10px}.owner-info-right{flex-direction:column;align-items:flex-start}}.security-layout{box-sizing:border-box;background:#f5f8fc;width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden}.security-layout>.security-main{box-sizing:border-box;background:#f5f8fc;width:calc(100% - 280px);min-height:100vh;margin-left:280px;padding-top:72px;transition:width .3s,margin-left .3s;overflow-x:hidden}.security-layout>.security-main.collapsed{width:calc(100% - 78px);margin-left:78px}.security-main>.security-content{box-sizing:border-box;background:#f5f8fc;width:100%;max-width:1650px;min-height:calc(100vh - 72px);margin:0 auto;padding:20px 28px 30px;overflow-x:hidden}.security-page{box-sizing:border-box;width:100%;max-width:100%;margin:0;padding:0}.security-page-header{box-sizing:border-box;background:linear-gradient(135deg,#fff 0%,#faf8ff 100%);border:1px solid #e4e8ef;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:68px;margin-bottom:18px;padding:14px 18px;display:flex;box-shadow:0 5px 18px #0f172a0b}.security-page-header>div:first-child{flex:1;min-width:0}.security-page-header h2{color:#17324d;margin:0;font-size:22px;font-weight:800;line-height:1.2}.security-page-header p{color:#8291a2;margin:5px 0 0;font-size:11px;font-weight:500;line-height:1.4}.security-refresh-btn{color:#7653a6;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:10px;flex-shrink:0;min-width:105px;height:38px;padding:0 16px;font-family:inherit;font-size:12px;font-weight:800;transition:all .2s}.security-refresh-btn:hover{color:#fff;background:#8c6dc5;border-color:#8c6dc5;transform:translateY(-1px);box-shadow:0 6px 15px #8c6dc52e}.security-refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.security-form-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;margin:0;padding:25px;box-shadow:0 5px 18px #0f172a0b}.security-section-title{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:15px;width:100%;margin-bottom:23px;padding-bottom:11px;display:flex}.security-section-title>div{color:#17324d;font-size:14px;font-weight:800}.security-section-title>span{color:#94a3b8;font-size:10px;font-weight:600}.security-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:24px 16px;width:100%;display:grid}.security-field{box-sizing:border-box;width:100%;min-width:0;position:relative}.security-field>label{z-index:10;color:#334155;white-space:nowrap;pointer-events:none;background:#fff;padding:0 7px;font-size:11px;font-weight:700;line-height:16px;position:absolute;top:-8px;left:13px}.security-field>label span{color:#ef4444;margin-left:3px}.security-field input{box-sizing:border-box;color:#1e293b;background:#fff;border:1px solid #d8dee8;border-radius:11px;outline:none;width:100%;height:46px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .2s,box-shadow .2s,background .2s}.security-field input:hover{border-color:#a78bca}.security-field input:focus{background:#fff;border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc51a}.security-field input::placeholder{color:#a0aabb;font-size:12px;font-weight:500}.security-field select{box-sizing:border-box;color:#1e293b;cursor:pointer;background-color:#fff;border:1px solid #d8dee8;border-radius:11px;outline:none;width:100%;height:46px;padding:0 38px 0 14px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .2s,box-shadow .2s}.security-field select:hover{border-color:#a78bca}.security-field select:focus{border-color:#8c6dc5;outline:none;box-shadow:0 0 0 3px #8c6dc51a}.security-field input[type=date]{color:#1e293b;cursor:pointer}.security-field input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.65}.security-field textarea{box-sizing:border-box;resize:vertical;color:#1e293b;background:#fff;border:1px solid #d8dee8;border-radius:11px;outline:none;width:100%;min-height:84px;padding:14px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.45;transition:border-color .2s,box-shadow .2s}.security-field textarea:hover{border-color:#a78bca}.security-field textarea:focus{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc51a}.security-field textarea::placeholder{color:#9aa6b2;font-size:12px}.security-field-wide{grid-column:span 2}.security-doc-title{margin-top:28px;margin-bottom:22px}.security-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;display:grid}.security-upload-field{width:100%;position:relative}.security-upload-field>label{z-index:5;color:#334155;pointer-events:none;background:#fff;padding:0 7px;font-size:11px;font-weight:700;line-height:16px;position:absolute;top:-8px;left:13px}.security-file-box{box-sizing:border-box;background:linear-gradient(135deg,#fff,#faf8ff);border:1px dashed #cbd5e1;border-radius:11px;width:100%;height:48px;transition:border-color .2s,background .2s;overflow:hidden}.security-file-box:hover{background:#faf7ff;border-color:#a78bca}.security-file-box input{display:none}.security-file-label{box-sizing:border-box;cursor:pointer;justify-content:space-between;align-items:center;gap:10px;width:100%;height:100%;padding:0 12px;display:flex}.security-file-label span{white-space:nowrap;text-overflow:ellipsis;color:#64748b;min-width:0;font-size:12px;font-weight:600;overflow:hidden}.security-file-label strong{color:#fff;background:#8c6dc5;border-radius:7px;flex-shrink:0;padding:6px 11px;font-size:10px;font-weight:800}.security-summary{box-sizing:border-box;background:linear-gradient(135deg,#f8fafc,#faf7ff);border:1px solid #e4dff1;border-radius:12px;justify-content:center;align-items:center;gap:0;width:100%;margin-top:25px;padding:12px 10px;display:flex}.security-summary-item{border-right:1px solid #e5e1ed;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;padding:0 14px;display:flex}.security-summary-item:last-child{border-right:none}.security-summary-item span{color:#8b5fa8;text-transform:uppercase;letter-spacing:.4px;font-size:9px;font-weight:800}.security-summary-item strong{white-space:nowrap;text-overflow:ellipsis;color:#334155;max-width:100%;font-size:12px;font-weight:700;overflow:hidden}.security-button-row{justify-content:center;align-items:center;gap:11px;width:100%;margin-top:24px;display:flex}.security-register-btn,.security-clear-btn,.security-back-btn{box-sizing:border-box;cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;height:39px;padding:0 20px;font-family:inherit;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.security-register-btn{color:#fff;background:linear-gradient(135deg,#8c6dc5,#7050a5);min-width:160px;box-shadow:0 5px 14px #7050a533}.security-register-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #7050a545}.security-register-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.security-clear-btn{color:#475569;background:#f8fafc;border:1px solid #d8dee8;min-width:90px}.security-clear-btn:hover{background:#eef2f7;transform:translateY(-1px)}.security-back-btn{color:#fff;background:#64748b;min-width:90px}.security-back-btn:hover{background:#475569;transform:translateY(-1px)}.security-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:13px;height:13px;margin-right:7px;animation:.7s linear infinite security-spin}@keyframes security-spin{to{transform:rotate(360deg)}}.security-bottom-note{box-sizing:border-box;color:#64748b;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:100%;min-height:40px;margin-top:18px;margin-bottom:20px;padding:10px 15px;font-size:11px;font-weight:500;display:flex}.security-toast{z-index:99999;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:13px;width:auto;min-width:290px;max-width:420px;padding:13px 17px;animation:.25s security-toast-in;position:fixed;top:82px;right:25px;box-shadow:0 15px 40px #0f172a26}.security-toast.success{border-left:4px solid #16a34a}.security-toast.warning{border-left:4px solid #f59e0b}.security-toast.error{border-left:4px solid #dc2626}.security-toast-content{flex-direction:column;gap:3px;display:flex}.security-toast-content strong{color:#1e293b;font-size:13px;font-weight:800}.security-toast-content span{color:#64748b;font-size:12px;line-height:1.4}@keyframes security-toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (width<=1200px){.security-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.security-field-wide{grid-column:span 2}}@media (width<=1024px){.security-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.security-field-wide{grid-column:span 2}.security-form-card{padding:22px}.security-summary-item{padding:0 8px}}@media (width<=768px){.security-layout>.security-main,.security-layout>.security-main.collapsed{width:100%;margin-left:0}.security-main>.security-content{padding:15px 14px 25px}.security-page-header{flex-direction:column;align-items:flex-start;gap:12px;padding:14px}.security-page-header h2{font-size:19px}.security-page-header p{font-size:10px}.security-refresh-btn{width:100%}.security-form-card{border-radius:16px;padding:18px}.security-form-grid{grid-template-columns:1fr;gap:22px}.security-field-wide{grid-column:span 1}.security-upload-grid{grid-template-columns:1fr;gap:22px}.security-section-title{flex-direction:column;align-items:flex-start;gap:5px}.security-summary{flex-direction:column;align-items:stretch;gap:0;padding:12px}.security-summary-item{border-bottom:1px solid #e5e1ed;border-right:none;flex-direction:row;justify-content:space-between;width:100%;padding:9px 2px}.security-summary-item:last-child{border-bottom:none}.security-summary-item strong{text-align:right;max-width:55%}.security-button-row{flex-direction:column;gap:9px}.security-register-btn,.security-clear-btn,.security-back-btn{width:100%;max-width:320px}.security-bottom-note{text-align:center;line-height:1.45}.security-toast{min-width:0;max-width:none;top:75px;left:15px;right:15px}}@media (width<=480px){.security-main>.security-content{padding:12px 10px 20px}.security-page-header{border-radius:14px;padding:13px}.security-page-header h2{font-size:17px}.security-form-card{border-radius:15px;padding:14px}.security-section-title>div{font-size:13px}.security-section-title>span{font-size:9px}.security-field>label,.security-upload-field>label{font-size:10px;left:11px}.security-field input,.security-field select{height:45px;padding-left:12px;font-size:12px}.security-field textarea{min-height:82px;padding:12px;font-size:12px}.security-file-box{height:46px}.security-file-label{padding:0 9px}.security-file-label span{font-size:11px}.security-file-label strong{padding:5px 9px;font-size:9px}.security-summary-item span,.security-summary-item strong{font-size:11px}.security-register-btn,.security-clear-btn,.security-back-btn{max-width:100%}}.expense-layout{box-sizing:border-box;background:#f5f7fb;width:100%;min-height:100vh;overflow-x:hidden}.expense-main{box-sizing:border-box;background:#f5f7fb;width:calc(100% - 280px);min-height:100vh;margin-left:280px;padding-top:72px;transition:width .3s,margin-left .3s}.expense-main.collapsed{width:calc(100% - 78px);margin-left:78px}.expense-content{box-sizing:border-box;width:100%;min-height:calc(100vh - 72px);padding:20px 28px 30px;overflow-x:hidden}.expense-page{width:100%;max-width:1600px;margin:0 auto}.expense-header{box-sizing:border-box;background:linear-gradient(135deg,#fff,#faf8ff);border:1px solid #e5e7eb;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:70px;margin-bottom:18px;padding:14px 18px;display:flex;box-shadow:0 5px 18px #0f172a0b}.expense-header h2{color:#17324d;margin:0;font-size:22px;font-weight:800;line-height:1.2}.expense-header p{color:#8491a1;margin:5px 0 0;font-size:11px;font-weight:500}.expense-clear-top{color:#7653a6;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:10px;min-width:105px;height:38px;padding:0 16px;font-family:inherit;font-size:11px;font-weight:800;transition:all .2s}.expense-clear-top:hover{color:#fff;background:#8c6dc5;border-color:#8c6dc5;transform:translateY(-1px)}.expense-form{width:100%}.expense-card{box-sizing:border-box;background:#fff;border:1px solid #e3e8ef;border-radius:17px;width:100%;margin-bottom:18px;padding:24px;box-shadow:0 5px 18px #0f172a0b}.expense-section-heading{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;width:100%;margin-bottom:26px;padding-bottom:12px;display:flex}.expense-section-heading h3{color:#17324d;margin:0;font-size:14px;font-weight:800}.expense-section-heading span{color:#94a3b8;margin-top:4px;font-size:10px;font-weight:500;display:block}.expense-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:27px 16px;width:100%;display:grid}.floating-field{width:100%;min-width:0;position:relative}.floating-field input,.floating-field select,.floating-field textarea{box-sizing:border-box;color:#1e293b;background:#fff;border:1px solid #d8dee8;outline:none;width:100%;font-family:inherit;font-size:12px;font-weight:600;transition:border-color .2s,box-shadow .2s,background .2s}.floating-field input{border-radius:10px;height:46px;padding:0 13px}.floating-field textarea{resize:vertical;border-radius:10px;min-height:82px;padding:13px;line-height:1.45}.floating-field input::placeholder,.floating-field textarea::placeholder{color:#0000}.floating-field input:hover,.floating-field textarea:hover{border-color:#b9a4d5}.floating-field input:focus,.floating-field textarea:focus{background:#fff;border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc51a}.floating-field label{z-index:5;color:#94a3b8;pointer-events:none;background:#fff;padding:0 6px;font-size:11px;font-weight:600;line-height:16px;transition:top .18s,transform .18s,color .18s,font-size .18s;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.floating-field input:not(:placeholder-shown)+label,.floating-field textarea:not(:placeholder-shown)+label,.floating-field input:focus+label,.floating-field textarea:focus+label{color:#6f52a0;font-size:10px;font-weight:800;top:-8px;transform:translateY(0)}.floating-field label span{color:#ef4444;margin-left:3px}.floating-field input[type=date]+label{color:#475569;font-size:10px;font-weight:800;top:-8px;transform:translateY(0)}.floating-field input[type=date]{color:#334155;cursor:pointer}.dropdown-field{z-index:20}.dropdown-field.dropdown-active{z-index:100}.expense-dropdown{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:11px;max-height:190px;padding:5px;animation:.15s dropdownIn;position:absolute;top:calc(100% + 7px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 28px #0f172a21}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dropdown-option{color:#334155;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;width:100%;min-height:37px;padding:8px 11px;font-family:inherit;font-size:11px;font-weight:600;transition:background .15s,color .15s;display:flex}.dropdown-option:hover{color:#7050a5;background:#f4effb}.dropdown-message{color:#94a3b8;text-align:center;justify-content:center;align-items:center;min-height:40px;padding:8px;font-size:11px;font-weight:600;display:flex}.expense-dropdown::-webkit-scrollbar{width:5px}.expense-dropdown::-webkit-scrollbar-track{background:0 0}.expense-dropdown::-webkit-scrollbar-thumb{background:#d5c9e4;border-radius:10px}.floating-textarea label{top:21px}.floating-textarea textarea:not(:placeholder-shown)+label,.floating-textarea textarea:focus+label{top:-8px}.expense-upload-wrapper{align-items:center;gap:12px;width:100%;display:flex}.floating-upload{background:linear-gradient(135deg,#fff,#faf8ff);border:1px dashed #cbd5e1;border-radius:11px;flex:1;height:48px;position:relative;overflow:hidden}.floating-upload input{display:none}.floating-upload label{box-sizing:border-box;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;width:100%;height:100%;padding:0 12px;display:flex}.floating-upload label span{white-space:nowrap;text-overflow:ellipsis;color:#64748b;min-width:0;font-size:11px;font-weight:600;overflow:hidden}.floating-upload label strong{color:#fff;background:#8c6dc5;border-radius:7px;flex-shrink:0;padding:6px 12px;font-size:10px;font-weight:800}.expense-file-actions{align-items:center;gap:7px;display:flex}.expense-preview-btn,.expense-remove-btn{cursor:pointer;border-radius:8px;height:38px;padding:0 13px;font-family:inherit;font-size:10px;font-weight:800}.expense-preview-btn{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.expense-preview-btn:hover{background:#dcfce7}.expense-remove-btn{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.expense-remove-btn:hover{background:#fee2e2}.expense-button-row{justify-content:center;align-items:center;gap:10px;width:100%;margin-top:5px;margin-bottom:18px;display:flex}.expense-save-btn,.expense-reset-btn,.expense-back-btn{cursor:pointer;border-radius:9px;min-width:100px;height:40px;padding:0 20px;font-family:inherit;font-size:11px;font-weight:800;transition:all .2s}.expense-save-btn{color:#fff;background:linear-gradient(135deg,#8c6dc5,#7050a5);border:none;min-width:155px;box-shadow:0 5px 14px #7050a533}.expense-save-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #7050a545}.expense-save-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.expense-reset-btn{color:#475569;background:#f8fafc;border:1px solid #d8dee8}.expense-reset-btn:hover{background:#eef2f7;transform:translateY(-1px)}.expense-back-btn{color:#fff;background:#64748b;border:none}.expense-back-btn:hover{background:#475569;transform:translateY(-1px)}.expense-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:13px;height:13px;margin-right:7px;animation:.7s linear infinite expenseSpin;display:inline-block}@keyframes expenseSpin{to{transform:rotate(360deg)}}.expense-footer-note{box-sizing:border-box;color:#64748b;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:11px;justify-content:center;align-items:center;width:100%;min-height:40px;margin-bottom:20px;padding:10px 15px;font-size:10px;font-weight:500;display:flex}.expense-toast{z-index:999999;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:290px;max-width:420px;padding:13px 17px;animation:.25s expenseToastIn;position:fixed;top:82px;right:25px;box-shadow:0 15px 40px #0f172a26}.expense-toast>div{flex-direction:column;gap:3px;display:flex}.expense-toast strong{color:#1e293b;font-size:12px;font-weight:800}.expense-toast span{color:#64748b;font-size:11px;line-height:1.4}@keyframes expenseToastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (width<=1250px){.expense-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1024px){.expense-main,.expense-main.collapsed{width:calc(100% - 78px);margin-left:78px}.expense-content{padding:18px 20px 25px}.expense-card{padding:20px}.expense-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.expense-main,.expense-main.collapsed{width:100%;margin-left:0}.expense-content{padding:13px 12px 25px}.expense-header{flex-direction:column;align-items:flex-start;gap:12px;padding:14px}.expense-header h2{font-size:19px}.expense-header p{font-size:10px}.expense-clear-top{width:100%}.expense-card{border-radius:15px;padding:17px}.expense-section-heading{margin-bottom:24px}.expense-grid{grid-template-columns:1fr;gap:25px}.expense-upload-wrapper{flex-direction:column;align-items:stretch}.floating-upload{flex:none;width:100%}.expense-file-actions{width:100%}.expense-preview-btn,.expense-remove-btn{flex:1}.expense-button-row{flex-direction:column;gap:9px}.expense-save-btn,.expense-reset-btn,.expense-back-btn{width:100%;max-width:320px}.expense-toast{min-width:0;max-width:none;top:76px;left:14px;right:14px}}@media (width<=480px){.expense-content{padding:10px 9px 20px}.expense-header{padding:13px}.expense-header h2{font-size:17px}.expense-card{border-radius:14px;padding:14px}.expense-section-heading h3{font-size:13px}.expense-section-heading span{font-size:9px}.floating-field input{height:45px;font-size:12px}.floating-field textarea{font-size:12px}.floating-field label{font-size:10px}.expense-dropdown{max-height:180px}.dropdown-option{min-height:36px;font-size:11px}.expense-save-btn,.expense-reset-btn,.expense-back-btn{max-width:100%}}.assign-flat-layout{background:#f5f7fb;width:100%;min-height:100vh;overflow-x:hidden}.assign-flat-main{background:#f5f7fb;width:calc(100% - 280px);min-height:100vh;margin-left:280px;padding-top:72px;transition:width .3s,margin-left .3s}.assign-flat-main.collapsed{width:calc(100% - 78px);margin-left:78px}.assign-flat-content{box-sizing:border-box;width:100%;min-height:calc(100vh - 72px);padding:20px 28px 35px}.assign-flat-page{width:100%;max-width:1500px;margin:auto}.assign-flat-header{box-sizing:border-box;background:linear-gradient(135deg,#fff,#faf8ff);border:1px solid #e5e7eb;border-radius:15px;justify-content:space-between;align-items:center;gap:20px;min-height:70px;margin-bottom:17px;padding:13px 18px;display:flex;box-shadow:0 5px 18px #0f172a0b}.assign-flat-header h2{color:#17324d;margin:0;font-size:21px;font-weight:800}.assign-flat-header p{color:#8b98a8;margin:4px 0 0;font-size:10px}.assign-clear-btn{color:#7653a6;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:9px;height:36px;padding:0 16px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s}.assign-clear-btn:hover{color:#fff;background:#8c6dc5}.assign-flat-main-card{box-sizing:border-box;background:#fff;border:1px solid #e3e8ef;border-radius:16px;width:100%;padding:24px;box-shadow:0 5px 18px #0f172a0b}.selection-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;width:100%;margin-bottom:20px;display:grid}.selection-column{min-width:0}.selection-heading{justify-content:space-between;align-items:center;gap:10px;min-height:37px;margin-bottom:14px;display:flex}.selection-heading h3{color:#17324d;margin:0;font-size:13px;font-weight:800}.selection-heading p{color:#94a3b8;margin:3px 0 0;font-size:9px;font-weight:500}.vacant-count{color:#15803d;background:#ecfdf5;border-radius:15px;flex-shrink:0;padding:5px 9px;font-size:8px;font-weight:800}.assign-floating-field{z-index:20;width:100%;position:relative}.assign-floating-field.active{z-index:999}.assign-floating-field input{box-sizing:border-box;color:#26364a;background:#fff;border:1px solid #d7dee8;border-radius:10px;outline:none;width:100%;height:49px;padding:0 40px 0 13px;font-family:inherit;font-size:11px;font-weight:600;transition:all .2s}.assign-floating-field input:hover{border-color:#b9a4d5}.assign-floating-field input:focus{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc51a}.assign-floating-field input::placeholder{color:#0000}.assign-floating-field label{color:#94a3b8;pointer-events:none;z-index:5;background:#fff;padding:0 6px;font-size:11px;font-weight:600;line-height:15px;transition:top .18s,transform .18s,color .18s,font-size .18s;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.assign-floating-field input:focus+label,.assign-floating-field input:not(:placeholder-shown)+label{color:#7050a5;font-size:9px;font-weight:800;top:-8px;transform:translateY(0)}.assign-floating-field label span{color:#ef4444;margin-left:3px}.assign-input-clear{color:#64748b;cursor:pointer;z-index:10;background:#f1f5f9;border:none;border-radius:50%;width:25px;height:25px;padding:0;font-size:17px;line-height:22px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.assign-input-clear:hover{color:#dc2626;background:#fee2e2}.assign-dropdown{z-index:99999;background:#fff;border:1px solid #e1e7ef;border-radius:12px;animation:.15s assignDropdownIn;position:absolute;top:calc(100% + 7px);left:0;right:0;overflow:hidden;box-shadow:0 14px 35px #0f172a24}@keyframes assignDropdownIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.assign-dropdown-header{color:#475569;background:#fafbfc;border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;height:36px;padding:0 11px;font-size:9px;font-weight:800;display:flex}.assign-dropdown-header small{color:#7653a6;background:#eee8f7;border-radius:10px;justify-content:center;align-items:center;min-width:21px;height:19px;font-size:8px;display:flex}.assign-dropdown-scroll{max-height:210px;overflow-y:auto}.assign-dropdown-scroll::-webkit-scrollbar{width:4px}.assign-dropdown-scroll::-webkit-scrollbar-thumb{background:#d8cce6;border-radius:10px}.assign-dropdown-option{text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;width:100%;min-height:53px;padding:8px 11px;font-family:inherit;transition:all .15s;display:flex}.assign-dropdown-option:hover,.assign-dropdown-option.selected{background:#f8f5fc}.owner-option-avatar{color:#fff;background:linear-gradient(135deg,#a78bca,#7653a6);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:33px;height:33px;font-size:12px;font-weight:800;display:flex}.owner-option-info{flex-direction:column;gap:3px;min-width:0;display:flex}.owner-option-info strong{color:#334155;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:800;overflow:hidden}.owner-option-info span{color:#94a3b8;font-size:8px}.flat-dropdown-option{text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:51px;padding:8px 11px;font-family:inherit;display:flex}.flat-dropdown-option:hover,.flat-dropdown-option.selected{background:#f5faf7}.flat-option-main{flex-direction:column;gap:3px;min-width:0;display:flex}.flat-option-main strong{color:#334155;font-size:10px;font-weight:800}.flat-option-main span{color:#94a3b8;font-size:8px}.vacant-mini-badge{color:#15803d;background:#ecfdf5;border-radius:6px;flex-shrink:0;padding:4px 6px;font-size:7px;font-weight:800}.assign-no-data{color:#94a3b8;justify-content:center;align-items:center;min-height:70px;font-size:10px;font-weight:600;display:flex}.owner-info-card{background:linear-gradient(135deg,#fff,#faf8ff);border:1px solid #e5e7eb;border-radius:13px;align-items:center;gap:14px;margin:4px 0 24px;padding:15px;display:flex}.owner-avatar-large{color:#fff;background:linear-gradient(135deg,#a78bca,#7653a6);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:800;display:flex}.owner-info-content{flex:1;min-width:0}.owner-info-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.owner-info-name-row h4{color:#24364b;margin:0;font-size:13px;font-weight:800}.owner-info-name-row span{color:#15803d;background:#ecfdf5;border-radius:7px;padding:3px 7px;font-size:7px;font-weight:800}.owner-info-details{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:9px;display:grid}.owner-info-details div{flex-direction:column;gap:3px;min-width:0;display:flex}.owner-info-details small{color:#94a3b8;font-size:7px}.owner-info-details strong{color:#475569;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.assign-section{margin-bottom:25px}.assign-section-heading{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px;padding-bottom:11px;display:flex}.assign-section-heading h3{color:#17324d;margin:0;font-size:13px;font-weight:800}.assign-section-heading p{color:#94a3b8;margin:3px 0 0;font-size:9px}.count-badge{color:#7653a6;text-align:center;background:#f0ebf8;border-radius:15px;min-width:25px;padding:4px 8px;font-size:8px;font-weight:800}.assigned-flat-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;max-height:370px;display:grid;overflow-y:auto}.assigned-flat-list::-webkit-scrollbar{width:4px}.assigned-flat-list::-webkit-scrollbar-thumb{background:#d8cce6;border-radius:10px}.assign-flat-card{border-radius:13px;width:100%;min-height:150px;transition:all .2s;display:flex;overflow:hidden}.assign-flat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a1f}.assigned-card{background:linear-gradient(135deg,#246eaa,#185584)}.vacant-card{background:linear-gradient(135deg,#3f8057,#28633e)}.assign-flat-image{background:#1e5d8f;width:115px;min-width:115px;overflow:hidden}.assign-flat-image img{object-fit:cover;width:100%;height:100%;display:block}.assign-flat-card-content{box-sizing:border-box;flex:1;min-width:0;padding:11px}.assign-flat-card-top{justify-content:flex-end;display:flex}.assign-status{letter-spacing:.4px;border-radius:7px;padding:3px 7px;font-size:7px;font-weight:800}.assigned-status{color:#fff;background:#22c55e}.vacant-status{color:#fff;background:#f59e0b}.assign-flat-card-content h4{color:#fff;margin:5px 0 9px;font-size:13px;font-weight:800}.assign-flat-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;display:grid}.assign-flat-meta>div{flex-direction:column;gap:2px;min-width:0;display:flex}.assign-flat-meta .full-meta{grid-column:span 2}.meta-label{color:#dbeafeb8;font-size:7px}.meta-value{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:8px;font-weight:700;overflow:hidden}.selected-flat-wrapper{margin:3px 0 23px}.selected-flat-title{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.selected-flat-title span{color:#334155;font-size:10px;font-weight:800}.selected-flat-title small{color:#15803d;font-size:8px;font-weight:700}.assign-action-area{border-top:1px solid #edf0f4;justify-content:center;align-items:center;gap:9px;padding-top:18px;display:flex}.assign-submit-btn,.assign-cancel-btn{cursor:pointer;border-radius:9px;height:41px;padding:0 24px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s}.assign-submit-btn{color:#fff;background:linear-gradient(135deg,#3f8057,#28633e);border:none;min-width:145px}.assign-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 7px 16px #28633e38}.assign-submit-btn:disabled{opacity:.5;cursor:not-allowed}.assign-cancel-btn{color:#475569;background:#f8fafc;border:1px solid #d8dee8}.assign-cancel-btn:hover{background:#eef2f7}.assign-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:12px;height:12px;margin-right:6px;animation:.7s linear infinite assignSpin;display:inline-block}@keyframes assignSpin{to{transform:rotate(360deg)}}.assign-footer-note{color:#64748b;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;justify-content:center;align-items:center;min-height:38px;margin-top:12px;padding:8px 14px;font-size:9px;display:flex}.assign-alert{z-index:999999;background:#fff;border:1px solid #e2e8f0;border-radius:11px;min-width:280px;max-width:400px;padding:12px 16px;animation:.25s assignAlertIn;position:fixed;top:82px;right:24px;box-shadow:0 15px 40px #0f172a26}.assign-alert.success{border-left:4px solid #16a34a}.assign-alert.warning{border-left:4px solid #f59e0b}.assign-alert.error{border-left:4px solid #dc2626}.assign-alert-content{flex-direction:column;gap:3px;display:flex}.assign-alert-content strong{color:#1e293b;font-size:11px;font-weight:800}.assign-alert-content span{color:#64748b;font-size:10px}@keyframes assignAlertIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (width<=1100px){.assign-flat-main,.assign-flat-main.collapsed{width:calc(100% - 78px);margin-left:78px}.assign-flat-content{padding:17px 20px 30px}.assigned-flat-list{grid-template-columns:1fr}}@media (width<=768px){.assign-flat-main,.assign-flat-main.collapsed{width:100%;margin-left:0}.assign-flat-content{padding:13px 12px 25px}.assign-flat-main-card{padding:17px}.selection-row{grid-template-columns:1fr;gap:18px;margin-bottom:22px}.selection-column{width:100%}.owner-info-details{grid-template-columns:repeat(2,1fr)}.owner-info-details div:last-child{grid-column:span 2}}@media (width<=550px){.assign-flat-header{flex-direction:column;align-items:flex-start;gap:11px;padding:13px}.assign-flat-header h2{font-size:18px}.assign-clear-btn{width:100%}.assign-flat-main-card{padding:14px}.owner-info-card{align-items:flex-start;padding:13px}.owner-avatar-large{width:43px;height:43px;font-size:16px}.owner-info-details{grid-template-columns:1fr;gap:7px}.owner-info-details div:last-child{grid-column:auto}.assign-flat-card{min-height:140px}.assign-flat-image{width:92px;min-width:92px}.assign-flat-card-content{padding:10px}.assign-flat-card-content h4{font-size:12px}.assign-flat-meta{gap:5px 8px}.meta-label{font-size:6px}.meta-value{font-size:7px}.assign-action-area{flex-direction:column}.assign-submit-btn,.assign-cancel-btn{width:100%}.assign-alert{min-width:0;max-width:none;left:12px;right:12px}}@media (width<=380px){.assign-flat-content{padding:9px 7px 20px}.assign-flat-main-card{padding:12px}.assign-flat-image{width:78px;min-width:78px}.assign-flat-meta{grid-template-columns:1fr}.assign-flat-meta .full-meta{grid-column:auto}}.maintenance-layout{background:#f5f7fb;width:100%;min-height:100vh;overflow-x:hidden}.maintenance-main.sidebar-collapsed{width:calc(100% - 78px);margin-left:78px}.maintenance-page-header h2{color:#17324d;margin:0;font-size:21px;font-weight:800}.maintenance-page-header p{color:#94a3b8;margin:4px 0 0;font-size:10px}.maintenance-clear-top{color:#7653a6;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:8px;height:35px;padding:0 17px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s}.maintenance-clear-top:hover{color:#fff;background:#7653a6}.maintenance-card{box-sizing:border-box;background:#fff;border:1px solid #e3e8ef;border-radius:16px;width:100%;padding:24px;box-shadow:0 5px 18px #0f172a0b}.maintenance-card-heading{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:15px;margin-bottom:21px;padding-bottom:17px;display:flex}.maintenance-card-heading h3{color:#17324d;margin:0;font-size:14px;font-weight:800}.maintenance-card-heading p{color:#94a3b8;margin:4px 0 0;font-size:9px}.society-status{color:#15803d;white-space:nowrap;background:#ecfdf5;border-radius:8px;padding:6px 9px;font-size:8px;font-weight:800}.maintenance-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.maintenance-field-wrapper{min-width:0}.maintenance-field-title{justify-content:space-between;align-items:center;gap:10px;min-height:31px;margin-bottom:12px;display:flex}.maintenance-field-title span{color:#334155;font-size:11px;font-weight:800}.maintenance-field-title span b{color:#ef4444;margin-left:3px}.maintenance-field-title small{color:#94a3b8;font-size:8px}.maintenance-floating-field{z-index:20;width:100%;position:relative}.maintenance-floating-field.active{z-index:999}.maintenance-floating-field input{box-sizing:border-box;color:#334155;background:#fff;border:1px solid #d6dee8;border-radius:9px;outline:none;width:100%;height:49px;padding:0 40px 0 13px;font-family:inherit;font-size:11px;font-weight:600;transition:all .2s}.maintenance-floating-field input:hover{border-color:#b9a4d5}.maintenance-floating-field input:focus{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc51a}.maintenance-field-wrapper:first-child .maintenance-floating-field input{color:#64748b;cursor:not-allowed;background:#f8fafc}.maintenance-floating-field label{color:#94a3b8;pointer-events:none;background:#fff;padding:0 5px;font-size:10px;font-weight:600;transition:top .18s,transform .18s,color .18s,font-size .18s;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.maintenance-floating-field input:focus+label,.maintenance-floating-field input:not(:placeholder-shown)+label{color:#7653a6;font-size:8px;font-weight:800;top:-7px;transform:translateY(0)}.maintenance-floating-field:first-child input:not(:placeholder-shown)+label{color:#94a3b8}.maintenance-floating-field label b{color:#ef4444;margin-left:2px}.maintenance-input-clear{color:#64748b;cursor:pointer;z-index:10;background:#f1f5f9;border:none;border-radius:50%;width:25px;height:25px;padding:0;font-size:16px;line-height:20px;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.maintenance-input-clear:hover{color:#dc2626;background:#fee2e2}.field-help{color:#94a3b8;margin-top:6px;font-size:8px;line-height:1.4}.maintenance-dropdown{z-index:99999;background:#fff;border:1px solid #e1e7ef;border-radius:11px;animation:.15s maintenanceDropdownIn;position:absolute;top:calc(100% + 7px);left:0;right:0;overflow:hidden;box-shadow:0 14px 32px #0f172a24}@keyframes maintenanceDropdownIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.maintenance-dropdown-header{background:#fafbfc;border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;height:36px;padding:0 11px;display:flex}.maintenance-dropdown-header span{color:#475569;font-size:9px;font-weight:800}.maintenance-dropdown-header small{color:#7653a6;background:#eee8f7;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:18px;font-size:8px;font-weight:800;display:flex}.maintenance-dropdown-list{max-height:215px;overflow-y:auto}.maintenance-dropdown-list::-webkit-scrollbar{width:4px}.maintenance-dropdown-list::-webkit-scrollbar-thumb{background:#d8cce6;border-radius:10px}.maintenance-month-option{color:#334155;text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;width:100%;min-height:42px;padding:0 12px;font-family:inherit;font-size:10px;font-weight:600;transition:all .15s;display:flex}.maintenance-month-option:hover{background:#f8f5fc}.maintenance-month-option.selected{color:#7653a6;background:#f4effa;font-weight:800}.maintenance-month-option small{color:#15803d;background:#ecfdf5;border-radius:6px;padding:3px 6px;font-size:7px;font-weight:800}.maintenance-no-data{color:#94a3b8;justify-content:center;align-items:center;min-height:70px;font-size:10px;display:flex}.due-date-section{background:linear-gradient(135deg,#f8fafc,#f4f7fb);border:1px solid #dbe5ee;border-radius:11px;margin-top:23px;padding:14px 16px}.due-date-content{justify-content:space-between;align-items:center;gap:20px;display:flex}.due-date-content>div{flex-direction:column;gap:4px;display:flex}.due-date-label{color:#94a3b8;font-size:8px;font-weight:700}.due-date-content strong{color:#17324d;font-size:15px;font-weight:800}.due-date-content p{color:#94a3b8;text-align:right;max-width:500px;margin:0;font-size:8px;line-height:1.5}.maintenance-summary{background:#fafbfc;border:1px solid #edf0f4;border-radius:11px;justify-content:center;align-items:center;gap:30px;min-height:72px;margin-top:17px;padding:11px 20px;display:flex}.summary-item{flex-direction:column;align-items:center;gap:4px;display:flex}.summary-item small{color:#94a3b8;text-transform:uppercase;font-size:7px;font-weight:700}.summary-item strong{color:#475569;font-size:10px;font-weight:800}.summary-line{background:#dbe2ea;width:35px;height:1px}.maintenance-actions{border-top:1px solid #edf0f4;justify-content:center;align-items:center;gap:9px;margin-top:20px;padding-top:20px;display:flex}.maintenance-generate-button,.maintenance-cancel-button{cursor:pointer;border-radius:9px;height:41px;padding:0 23px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s}.maintenance-generate-button{color:#fff;background:linear-gradient(135deg,#3f8057,#28633e);border:none;min-width:165px}.maintenance-generate-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 7px 16px #28633e38}.maintenance-generate-button:disabled{opacity:.5;cursor:not-allowed}.maintenance-cancel-button{color:#475569;background:#f8fafc;border:1px solid #d8dee8}.maintenance-cancel-button:hover:not(:disabled){background:#eef2f7}.maintenance-spinner{vertical-align:-2px;border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:12px;height:12px;margin-right:7px;animation:.7s linear infinite maintenanceSpin;display:inline-block}@keyframes maintenanceSpin{to{transform:rotate(360deg)}}.maintenance-success-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:center;gap:11px;margin-top:17px;padding:12px 14px;display:flex}.success-circle{color:#fff;background:#22c55e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;font-weight:800;display:flex}.maintenance-success-box div:last-child{flex-direction:column;gap:3px;display:flex}.maintenance-success-box strong{color:#166534;font-size:10px;font-weight:800}.maintenance-success-box span{color:#65a30d;font-size:8px}.maintenance-footer-note{color:#64748b;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:10px;padding:9px 14px;font-size:9px}.maintenance-alert{z-index:999999;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:280px;max-width:400px;padding:12px 16px;animation:.2s maintenanceAlertIn;position:fixed;top:80px;right:23px;box-shadow:0 15px 35px #0f172a26}.maintenance-alert.success{border-left:4px solid #16a34a}.maintenance-alert.warning{border-left:4px solid #f59e0b}.maintenance-alert.error{border-left:4px solid #dc2626}.maintenance-alert-content{flex-direction:column;gap:3px;display:flex}.maintenance-alert-content strong{color:#1e293b;font-size:11px;font-weight:800}.maintenance-alert-content span{color:#64748b;font-size:10px}@keyframes maintenanceAlertIn{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@media (width<=1100px){.maintenance-main,.maintenance-main.sidebar-collapsed{width:calc(100% - 78px);margin-left:78px}.maintenance-content{padding:16px 18px 30px}}@media (width<=768px){.maintenance-main,.maintenance-main.sidebar-collapsed{width:100%;margin-left:0}.maintenance-content{padding:12px 10px 25px}.maintenance-page-header{flex-direction:column;align-items:flex-start;gap:11px;padding:13px}.maintenance-page-header h2{font-size:18px}.maintenance-clear-top{width:100%}.maintenance-card{padding:15px}.maintenance-form-grid{grid-template-columns:1fr;gap:18px}.maintenance-card-heading,.due-date-content{flex-direction:column;align-items:flex-start}.due-date-content p{text-align:left;max-width:none}.maintenance-summary{gap:15px}.summary-line{width:20px}}@media (width<=520px){.maintenance-card{padding:13px}.maintenance-field-title{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:10px}.maintenance-summary{grid-template-columns:repeat(3,1fr);gap:8px;padding:11px 7px;display:grid}.summary-line{display:none}.maintenance-actions{flex-direction:column}.maintenance-generate-button,.maintenance-cancel-button{width:100%}.maintenance-alert{min-width:0;max-width:none;left:10px;right:10px}}@media (width<=380px){.maintenance-content{padding:9px 7px 20px}.maintenance-card{padding:11px}.maintenance-summary{grid-template-columns:1fr}}.visitor-report-page{box-sizing:border-box;width:100%;max-width:100%}.visitor-page-header{box-sizing:border-box;background:linear-gradient(135deg,#fff 0%,#faf8ff 100%);border:1px solid #e4e8ef;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:68px;margin-bottom:18px;padding:14px 18px;display:flex;box-shadow:0 5px 18px #0f172a0b}.visitor-header-left{align-items:center;gap:12px;min-width:0;display:flex}.visitor-header-icon{color:#fff;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;display:flex;box-shadow:0 5px 14px #6f4d8b33}.visitor-page-header p{color:#8291a2;margin:5px 0 0;font-size:11px;font-weight:500;line-height:1.4}.visitor-refresh-btn{color:#6f4d8b;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;min-width:105px;height:38px;padding:0 14px;font-family:inherit;font-size:11px;font-weight:800;transition:all .2s;display:inline-flex}.visitor-refresh-btn:hover{color:#fff;background:#8c6dc5;border-color:#8c6dc5;transform:translateY(-1px)}@keyframes visitor-spin{to{transform:rotate(360deg)}}.visitor-filter-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;margin-bottom:17px;padding:20px;box-shadow:0 8px 28px #0f172a0b}.visitor-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:18px 14px;display:grid}.visitor-field{min-width:0;position:relative}.visitor-field label{color:#374151;margin:0 0 6px 3px;font-size:11px;font-weight:800;display:block}.visitor-field-icon{color:#8c6dc5;flex-shrink:0;margin-right:9px;font-size:13px}.visitor-input-box input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:12px;font-weight:600}.visitor-input-box input:disabled{cursor:not-allowed;color:#94a3b8;background:#f8fafc}.visitor-dropdown-wrapper{position:relative}.visitor-dropdown-icon{color:#64748b;flex-shrink:0;margin-left:5px;font-size:11px}.visitor-dropdown-menu{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:11px;max-height:210px;animation:.15s visitor-dropdown-in;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 15px 35px #0f172a24}@keyframes visitor-dropdown-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.visitor-dropdown-item{color:#334155;text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #f1f5f9;align-items:center;width:100%;min-height:38px;padding:0 13px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s;display:flex}.visitor-dropdown-item:last-child{border-bottom:none}.visitor-dropdown-empty{text-align:center;color:#94a3b8;padding:14px;font-size:12px}.visitor-filter-action{min-width:0}.visitor-search-btn,.visitor-export-btn{color:#fff;cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;gap:7px;width:100%;height:43px;font-family:inherit;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.visitor-search-btn{background:linear-gradient(135deg,#8c6dc5,#6f4d8b);box-shadow:0 5px 14px #6f4d8b2e}.visitor-export-btn{background:linear-gradient(135deg,#2196f3,#167ba3);box-shadow:0 5px 14px #167ba32e}.visitor-search-btn:hover,.visitor-export-btn:hover{transform:translateY(-1px)}.visitor-search-btn:disabled,.visitor-export-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.visitor-summary-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;margin-bottom:17px;display:grid}.visitor-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:11px;min-width:0;padding:13px 15px;display:flex;box-shadow:0 5px 18px #0f172a09}.visitor-summary-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.visitor-summary-icon.total{color:#7c3aed;background:#f3e8ff}.visitor-summary-icon.pending{color:#d97706;background:#fffbeb}.visitor-summary-icon.approved{color:#16a34a;background:#f0fdf4}.visitor-summary-icon.rejected{color:#dc2626;background:#fef2f2}.visitor-summary-card span{color:#64748b;font-size:10px;font-weight:600;display:block}.visitor-summary-card strong{color:#172033;margin-top:2px;font-size:18px;font-weight:800;display:block}.visitor-table-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;overflow:visible;box-shadow:0 8px 28px #0f172a0b}.visitor-table-top{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:15px;padding:17px 18px 13px;display:flex}.visitor-global-search{box-sizing:border-box;background:#fff;border:1px solid #dfe4ec;border-radius:10px;align-items:center;width:290px;height:38px;padding:0 11px;transition:border-color .2s,box-shadow .2s;display:flex}.visitor-global-search:focus-within{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc514}.visitor-global-search>svg{color:#94a3b8;flex-shrink:0;margin-right:8px;font-size:12px}.visitor-global-search input{color:#334155;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:11px}.visitor-global-search input::placeholder{color:#94a3b8}.visitor-global-search button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.visitor-global-search button:hover{color:#475569;background:#f1f5f9}.visitor-status-filter{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.visitor-status-filter button{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-height:32px;padding:0 12px;font-family:inherit;font-size:10px;font-weight:700;transition:all .2s}.visitor-status-filter button:hover{color:#6f4d8b;background:#faf5ff;border-color:#c4b5fd}.visitor-status-filter button.active{color:#fff;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);border-color:#8c6dc5;box-shadow:0 4px 10px #6f4d8b29}.visitor-table-controls{box-sizing:border-box;justify-content:space-between;align-items:center;gap:15px;min-height:54px;padding:10px 18px;display:flex}.visitor-show-entries{color:#64748b;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex;position:relative}.visitor-entries-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #dfe4ec;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;min-width:58px;height:31px;padding:0 9px;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex}.visitor-entries-btn svg{font-size:8px}.visitor-entries-menu{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:70px;padding:4px;position:absolute;top:35px;left:35px;box-shadow:0 12px 30px #0f172a24}.visitor-entries-menu button{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:5px;width:100%;height:30px;font-family:inherit;font-size:11px;font-weight:600}.visitor-entries-menu button:hover{color:#6f4d8b;background:#faf5ff}.visitor-result-count{color:#64748b;font-size:10px;font-weight:600}.visitor-result-count strong{color:#334155;font-weight:800}.visitor-table-wrapper{border-top:1px solid #eef2f7;width:100%;overflow-x:auto}.visitor-table thead th{color:#fff;text-align:left;white-space:nowrap;letter-spacing:.1px;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);height:45px;padding:0 12px;font-size:10px;font-weight:800}.visitor-table thead th:first-child{border-top-left-radius:0;padding-left:15px}.visitor-table thead th:last-child{border-top-right-radius:0}.visitor-table th,.visitor-table td{box-sizing:border-box}.visitor-table .sr-col{text-align:center;width:65px}.visitor-table tbody tr{background:#fff;transition:background .15s}.visitor-table tbody tr:nth-child(2n){background:#f8fafc}.visitor-table tbody td{color:#334155;white-space:nowrap;border-bottom:1px solid #edf1f5;height:48px;padding:0 12px;font-size:10px;font-weight:600}.visitor-table tbody tr:last-child td{border-bottom:none}.visitor-name-cell{align-items:center;gap:8px;min-width:145px;display:flex}.visitor-avatar{color:#7c3aed;background:#f3e8ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;display:flex}.visitor-name-cell span{color:#1e293b;font-weight:700}.visitor-status-badge{text-transform:capitalize;cursor:pointer;box-sizing:border-box;border:none;border-radius:20px;justify-content:center;align-items:center;min-width:76px;height:27px;padding:0 11px;font-family:inherit;font-size:9px;font-weight:800;transition:transform .15s,opacity .15s;display:inline-flex;color:#fff!important}.visitor-status-badge.approved{color:#fff!important;background:#16a34a!important}.visitor-status-badge.rejected{color:#fff!important;background:#dc2626!important}.visitor-status-badge.pending{animation:1.4s ease-in-out infinite visitor-pending-blink;color:#fff!important;background:#f59e0b!important}.visitor-status-badge:hover{transform:translateY(-1px)}@keyframes visitor-pending-blink{0%,to{opacity:1}50%{opacity:.65}}.visitor-phone-link{color:#334155;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:10px;font-weight:700;display:inline-flex}.visitor-phone-link svg{color:#8c6dc5;font-size:9px}.visitor-phone-link:hover{color:#6f4d8b;text-decoration:underline}.visitor-flat-text{color:#475569;font-weight:700}.visitor-no-data{text-align:center;background:#fff!important;height:260px!important}.visitor-no-data>div{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.visitor-no-data svg{color:#cbd5e1;margin-bottom:5px;font-size:30px}.visitor-no-data strong{color:#475569;font-size:12px}.visitor-no-data span{color:#94a3b8;font-size:10px}.visitor-pagination{border-top:1px solid #eef2f7;justify-content:center;align-items:center;gap:14px;min-height:58px;padding:9px 18px;display:flex}.visitor-pagination button{color:#fff;cursor:pointer;background:#8c6dc5;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:82px;height:32px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s;display:inline-flex}.visitor-pagination button:hover:not(:disabled){background:#6f4d8b;transform:translateY(-1px)}.visitor-pagination button:disabled{color:#fff;cursor:not-allowed;background:#cbd5e1}.visitor-page-number{color:#64748b;font-size:10px;font-weight:600}.visitor-page-number strong{color:#334155;font-weight:800}.visitor-bottom-note{box-sizing:border-box;color:#64748b;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:40px;margin-top:14px;padding:9px 14px;font-size:10px;font-weight:500;display:flex}.visitor-loading-overlay{z-index:99998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.visitor-loading-box{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:15px;flex-direction:column;align-items:center;gap:11px;min-width:190px;padding:22px;font-size:11px;font-weight:700;display:flex;box-shadow:0 18px 45px #0f172a26}.visitor-loader{border:3px solid #e5e7eb;border-top-color:#8c6dc5;border-radius:50%;width:28px;height:28px;animation:.75s linear infinite visitor-loader-spin}@keyframes visitor-loader-spin{to{transform:rotate(360deg)}}.visitor-modal-overlay{z-index:100000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;justify-content:center;align-items:center;padding:20px;animation:.2s visitor-modal-fade;display:flex;position:fixed;inset:0}@keyframes visitor-modal-fade{0%{opacity:0}to{opacity:1}}.visitor-modal-card{box-sizing:border-box;background:#fff padding-box padding-box;border:3px solid #0000;border-radius:24px;width:100%;max-width:470px;max-height:90vh;padding:24px;animation:.25s visitor-modal-scale;position:relative;overflow-y:auto;box-shadow:0 25px 70px #0f172a40}.visitor-modal-card:before{content:"";z-index:-1;background:linear-gradient(135deg,#3b82f6,#9333ea);border-radius:27px;position:absolute;inset:-3px}@keyframes visitor-modal-scale{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.visitor-modal-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px;display:flex}.visitor-modal-header p{color:#94a3b8;margin:4px 0 0;font-size:10px;font-weight:500}.visitor-modal-close{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.visitor-modal-close:hover{color:#dc2626;background:#fee2e2}.visitor-modal-photo-wrapper{width:120px;height:120px;margin:0 auto 16px;position:relative}.visitor-modal-photo{object-fit:cover;border:3px solid #e2e8f0;border-radius:50%;width:120px;height:120px;display:block}.visitor-photo-eye{color:#fff;cursor:pointer;background:#000000a6;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;bottom:5px;right:3px}.visitor-modal-status{background:#f8fafc;border:1px solid #eef2f7;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px;padding:10px 12px;display:flex}.visitor-modal-status>span:first-child{color:#64748b;font-size:10px;font-weight:700}.visitor-modal-status .visitor-status-badge{cursor:default}.visitor-modal-status .visitor-status-badge:hover{transform:none}.visitor-info-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;padding:4px 0;display:grid}.visitor-info-row{background:#fff;border:1px solid #eef2f7;border-radius:10px;align-items:flex-start;gap:9px;min-width:0;padding:10px;display:flex}.visitor-info-row>svg{color:#64748b;flex-shrink:0;margin-top:2px;font-size:13px}.visitor-info-row>div{flex-direction:column;gap:3px;min-width:0;display:flex}.visitor-info-row span{color:#94a3b8;font-size:9px;font-weight:600}.visitor-info-row strong{color:#1e293b;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.visitor-modal-phone{color:#6f4d8b;text-align:left;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:11px;font-weight:800}.visitor-modal-phone:hover{text-decoration:underline}.visitor-modal-actions{border-top:1px solid #e2e8f0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;padding-top:16px;display:grid}.visitor-reject-btn,.visitor-approve-btn{color:#fff;cursor:pointer;border:none;border-radius:22px;justify-content:center;align-items:center;gap:8px;height:42px;font-family:inherit;font-size:11px;font-weight:800;transition:all .2s;display:flex}.visitor-reject-btn{background:#dc2626}.visitor-approve-btn{background:#16a34a}.visitor-reject-btn:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 6px 15px #dc262633}.visitor-approve-btn:hover:not(:disabled){background:#15803d;transform:translateY(-1px);box-shadow:0 6px 15px #16a34a33}.visitor-reject-btn:disabled{color:#fff;cursor:not-allowed;background:#fecaca}.visitor-approve-btn:disabled{color:#fff;cursor:not-allowed;background:#bbf7d0}.visitor-image-viewer{z-index:100001;background:#000000f2;justify-content:center;align-items:center;padding:40px;animation:.2s visitor-image-fade;display:flex;position:fixed;inset:0}@keyframes visitor-image-fade{0%{opacity:0}to{opacity:1}}.visitor-image-viewer img{object-fit:contain;border-radius:8px;max-width:90vw;max-height:88vh;box-shadow:0 20px 70px #00000080}.visitor-image-close{color:#fff;cursor:pointer;z-index:5;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex;position:fixed;top:22px;right:25px}.visitor-image-close:hover{background:#ffffff38}.visitor-toast-icon{color:#16a34a;background:#f0fdf4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;font-size:12px;display:flex}.visitor-toast-content{flex-direction:column;gap:3px;min-width:0;display:flex}.visitor-toast-content strong{color:#1e293b;font-size:11px;font-weight:800}.visitor-toast-content span{color:#64748b;font-size:10px;line-height:1.4}@keyframes visitor-toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media screen and (width<=1200px){.visitor-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.visitor-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}.visitor-table-top{flex-direction:column;align-items:flex-start}.visitor-global-search{width:100%}}@media screen and (width<=1024px){.visitor-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visitor-filter-action{min-width:0}.visitor-info-section{grid-template-columns:1fr}}@media screen and (width<=768px){.layout>.main,.layout>.main.collapsed{width:100%;margin-left:0;padding-top:64px}.layout>.main>.content{box-sizing:border-box;width:100%;min-height:calc(100vh - 64px);padding:14px}.visitor-page-header{border-radius:13px;flex-direction:column;align-items:stretch;gap:12px;min-height:auto;padding:14px}.visitor-header-left{align-items:flex-start}.visitor-header-icon{border-radius:10px;width:38px;height:38px;font-size:15px}.visitor-page-header h2{font-size:18px}.visitor-page-header p{font-size:10px}.visitor-refresh-btn{width:100%;height:37px}.visitor-filter-card{border-radius:15px;padding:15px}.visitor-filter-grid{grid-template-columns:1fr;gap:17px}.visitor-summary-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.visitor-summary-card{border-radius:12px;padding:11px}.visitor-summary-icon{width:32px;height:32px}.visitor-summary-card strong{font-size:16px}.visitor-table-card{border-radius:14px}.visitor-table-top{gap:11px;padding:13px}.visitor-global-search{height:38px}.visitor-status-filter{width:100%}.visitor-status-filter button{flex:1;min-width:0;padding:0 8px;font-size:9px}.visitor-table-controls{flex-direction:column;align-items:flex-start;gap:9px;padding:11px 13px}.visitor-result-count{text-align:left;width:100%}.visitor-pagination{gap:8px;padding:10px}.visitor-pagination button{min-width:70px;height:31px}.visitor-modal-overlay{padding:12px}.visitor-modal-card{border-radius:20px;max-height:92vh;padding:19px}.visitor-info-section,.visitor-modal-actions{grid-template-columns:1fr}.visitor-toast{width:auto;min-width:0;top:72px;left:14px;right:14px}}@media screen and (width<=480px){.layout>.main>.content{padding:10px}.visitor-page-header{margin-bottom:12px;padding:12px}.visitor-page-header h2{font-size:17px}.visitor-page-header p{font-size:9px}.visitor-filter-card{padding:12px}.visitor-input-box{border-radius:9px;height:42px}.visitor-input-box input{font-size:11px}.visitor-summary-row{grid-template-columns:1fr}.visitor-summary-card{padding:10px 12px}.visitor-summary-icon{width:31px;height:31px}.visitor-status-filter{grid-template-columns:repeat(2,1fr);width:100%;display:grid}.visitor-status-filter button{width:100%}.visitor-table-wrapper{overflow-x:auto}.visitor-table{min-width:1050px}.visitor-pagination{justify-content:space-between}.visitor-pagination button{min-width:68px;padding:0 8px;font-size:9px}.visitor-page-number{font-size:9px}.visitor-modal-card{border-radius:18px;padding:16px}.visitor-modal-header h3{font-size:15px}.visitor-modal-photo,.visitor-modal-photo-wrapper{width:105px;height:105px}.visitor-info-row{padding:9px}.visitor-bottom-note{text-align:left;align-items:flex-start}}.visitor-table-wrapper::-webkit-scrollbar{width:7px;height:7px}.visitor-dropdown-menu::-webkit-scrollbar{width:7px;height:7px}.visitor-modal-card::-webkit-scrollbar{width:7px;height:7px}.visitor-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.visitor-dropdown-menu::-webkit-scrollbar-track{background:#f1f5f9}.visitor-modal-card::-webkit-scrollbar-track{background:#f1f5f9}.visitor-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.visitor-dropdown-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.visitor-modal-card::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.visitor-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.visitor-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}.visitor-modal-card::-webkit-scrollbar-thumb:hover{background:#94a3b8}.attendance-report-page{box-sizing:border-box;width:100%;max-width:100%}.attendance-page-header{box-sizing:border-box;background:linear-gradient(135deg,#fff 0%,#faf8ff 100%);border:1px solid #e4e8ef;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:68px;margin-bottom:18px;padding:14px 18px;display:flex;box-shadow:0 5px 18px #0f172a0b}.attendance-header-left{align-items:center;gap:12px;min-width:0;display:flex}.attendance-header-icon{color:#fff;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;display:flex;box-shadow:0 5px 14px #6f4d8b33}.attendance-page-header h2{color:#17324d;margin:0;font-size:21px;font-weight:800;line-height:1.2}.attendance-page-header p{color:#8291a2;margin:5px 0 0;font-size:11px;font-weight:500;line-height:1.4}.attendance-refresh-btn{color:#6f4d8b;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;min-width:105px;height:38px;padding:0 14px;font-family:inherit;font-size:11px;font-weight:800;transition:all .2s;display:inline-flex}.attendance-refresh-btn:hover{color:#fff;background:#8c6dc5;border-color:#8c6dc5;transform:translateY(-1px)}.attendance-refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.attendance-spin{animation:.8s linear infinite attendance-spin}@keyframes attendance-spin{to{transform:rotate(360deg)}}.attendance-filter-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;margin-bottom:17px;padding:20px;box-shadow:0 8px 28px #0f172a0b}.attendance-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:18px 14px;display:grid}.attendance-field{min-width:0;position:relative}.attendance-field label{color:#374151;margin:0 0 6px 3px;font-size:11px;font-weight:800;display:block}.attendance-input-box{box-sizing:border-box;background:#fff;border:1px solid #d7dce5;border-radius:11px;align-items:center;gap:8px;width:100%;height:43px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:flex}.attendance-input-box:hover{border-color:#a78bca}.attendance-input-box:focus-within{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc51a}.attendance-input-box svg{color:#8c6dc5;flex-shrink:0;font-size:13px}.attendance-input-box input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:12px;font-weight:600}.attendance-filter-action{min-width:0}.attendance-search-btn,.attendance-export-btn{color:#fff;cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;gap:7px;width:100%;height:43px;font-family:inherit;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.attendance-search-btn{background:linear-gradient(135deg,#8c6dc5,#6f4d8b);box-shadow:0 5px 14px #6f4d8b2e}.attendance-export-btn{background:linear-gradient(135deg,#2196f3,#167ba3);box-shadow:0 5px 14px #167ba32e}.attendance-search-btn:hover,.attendance-export-btn:hover{transform:translateY(-1px)}.attendance-search-btn:disabled,.attendance-export-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.attendance-summary-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;margin-bottom:17px;display:grid}.attendance-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:11px;min-width:0;padding:13px 15px;display:flex;box-shadow:0 5px 18px #0f172a09}.attendance-summary-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.attendance-summary-icon.total{color:#7c3aed;background:#f3e8ff}.attendance-summary-icon.punched-in{color:#d97706;background:#fffbeb}.attendance-summary-icon.punched-out{color:#16a34a;background:#f0fdf4}.attendance-summary-icon.duty{color:#2563eb;background:#eff6ff}.attendance-summary-card span{color:#64748b;font-size:10px;font-weight:600;display:block}.attendance-summary-card strong{color:#172033;margin-top:2px;font-size:18px;font-weight:800;display:block}.attendance-table-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;overflow:visible;box-shadow:0 8px 28px #0f172a0b}.attendance-table-top{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:15px;padding:17px 18px 13px;display:flex}.attendance-global-search{box-sizing:border-box;background:#fff;border:1px solid #dfe4ec;border-radius:10px;align-items:center;width:320px;height:38px;padding:0 11px;transition:border-color .2s,box-shadow .2s;display:flex}.attendance-global-search:focus-within{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc514}.attendance-global-search>svg{color:#94a3b8;flex-shrink:0;margin-right:8px;font-size:12px}.attendance-global-search input{color:#334155;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:11px}.attendance-global-search input::placeholder{color:#94a3b8}.attendance-global-search button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.attendance-global-search button:hover{color:#475569;background:#f1f5f9}.attendance-status-filter{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.attendance-status-filter button{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-height:32px;padding:0 12px;font-family:inherit;font-size:10px;font-weight:700;transition:all .2s}.attendance-status-filter button:hover{color:#6f4d8b;background:#faf5ff;border-color:#c4b5fd}.attendance-status-filter button.active{color:#fff;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);border-color:#8c6dc5;box-shadow:0 4px 10px #6f4d8b29}.attendance-table-controls{box-sizing:border-box;justify-content:space-between;align-items:center;gap:15px;min-height:54px;padding:10px 18px;display:flex}.attendance-show-entries{color:#64748b;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex;position:relative}.attendance-entries-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #dfe4ec;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;min-width:58px;height:31px;padding:0 9px;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex}.attendance-entries-btn svg{font-size:8px}.attendance-entries-menu{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:70px;padding:4px;position:absolute;top:35px;left:35px;box-shadow:0 12px 30px #0f172a24}.attendance-entries-menu button{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:5px;width:100%;height:30px;font-family:inherit;font-size:11px;font-weight:600}.attendance-entries-menu button:hover{color:#6f4d8b;background:#faf5ff}.attendance-result-count{color:#64748b;font-size:10px;font-weight:600}.attendance-result-count strong{color:#334155;font-weight:800}.attendance-table-wrapper{border-top:1px solid #eef2f7;width:100%;overflow-x:auto}.attendance-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1050px}.attendance-table thead th{color:#fff;text-align:left;white-space:nowrap;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);height:45px;padding:0 12px;font-size:10px;font-weight:800}.attendance-table thead th:first-child{padding-left:15px}.attendance-table .sr-col{text-align:center;width:65px}.attendance-table tbody tr{background:#fff;transition:background .15s}.attendance-table tbody tr:nth-child(2n){background:#f8fafc}.attendance-table tbody tr:hover{background:#faf5ff}.attendance-table tbody td{color:#334155;white-space:nowrap;border-bottom:1px solid #edf1f5;min-height:58px;padding:9px 12px;font-size:10px;font-weight:600}.attendance-table tbody tr:last-child td{border-bottom:none}.attendance-name-cell{align-items:center;gap:8px;min-width:150px;display:flex}.attendance-avatar{color:#7c3aed;background:#f3e8ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;display:flex}.attendance-name-cell span{color:#1e293b;font-weight:700}.attendance-user-id,.attendance-date-text{color:#475569;font-weight:700}.attendance-punch-cell{flex-direction:column;gap:4px;width:210px;display:flex}.attendance-time{align-items:center;gap:6px;display:flex}.attendance-time svg{color:#8c6dc5;font-size:10px}.attendance-time strong{color:#1e293b;font-size:10px;font-weight:800}.attendance-location{color:#64748b;text-align:left;cursor:pointer;background:0 0;border:none;align-items:flex-start;gap:5px;width:195px;padding:0;font-family:inherit;font-size:9px;font-weight:500;line-height:1.35;display:flex}.attendance-location svg{color:#8c6dc5;flex-shrink:0;margin-top:2px;font-size:9px}.attendance-location span{-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.attendance-location.expanded span{white-space:normal;display:block;overflow:visible}.attendance-location:hover{color:#6f4d8b}.attendance-status-badge{color:#fff;text-transform:capitalize;white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;min-width:92px;height:27px;padding:0 10px;font-size:9px;font-weight:800;display:inline-flex}.attendance-status-badge.punched-in{color:#fff;background:#f59e0b}.attendance-status-badge.punched-out{color:#fff;background:#16a34a}.attendance-status-badge.still-duty{color:#fff;background:#3b82f6}.attendance-no-data{text-align:center;background:#fff!important;height:260px!important}.attendance-no-data>div{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.attendance-no-data svg{color:#cbd5e1;margin-bottom:5px;font-size:30px}.attendance-no-data strong{color:#475569;font-size:12px}.attendance-no-data span{color:#94a3b8;font-size:10px}.attendance-pagination{border-top:1px solid #eef2f7;justify-content:center;align-items:center;gap:14px;min-height:58px;padding:9px 18px;display:flex}.attendance-pagination button{color:#fff;cursor:pointer;background:#8c6dc5;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:82px;height:32px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s;display:inline-flex}.attendance-pagination button:hover:not(:disabled){background:#6f4d8b;transform:translateY(-1px)}.attendance-pagination button:disabled{color:#fff;cursor:not-allowed;background:#cbd5e1}.attendance-page-number{color:#64748b;font-size:10px;font-weight:600}.attendance-page-number strong{color:#334155;font-weight:800}.attendance-bottom-note{box-sizing:border-box;color:#64748b;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:40px;margin-top:14px;padding:9px 14px;font-size:10px;font-weight:500;display:flex}.attendance-bottom-note svg{color:#8c6dc5;flex-shrink:0}.attendance-loading-overlay{z-index:99998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.attendance-loading-box{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:15px;flex-direction:column;align-items:center;gap:11px;min-width:190px;padding:22px;font-size:11px;font-weight:700;display:flex;box-shadow:0 18px 45px #0f172a26}.attendance-loader{border:3px solid #e5e7eb;border-top-color:#8c6dc5;border-radius:50%;width:28px;height:28px;animation:.75s linear infinite attendance-loader-spin}@keyframes attendance-loader-spin{to{transform:rotate(360deg)}}.attendance-toast{z-index:100002;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:13px;align-items:center;gap:11px;min-width:290px;max-width:400px;padding:13px 16px;animation:.25s attendance-toast-in;display:flex;position:fixed;top:80px;right:25px;box-shadow:0 15px 40px #0f172a26}.attendance-toast.success{border-left:4px solid #16a34a}.attendance-toast.warning{border-left:4px solid #f59e0b}.attendance-toast.error{border-left:4px solid #dc2626}.attendance-toast-icon{color:#16a34a;background:#f0fdf4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;font-size:12px;display:flex}.attendance-toast.warning .attendance-toast-icon{color:#d97706;background:#fffbeb}.attendance-toast.error .attendance-toast-icon{color:#dc2626;background:#fef2f2}.attendance-toast-content{flex-direction:column;gap:3px;min-width:0;display:flex}.attendance-toast-content strong{color:#1e293b;font-size:11px;font-weight:800}.attendance-toast-content span{color:#64748b;font-size:10px;line-height:1.4}@keyframes attendance-toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media screen and (width<=1200px){.attendance-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.attendance-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-table-top{flex-direction:column;align-items:flex-start}.attendance-global-search{width:100%}}@media screen and (width<=1024px){.attendance-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (width<=768px){.layout>.main,.layout>.main.collapsed{width:100%;margin-left:0;padding-top:64px}.layout>.main>.content{box-sizing:border-box;width:100%;min-height:calc(100vh - 64px);padding:14px}.attendance-page-header{border-radius:13px;flex-direction:column;align-items:stretch;gap:12px;min-height:auto;padding:14px}.attendance-header-left{align-items:flex-start}.attendance-header-icon{border-radius:10px;width:38px;height:38px;font-size:15px}.attendance-page-header h2{font-size:18px}.attendance-page-header p{font-size:10px}.attendance-refresh-btn{width:100%;height:37px}.attendance-filter-card{border-radius:15px;padding:15px}.attendance-filter-grid{grid-template-columns:1fr;gap:17px}.attendance-summary-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.attendance-summary-card{border-radius:12px;padding:11px}.attendance-summary-icon{width:32px;height:32px}.attendance-summary-card strong{font-size:16px}.attendance-table-card{border-radius:14px}.attendance-table-top{gap:11px;padding:13px}.attendance-global-search{height:38px}.attendance-status-filter{width:100%}.attendance-status-filter button{flex:1;min-width:0;padding:0 8px;font-size:9px}.attendance-table-controls{flex-direction:column;align-items:flex-start;gap:9px;padding:11px 13px}.attendance-result-count{text-align:left;width:100%}.attendance-pagination{gap:8px;padding:10px}.attendance-pagination button{min-width:70px;height:31px}.attendance-bottom-note{text-align:left;align-items:flex-start}.attendance-toast{width:auto;min-width:0;top:72px;left:14px;right:14px}}@media screen and (width<=480px){.layout>.main>.content{padding:10px}.attendance-page-header{margin-bottom:12px;padding:12px}.attendance-page-header h2{font-size:17px}.attendance-page-header p{font-size:9px}.attendance-filter-card{padding:12px}.attendance-input-box{border-radius:9px;height:42px}.attendance-input-box input{font-size:11px}.attendance-summary-row{grid-template-columns:1fr}.attendance-summary-card{padding:10px 12px}.attendance-summary-icon{width:31px;height:31px}.attendance-status-filter{grid-template-columns:repeat(2,1fr);width:100%;display:grid}.attendance-status-filter button{width:100%}.attendance-table-wrapper{overflow-x:auto}.attendance-table{min-width:1050px}.attendance-pagination{justify-content:space-between}.attendance-pagination button{min-width:68px;padding:0 8px;font-size:9px}.attendance-page-number{font-size:9px}}.attendance-table-wrapper::-webkit-scrollbar{width:7px;height:7px}.attendance-entries-menu::-webkit-scrollbar{width:7px;height:7px}.attendance-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.attendance-entries-menu::-webkit-scrollbar-track{background:#f1f5f9}.attendance-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.attendance-entries-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.attendance-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.attendance-entries-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}.request-report-page{box-sizing:border-box;width:100%;max-width:100%}.request-page-header h2{color:#17324d;margin:0;font-size:21px;font-weight:800;line-height:1.2}.request-page-header p{color:#8291a2;margin:5px 0 0;font-size:11px;font-weight:500;line-height:1.4}.request-refresh-btn{color:#6f4d8b;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;min-width:105px;height:38px;padding:0 14px;font-family:inherit;font-size:11px;font-weight:800;transition:all .2s;display:inline-flex}.request-refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.request-spin{animation:.8s linear infinite request-spin}@keyframes request-spin{to{transform:rotate(360deg)}}.request-filter-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;margin-bottom:17px;padding:20px;box-shadow:0 8px 28px #0f172a0b}.request-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:18px 14px;display:grid}.request-field{min-width:0;position:relative}.request-field label{color:#374151;margin:0 0 6px 3px;font-size:11px;font-weight:800;display:block}.request-input-box{box-sizing:border-box;background:#fff;border:1px solid #d7dce5;border-radius:11px;align-items:center;width:100%;height:43px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.request-input-box:hover{border-color:#a78bca}.request-input-box:focus-within{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc51a}.request-input-box input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:12px;font-weight:600}.request-input-box input::placeholder{color:#94a3b8;font-weight:500}.request-input-box input[type=date]{cursor:pointer}.request-input-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.request-input-clear:hover{color:#475569;background:#f1f5f9}.request-dropdown-wrapper{position:relative}.request-dropdown-menu{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:11px;max-height:210px;animation:.15s request-dropdown-in;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 15px 35px #0f172a24}@keyframes request-dropdown-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.request-dropdown-item{color:#334155;text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #f1f5f9;align-items:center;width:100%;min-height:38px;padding:0 13px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s;display:flex}.request-dropdown-item:last-child{border-bottom:none}.request-dropdown-item:hover{color:#6f4d8b;background:#faf5ff}.request-dropdown-empty{text-align:center;color:#94a3b8;padding:14px;font-size:12px}.request-filter-action{min-width:0}.request-search-btn,.request-export-btn{color:#fff;cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;gap:7px;width:100%;height:43px;font-family:inherit;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.request-search-btn{background:linear-gradient(135deg,#8c6dc5,#6f4d8b);box-shadow:0 5px 14px #6f4d8b2e}.request-export-btn{background:linear-gradient(135deg,#2196f3,#167ba3);box-shadow:0 5px 14px #167ba32e}.request-search-btn:hover,.request-export-btn:hover{transform:translateY(-1px)}.request-search-btn:disabled,.request-export-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.request-summary-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;margin-bottom:17px;display:grid}.request-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:11px;min-width:0;padding:13px 15px;display:flex;box-shadow:0 5px 18px #0f172a09}.request-summary-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.request-summary-icon.total{color:#7c3aed;background:#f3e8ff}.request-summary-icon.pending{color:#d97706;background:#fffbeb}.request-summary-icon.progress{color:#2563eb;background:#eff6ff}.request-summary-icon.resolved{color:#16a34a;background:#f0fdf4}.request-summary-card span{color:#64748b;font-size:10px;font-weight:600;display:block}.request-summary-card strong{color:#172033;margin-top:2px;font-size:18px;font-weight:800;display:block}.request-table-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;overflow:visible;box-shadow:0 8px 28px #0f172a0b}.request-table-top{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:15px;padding:17px 18px 13px;display:flex}.request-global-search{box-sizing:border-box;background:#fff;border:1px solid #dfe4ec;border-radius:10px;align-items:center;width:300px;height:38px;padding:0 11px;transition:border-color .2s,box-shadow .2s;display:flex}.request-global-search:focus-within{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc514}.request-global-search>svg{color:#94a3b8;flex-shrink:0;margin-right:8px;font-size:12px}.request-global-search input{color:#334155;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:11px}.request-global-search input::placeholder{color:#94a3b8}.request-global-search button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.request-global-search button:hover{color:#475569;background:#f1f5f9}.request-status-filter{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.request-status-filter button{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-height:32px;padding:0 12px;font-family:inherit;font-size:10px;font-weight:700;transition:all .2s}.request-status-filter button:hover{color:#6f4d8b;background:#faf5ff;border-color:#c4b5fd}.request-status-filter button.active{color:#fff;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);border-color:#8c6dc5;box-shadow:0 4px 10px #6f4d8b29}.request-table-controls{box-sizing:border-box;justify-content:space-between;align-items:center;gap:15px;min-height:54px;padding:10px 18px;display:flex}.request-show-entries{color:#64748b;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex;position:relative}.request-entries-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #dfe4ec;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;min-width:58px;height:31px;padding:0 9px;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex}.request-entries-btn svg{font-size:8px}.request-entries-menu{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:70px;padding:4px;position:absolute;top:35px;left:35px;box-shadow:0 12px 30px #0f172a24}.request-entries-menu button{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:5px;width:100%;height:30px;font-family:inherit;font-size:11px;font-weight:600}.request-entries-menu button:hover{color:#6f4d8b;background:#faf5ff}.request-result-count{color:#64748b;font-size:10px;font-weight:600}.request-result-count strong{color:#334155;font-weight:800}.request-table-wrapper{border-top:1px solid #eef2f7;width:100%;overflow-x:auto}.request-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1050px}.request-table thead th{color:#fff;text-align:left;white-space:nowrap;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);height:45px;padding:0 12px;font-size:10px;font-weight:800}.request-table th,.request-table td{box-sizing:border-box}.request-table .sr-col{text-align:center;width:65px}.request-table tbody tr{background:#fff;transition:background .15s}.request-table tbody tr:nth-child(2n){background:#f8fafc}.request-table tbody td{color:#334155;white-space:nowrap;border-bottom:1px solid #edf1f5;height:52px;padding:0 12px;font-size:10px;font-weight:600}.request-name-cell{align-items:center;gap:8px;min-width:180px;display:flex}.request-avatar{color:#7c3aed;background:#f3e8ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;font-size:10px;display:flex}.request-name-cell>div:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.request-name-cell span{color:#1e293b;text-overflow:ellipsis;max-width:190px;font-weight:700;overflow:hidden}.request-name-cell small{color:#94a3b8;text-overflow:ellipsis;max-width:190px;font-size:8px;font-weight:500;overflow:hidden}.request-status-badge{text-transform:capitalize;cursor:pointer;box-sizing:border-box;border:none;border-radius:20px;justify-content:center;align-items:center;min-width:85px;height:27px;padding:0 11px;font-family:inherit;font-size:9px;font-weight:800;transition:transform .15s,opacity .15s;display:inline-flex;color:#fff!important}.request-status-badge.pending{animation:1.4s ease-in-out infinite request-pending-blink;background:#f59e0b!important}.request-status-badge.in-progress{background:#3b82f6!important}.request-status-badge.resolved{background:#16a34a!important}.request-status-badge.rejected{background:#dc2626!important}.request-status-badge:hover{transform:translateY(-1px)}@keyframes request-pending-blink{0%,to{opacity:1}50%{opacity:.65}}.request-flat-text{color:#475569;font-weight:700}.request-resident-cell{align-items:center;gap:6px;max-width:150px;display:inline-flex}.request-resident-cell svg{color:#8c6dc5;flex-shrink:0;font-size:10px}.request-resident-cell span{text-overflow:ellipsis;overflow:hidden}.request-no-data{text-align:center;background:#fff!important;height:260px!important}.request-no-data>div{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.request-no-data svg{color:#cbd5e1;margin-bottom:5px;font-size:30px}.request-no-data strong{color:#475569;font-size:12px}.request-no-data span{color:#94a3b8;font-size:10px}.request-pagination{border-top:1px solid #eef2f7;justify-content:center;align-items:center;gap:14px;min-height:58px;padding:9px 18px;display:flex}.request-pagination button{color:#fff;cursor:pointer;background:#8c6dc5;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:82px;height:32px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s;display:inline-flex}.request-pagination button:hover:not(:disabled){background:#6f4d8b;transform:translateY(-1px)}.request-pagination button:disabled{color:#fff;cursor:not-allowed;background:#cbd5e1}.request-page-number{color:#64748b;font-size:10px;font-weight:600}.request-page-number strong{color:#334155;font-weight:800}.request-bottom-note{box-sizing:border-box;color:#64748b;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:40px;margin-top:14px;padding:9px 14px;font-size:10px;font-weight:500;display:flex}.request-bottom-note svg{color:#8c6dc5;flex-shrink:0}.request-loading-overlay{z-index:99998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.request-loading-box{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:15px;flex-direction:column;align-items:center;gap:11px;min-width:190px;padding:22px;font-size:11px;font-weight:700;display:flex;box-shadow:0 18px 45px #0f172a26}@keyframes request-loader-spin{to{transform:rotate(360deg)}}.request-modal-overlay{z-index:100000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;justify-content:center;align-items:center;padding:20px;animation:.2s request-modal-fade;display:flex;position:fixed;inset:0}@keyframes request-modal-fade{0%{opacity:0}to{opacity:1}}.request-modal-card{box-sizing:border-box;background:#fff padding-box padding-box;border:3px solid #0000;border-radius:24px;width:100%;max-width:600px;max-height:92vh;padding:24px;animation:.25s request-modal-scale;position:relative;overflow-y:auto;box-shadow:0 25px 70px #0f172a40}.request-modal-card:before{content:"";z-index:-1;background:linear-gradient(135deg,#3b82f6,#9333ea);border-radius:27px;position:absolute;inset:-3px}@keyframes request-modal-scale{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.request-modal-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px;display:flex}.request-modal-header h3{color:#111827;margin:0;font-size:17px;font-weight:800}.request-modal-header p{color:#94a3b8;margin:4px 0 0;font-size:10px;font-weight:500}.request-modal-close{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.request-modal-close:hover{color:#dc2626;background:#fee2e2}.request-modal-photo-wrapper{width:120px;height:120px;margin:0 auto 16px;position:relative}.request-modal-photo{object-fit:cover;border:3px solid #e2e8f0;border-radius:18px;width:120px;height:120px;display:block}.request-photo-eye{color:#fff;cursor:pointer;background:#000000a6;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;bottom:-4px;right:-4px}.request-modal-status{background:#f8fafc;border:1px solid #eef2f7;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px;padding:10px 12px;display:flex}.request-modal-status>span:first-child{color:#64748b;font-size:10px;font-weight:700}.request-info-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;padding:4px 0;display:grid}.request-info-row{background:#fff;border:1px solid #eef2f7;border-radius:10px;align-items:flex-start;gap:9px;min-width:0;padding:10px;display:flex}.request-info-row>svg{color:#64748b;flex-shrink:0;margin-top:2px;font-size:13px}.request-info-row>div{flex-direction:column;gap:3px;min-width:0;display:flex}.request-info-row span{color:#94a3b8;font-size:9px;font-weight:600}.request-info-row strong{color:#1e293b;text-overflow:ellipsis;font-size:11px;font-weight:700;line-height:1.4;overflow:hidden}.request-description-row{grid-column:1/-1}.request-description-row strong{white-space:normal}.request-chat-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin-top:18px;overflow:hidden}.request-chat-heading{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;min-height:45px;padding:0 13px;display:flex}.request-chat-heading>div{color:#334155;align-items:center;gap:7px;font-size:11px;font-weight:800;display:flex}.request-chat-heading>div svg{color:#8c6dc5}.request-chat-heading>span{color:#94a3b8;font-size:9px;font-weight:600}.request-chat-messages{max-height:210px;padding:12px;overflow-y:auto}.request-chat-bubble{border-radius:12px;max-width:82%;margin-bottom:9px;padding:9px 11px;box-shadow:0 2px 8px #0f172a0a}.request-chat-bubble:last-child{margin-bottom:0}.request-chat-bubble.admin{background:#f3e8ff;border:1px solid #ddd6fe;border-bottom-right-radius:3px;margin-left:auto}.request-chat-bubble.resident{background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:3px;margin-right:auto}.request-chat-sender{color:#6f4d8b;margin-bottom:4px;font-size:9px;font-weight:800}.request-chat-sender small{color:#94a3b8;font-weight:600}.request-chat-text{color:#334155;white-space:pre-wrap;font-size:10px;line-height:1.5}.request-chat-time{color:#94a3b8;text-align:right;margin-top:5px;font-size:8px}.request-chat-image{object-fit:cover;cursor:pointer;border-radius:8px;width:120px;height:100px;margin-bottom:6px;display:block}.request-chat-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:110px;font-size:10px;display:flex}.request-chat-empty svg{color:#cbd5e1;font-size:24px}.request-chat-input-area{background:#fff;border-top:1px solid #e2e8f0;padding:10px}.request-chat-input-row{align-items:center;gap:7px;display:flex}.request-hidden-file{display:none}.request-attach-btn{color:#6f4d8b;cursor:pointer;background:#f8fafc;border:1px solid #dfe4ec;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.request-attach-btn:hover{background:#faf5ff;border-color:#c4b5fd}.request-chat-input-row>input[type=text]{color:#334155;border:1px solid #dfe4ec;border-radius:9px;outline:none;width:100%;min-width:0;height:34px;padding:0 10px;font-family:inherit;font-size:10px}.request-chat-input-row>input[type=text]:focus{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc514}.request-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.request-send-btn:disabled{opacity:.45;cursor:not-allowed}.request-selected-file{color:#6f4d8b;background:#faf5ff;border:1px solid #ddd6fe;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;padding:6px 8px;font-size:9px;display:flex}.request-selected-file span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden}.request-selected-file button{color:#dc2626;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.request-admin-note{margin-top:15px}.request-admin-note label{color:#374151;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.request-admin-note textarea{box-sizing:border-box;resize:vertical;color:#334155;background:#fff;border:1px solid #dfe4ec;border-radius:10px;outline:none;width:100%;min-height:70px;padding:9px 10px;font-family:inherit;font-size:10px;line-height:1.5}.request-admin-note textarea:focus{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc514}.request-modal-actions{border-top:1px solid #e2e8f0;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:18px;padding-top:16px;display:grid}.request-reject-btn,.request-progress-btn,.request-resolve-btn{color:#fff;cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;gap:7px;height:42px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s;display:flex}.request-reject-btn{background:#dc2626}.request-progress-btn{background:#3b82f6}.request-resolve-btn{background:#16a34a}.request-reject-btn:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 6px 15px #dc262633}.request-progress-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 6px 15px #3b82f633}.request-resolve-btn:hover:not(:disabled){background:#15803d;transform:translateY(-1px);box-shadow:0 6px 15px #16a34a33}.request-reject-btn:disabled{cursor:not-allowed;background:#fecaca}.request-progress-btn:disabled{cursor:not-allowed;background:#bfdbfe}.request-resolve-btn:disabled{cursor:not-allowed;background:#bbf7d0}.request-image-viewer{z-index:100001;background:#000000f2;justify-content:center;align-items:center;padding:40px;animation:.2s request-image-fade;display:flex;position:fixed;inset:0}@keyframes request-image-fade{0%{opacity:0}to{opacity:1}}.request-image-viewer img{object-fit:contain;border-radius:8px;max-width:90vw;max-height:88vh;box-shadow:0 20px 70px #00000080}.request-image-close{color:#fff;cursor:pointer;z-index:5;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex;position:fixed;top:22px;right:25px}.request-image-close:hover{background:#ffffff38}.request-toast{z-index:100002;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:13px;align-items:center;gap:11px;min-width:290px;max-width:400px;padding:13px 16px;animation:.25s request-toast-in;display:flex;position:fixed;top:80px;right:25px;box-shadow:0 15px 40px #0f172a26}.request-toast-icon{color:#16a34a;background:#f0fdf4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;font-size:12px;display:flex}.request-toast-content{flex-direction:column;gap:3px;min-width:0;display:flex}.request-toast-content strong{color:#1e293b;font-size:11px;font-weight:800}.request-toast-content span{color:#64748b;font-size:10px;line-height:1.4}@keyframes request-toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media screen and (width<=1200px){.request-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.request-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}.request-table-top{flex-direction:column;align-items:flex-start}.request-global-search{width:100%}}@media screen and (width<=1024px){.request-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.request-info-section{grid-template-columns:1fr}.request-description-row{grid-column:auto}}@media screen and (width<=768px){.layout>.main,.layout>.main.collapsed{width:100%;margin-left:0;padding-top:64px}.layout>.main>.content{box-sizing:border-box;width:100%;min-height:calc(100vh - 64px);padding:14px}.request-page-header{border-radius:13px;flex-direction:column;align-items:stretch;gap:12px;min-height:auto;padding:14px}.request-header-left{align-items:flex-start}.request-header-icon{border-radius:10px;width:38px;height:38px;font-size:15px}.request-page-header h2{font-size:18px}.request-page-header p{font-size:10px}.request-refresh-btn{width:100%;height:37px}.request-filter-card{border-radius:15px;padding:15px}.request-filter-grid{grid-template-columns:1fr;gap:17px}.request-summary-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.request-summary-card{border-radius:12px;padding:11px}.request-summary-icon{width:32px;height:32px}.request-summary-card strong{font-size:16px}.request-table-card{border-radius:14px}.request-table-top{gap:11px;padding:13px}.request-global-search{height:38px}.request-status-filter{width:100%}.request-status-filter button{flex:1;min-width:0;padding:0 8px;font-size:9px}.request-table-controls{flex-direction:column;align-items:flex-start;gap:9px;padding:11px 13px}.request-result-count{text-align:left;width:100%}.request-pagination{gap:8px;padding:10px}.request-pagination button{min-width:70px;height:31px}.request-modal-overlay{padding:12px}.request-modal-card{border-radius:20px;max-height:92vh;padding:19px}.request-info-section{grid-template-columns:1fr}.request-description-row{grid-column:auto}.request-modal-actions{grid-template-columns:1fr}.request-toast{width:auto;min-width:0;top:72px;left:14px;right:14px}}@media screen and (width<=480px){.layout>.main>.content{padding:10px}.request-page-header{margin-bottom:12px;padding:12px}.request-page-header h2{font-size:17px}.request-page-header p{font-size:9px}.request-filter-card{padding:12px}.request-input-box{border-radius:9px;height:42px}.request-input-box input{font-size:11px}.request-summary-row{grid-template-columns:1fr}.request-summary-card{padding:10px 12px}.request-summary-icon{width:31px;height:31px}.request-status-filter{grid-template-columns:repeat(2,1fr);width:100%;display:grid}.request-status-filter button{width:100%}.request-table-wrapper{overflow-x:auto}.request-table{min-width:1050px}.request-pagination{justify-content:space-between}.request-pagination button{min-width:68px;padding:0 8px;font-size:9px}.request-page-number{font-size:9px}.request-modal-card{border-radius:18px;padding:16px}.request-modal-header h3{font-size:15px}.request-modal-photo,.request-modal-photo-wrapper{width:105px;height:105px}.request-chat-bubble{max-width:92%}.request-bottom-note{text-align:left;align-items:flex-start}}.request-table-wrapper::-webkit-scrollbar{width:7px;height:7px}.request-dropdown-menu::-webkit-scrollbar{width:7px;height:7px}.request-modal-card::-webkit-scrollbar{width:7px;height:7px}.request-chat-messages::-webkit-scrollbar{width:7px;height:7px}.request-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.request-dropdown-menu::-webkit-scrollbar-track{background:#f1f5f9}.request-modal-card::-webkit-scrollbar-track{background:#f1f5f9}.request-chat-messages::-webkit-scrollbar-track{background:#f1f5f9}.request-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.request-dropdown-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.request-modal-card::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.request-chat-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.request-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.request-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}.request-modal-card::-webkit-scrollbar-thumb:hover{background:#94a3b8}.request-chat-messages::-webkit-scrollbar-thumb:hover{background:#94a3b8}.complaint-report-page{box-sizing:border-box;width:100%;max-width:100%}.complaint-refresh-btn:hover{color:#fff;background:#8c6dc5;border-color:#8c6dc5;transform:translateY(-1px)}.complaint-refresh-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes complaint-spin{to{transform:rotate(360deg)}}.complaint-filter-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;margin-bottom:17px;padding:20px;box-shadow:0 8px 28px #0f172a0b}.complaint-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:18px 14px;display:grid}.complaint-field{min-width:0;position:relative}.complaint-field label{color:#374151;margin:0 0 6px 3px;font-size:11px;font-weight:800;display:block}.complaint-input-box{box-sizing:border-box;background:#fff;border:1px solid #d7dce5;border-radius:11px;align-items:center;gap:7px;width:100%;height:43px;padding:0 11px;transition:all .2s;display:flex;position:relative}.complaint-input-box>svg{color:#94a3b8;flex-shrink:0;font-size:12px}.complaint-input-box input{color:#334155;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:11px;font-weight:600}.complaint-input-box input::placeholder{color:#94a3b8}.complaint-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.complaint-clear-btn:hover{color:#dc2626}.complaint-dropdown-wrapper{position:relative}.complaint-dropdown-menu{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:10px;max-height:220px;animation:.15s complaint-dropdown-in;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 15px 40px #0f172a26}@keyframes complaint-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.complaint-dropdown-item{color:#334155;text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #f1f5f9;align-items:center;width:100%;min-height:38px;padding:0 12px;font-family:inherit;font-size:11px;font-weight:600;display:flex}.complaint-dropdown-item:hover{color:#6f4d8b;background:#faf5ff}.complaint-dropdown-empty{text-align:center;color:#94a3b8;padding:12px;font-size:10px}.complaint-filter-action{min-width:0}.complaint-search-btn,.complaint-export-btn{color:#fff;cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;gap:7px;width:100%;height:43px;font-family:inherit;font-size:11px;font-weight:800;transition:all .2s;display:flex}.complaint-search-btn{background:linear-gradient(135deg,#8c6dc5,#6f4d8b)}.complaint-export-btn{background:linear-gradient(135deg,#16a34a,#15803d)}.complaint-search-btn:hover,.complaint-export-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0f172a1f}.complaint-summary-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;margin-bottom:17px;display:grid}.complaint-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:11px;min-width:0;padding:13px 15px;display:flex;box-shadow:0 5px 18px #0f172a09}.complaint-summary-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.complaint-summary-icon.total{color:#7c3aed;background:#f3e8ff}.complaint-summary-icon.pending{color:#d97706;background:#fffbeb}.complaint-summary-icon.progress{color:#2563eb;background:#eff6ff}.complaint-summary-icon.resolved{color:#16a34a;background:#f0fdf4}.complaint-summary-card span{color:#64748b;font-size:10px;font-weight:600;display:block}.complaint-summary-card strong{color:#172033;margin-top:2px;font-size:18px;font-weight:800;display:block}.complaint-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;box-shadow:0 8px 28px #0f172a0b}.complaint-table-top{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:15px;padding:17px 18px 13px;display:flex}.complaint-global-search{box-sizing:border-box;background:#fff;border:1px solid #dfe4ec;border-radius:10px;align-items:center;gap:8px;width:300px;height:38px;padding:0 11px;display:flex}.complaint-global-search>svg{color:#94a3b8;font-size:12px}.complaint-global-search input{color:#334155;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:11px}.complaint-global-search button{color:#94a3b8;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:23px;height:23px;display:flex}.complaint-status-filter{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.complaint-status-filter button{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-height:32px;padding:0 11px;font-family:inherit;font-size:9px;font-weight:700}.complaint-status-filter button:hover{color:#6f4d8b;background:#faf5ff;border-color:#c4b5fd}.complaint-status-filter button.active{color:#fff;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);border-color:#8c6dc5}.complaint-table-controls{box-sizing:border-box;justify-content:space-between;align-items:center;min-height:54px;padding:10px 18px;display:flex}.complaint-show-entries{color:#64748b;align-items:center;gap:6px;font-size:10px;font-weight:600;display:flex;position:relative}.complaint-entries-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #dfe4ec;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;min-width:58px;height:31px;padding:0 9px;font-family:inherit;font-size:10px;font-weight:700;display:flex}.complaint-entries-menu{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:65px;padding:4px;position:absolute;top:36px;left:36px;box-shadow:0 12px 30px #0f172a24}.complaint-entries-menu button{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:5px;width:100%;height:29px;font-family:inherit;font-size:10px}.complaint-entries-menu button:hover{color:#6f4d8b;background:#faf5ff}.complaint-result-count{color:#64748b;font-size:10px}.complaint-result-count strong{color:#334155}.complaint-table-wrapper{border-top:1px solid #eef2f7;width:100%;overflow-x:auto}.complaint-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1100px}.complaint-table thead th{color:#fff;text-align:left;white-space:nowrap;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);height:45px;padding:0 12px;font-size:10px;font-weight:800}.complaint-table .complaint-sr{text-align:center;width:60px}.complaint-table tbody tr{background:#fff;transition:background .15s}.complaint-table tbody tr:nth-child(2n){background:#f8fafc}.complaint-table tbody td{color:#334155;white-space:nowrap;border-bottom:1px solid #edf1f5;height:53px;padding:0 12px;font-size:10px;font-weight:600}.complaint-name-button{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;min-width:220px;padding:0;display:flex}.complaint-table-icon{color:#7c3aed;background:#f3e8ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;display:flex}.complaint-name-button>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.complaint-name-button strong{color:#1e293b;text-overflow:ellipsis;max-width:210px;font-size:10px;font-weight:800;overflow:hidden}.complaint-name-button small{color:#94a3b8;text-overflow:ellipsis;max-width:210px;font-size:8px;overflow:hidden}.complaint-status-badge{color:#fff;cursor:pointer;border:none;border-radius:20px;justify-content:center;align-items:center;min-width:83px;height:27px;padding:0 10px;font-family:inherit;font-size:9px;font-weight:800;display:inline-flex}.complaint-status-badge.pending{cursor:pointer;font-family:inherit;font-size:9px;font-weight:800;color:#fff!important;opacity:1!important;background:#f59e0b!important;border:none!important;border-radius:20px!important;justify-content:center!important;align-items:center!important;min-width:83px!important;height:27px!important;padding:0 10px!important;animation:none!important;display:inline-flex!important}.complaint-status-badge.in-progress{background:#3b82f6}.complaint-status-badge.resolved{background:#16a34a}.complaint-status-badge.rejected{background:#dc2626}@keyframes complaint-pending-blink{0%,to{opacity:1}50%{opacity:.6}}.complaint-flat{color:#475569;font-weight:700}.complaint-no-data{text-align:center;background:#fff!important;height:250px!important}.complaint-no-data>div{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.complaint-no-data svg{color:#cbd5e1;font-size:30px}.complaint-no-data strong{color:#475569;font-size:12px}.complaint-no-data span{color:#94a3b8;font-size:10px}.complaint-pagination{border-top:1px solid #eef2f7;justify-content:center;align-items:center;gap:14px;min-height:58px;padding:9px 18px;display:flex}.complaint-pagination button{color:#fff;cursor:pointer;background:#8c6dc5;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:82px;height:32px;font-family:inherit;font-size:10px;font-weight:800;display:flex}.complaint-pagination button:disabled{cursor:not-allowed;background:#cbd5e1}.complaint-pagination span{color:#64748b;font-size:10px}.complaint-pagination strong{color:#334155}.complaint-bottom-note{box-sizing:border-box;color:#64748b;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:40px;margin-top:14px;padding:9px 14px;font-size:10px;font-weight:500;display:flex}.complaint-bottom-note svg{color:#8c6dc5;flex-shrink:0}.complaint-loading-overlay{z-index:100000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.complaint-loading-box{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:15px;flex-direction:column;align-items:center;gap:11px;min-width:190px;padding:22px;font-size:11px;font-weight:700;display:flex;box-shadow:0 18px 45px #0f172a26}.complaint-loader{border:3px solid #e5e7eb;border-top-color:#8c6dc5;border-radius:50%;width:28px;height:28px;animation:.75s linear infinite complaint-loader-spin}@keyframes complaint-loader-spin{to{transform:rotate(360deg)}}.complaint-modal-overlay{z-index:100001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;justify-content:center;align-items:center;padding:20px;animation:.2s complaint-modal-fade;display:flex;position:fixed;inset:0}@keyframes complaint-modal-fade{0%{opacity:0}to{opacity:1}}.complaint-modal-card{box-sizing:border-box;background:#fff padding-box padding-box;border:3px solid #0000;border-radius:24px;width:100%;max-width:470px;max-height:90vh;padding:24px;animation:.25s complaint-modal-scale;position:relative;overflow-y:auto;box-shadow:0 25px 70px #0f172a40}.complaint-modal-card:before{content:"";z-index:-1;background:linear-gradient(135deg,#3b82f6,#9333ea);border-radius:27px;position:absolute;inset:-3px}@keyframes complaint-modal-scale{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.complaint-modal-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px;display:flex}.complaint-modal-header h3{color:#111827;margin:0;font-size:17px;font-weight:800}.complaint-modal-header p{color:#94a3b8;margin:4px 0 0;font-size:10px}.complaint-modal-close{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.complaint-modal-close:hover{color:#dc2626;background:#fee2e2}.complaint-modal-photo-wrapper{width:120px;height:120px;margin:0 auto 16px;position:relative}.complaint-modal-photo{object-fit:cover;cursor:pointer;border:3px solid #e2e8f0;border-radius:50%;width:120px;height:120px}.complaint-photo-eye{color:#fff;cursor:pointer;background:#000000a6;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;display:flex;position:absolute;bottom:-2px;right:-2px}.complaint-modal-status{background:#f8fafc;border:1px solid #eef2f7;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:13px;padding:10px 12px;display:flex}.complaint-modal-status>span:first-child{color:#64748b;font-size:10px;font-weight:700}.complaint-info-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.complaint-info-row{background:#fff;border:1px solid #eef2f7;border-radius:10px;align-items:flex-start;gap:9px;min-width:0;padding:10px;display:flex}.complaint-info-row>svg{color:#64748b;flex-shrink:0;margin-top:2px;font-size:13px}.complaint-info-row>div{flex-direction:column;gap:3px;min-width:0;display:flex}.complaint-info-row span{color:#94a3b8;font-size:9px;font-weight:600}.complaint-info-row strong{color:#1e293b;white-space:normal;font-size:10px;font-weight:700;line-height:1.4}.complaint-description-row{grid-column:1/-1}.complaint-chat-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin-top:17px;overflow:hidden}.complaint-chat-heading{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;min-height:44px;padding:0 12px;display:flex}.complaint-chat-heading>div{color:#334155;align-items:center;gap:7px;font-size:11px;font-weight:800;display:flex}.complaint-chat-heading svg{color:#8c6dc5}.complaint-chat-heading>span{color:#94a3b8;font-size:9px}.complaint-chat-messages{max-height:200px;padding:11px;overflow-y:auto}.complaint-chat-bubble{border-radius:11px;max-width:82%;margin-bottom:8px;padding:9px 10px}.complaint-chat-bubble:last-child{margin-bottom:0}.complaint-chat-bubble.admin{background:#f3e8ff;border:1px solid #ddd6fe;border-bottom-right-radius:3px;margin-left:auto}.complaint-chat-bubble.resident{background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:3px;margin-right:auto}.complaint-chat-sender{color:#6f4d8b;margin-bottom:4px;font-size:9px;font-weight:800}.complaint-chat-sender small{color:#94a3b8}.complaint-chat-text{color:#334155;white-space:pre-wrap;font-size:10px;line-height:1.5}.complaint-chat-time{color:#94a3b8;text-align:right;margin-top:5px;font-size:8px}.complaint-chat-image{object-fit:cover;cursor:pointer;border-radius:8px;width:120px;height:100px;margin-bottom:5px}.complaint-chat-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:100px;font-size:10px;display:flex}.complaint-chat-empty svg{color:#cbd5e1;font-size:25px}.complaint-chat-input-area{background:#fff;border-top:1px solid #e2e8f0;padding:9px}.complaint-chat-input-row{align-items:center;gap:6px;display:flex}.complaint-attach-btn{color:#6f4d8b;cursor:pointer;background:#f8fafc;border:1px solid #dfe4ec;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.complaint-chat-input-row>input[type=text]{border:1px solid #dfe4ec;border-radius:8px;outline:none;width:100%;min-width:0;height:34px;padding:0 9px;font-family:inherit;font-size:10px}.complaint-chat-input-row>input[type=text]:focus{border-color:#8c6dc5}.complaint-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.complaint-send-btn:disabled{opacity:.45;cursor:not-allowed}.complaint-selected-file{color:#6f4d8b;background:#faf5ff;border:1px solid #ddd6fe;border-radius:7px;justify-content:space-between;align-items:center;gap:7px;margin-bottom:7px;padding:6px 8px;font-size:9px;display:flex}.complaint-selected-file span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden}.complaint-selected-file button{color:#dc2626;cursor:pointer;background:0 0;border:none}.complaint-admin-note{margin-top:14px}.complaint-admin-note label{color:#374151;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.complaint-admin-note textarea{box-sizing:border-box;resize:vertical;color:#334155;border:1px solid #dfe4ec;border-radius:9px;outline:none;width:100%;min-height:65px;padding:9px;font-family:inherit;font-size:10px}.complaint-admin-note textarea:focus{border-color:#8c6dc5}.complaint-modal-actions{border-top:1px solid #e2e8f0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;padding-top:15px;display:grid}.complaint-reject-btn,.complaint-progress-btn,.complaint-resolve-btn{color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:40px;font-family:inherit;font-size:10px;font-weight:800;display:flex}.complaint-reject-btn{background:#dc2626}.complaint-progress-btn{background:#3b82f6}.complaint-resolve-btn{background:#16a34a}.complaint-reject-btn:disabled{cursor:not-allowed;background:#fecaca}.complaint-progress-btn:disabled{cursor:not-allowed;background:#bfdbfe}.complaint-resolve-btn:disabled{cursor:not-allowed;background:#bbf7d0}.complaint-image-viewer{z-index:100002;background:#000000f2;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.complaint-image-viewer img{object-fit:contain;border-radius:8px;max-width:90vw;max-height:88vh}.complaint-image-close{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:fixed;top:20px;right:24px}.complaint-toast{z-index:100003;background:#fff;border:1px solid #e2e8f0;border-radius:13px;align-items:center;gap:11px;min-width:290px;max-width:400px;padding:13px 16px;display:flex;position:fixed;top:80px;right:25px;box-shadow:0 15px 40px #0f172a26}.complaint-toast-icon{color:#16a34a;background:#f0fdf4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;display:flex}.complaint-toast-content{flex-direction:column;gap:3px;min-width:0;display:flex}@media screen and (width<=1200px){.complaint-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.complaint-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}.complaint-table-top{flex-direction:column;align-items:flex-start}.complaint-global-search{width:100%}}@media screen and (width<=1024px){.complaint-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (width<=768px){.layout>.main,.layout>.main.collapsed{width:100%;margin-left:0;padding-top:64px}.layout>.main>.content{box-sizing:border-box;width:100%;min-height:calc(100vh - 64px);padding:14px}.complaint-page-header{flex-direction:column;align-items:stretch;gap:12px;min-height:auto;padding:14px}.complaint-header-left{align-items:flex-start}.complaint-header-icon{border-radius:10px;width:38px;height:38px;font-size:15px}.complaint-page-header h2{font-size:18px}.complaint-page-header p{font-size:10px}.complaint-refresh-btn{width:100%;height:37px}.complaint-filter-card{border-radius:15px;padding:15px}.complaint-filter-grid{grid-template-columns:1fr;gap:17px}.complaint-summary-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.complaint-summary-card{border-radius:12px;padding:11px}.complaint-summary-icon{width:32px;height:32px}.complaint-summary-card strong{font-size:16px}.complaint-table-card{border-radius:14px}.complaint-table-top{gap:11px;padding:13px}.complaint-global-search{height:38px}.complaint-status-filter{width:100%}.complaint-status-filter button{flex:1;min-width:0;padding:0 8px;font-size:9px}.complaint-table-controls{flex-direction:column;align-items:flex-start;gap:9px;padding:11px 13px}.complaint-result-count{text-align:left;width:100%}.complaint-pagination{gap:8px;padding:10px}.complaint-pagination button{min-width:70px;height:31px}.complaint-modal-overlay{padding:12px}.complaint-modal-card{border-radius:20px;max-height:92vh;padding:19px}.complaint-info-section{grid-template-columns:1fr}.complaint-description-row{grid-column:auto}.complaint-modal-actions{grid-template-columns:1fr}.complaint-toast{width:auto;min-width:0;top:72px;left:14px;right:14px}}@media screen and (width<=480px){.layout>.main>.content{padding:10px}.complaint-page-header{margin-bottom:12px;padding:12px}.complaint-page-header h2{font-size:17px}.complaint-page-header p{font-size:9px}.complaint-filter-card{padding:12px}.complaint-input-box{height:42px}.complaint-summary-row{grid-template-columns:1fr}.complaint-summary-card{padding:10px 12px}.complaint-summary-icon{width:31px;height:31px}.complaint-status-filter{grid-template-columns:repeat(2,1fr);width:100%;display:grid}.complaint-status-filter button{width:100%}.complaint-table-wrapper{overflow-x:auto}.complaint-table{min-width:1100px}.complaint-pagination{justify-content:space-between}.complaint-pagination button{min-width:68px;padding:0 8px;font-size:9px}.complaint-pagination span{font-size:9px}.complaint-modal-card{border-radius:18px;padding:16px}.complaint-modal-header h3{font-size:15px}.complaint-modal-photo,.complaint-modal-photo-wrapper{width:105px;height:105px}.complaint-chat-bubble{max-width:92%}.complaint-bottom-note{text-align:left;align-items:flex-start}}.complaint-table-wrapper::-webkit-scrollbar{width:7px;height:7px}.complaint-dropdown-menu::-webkit-scrollbar{width:7px;height:7px}.complaint-modal-card::-webkit-scrollbar{width:7px;height:7px}.complaint-chat-messages::-webkit-scrollbar{width:7px;height:7px}.complaint-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.complaint-dropdown-menu::-webkit-scrollbar-track{background:#f1f5f9}.complaint-modal-card::-webkit-scrollbar-track{background:#f1f5f9}.complaint-chat-messages::-webkit-scrollbar-track{background:#f1f5f9}.complaint-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.complaint-dropdown-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.complaint-modal-card::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.complaint-chat-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.complaint-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.complaint-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}.complaint-modal-card::-webkit-scrollbar-thumb:hover{background:#94a3b8}.complaint-chat-messages::-webkit-scrollbar-thumb:hover{background:#94a3b8}.notice-report-page{box-sizing:border-box;width:100%;max-width:100%}.notice-page-header{box-sizing:border-box;background:linear-gradient(135deg,#fff 0%,#faf8ff 100%);border:1px solid #e4e8ef;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:68px;margin-bottom:18px;padding:14px 18px;display:flex;box-shadow:0 5px 18px #0f172a0b}.notice-header-left{align-items:center;gap:12px;min-width:0;display:flex}.notice-header-icon{color:#fff;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;display:flex;box-shadow:0 5px 14px #6f4d8b33}.notice-page-header h2{color:#17324d;margin:0;font-size:21px;font-weight:800;line-height:1.2}.notice-page-header p{color:#8291a2;margin:5px 0 0;font-size:11px;font-weight:500;line-height:1.4}.notice-refresh-btn{color:#6f4d8b;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;min-width:105px;height:38px;padding:0 14px;font-family:inherit;font-size:11px;font-weight:800;transition:all .2s;display:inline-flex}.notice-refresh-btn:hover{color:#fff;background:#8c6dc5;border-color:#8c6dc5;transform:translateY(-1px)}.notice-refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.notice-spin{animation:.8s linear infinite notice-spin}@keyframes notice-spin{to{transform:rotate(360deg)}}.notice-filter-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;margin-bottom:17px;padding:20px;box-shadow:0 8px 28px #0f172a0b}.notice-filter-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:18px 14px;display:grid}.notice-field{min-width:0;position:relative}.notice-field label{color:#374151;margin:0 0 6px 3px;font-size:11px;font-weight:800;display:block}.notice-input-box{box-sizing:border-box;background:#fff;border:1px solid #d7dce5;border-radius:11px;align-items:center;width:100%;height:43px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:flex}.notice-input-box:hover{border-color:#a78bca}.notice-input-box:focus-within{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc51a}.notice-field-icon{color:#8c6dc5;flex-shrink:0;margin-right:9px;font-size:13px}.notice-input-box input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;min-width:0;height:100%;font-family:inherit;font-size:12px;font-weight:600}.notice-status-select{box-sizing:border-box;background:#f8fafc;border:1px solid #d7dce5;border-radius:11px;align-items:center;gap:4px;width:100%;height:43px;padding:4px;display:flex}.notice-status-select button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;height:33px;font-family:inherit;font-size:10px;font-weight:700;transition:all .2s}.notice-status-select button:hover{color:#6f4d8b;background:#faf5ff}.notice-status-select button.active{color:#fff;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);box-shadow:0 4px 10px #6f4d8b29}.notice-filter-action{min-width:0}.notice-search-btn,.notice-export-btn{color:#fff;cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;gap:7px;width:100%;height:43px;font-family:inherit;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.notice-search-btn{background:linear-gradient(135deg,#8c6dc5,#6f4d8b);box-shadow:0 5px 14px #6f4d8b2e}.notice-export-btn{background:linear-gradient(135deg,#2196f3,#167ba3);box-shadow:0 5px 14px #167ba32e}.notice-search-btn:hover,.notice-export-btn:hover{transform:translateY(-1px)}.notice-search-btn:disabled,.notice-export-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.notice-summary-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;margin-bottom:17px;display:grid}.notice-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:11px;min-width:0;padding:13px 15px;display:flex;box-shadow:0 5px 18px #0f172a09}.notice-summary-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.notice-summary-icon.total{color:#7c3aed;background:#f3e8ff}.notice-summary-icon.active{color:#16a34a;background:#f0fdf4}.notice-summary-icon.disabled{color:#dc2626;background:#fef2f2}.notice-summary-icon.target{color:#2563eb;background:#eff6ff}.notice-summary-card span{color:#64748b;font-size:10px;font-weight:600;display:block}.notice-summary-card strong{color:#172033;margin-top:2px;font-size:18px;font-weight:800;display:block}.notice-table-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;overflow:visible;box-shadow:0 8px 28px #0f172a0b}.notice-table-top{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:15px;padding:17px 18px 13px;display:flex}.notice-table-top h3{color:#17324d;margin:0;font-size:15px;font-weight:800}.notice-table-top p{color:#94a3b8;margin:4px 0 0;font-size:10px}.notice-global-search{box-sizing:border-box;background:#fff;border:1px solid #dfe4ec;border-radius:10px;align-items:center;width:290px;height:38px;padding:0 11px;transition:border-color .2s,box-shadow .2s;display:flex}.notice-global-search:focus-within{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc514}.notice-global-search>svg{color:#94a3b8;flex-shrink:0;margin-right:8px;font-size:12px}.notice-global-search input{color:#334155;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:11px}.notice-global-search input::placeholder{color:#94a3b8}.notice-global-search button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.notice-global-search button:hover{color:#475569;background:#f1f5f9}.notice-status-filter{flex-wrap:wrap;align-items:center;gap:6px;padding:12px 18px 4px;display:flex}.notice-status-filter button{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-height:32px;padding:0 12px;font-family:inherit;font-size:10px;font-weight:700;transition:all .2s}.notice-status-filter button:hover{color:#6f4d8b;background:#faf5ff;border-color:#c4b5fd}.notice-status-filter button.active{color:#fff;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);border-color:#8c6dc5;box-shadow:0 4px 10px #6f4d8b29}.notice-table-controls{box-sizing:border-box;justify-content:space-between;align-items:center;gap:15px;min-height:54px;padding:10px 18px;display:flex}.notice-show-entries{color:#64748b;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex;position:relative}.notice-dropdown-wrapper{position:relative}.notice-entries-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #dfe4ec;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;min-width:58px;height:31px;padding:0 9px;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex}.notice-entries-btn svg{font-size:8px}.notice-entries-menu{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:70px;padding:4px;position:absolute;top:35px;left:0;box-shadow:0 12px 30px #0f172a24}.notice-entries-menu button{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:5px;width:100%;height:30px;font-family:inherit;font-size:11px;font-weight:600}.notice-entries-menu button:hover{color:#6f4d8b;background:#faf5ff}.notice-result-count{color:#64748b;font-size:10px;font-weight:600}.notice-result-count strong{color:#334155;font-weight:800}.notice-table-wrapper{border-top:1px solid #eef2f7;width:100%;overflow-x:auto}.notice-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1250px}.notice-table th{color:#475569;text-align:center;white-space:nowrap;background:linear-gradient(135deg,#faf8ff,#f7f9fc);border-bottom:1px solid #e5e7eb;height:46px;padding:0 12px;font-size:10px;font-weight:800}.notice-table td{box-sizing:border-box;color:#334155;text-align:center;vertical-align:middle;border-bottom:1px solid #eef2f7;height:57px;padding:9px 12px;font-size:11px;font-weight:600}.notice-table tbody tr{transition:background .15s}.notice-table tbody tr:hover{background:#faf8ff}.notice-table .sr-col{width:65px}.notice-title-cell{text-align:left;align-items:center;gap:9px;min-width:0;display:flex}.notice-title-icon{color:#7c3aed;background:#f3e8ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;display:flex}.notice-title-text{min-width:0}.notice-title-text strong{text-overflow:ellipsis;white-space:nowrap;color:#1e293b;font-size:11px;font-weight:800;display:block;overflow:hidden}.notice-status-badge{letter-spacing:.3px;cursor:pointer;border-radius:20px;justify-content:center;align-items:center;min-width:78px;min-height:26px;padding:0 10px;font-family:inherit;font-size:9px;font-weight:800;transition:transform .18s,box-shadow .18s;display:inline-flex}.notice-status-badge:hover{transform:translateY(-1px)}.notice-status-badge.active{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;box-shadow:0 3px 9px #16a34a14}.notice-status-badge.disabled{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;box-shadow:0 3px 9px #dc262614}.description-col{width:270px}.notice-description-cell{-webkit-line-clamp:2;color:#475569;text-align:left;word-break:break-word;-webkit-box-orient:vertical;max-width:270px;line-height:1.45;display:-webkit-box;overflow:hidden}.notice-target-text{text-overflow:ellipsis;white-space:nowrap;color:#475569;max-width:130px;font-size:10px;font-weight:700;display:inline-block;overflow:hidden}.notice-created-by{text-align:left;justify-content:flex-start;align-items:center;gap:7px;max-width:150px;display:inline-flex}.notice-user-icon{color:#2563eb;background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;font-size:10px;display:flex}.notice-created-by span{text-overflow:ellipsis;white-space:nowrap;color:#334155;max-width:100px;font-size:10px;font-weight:700;overflow:hidden}.notice-date-text{color:#475569;white-space:nowrap;font-size:10px;font-weight:700}.notice-view-btn{color:#6f4d8b;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:30px;padding:0 11px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s;display:inline-flex}.notice-view-btn:hover{color:#fff;background:#8c6dc5;border-color:#8c6dc5;transform:translateY(-1px)}.notice-no-attachment{color:#94a3b8;font-size:10px;font-weight:600}.notice-no-data{height:230px!important}.notice-no-data>div{flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.notice-no-data svg{color:#cbd5e1;margin-bottom:4px;font-size:32px}.notice-no-data strong{color:#64748b;font-size:12px;font-weight:800}.notice-no-data span{color:#94a3b8;font-size:10px}.notice-pagination{border-top:1px solid #eef2f7;justify-content:center;align-items:center;gap:15px;min-height:65px;padding:10px 18px;display:flex}.notice-pagination button{color:#6f4d8b;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:95px;height:34px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s;display:inline-flex}.notice-pagination button:hover:not(:disabled){color:#fff;background:#8c6dc5;border-color:#8c6dc5}.notice-pagination button:disabled{opacity:.45;cursor:not-allowed}.notice-page-number{color:#64748b;text-align:center;min-width:90px;font-size:10px}.notice-page-number strong{color:#334155;font-weight:800}.notice-bottom-note{box-sizing:border-box;color:#94a3b8;border-top:1px solid #eef2f7;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:10px;display:flex}.notice-bottom-note svg{color:#8c6dc5;flex-shrink:0;font-size:12px}.notice-loading-overlay{z-index:100000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a47;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.notice-loading-box{color:#475569;background:#fff;border-radius:13px;justify-content:center;align-items:center;gap:11px;min-width:220px;padding:17px 20px;font-size:11px;font-weight:800;display:flex;box-shadow:0 20px 60px #0f172a33}.notice-loader{border:2px solid #e9d5ff;border-top-color:#8c6dc5;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite notice-loader-spin}@keyframes notice-loader-spin{to{transform:rotate(360deg)}}.notice-modal-overlay{z-index:100001;box-sizing:border-box;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.notice-modal-card{box-sizing:border-box;background:#fff;border-radius:18px;width:min(620px,100%);max-height:90vh;animation:.2s notice-modal-in;overflow-y:auto;box-shadow:0 25px 80px #0f172a47}@keyframes notice-modal-in{0%{opacity:0;transform:translateY(15px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.notice-modal-header{box-sizing:border-box;color:#fff;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);border-radius:18px 18px 0 0;justify-content:space-between;align-items:center;gap:15px;min-height:72px;padding:15px 18px;display:flex}.notice-modal-header-left{align-items:center;gap:11px;min-width:0;display:flex}.notice-modal-icon{color:#fff;background:#ffffff26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;display:flex}.notice-modal-header h3{color:#fff;margin:0;font-size:16px;font-weight:800}.notice-modal-header p{color:#ffffffbf;margin:3px 0 0;font-size:10px}.notice-modal-close{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.notice-modal-close:hover{background:#ffffff40;transform:rotate(90deg)}.notice-modal-title-box{background:#faf8ff;border:1px solid #ede9fe;border-radius:11px;margin:18px 18px 12px;padding:13px 14px}.notice-modal-title-box span{color:#94a3b8;text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:700;display:block}.notice-modal-title-box strong{color:#1e293b;font-size:14px;font-weight:800;line-height:1.4;display:block}.notice-modal-status{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;margin:0 18px 14px;padding:11px 13px;display:flex}.notice-modal-status>span:first-child{color:#64748b;font-size:10px;font-weight:700}.notice-modal-photo-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:calc(100% - 36px);height:220px;margin:0 18px 17px;position:relative;overflow:hidden}.notice-modal-photo{object-fit:cover;width:100%;height:100%}.notice-photo-eye{color:#fff;cursor:pointer;background:#0f172ab8;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;bottom:10px;right:10px}.notice-photo-eye:hover{background:#8c6dc5;transform:scale(1.05)}.notice-modal-section{margin:0 18px 16px}.notice-modal-section-title{color:#475569;align-items:center;gap:7px;margin-bottom:7px;font-size:10px;font-weight:800;display:flex}.notice-modal-section-title svg{color:#8c6dc5}.notice-modal-description{color:#475569;white-space:pre-wrap;word-break:break-word;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 13px;font-size:11px;line-height:1.6}.notice-modal-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 18px;display:grid}.notice-info-row{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:9px;min-width:0;padding:11px;display:flex}.notice-info-row>svg{color:#8c6dc5;flex-shrink:0;font-size:13px}.notice-info-row>div{flex-direction:column;gap:3px;min-width:0;display:flex}.notice-info-row span{color:#94a3b8;font-size:9px;font-weight:700}.notice-info-row strong{text-overflow:ellipsis;white-space:nowrap;color:#334155;font-size:10px;font-weight:800;overflow:hidden}.notice-modal-actions{justify-content:flex-end;margin-top:4px;padding:18px;display:flex}.notice-modal-close-btn{color:#6f4d8b;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-width:90px;height:36px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s;display:inline-flex}.notice-modal-close-btn:hover{color:#fff;background:#8c6dc5;border-color:#8c6dc5}.notice-image-viewer{z-index:100003;box-sizing:border-box;background:#000000e0;justify-content:center;align-items:center;padding:30px;animation:.2s notice-image-fade;display:flex;position:fixed;inset:0}@keyframes notice-image-fade{0%{opacity:0}to{opacity:1}}.notice-image-viewer img{object-fit:contain;border-radius:8px;max-width:92vw;max-height:88vh;box-shadow:0 20px 70px #00000080}.notice-image-close{color:#fff;cursor:pointer;z-index:5;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex;position:fixed;top:22px;right:25px}.notice-image-close:hover{background:#ffffff38}.notice-toast{z-index:100004;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:13px;align-items:center;gap:11px;min-width:290px;max-width:400px;padding:13px 16px;animation:.25s notice-toast-in;display:flex;position:fixed;top:80px;right:25px;box-shadow:0 15px 40px #0f172a26}.notice-toast.success{border-left:4px solid #16a34a}.notice-toast.warning{border-left:4px solid #f59e0b}.notice-toast.error{border-left:4px solid #dc2626}.notice-toast-icon{color:#16a34a;background:#f0fdf4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;font-size:12px;display:flex}.notice-toast.warning .notice-toast-icon{color:#d97706;background:#fffbeb}.notice-toast.error .notice-toast-icon{color:#dc2626;background:#fef2f2}.notice-toast-content{flex-direction:column;gap:3px;min-width:0;display:flex}.notice-toast-content strong{color:#1e293b;font-size:11px;font-weight:800}.notice-toast-content span{color:#64748b;font-size:10px;line-height:1.4}@keyframes notice-toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (width<=1200px){.notice-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=992px){.notice-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}.notice-table-top{flex-direction:column;align-items:flex-start}.notice-global-search{width:100%}.notice-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.notice-page-header{align-items:flex-start;min-height:auto;padding:13px}.notice-header-left{align-items:flex-start}.notice-page-header h2{font-size:18px}.notice-page-header p{font-size:10px}.notice-refresh-btn{width:38px;min-width:38px;padding:0;font-size:0}.notice-refresh-btn svg{font-size:13px}.notice-filter-card{border-radius:14px;padding:14px}.notice-filter-grid{grid-template-columns:1fr;gap:12px}.notice-summary-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.notice-summary-card{padding:11px}.notice-summary-icon{width:32px;height:32px}.notice-table-controls{flex-direction:column;align-items:flex-start;gap:9px}.notice-result-count{width:100%}.notice-pagination{gap:8px}.notice-pagination button{min-width:80px}.notice-modal-overlay{padding:12px}.notice-modal-card{border-radius:14px;max-height:94vh}.notice-modal-header{border-radius:14px 14px 0 0}.notice-modal-meta-grid{grid-template-columns:1fr}.notice-modal-photo-wrapper{height:190px}.notice-toast{min-width:0;max-width:none;top:70px;left:12px;right:12px}}@media (width<=480px){.notice-page-header{padding:11px}.notice-header-icon{border-radius:10px;width:36px;height:36px;font-size:14px}.notice-page-header h2{font-size:16px}.notice-page-header p{font-size:9px}.notice-summary-card{gap:7px;padding:9px}.notice-summary-icon{width:29px;height:29px;font-size:11px}.notice-summary-card span{font-size:9px}.notice-summary-card strong{font-size:16px}.notice-table-top{padding:14px 12px 11px}.notice-status-filter,.notice-table-controls{padding-left:12px;padding-right:12px}.notice-pagination{padding-left:10px;padding-right:10px}.notice-pagination button{min-width:72px;height:32px;font-size:9px}.notice-page-number{min-width:70px;font-size:9px}.notice-bottom-note{align-items:flex-start;min-height:auto;padding:9px 12px;line-height:1.4}.notice-modal-header{padding:13px}.notice-modal-title-box,.notice-modal-section,.notice-modal-status,.notice-modal-meta-grid,.notice-modal-photo-wrapper{margin-left:13px;margin-right:13px}.notice-modal-photo-wrapper{width:calc(100% - 26px);height:170px}.notice-modal-actions{padding:13px}.notice-modal-title-box{margin-top:13px}}@media (height<=650px){.notice-modal-card{max-height:95vh}.notice-modal-photo-wrapper{height:150px}}.flat-report-page{box-sizing:border-box;width:100%}.flat-page-header{box-sizing:border-box;background:linear-gradient(135deg,#fff,#faf8ff);border:1px solid #e4e8ef;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:68px;margin-bottom:18px;padding:14px 18px;display:flex;box-shadow:0 5px 18px #0f172a0b}.flat-header-left{align-items:center;gap:12px;min-width:0;display:flex}.flat-header-icon{color:#fff;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;display:flex;box-shadow:0 5px 14px #6f4d8b33}.flat-page-header h2{color:#17324d;margin:0;font-size:21px;font-weight:800;line-height:1.2}.flat-page-header p{color:#8291a2;margin:5px 0 0;font-size:11px;font-weight:500}.flat-refresh-btn{color:#6f4d8b;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-width:105px;height:38px;padding:0 14px;font-family:inherit;font-size:11px;font-weight:800;transition:all .2s;display:inline-flex}.flat-refresh-btn:hover{color:#fff;background:#8c6dc5;border-color:#8c6dc5;transform:translateY(-1px)}.flat-refresh-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.flat-spin{animation:.8s linear infinite flat-spin}@keyframes flat-spin{to{transform:rotate(360deg)}}.flat-filter-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;margin-bottom:17px;padding:20px;box-shadow:0 8px 28px #0f172a0b}.flat-filter-grid{grid-template-columns:1.3fr 1.4fr .8fr .8fr;align-items:end;gap:14px;display:grid}.flat-field{min-width:0;position:relative}.flat-field label{color:#374151;margin:0 0 6px 3px;font-size:11px;font-weight:800;display:block}.flat-dropdown-wrapper{width:100%;position:relative}.flat-wing-input{box-sizing:border-box;background:#fff;border:1px solid #d7dce5;border-radius:11px;align-items:center;width:100%;height:43px;padding:0 11px;transition:border-color .2s,box-shadow .2s;display:flex}.flat-wing-input:focus-within{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc51a}.flat-wing-input>svg:first-child{color:#8c6dc5;flex-shrink:0;margin-right:8px;font-size:13px}.flat-wing-input input{color:#334155;background:0 0;border:none;outline:none;width:100%;min-width:0;height:100%;font-family:inherit;font-size:11px;font-weight:600}.flat-wing-input input::placeholder{color:#94a3b8}.flat-wing-input>button{color:#94a3b8;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.flat-wing-input>button:hover{color:#ef4444}.flat-dropdown-arrow{color:#94a3b8;flex-shrink:0;font-size:9px}.flat-wing-menu{z-index:10000;background:#fff;border:1px solid #e2e8f0;border-radius:11px;max-height:230px;padding:5px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 15px 35px #0f172a24}.flat-wing-menu button{color:#334155;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;width:100%;min-height:36px;padding:0 11px;font-family:inherit;font-size:11px;font-weight:600;display:flex}.flat-wing-menu button:hover{color:#6f4d8b;background:#faf5ff}.flat-wing-menu button.selected{color:#6f4d8b;background:#f3e8ff;font-weight:800}.flat-wing-empty{color:#94a3b8;text-align:center;padding:12px;font-size:10px}.flat-status-select{box-sizing:border-box;background:#f8fafc;border:1px solid #d7dce5;border-radius:11px;align-items:center;gap:4px;width:100%;height:43px;padding:4px;display:flex}.flat-status-select button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;height:33px;font-family:inherit;font-size:9px;font-weight:800;transition:all .2s}.flat-status-select button:hover{color:#6f4d8b;background:#faf5ff}.flat-status-select button.active{color:#fff;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);box-shadow:0 4px 10px #6f4d8b29}.flat-filter-action{min-width:0}.flat-search-btn,.flat-export-btn{color:#fff;cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;gap:7px;width:100%;height:43px;font-family:inherit;font-size:11px;font-weight:800;transition:all .2s;display:inline-flex}.flat-search-btn{background:linear-gradient(135deg,#8c6dc5,#6f4d8b);box-shadow:0 5px 14px #6f4d8b2e}.flat-export-btn{background:linear-gradient(135deg,#2196f3,#167ba3);box-shadow:0 5px 14px #167ba32e}.flat-search-btn:hover,.flat-export-btn:hover{transform:translateY(-1px)}.flat-search-btn:disabled,.flat-export-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.flat-summary-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;margin-bottom:17px;display:grid}.flat-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:11px;min-width:0;padding:13px 15px;display:flex;box-shadow:0 5px 18px #0f172a09}.flat-summary-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.flat-summary-icon.total{color:#7c3aed;background:#f3e8ff}.flat-summary-icon.assigned{color:#16a34a;background:#f0fdf4}.flat-summary-icon.vacant{color:#ea580c;background:#fff7ed}.flat-summary-icon.showing{color:#2563eb;background:#eff6ff}.flat-summary-card span{color:#64748b;font-size:10px;font-weight:600;display:block}.flat-summary-card strong{color:#172033;margin-top:2px;font-size:18px;font-weight:800;display:block}.flat-table-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;overflow:visible;box-shadow:0 8px 28px #0f172a0b}.flat-table-top{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:15px;padding:17px 18px 13px;display:flex}.flat-table-top h3{color:#17324d;margin:0;font-size:15px;font-weight:800}.flat-table-top p{color:#94a3b8;margin:4px 0 0;font-size:10px}.flat-global-search{box-sizing:border-box;background:#fff;border:1px solid #dfe4ec;border-radius:10px;align-items:center;width:290px;height:38px;padding:0 11px;display:flex}.flat-global-search:focus-within{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc514}.flat-global-search>svg{color:#94a3b8;flex-shrink:0;margin-right:8px;font-size:12px}.flat-global-search input{color:#334155;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:11px}.flat-global-search input::placeholder{color:#94a3b8}.flat-global-search button{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.flat-global-search button:hover{color:#ef4444}.flat-status-filter{flex-wrap:wrap;align-items:center;gap:6px;padding:12px 18px 4px;display:flex}.flat-status-filter button{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-height:32px;padding:0 12px;font-family:inherit;font-size:10px;font-weight:700;transition:all .2s}.flat-status-filter button:hover{color:#6f4d8b;background:#faf5ff;border-color:#c4b5fd}.flat-status-filter button.active{color:#fff;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);border-color:#8c6dc5;box-shadow:0 4px 10px #6f4d8b29}.flat-table-controls{box-sizing:border-box;justify-content:space-between;align-items:center;gap:15px;min-height:54px;padding:10px 18px;display:flex}.flat-show-entries{color:#64748b;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.flat-entries-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #dfe4ec;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;min-width:58px;height:31px;padding:0 9px;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex}.flat-entries-btn svg{font-size:8px}.flat-entries-menu{z-index:10000;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:70px;padding:4px;position:absolute;top:36px;left:0;box-shadow:0 12px 30px #0f172a24}.flat-entries-menu button{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:5px;width:100%;height:30px;font-family:inherit;font-size:11px}.flat-entries-menu button:hover{color:#6f4d8b;background:#faf5ff}.flat-result-count{color:#64748b;font-size:10px;font-weight:600}.flat-result-count strong{color:#334155;font-weight:800}.flat-table-wrapper{border-top:1px solid #eef2f7;width:100%;overflow-x:auto}.flat-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1250px}.flat-table th{color:#475569;text-align:center;white-space:nowrap;background:linear-gradient(135deg,#faf8ff,#f7f9fc);border-bottom:1px solid #e5e7eb;height:46px;padding:0 11px;font-size:10px;font-weight:800}.flat-table td{box-sizing:border-box;color:#334155;text-align:center;vertical-align:middle;border-bottom:1px solid #eef2f7;height:57px;min-height:57px;padding:8px 10px;font-size:10px;font-weight:600}.flat-table tbody tr{transition:background .15s}.flat-table tbody tr:hover{background:#faf8ff}.flat-sr{color:#64748b;font-weight:800!important}.flat-number-cell{text-align:left;justify-content:flex-start;align-items:center;gap:8px;display:flex}.flat-number-icon{color:#7c3aed;background:#f3e8ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;font-size:11px;display:flex}.flat-number-cell strong{color:#1e293b;font-size:11px;font-weight:800}.flat-wing-badge{color:#6f4d8b;background:#faf5ff;border:1px solid #ddd6fe;border-radius:15px;justify-content:center;align-items:center;min-width:48px;min-height:25px;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.flat-floor-text{color:#475569;font-size:10px;font-weight:700}.flat-owner-cell{text-align:left;align-items:center;gap:7px;display:flex}.flat-owner-icon{color:#2563eb;background:#eff6ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;display:flex}.flat-owner-cell span{text-overflow:ellipsis;white-space:nowrap;color:#334155;max-width:115px;font-size:10px;font-weight:700;overflow:hidden}.flat-contact-link{color:#2563eb;white-space:nowrap;font-size:10px;font-weight:700;text-decoration:none}.flat-contact-link:hover{text-decoration:underline}.flat-empty-text{color:#94a3b8;font-size:10px}.flat-society-btn{color:#334155;cursor:pointer;background:0 0;border:none;width:100%;padding:0;font-family:inherit}.flat-society-btn span{text-overflow:ellipsis;white-space:nowrap;color:#334155;font-size:10px;font-weight:700;display:block;overflow:hidden}.flat-society-btn span.expanded{white-space:normal;word-break:break-word;overflow:visible}.flat-area-text{color:#475569;white-space:nowrap;font-size:10px;font-weight:700}.flat-address-text{text-overflow:ellipsis;white-space:nowrap;color:#64748b;text-align:left;max-width:190px;font-size:10px;font-weight:600;display:block;overflow:hidden}.flat-no-data{height:230px!important}.flat-no-data>div{flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.flat-no-data svg{color:#cbd5e1;margin-bottom:4px;font-size:32px}.flat-no-data strong{color:#64748b;font-size:12px;font-weight:800}.flat-no-data span{color:#94a3b8;font-size:10px}.flat-pagination{border-top:1px solid #eef2f7;justify-content:center;align-items:center;gap:15px;min-height:65px;padding:10px 18px;display:flex}.flat-pagination button{color:#6f4d8b;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:95px;height:34px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s;display:inline-flex}.flat-pagination button:hover:not(:disabled){color:#fff;background:#8c6dc5;border-color:#8c6dc5}.flat-pagination button:disabled{opacity:.45;cursor:not-allowed}.flat-page-number{color:#64748b;text-align:center;min-width:90px;font-size:10px}.flat-page-number strong{color:#334155;font-weight:800}.flat-bottom-note{box-sizing:border-box;color:#94a3b8;border-top:1px solid #eef2f7;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-size:10px;display:flex}.flat-bottom-note svg{color:#8c6dc5;flex-shrink:0;font-size:12px}.flat-loading-overlay{z-index:100000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a47;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.flat-loading-box{color:#475569;background:#fff;border-radius:13px;justify-content:center;align-items:center;gap:11px;min-width:220px;padding:17px 20px;font-size:11px;font-weight:800;display:flex;box-shadow:0 20px 60px #0f172a33}.flat-loader{border:2px solid #e9d5ff;border-top-color:#8c6dc5;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite flat-loader-spin}@keyframes flat-loader-spin{to{transform:rotate(360deg)}}.flat-toast{z-index:100004;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:13px;align-items:center;gap:11px;min-width:290px;max-width:400px;padding:13px 16px;animation:.25s flat-toast-in;display:flex;position:fixed;top:80px;right:25px;box-shadow:0 15px 40px #0f172a26}.flat-toast.success{border-left:4px solid #16a34a}.flat-toast.warning{border-left:4px solid #f59e0b}.flat-toast.error{border-left:4px solid #dc2626}.flat-toast-icon{color:#16a34a;background:#f0fdf4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;font-size:12px;display:flex}.flat-toast.warning .flat-toast-icon{color:#d97706;background:#fffbeb}.flat-toast.error .flat-toast-icon{color:#dc2626;background:#fef2f2}.flat-toast-content{flex-direction:column;gap:3px;min-width:0;display:flex}.flat-toast-content strong{color:#1e293b;font-size:11px;font-weight:800}.flat-toast-content span{color:#64748b;font-size:10px;line-height:1.4}@keyframes flat-toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (width<=1200px){.flat-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=992px){.flat-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}.flat-table-top{flex-direction:column;align-items:flex-start}.flat-global-search{width:100%}}@media (width<=768px){.flat-page-header{align-items:flex-start;min-height:auto;padding:13px}.flat-header-left{align-items:flex-start}.flat-page-header h2{font-size:18px}.flat-page-header p{font-size:10px}.flat-refresh-btn{width:38px;min-width:38px;padding:0;font-size:0}.flat-refresh-btn svg{font-size:13px}.flat-filter-card{border-radius:14px;padding:14px}.flat-filter-grid{grid-template-columns:1fr;gap:12px}.flat-summary-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.flat-summary-card{padding:11px}.flat-summary-icon{width:32px;height:32px}.flat-table-controls{flex-direction:column;align-items:flex-start;gap:9px}.flat-result-count{width:100%}.flat-pagination{gap:8px}.flat-pagination button{min-width:80px}.flat-toast{min-width:0;max-width:none;top:70px;left:12px;right:12px}}@media (width<=480px){.flat-page-header{padding:11px}.flat-header-icon{border-radius:10px;width:36px;height:36px;font-size:14px}.flat-page-header h2{font-size:16px}.flat-page-header p{font-size:9px}.flat-summary-card{gap:7px;padding:9px}.flat-summary-icon{width:29px;height:29px;font-size:11px}.flat-summary-card span{font-size:9px}.flat-summary-card strong{font-size:16px}.flat-table-top{padding:14px 12px 11px}.flat-status-filter,.flat-table-controls{padding-left:12px;padding-right:12px}.flat-pagination{padding-left:10px;padding-right:10px}.flat-pagination button{min-width:72px;height:32px;font-size:9px}.flat-page-number{min-width:70px;font-size:9px}.flat-bottom-note{align-items:flex-start;min-height:auto;padding:9px 12px;line-height:1.4}}.member-report-page{box-sizing:border-box;width:100%;max-width:100%}.member-page-header{box-sizing:border-box;background:linear-gradient(135deg,#fff 0%,#faf8ff 100%);border:1px solid #e4e8ef;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:68px;margin-bottom:18px;padding:14px 18px;display:flex;box-shadow:0 5px 18px #0f172a0b}.member-header-left{align-items:center;gap:12px;min-width:0;display:flex}.member-header-icon{color:#fff;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;display:flex;box-shadow:0 5px 14px #6f4d8b33}.member-page-header h2{color:#17324d;margin:0;font-size:21px;font-weight:800;line-height:1.2}.member-page-header p{color:#8291a2;margin:5px 0 0;font-size:11px;font-weight:500;line-height:1.4}.member-refresh-btn{color:#6f4d8b;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;min-width:105px;height:38px;padding:0 14px;font-family:inherit;font-size:11px;font-weight:800;transition:all .2s;display:inline-flex}.member-refresh-btn:hover{color:#fff;background:#8c6dc5;border-color:#8c6dc5;transform:translateY(-1px)}.member-refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.member-spin{animation:.8s linear infinite member-spin}@keyframes member-spin{to{transform:rotate(360deg)}}.member-filter-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;margin-bottom:17px;padding:20px;box-shadow:0 8px 28px #0f172a0b}.member-filter-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:18px 14px;display:grid}.member-field{min-width:0;position:relative}.member-field label{color:#374151;margin:0 0 6px 3px;font-size:11px;font-weight:800;display:block}.member-input-box{box-sizing:border-box;background:#fff;border:1px solid #d7dce5;border-radius:11px;align-items:center;width:100%;height:43px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:flex}.member-input-box:hover{border-color:#a78bca}.member-input-box:focus-within{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc51a}.member-field-icon{color:#8c6dc5;flex-shrink:0;margin-right:9px;font-size:13px}.member-input-box input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:12px;font-weight:600}.member-input-box input::placeholder{color:#94a3b8;font-weight:500}.member-input-box input:disabled{cursor:not-allowed;color:#94a3b8;background:#f8fafc}.member-dropdown-wrapper{position:relative}.member-dropdown-icon{color:#64748b;flex-shrink:0;margin-left:5px;font-size:11px}.member-dropdown-menu{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:11px;max-height:210px;animation:.15s member-dropdown-in;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 15px 35px #0f172a24}@keyframes member-dropdown-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.member-dropdown-item{color:#334155;text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #f1f5f9;align-items:center;width:100%;min-height:38px;padding:0 13px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s;display:flex}.member-dropdown-item:last-child{border-bottom:none}.member-dropdown-item:hover{color:#6f4d8b;background:#faf5ff}.member-dropdown-empty{text-align:center;color:#94a3b8;padding:14px;font-size:12px}.member-filter-action{min-width:0}.member-search-btn,.member-export-btn{color:#fff;cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;gap:7px;width:100%;height:43px;font-family:inherit;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.member-search-btn{background:linear-gradient(135deg,#8c6dc5,#6f4d8b);box-shadow:0 5px 14px #6f4d8b2e}.member-export-btn{background:linear-gradient(135deg,#2196f3,#167ba3);box-shadow:0 5px 14px #167ba32e}.member-search-btn:hover,.member-export-btn:hover{transform:translateY(-1px)}.member-search-btn:disabled,.member-export-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.member-summary-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;margin-bottom:17px;display:grid}.member-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:11px;min-width:0;padding:13px 15px;display:flex;box-shadow:0 5px 18px #0f172a09}.member-summary-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.member-summary-icon.total{color:#7c3aed;background:#f3e8ff}.member-summary-icon.pending{color:#d97706;background:#fffbeb}.member-summary-icon.approved{color:#16a34a;background:#f0fdf4}.member-summary-icon.rejected{color:#dc2626;background:#fef2f2}.member-summary-card span{color:#64748b;font-size:10px;font-weight:600;display:block}.member-summary-card strong{color:#172033;margin-top:2px;font-size:18px;font-weight:800;display:block}.member-table-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;overflow:visible;box-shadow:0 8px 28px #0f172a0b}.member-table-top{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:15px;padding:17px 18px 13px;display:flex}.member-global-search{box-sizing:border-box;background:#fff;border:1px solid #dfe4ec;border-radius:10px;align-items:center;width:290px;height:38px;padding:0 11px;transition:border-color .2s,box-shadow .2s;display:flex}.member-global-search:focus-within{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc514}.member-global-search>svg{color:#94a3b8;flex-shrink:0;margin-right:8px;font-size:12px}.member-global-search input{color:#334155;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:11px}.member-global-search input::placeholder{color:#94a3b8}.member-global-search button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.member-global-search button:hover{color:#475569;background:#f1f5f9}.member-status-filter{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.member-status-filter button{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-height:32px;padding:0 12px;font-family:inherit;font-size:10px;font-weight:700;transition:all .2s}.member-status-filter button:hover{color:#6f4d8b;background:#faf5ff;border-color:#c4b5fd}.member-status-filter button.active{color:#fff;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);border-color:#8c6dc5;box-shadow:0 4px 10px #6f4d8b29}.member-table-controls{box-sizing:border-box;justify-content:space-between;align-items:center;gap:15px;min-height:54px;padding:10px 18px;display:flex}.member-show-entries{color:#64748b;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex;position:relative}.member-entries-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #dfe4ec;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;min-width:58px;height:31px;padding:0 9px;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex}.member-entries-btn svg{font-size:8px}.member-entries-menu{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:70px;padding:4px;position:absolute;top:35px;left:35px;box-shadow:0 12px 30px #0f172a24}.member-entries-menu button{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:5px;width:100%;height:30px;font-family:inherit;font-size:11px;font-weight:600}.member-entries-menu button:hover{color:#6f4d8b;background:#faf5ff}.member-result-count{color:#64748b;font-size:10px;font-weight:600}.member-result-count strong{color:#334155;font-weight:800}.member-table-wrapper{border-top:1px solid #eef2f7;width:100%;overflow-x:auto}.member-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1050px}.member-table thead th{color:#fff;text-align:left;white-space:nowrap;letter-spacing:.1px;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);height:45px;padding:0 12px;font-size:10px;font-weight:800}.member-table thead th:first-child{border-top-left-radius:0;padding-left:15px}.member-table thead th:last-child{border-top-right-radius:0}.member-table th,.member-table td{box-sizing:border-box}.member-table .sr-col{text-align:center;width:65px}.member-table tbody tr{background:#fff;transition:background .15s}.member-table tbody tr:nth-child(2n){background:#f8fafc}.member-table tbody tr:hover{background:#faf5ff}.member-table tbody td{color:#334155;white-space:nowrap;border-bottom:1px solid #edf1f5;height:48px;padding:0 12px;font-size:10px;font-weight:600}.member-table tbody tr:last-child td{border-bottom:none}.member-name-cell{align-items:center;gap:8px;min-width:145px;display:flex}.member-avatar{color:#7c3aed;background:#f3e8ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;display:flex}.member-name-cell span{color:#1e293b;font-weight:700}.member-status-badge{text-transform:capitalize;cursor:pointer;box-sizing:border-box;border:none;border-radius:20px;justify-content:center;align-items:center;min-width:76px;height:27px;padding:0 11px;font-family:inherit;font-size:9px;font-weight:800;transition:transform .15s,opacity .15s;display:inline-flex;color:#fff!important}.member-status-badge.approved{color:#fff!important;background:#16a34a!important}.member-status-badge.rejected{color:#fff!important;background:#dc2626!important}.member-status-badge.pending{animation:1.4s ease-in-out infinite member-pending-blink;color:#fff!important;background:#f59e0b!important}.member-status-badge:hover{transform:translateY(-1px)}@keyframes member-pending-blink{0%,to{opacity:1}50%{opacity:.65}}.member-phone-link{color:#334155;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:10px;font-weight:700;display:inline-flex}.member-phone-link svg{color:#8c6dc5;font-size:9px}.member-phone-link:hover{color:#6f4d8b;text-decoration:underline}.member-flat-text{color:#475569;font-weight:700}.member-no-data{text-align:center;background:#fff!important;height:260px!important}.member-no-data>div{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.member-no-data svg{color:#cbd5e1;margin-bottom:5px;font-size:30px}.member-no-data strong{color:#475569;font-size:12px}.member-no-data span{color:#94a3b8;font-size:10px}.member-pagination{border-top:1px solid #eef2f7;justify-content:center;align-items:center;gap:14px;min-height:58px;padding:9px 18px;display:flex}.member-pagination button{color:#fff;cursor:pointer;background:#8c6dc5;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:82px;height:32px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s;display:inline-flex}.member-pagination button:hover:not(:disabled){background:#6f4d8b;transform:translateY(-1px)}.member-pagination button:disabled{color:#fff;cursor:not-allowed;background:#cbd5e1}.member-page-number{color:#64748b;font-size:10px;font-weight:600}.member-page-number strong{color:#334155;font-weight:800}.member-bottom-note{box-sizing:border-box;color:#64748b;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:40px;margin-top:14px;padding:9px 14px;font-size:10px;font-weight:500;display:flex}.member-bottom-note svg{color:#8c6dc5;flex-shrink:0}.member-loading-overlay{z-index:99998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.member-loading-box{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:15px;flex-direction:column;align-items:center;gap:11px;min-width:190px;padding:22px;font-size:11px;font-weight:700;display:flex;box-shadow:0 18px 45px #0f172a26}.member-loader{border:3px solid #e5e7eb;border-top-color:#8c6dc5;border-radius:50%;width:28px;height:28px;animation:.75s linear infinite member-loader-spin}@keyframes member-loader-spin{to{transform:rotate(360deg)}}.member-modal-overlay{z-index:100000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;justify-content:center;align-items:center;padding:20px;animation:.2s member-modal-fade;display:flex;position:fixed;inset:0}@keyframes member-modal-fade{0%{opacity:0}to{opacity:1}}.member-modal-card{box-sizing:border-box;background:#fff padding-box padding-box;border:3px solid #0000;border-radius:24px;width:100%;max-width:470px;max-height:90vh;padding:24px;animation:.25s member-modal-scale;position:relative;overflow-y:auto;box-shadow:0 25px 70px #0f172a40}.member-modal-card:before{content:"";z-index:-1;background:linear-gradient(135deg,#3b82f6,#9333ea);border-radius:27px;position:absolute;inset:-3px}@keyframes member-modal-scale{0%{opacity:0;transform:scale(.94)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.member-modal-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px;display:flex}.member-modal-header h3{color:#111827;margin:0;font-size:17px;font-weight:800}.member-modal-header p{color:#94a3b8;margin:4px 0 0;font-size:10px;font-weight:500}.member-modal-close{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.member-modal-close:hover{color:#dc2626;background:#fee2e2}.member-modal-photo-wrapper{width:120px;height:120px;margin:0 auto 16px;position:relative}.member-modal-photo{object-fit:cover;border:3px solid #e2e8f0;border-radius:50%;width:120px;height:120px;display:block}.member-photo-eye{color:#fff;cursor:pointer;background:#000000a6;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;bottom:5px;right:3px}.member-modal-status{background:#f8fafc;border:1px solid #eef2f7;border-radius:10px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px;padding:10px 12px;display:flex}.member-modal-status>span:first-child{color:#64748b;font-size:10px;font-weight:700}.member-modal-status .member-status-badge{cursor:default}.member-modal-status .member-status-badge:hover{transform:none}.member-info-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;padding:4px 0;display:grid}.member-info-row{background:#fff;border:1px solid #eef2f7;border-radius:10px;align-items:flex-start;gap:9px;min-width:0;padding:10px;display:flex}.member-info-row>svg{color:#64748b;flex-shrink:0;margin-top:2px;font-size:13px}.member-info-row>div{flex-direction:column;gap:3px;min-width:0;display:flex}.member-info-row span{color:#94a3b8;font-size:9px;font-weight:600}.member-info-row strong{color:#1e293b;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.member-modal-phone{color:#6f4d8b;text-align:left;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:11px;font-weight:800}.member-modal-phone:hover{text-decoration:underline}.member-modal-actions{border-top:1px solid #e2e8f0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;padding-top:16px;display:grid}.member-reject-btn,.member-approve-btn{color:#fff;cursor:pointer;border:none;border-radius:22px;justify-content:center;align-items:center;gap:8px;height:42px;font-family:inherit;font-size:11px;font-weight:800;transition:all .2s;display:flex}.member-reject-btn{background:#dc2626}.member-approve-btn{background:#16a34a}.member-reject-btn:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px);box-shadow:0 6px 15px #dc262633}.member-approve-btn:hover:not(:disabled){background:#15803d;transform:translateY(-1px);box-shadow:0 6px 15px #16a34a33}.member-reject-btn:disabled{color:#fff;cursor:not-allowed;background:#fecaca}.member-approve-btn:disabled{color:#fff;cursor:not-allowed;background:#bbf7d0}.member-image-viewer{z-index:100001;background:#000000f2;justify-content:center;align-items:center;padding:40px;animation:.2s member-image-fade;display:flex;position:fixed;inset:0}@keyframes member-image-fade{0%{opacity:0}to{opacity:1}}.member-image-viewer img{object-fit:contain;border-radius:8px;max-width:90vw;max-height:88vh;box-shadow:0 20px 70px #00000080}.member-image-close{color:#fff;cursor:pointer;z-index:5;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex;position:fixed;top:22px;right:25px}.member-image-close:hover{background:#ffffff38}.member-toast{z-index:100002;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:13px;align-items:center;gap:11px;min-width:290px;max-width:400px;padding:13px 16px;animation:.25s member-toast-in;display:flex;position:fixed;top:80px;right:25px;box-shadow:0 15px 40px #0f172a26}.member-toast.success{border-left:4px solid #16a34a}.member-toast.warning{border-left:4px solid #f59e0b}.member-toast.error{border-left:4px solid #dc2626}.member-toast-icon{color:#16a34a;background:#f0fdf4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;font-size:12px;display:flex}.member-toast.warning .member-toast-icon{color:#d97706;background:#fffbeb}.member-toast.error .member-toast-icon{color:#dc2626;background:#fef2f2}.member-toast-content{flex-direction:column;gap:3px;min-width:0;display:flex}.member-toast-content strong{color:#1e293b;font-size:11px;font-weight:800}.member-toast-content span{color:#64748b;font-size:10px;line-height:1.4}@keyframes member-toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media screen and (width<=1200px){.member-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.member-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}.member-table-top{flex-direction:column;align-items:flex-start}.member-global-search{width:100%}}@media screen and (width<=1024px){.member-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-filter-action{min-width:0}.member-info-section{grid-template-columns:1fr}}@media screen and (width<=768px){.layout>.main,.layout>.main.collapsed{width:100%;margin-left:0;padding-top:64px}.layout>.main>.content{box-sizing:border-box;width:100%;min-height:calc(100vh - 64px);padding:14px}.member-page-header{border-radius:13px;flex-direction:column;align-items:stretch;gap:12px;min-height:auto;padding:14px}.member-header-left{align-items:flex-start}.member-header-icon{border-radius:10px;width:38px;height:38px;font-size:15px}.member-page-header h2{font-size:18px}.member-page-header p{font-size:10px}.member-refresh-btn{width:100%;height:37px}.member-filter-card{border-radius:15px;padding:15px}.member-filter-grid{grid-template-columns:1fr;gap:17px}.member-summary-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.member-summary-card{border-radius:12px;padding:11px}.member-summary-icon{width:32px;height:32px}.member-summary-card strong{font-size:16px}.member-table-card{border-radius:14px}.member-table-top{gap:11px;padding:13px}.member-global-search{height:38px}.member-status-filter{width:100%}.member-status-filter button{flex:1;min-width:0;padding:0 8px;font-size:9px}.member-table-controls{flex-direction:column;align-items:flex-start;gap:9px;padding:11px 13px}.member-result-count{text-align:left;width:100%}.member-pagination{gap:8px;padding:10px}.member-pagination button{min-width:70px;height:31px}.member-modal-overlay{padding:12px}.member-modal-card{border-radius:20px;max-height:92vh;padding:19px}.member-info-section,.member-modal-actions{grid-template-columns:1fr}.member-toast{width:auto;min-width:0;top:72px;left:14px;right:14px}}@media screen and (width<=480px){.layout>.main>.content{padding:10px}.member-page-header{margin-bottom:12px;padding:12px}.member-page-header h2{font-size:17px}.member-page-header p{font-size:9px}.member-filter-card{padding:12px}.member-input-box{border-radius:9px;height:42px}.member-input-box input{font-size:11px}.member-summary-row{grid-template-columns:1fr}.member-summary-card{padding:10px 12px}.member-summary-icon{width:31px;height:31px}.member-status-filter{grid-template-columns:repeat(2,1fr);width:100%;display:grid}.member-status-filter button{width:100%}.member-table-wrapper{overflow-x:auto}.member-table{min-width:1050px}.member-pagination{justify-content:space-between}.member-pagination button{min-width:68px;padding:0 8px;font-size:9px}.member-page-number{font-size:9px}.member-modal-card{border-radius:18px;padding:16px}.member-modal-header h3{font-size:15px}.member-modal-photo,.member-modal-photo-wrapper{width:105px;height:105px}.member-info-row{padding:9px}.member-bottom-note{text-align:left;align-items:flex-start}}.member-table-wrapper::-webkit-scrollbar{width:7px;height:7px}.member-dropdown-menu::-webkit-scrollbar{width:7px;height:7px}.member-modal-card::-webkit-scrollbar{width:7px;height:7px}.member-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.member-dropdown-menu::-webkit-scrollbar-track{background:#f1f5f9}.member-modal-card::-webkit-scrollbar-track{background:#f1f5f9}.member-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.member-dropdown-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.member-modal-card::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.member-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.member-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}.member-modal-card::-webkit-scrollbar-thumb:hover{background:#94a3b8}.maintenance-paid-page{box-sizing:border-box;width:100%;max-width:100%}.maintenance-paid-page-header{box-sizing:border-box;background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);border:1px solid #e4e8ef;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:68px;margin-bottom:18px;padding:14px 18px;display:flex;box-shadow:0 5px 18px #0f172a0b}.maintenance-paid-header-left{align-items:center;gap:12px;min-width:0;display:flex}.maintenance-paid-header-icon{color:#fff;background:linear-gradient(135deg,#2196f3,#167ba3);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;display:flex;box-shadow:0 5px 14px #167ba333}.maintenance-paid-page-header h2{color:#17324d;margin:0;font-size:21px;font-weight:800;line-height:1.2}.maintenance-paid-page-header p{color:#8291a2;margin:5px 0 0;font-size:11px;font-weight:500;line-height:1.4}.maintenance-paid-refresh-btn{color:#167ba3;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;min-width:105px;height:38px;padding:0 14px;font-family:inherit;font-size:11px;font-weight:800;transition:all .2s;display:inline-flex}.maintenance-paid-refresh-btn:hover{color:#fff;background:#167ba3;border-color:#167ba3;transform:translateY(-1px)}.maintenance-paid-refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.maintenance-paid-spin{animation:.8s linear infinite maintenance-paid-spin}@keyframes maintenance-paid-spin{to{transform:rotate(360deg)}}.maintenance-paid-filter-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;margin-bottom:17px;padding:20px;box-shadow:0 8px 28px #0f172a0b}.maintenance-paid-filter-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:18px 14px;display:grid}.maintenance-paid-field{min-width:0;position:relative}.maintenance-paid-field label{color:#374151;margin:0 0 6px 3px;font-size:11px;font-weight:800;display:block}.maintenance-paid-input-box{box-sizing:border-box;background:#fff;border:1px solid #d7dce5;border-radius:11px;align-items:center;width:100%;height:43px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:flex}.maintenance-paid-input-box:hover{border-color:#7dd3fc}.maintenance-paid-input-box:focus-within{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.maintenance-paid-field-icon{color:#167ba3;flex-shrink:0;margin-right:9px;font-size:13px}.maintenance-paid-input-box input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:12px;font-weight:600}.maintenance-paid-input-box input::placeholder{color:#94a3b8;font-weight:500}.maintenance-paid-input-box input[type=date]{cursor:pointer}.maintenance-paid-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.maintenance-paid-clear-btn:hover{color:#ef4444;background:#f1f5f9}.maintenance-dropdown-wrapper{position:relative}.maintenance-paid-dropdown-icon{color:#64748b;flex-shrink:0;margin-left:5px;font-size:10px}.maintenance-paid-dropdown-menu{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:11px;max-height:230px;animation:.15s maintenance-paid-dropdown-in;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 15px 35px #0f172a24}@keyframes maintenance-paid-dropdown-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.maintenance-paid-dropdown-item{color:#334155;text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;width:100%;min-height:40px;padding:0 13px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s;display:flex}.maintenance-paid-dropdown-item:last-child{border-bottom:none}.maintenance-paid-dropdown-item:hover{color:#167ba3;background:#eff6ff}.maintenance-paid-dropdown-item svg{color:#167ba3;font-size:11px}.maintenance-paid-dropdown-item.all-item{color:#167ba3;background:#f8fbff;font-weight:800}.maintenance-paid-dropdown-empty{text-align:center;color:#94a3b8;padding:14px;font-size:12px}.maintenance-paid-filter-action{min-width:0}.maintenance-paid-search-btn,.maintenance-paid-export-btn{color:#fff;cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;gap:7px;width:100%;height:43px;font-family:inherit;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.maintenance-paid-search-btn{background:linear-gradient(135deg,#2196f3,#167ba3);box-shadow:0 5px 14px #167ba32e}.maintenance-paid-export-btn{background:linear-gradient(135deg,#22c55e,#15803d);box-shadow:0 5px 14px #15803d2e}.maintenance-paid-search-btn:hover,.maintenance-paid-export-btn:hover{transform:translateY(-1px)}.maintenance-paid-search-btn:disabled,.maintenance-paid-export-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.maintenance-paid-summary-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;margin-bottom:17px;display:grid}.maintenance-paid-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:11px;min-width:0;padding:13px 15px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 5px 18px #0f172a09}.maintenance-paid-summary-card:hover{transform:translateY(-2px);box-shadow:0 9px 24px #0f172a14}.maintenance-paid-summary-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.maintenance-paid-summary-icon.records{color:#0284c7;background:#e0f2fe}.maintenance-paid-summary-icon.amount{color:#16a34a;background:#dcfce7}.maintenance-paid-summary-icon.average{color:#d97706;background:#fef3c7}.maintenance-paid-summary-icon.range{color:#7c3aed;background:#ede9fe}.maintenance-paid-summary-card span{color:#64748b;font-size:10px;font-weight:600;display:block}.maintenance-paid-summary-card strong{color:#172033;margin-top:2px;font-size:17px;font-weight:800;display:block}.maintenance-paid-date-value{font-size:11px!important}.maintenance-paid-table-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;overflow:visible;box-shadow:0 8px 28px #0f172a0b}.maintenance-paid-table-top{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:15px;padding:15px 18px;display:flex}.maintenance-paid-table-heading{align-items:center;gap:10px;min-width:0;display:flex}.maintenance-paid-table-heading-icon{color:#0284c7;background:#e0f2fe;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;display:flex}.maintenance-paid-table-heading h3{color:#1e293b;margin:0;font-size:13px;font-weight:800}.maintenance-paid-table-heading span{color:#94a3b8;margin-top:2px;font-size:9px;font-weight:500;display:block}.maintenance-paid-global-search{box-sizing:border-box;background:#fff;border:1px solid #dfe4ec;border-radius:10px;align-items:center;width:320px;height:38px;padding:0 11px;transition:border-color .2s,box-shadow .2s;display:flex}.maintenance-paid-global-search:focus-within{border-color:#2196f3;box-shadow:0 0 0 3px #2196f314}.maintenance-paid-global-search>svg{color:#94a3b8;flex-shrink:0;margin-right:8px;font-size:12px}.maintenance-paid-global-search input{color:#334155;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:11px}.maintenance-paid-global-search input::placeholder{color:#94a3b8}.maintenance-paid-global-search button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.maintenance-paid-global-search button:hover{color:#ef4444;background:#f1f5f9}.maintenance-paid-table-controls{box-sizing:border-box;justify-content:space-between;align-items:center;gap:15px;min-height:54px;padding:10px 18px;display:flex}.maintenance-paid-show-entries{color:#64748b;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex;position:relative}.maintenance-paid-entries-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #dfe4ec;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;min-width:58px;height:31px;padding:0 9px;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex}.maintenance-paid-entries-btn svg{font-size:8px}.maintenance-paid-entries-menu{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:70px;padding:4px;position:absolute;top:36px;left:35px;box-shadow:0 12px 30px #0f172a24}.maintenance-paid-entries-menu button{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:5px;width:100%;height:30px;font-family:inherit;font-size:11px;font-weight:600}.maintenance-paid-entries-menu button:hover{color:#167ba3;background:#eff6ff}.maintenance-paid-result-count{color:#64748b;font-size:10px;font-weight:600}.maintenance-paid-result-count strong{color:#334155;font-weight:800}.maintenance-paid-table-wrapper{border-top:1px solid #eef2f7;width:100%;overflow-x:auto}.maintenance-paid-table{border-collapse:separate;border-spacing:0;width:100%;min-width:800px}.maintenance-paid-table thead th{color:#fff;text-align:left;white-space:nowrap;letter-spacing:.1px;background:linear-gradient(135deg,#2196f3,#167ba3);height:45px;padding:0 12px;font-size:10px;font-weight:800}.maintenance-paid-table thead th:first-child{padding-left:15px}.maintenance-paid-table th,.maintenance-paid-table td{box-sizing:border-box}.maintenance-paid-table .sr-col{text-align:center;width:65px}.maintenance-paid-table tbody tr{background:#fff;transition:background .15s}.maintenance-paid-table tbody tr:nth-child(2n){background:#f8fafc}.maintenance-paid-table tbody tr:hover{background:#eff6ff}.maintenance-paid-table tbody td{color:#334155;white-space:nowrap;border-bottom:1px solid #edf1f5;height:50px;padding:0 12px;font-size:10px;font-weight:600}.maintenance-paid-table tbody tr:last-child td{border-bottom:none}.maintenance-paid-owner-cell{align-items:center;gap:8px;min-width:170px;display:flex}.maintenance-paid-owner-avatar{color:#0284c7;background:#e0f2fe;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;display:flex}.maintenance-paid-owner-cell span{color:#1e293b;font-weight:700}.maintenance-paid-wing-badge{color:#0369a1;background:#f0f9ff;border-radius:20px;align-items:center;gap:5px;min-height:25px;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.maintenance-paid-wing-badge svg{font-size:8px}.maintenance-paid-flat-text{color:#475569;font-weight:800}.maintenance-paid-date-cell{color:#475569;align-items:center;gap:6px;font-weight:700;display:inline-flex}.maintenance-paid-date-cell svg{color:#0284c7;font-size:9px}.maintenance-paid-amount-badge{color:#15803d;background:#f0fdf4;border-radius:20px;justify-content:center;align-items:center;min-width:95px;padding:6px 10px;font-size:10px;font-weight:800;display:inline-flex}.maintenance-paid-no-data{text-align:center;background:#fff!important;height:260px!important}.maintenance-paid-no-data>div{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.maintenance-paid-no-data svg{color:#cbd5e1;margin-bottom:5px;font-size:32px}.maintenance-paid-no-data strong{color:#475569;font-size:12px}.maintenance-paid-no-data span{color:#94a3b8;font-size:10px}.maintenance-paid-pagination{border-top:1px solid #eef2f7;justify-content:center;align-items:center;gap:14px;min-height:58px;padding:9px 18px;display:flex}.maintenance-paid-pagination button{color:#fff;cursor:pointer;background:#167ba3;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:82px;height:32px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s;display:inline-flex}.maintenance-paid-pagination button:hover:not(:disabled){background:#0f5f80;transform:translateY(-1px)}.maintenance-paid-pagination button:disabled{color:#fff;cursor:not-allowed;background:#cbd5e1}.maintenance-paid-page-number{color:#64748b;font-size:10px;font-weight:600}.maintenance-paid-page-number strong{color:#334155;font-weight:800}.maintenance-paid-bottom-note{box-sizing:border-box;color:#64748b;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:40px;margin-top:14px;padding:9px 14px;font-size:10px;font-weight:500;display:flex}.maintenance-paid-bottom-note svg{color:#167ba3;flex-shrink:0}.maintenance-paid-loading-overlay{z-index:99998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.maintenance-paid-loading-box{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:15px;flex-direction:column;align-items:center;gap:11px;min-width:210px;padding:22px;font-size:11px;font-weight:700;display:flex;box-shadow:0 18px 45px #0f172a26}.maintenance-paid-loader{border:3px solid #e5e7eb;border-top-color:#167ba3;border-radius:50%;width:28px;height:28px;animation:.75s linear infinite maintenance-paid-loader-spin}@keyframes maintenance-paid-loader-spin{to{transform:rotate(360deg)}}.maintenance-paid-toast{z-index:100002;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:13px;align-items:center;gap:11px;min-width:290px;max-width:400px;padding:13px 16px;animation:.25s maintenance-paid-toast-in;display:flex;position:fixed;top:80px;right:25px;box-shadow:0 15px 40px #0f172a26}.maintenance-paid-toast.success{border-left:4px solid #16a34a}.maintenance-paid-toast.warning{border-left:4px solid #f59e0b}.maintenance-paid-toast.error{border-left:4px solid #dc2626}.maintenance-paid-toast-icon{color:#16a34a;background:#f0fdf4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;font-size:12px;display:flex}.maintenance-paid-toast.warning .maintenance-paid-toast-icon{color:#d97706;background:#fffbeb}.maintenance-paid-toast.error .maintenance-paid-toast-icon{color:#dc2626;background:#fef2f2}.maintenance-paid-toast-content{flex-direction:column;gap:3px;min-width:0;display:flex}.maintenance-paid-toast-content strong{color:#1e293b;font-size:11px;font-weight:800}.maintenance-paid-toast-content span{color:#64748b;font-size:10px;line-height:1.4}@keyframes maintenance-paid-toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media screen and (width<=1250px){.maintenance-paid-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.maintenance-paid-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}.maintenance-paid-table-top{flex-direction:column;align-items:flex-start}.maintenance-paid-global-search{width:100%}}@media screen and (width<=1024px){.maintenance-paid-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (width<=768px){.layout>.main,.layout>.main.collapsed{width:100%;margin-left:0;padding-top:64px}.layout>.main>.content{box-sizing:border-box;width:100%;min-height:calc(100vh - 64px);padding:14px}.maintenance-paid-page-header{border-radius:13px;flex-direction:column;align-items:stretch;gap:12px;min-height:auto;padding:14px}.maintenance-paid-header-left{align-items:flex-start}.maintenance-paid-header-icon{border-radius:10px;width:38px;height:38px;font-size:15px}.maintenance-paid-page-header h2{font-size:18px}.maintenance-paid-page-header p{font-size:10px}.maintenance-paid-refresh-btn{width:100%;height:37px}.maintenance-paid-filter-card{border-radius:15px;padding:15px}.maintenance-paid-filter-grid{grid-template-columns:1fr;gap:17px}.maintenance-paid-summary-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.maintenance-paid-summary-card{border-radius:12px;padding:11px}.maintenance-paid-summary-icon{width:32px;height:32px}.maintenance-paid-summary-card strong{font-size:15px}.maintenance-paid-date-value{font-size:9px!important}.maintenance-paid-table-card{border-radius:14px}.maintenance-paid-table-top{gap:11px;padding:13px}.maintenance-paid-global-search{height:38px}.maintenance-paid-table-controls{flex-direction:column;align-items:flex-start;gap:9px;padding:11px 13px}.maintenance-paid-result-count{text-align:left;width:100%}.maintenance-paid-pagination{gap:8px;padding:10px}.maintenance-paid-pagination button{min-width:70px;height:31px}.maintenance-paid-toast{width:auto;min-width:0;top:72px;left:14px;right:14px}}@media screen and (width<=480px){.layout>.main>.content{padding:10px}.maintenance-paid-page-header{margin-bottom:12px;padding:12px}.maintenance-paid-page-header h2{font-size:17px}.maintenance-paid-page-header p{font-size:9px}.maintenance-paid-filter-card{padding:12px}.maintenance-paid-input-box{border-radius:9px;height:42px}.maintenance-paid-input-box input{font-size:11px}.maintenance-paid-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}.maintenance-paid-summary-card{padding:10px}.maintenance-paid-summary-icon{width:30px;height:30px;font-size:12px}.maintenance-paid-summary-card span{font-size:9px}.maintenance-paid-summary-card strong{font-size:13px}.maintenance-paid-date-value{font-size:8px!important}.maintenance-paid-table-wrapper{overflow-x:auto}.maintenance-paid-table{min-width:800px}.maintenance-paid-pagination{justify-content:space-between}.maintenance-paid-pagination button{min-width:68px;padding:0 8px;font-size:9px}.maintenance-paid-page-number{font-size:9px}.maintenance-paid-bottom-note{text-align:left;align-items:flex-start}}.maintenance-paid-table-wrapper::-webkit-scrollbar{width:7px;height:7px}.maintenance-paid-dropdown-menu::-webkit-scrollbar{width:7px;height:7px}.maintenance-paid-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.maintenance-paid-dropdown-menu::-webkit-scrollbar-track{background:#f1f5f9}.maintenance-paid-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.maintenance-paid-dropdown-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.maintenance-paid-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.maintenance-paid-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}.tenant-page{box-sizing:border-box;width:100%;max-width:100%}.tenant-page-header{box-sizing:border-box;background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);border:1px solid #e4e8ef;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:68px;margin-bottom:18px;padding:14px 18px;display:flex;box-shadow:0 5px 18px #0f172a0b}.tenant-header-left{align-items:center;gap:12px;min-width:0;display:flex}.tenant-header-icon{color:#fff;background:linear-gradient(135deg,#2196f3,#167ba3);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;display:flex;box-shadow:0 5px 14px #167ba333}.tenant-refresh-btn:hover{color:#fff;background:#167ba3;border-color:#167ba3;transform:translateY(-1px)}.tenant-spin{animation:.8s linear infinite tenant-spin}@keyframes tenant-spin{to{transform:rotate(360deg)}}.tenant-filter-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;margin-bottom:17px;padding:20px;box-shadow:0 8px 28px #0f172a0b}.tenant-filter-grid{grid-template-columns:minmax(0,1fr) 180px 180px;align-items:end;gap:14px;display:grid}.tenant-filter-search{min-width:0}.tenant-filter-search label{color:#374151;margin:0 0 6px 3px;font-size:11px;font-weight:800;display:block}.tenant-input-box{box-sizing:border-box;background:#fff;border:1px solid #d7dce5;border-radius:11px;align-items:center;width:100%;height:43px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:flex}.tenant-input-box:hover{border-color:#7dd3fc}.tenant-input-box:focus-within{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.tenant-field-icon{color:#167ba3;flex-shrink:0;margin-right:9px;font-size:13px}.tenant-input-box input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:12px;font-weight:600}.tenant-input-box input::placeholder{color:#94a3b8;font-weight:500}.tenant-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.tenant-clear-btn:hover{color:#ef4444;background:#f1f5f9}.tenant-filter-action{min-width:0}.tenant-search-btn,.tenant-export-btn{color:#fff;cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;gap:7px;width:100%;height:43px;font-family:inherit;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.tenant-search-btn{background:linear-gradient(135deg,#2196f3,#167ba3);box-shadow:0 5px 14px #167ba32e}.tenant-export-btn{background:linear-gradient(135deg,#22c55e,#15803d);box-shadow:0 5px 14px #15803d2e}.tenant-search-btn:hover,.tenant-export-btn:hover{transform:translateY(-1px)}.tenant-search-btn:disabled,.tenant-export-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.tenant-summary-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;margin-bottom:17px;display:grid}.tenant-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:11px;min-width:0;padding:13px 15px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 5px 18px #0f172a09}.tenant-summary-card:hover{transform:translateY(-2px);box-shadow:0 9px 24px #0f172a14}.tenant-summary-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.tenant-summary-icon.total{color:#0284c7;background:#e0f2fe}.tenant-summary-icon.active{color:#16a34a;background:#dcfce7}.tenant-summary-icon.inactive{color:#dc2626;background:#fee2e2}.tenant-summary-icon.flats{color:#7c3aed;background:#ede9fe}.tenant-summary-card span{color:#64748b;font-size:10px;font-weight:600;display:block}.tenant-summary-card strong{color:#172033;margin-top:2px;font-size:17px;font-weight:800;display:block}.tenant-table-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;overflow:visible;box-shadow:0 8px 28px #0f172a0b}.tenant-table-top{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:15px;padding:15px 18px;display:flex}.tenant-table-heading{align-items:center;gap:10px;min-width:0;display:flex}.tenant-table-heading-icon{color:#0284c7;background:#e0f2fe;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;display:flex}.tenant-table-heading h3{color:#1e293b;margin:0;font-size:13px;font-weight:800}.tenant-table-heading span{color:#94a3b8;margin-top:2px;font-size:9px;font-weight:500;display:block}.tenant-global-search{box-sizing:border-box;background:#fff;border:1px solid #dfe4ec;border-radius:10px;align-items:center;width:330px;height:38px;padding:0 11px;transition:border-color .2s,box-shadow .2s;display:flex}.tenant-global-search:focus-within{border-color:#2196f3;box-shadow:0 0 0 3px #2196f314}.tenant-global-search>svg{color:#94a3b8;flex-shrink:0;margin-right:8px;font-size:12px}.tenant-global-search input{color:#334155;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:11px}.tenant-global-search input::placeholder{color:#94a3b8}.tenant-global-search button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.tenant-global-search button:hover{color:#ef4444;background:#f1f5f9}.tenant-table-controls{box-sizing:border-box;justify-content:space-between;align-items:center;gap:15px;min-height:54px;padding:10px 18px;display:flex}.tenant-show-entries{color:#64748b;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex;position:relative}.tenant-entries-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #dfe4ec;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;min-width:58px;height:31px;padding:0 9px;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex}.tenant-entries-btn svg{font-size:8px}.tenant-entries-menu{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:70px;padding:4px;position:absolute;top:36px;left:35px;box-shadow:0 12px 30px #0f172a24}.tenant-entries-menu button{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:5px;width:100%;height:30px;font-family:inherit;font-size:11px;font-weight:600}.tenant-entries-menu button:hover{color:#167ba3;background:#eff6ff}.tenant-result-count{color:#64748b;font-size:10px;font-weight:600}.tenant-result-count strong{color:#334155;font-weight:800}.tenant-table-wrapper{border-top:1px solid #eef2f7;width:100%;overflow-x:auto}.tenant-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1250px}.tenant-table thead th{color:#fff;text-align:left;white-space:nowrap;letter-spacing:.1px;background:linear-gradient(135deg,#2196f3,#167ba3);height:45px;padding:0 12px;font-size:10px;font-weight:800}.tenant-table thead th:first-child{padding-left:15px}.tenant-table th,.tenant-table td{box-sizing:border-box}.tenant-table .sr-col{text-align:center;width:65px}.tenant-table tbody tr{background:#fff;transition:background .15s}.tenant-table tbody tr:nth-child(2n){background:#f8fafc}.tenant-table tbody tr:hover{background:#eff6ff}.tenant-table tbody td{color:#334155;white-space:nowrap;border-bottom:1px solid #edf1f5;height:52px;padding:0 12px;font-size:10px;font-weight:600}.tenant-table tbody tr:last-child td{border-bottom:none}.tenant-name-cell{align-items:center;gap:8px;min-width:160px;display:flex}.tenant-avatar{color:#0284c7;background:#e0f2fe;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;font-size:10px;display:flex}.tenant-name-cell span{color:#1e293b;font-weight:800}.tenant-phone-link{color:#334155;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:10px;font-weight:700;display:inline-flex}.tenant-phone-link svg{color:#167ba3;font-size:9px}.tenant-phone-link:hover{color:#167ba3;text-decoration:underline}.tenant-email-link{color:#475569;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;max-width:220px;padding:0;font-family:inherit;font-size:10px;font-weight:700;display:inline-flex}.tenant-email-link svg{color:#7c3aed;flex-shrink:0;font-size:9px}.tenant-email-link:hover{color:#7c3aed;text-decoration:underline}.tenant-address-text{color:#475569;text-overflow:ellipsis;vertical-align:middle;max-width:220px;font-weight:600;display:inline-block;overflow:hidden}.tenant-wing-badge{color:#0369a1;background:#f0f9ff;border-radius:20px;align-items:center;gap:5px;min-height:26px;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.tenant-wing-badge svg{font-size:8px}.tenant-flat-badge{color:#6d28d9;background:#f5f3ff;border-radius:20px;align-items:center;gap:5px;min-height:26px;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.tenant-flat-badge svg{font-size:8px}.tenant-owner-cell{align-items:center;gap:7px;min-width:145px;display:flex}.tenant-owner-avatar{color:#64748b;background:#f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;font-size:9px;display:flex}.tenant-owner-cell span{color:#334155;font-weight:700}.tenant-status-badge{text-transform:capitalize;box-sizing:border-box;border-radius:20px;justify-content:center;align-items:center;min-width:76px;height:27px;padding:0 11px;font-family:inherit;font-size:9px;font-weight:800;display:inline-flex;color:#fff!important}.tenant-status-badge.active{color:#fff!important;background:#16a34a!important}.tenant-status-badge.inactive{color:#fff!important;background:#dc2626!important}.tenant-status-badge.pending{animation:1.4s ease-in-out infinite tenant-pending-blink;color:#fff!important;background:#f59e0b!important}.tenant-status-badge.default{color:#fff!important;background:#64748b!important}@keyframes tenant-pending-blink{0%,to{opacity:1}50%{opacity:.65}}.tenant-no-data{text-align:center;background:#fff!important;height:260px!important}.tenant-no-data>div{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.tenant-no-data svg{color:#cbd5e1;margin-bottom:5px;font-size:32px}.tenant-no-data strong{color:#475569;font-size:12px}.tenant-no-data span{color:#94a3b8;font-size:10px}.tenant-pagination{border-top:1px solid #eef2f7;justify-content:center;align-items:center;gap:14px;min-height:58px;padding:9px 18px;display:flex}.tenant-pagination button{color:#fff;cursor:pointer;background:#167ba3;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:82px;height:32px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s;display:inline-flex}.tenant-pagination button:hover:not(:disabled){background:#0f5f80;transform:translateY(-1px)}.tenant-pagination button:disabled{color:#fff;cursor:not-allowed;background:#cbd5e1}.tenant-page-number{color:#64748b;font-size:10px;font-weight:600}.tenant-page-number strong{color:#334155;font-weight:800}.tenant-bottom-note{box-sizing:border-box;color:#64748b;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:40px;margin-top:14px;padding:9px 14px;font-size:10px;font-weight:500;display:flex}.tenant-bottom-note svg{color:#167ba3;flex-shrink:0}.tenant-loading-overlay{z-index:99998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tenant-loading-box{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:15px;flex-direction:column;align-items:center;gap:11px;min-width:200px;padding:22px;font-size:11px;font-weight:700;display:flex;box-shadow:0 18px 45px #0f172a26}.tenant-loader{border:3px solid #e5e7eb;border-top-color:#167ba3;border-radius:50%;width:28px;height:28px;animation:.75s linear infinite tenant-loader-spin}@keyframes tenant-loader-spin{to{transform:rotate(360deg)}}.tenant-toast{z-index:100002;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:13px;align-items:center;gap:11px;min-width:290px;max-width:400px;padding:13px 16px;animation:.25s tenant-toast-in;display:flex;position:fixed;top:80px;right:25px;box-shadow:0 15px 40px #0f172a26}.tenant-toast.success{border-left:4px solid #16a34a}.tenant-toast.warning{border-left:4px solid #f59e0b}.tenant-toast.error{border-left:4px solid #dc2626}.tenant-toast-icon{color:#16a34a;background:#f0fdf4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;font-size:12px;display:flex}.tenant-toast.warning .tenant-toast-icon{color:#d97706;background:#fffbeb}.tenant-toast.error .tenant-toast-icon{color:#dc2626;background:#fef2f2}.tenant-toast-content{flex-direction:column;gap:3px;min-width:0;display:flex}.tenant-toast-content strong{color:#1e293b;font-size:11px;font-weight:800}.tenant-toast-content span{color:#64748b;font-size:10px;line-height:1.4}@keyframes tenant-toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media screen and (width<=1200px){.tenant-filter-grid{grid-template-columns:minmax(0,1fr) 160px 160px}.tenant-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}.tenant-table-top{flex-direction:column;align-items:flex-start}.tenant-global-search{width:100%}}@media screen and (width<=1024px){.tenant-filter-grid{grid-template-columns:1fr 1fr}.tenant-filter-search{grid-column:1/-1}}@media screen and (width<=768px){.layout>.main,.layout>.main.collapsed{width:100%;margin-left:0;padding-top:64px}.layout>.main>.content{box-sizing:border-box;width:100%;min-height:calc(100vh - 64px);padding:14px}.tenant-page-header{border-radius:13px;flex-direction:column;align-items:stretch;gap:12px;min-height:auto;padding:14px}.tenant-header-left{align-items:flex-start}.tenant-header-icon{border-radius:10px;width:38px;height:38px;font-size:15px}.tenant-page-header h2{font-size:18px}.tenant-page-header p{font-size:10px}.tenant-refresh-btn{width:100%;height:37px}.tenant-filter-card{border-radius:15px;padding:15px}.tenant-filter-grid{grid-template-columns:1fr;gap:12px}.tenant-filter-search{grid-column:auto}.tenant-summary-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tenant-summary-card{border-radius:12px;padding:11px}.tenant-summary-icon{width:32px;height:32px}.tenant-summary-card strong{font-size:15px}.tenant-table-card{border-radius:14px}.tenant-table-top{gap:11px;padding:13px}.tenant-global-search{height:38px}.tenant-table-controls{flex-direction:column;align-items:flex-start;gap:9px;padding:11px 13px}.tenant-result-count{text-align:left;width:100%}.tenant-pagination{gap:8px;padding:10px}.tenant-pagination button{min-width:70px;height:31px}.tenant-toast{width:auto;min-width:0;top:72px;left:14px;right:14px}}@media screen and (width<=480px){.layout>.main>.content{padding:10px}.tenant-page-header{margin-bottom:12px;padding:12px}.tenant-page-header h2{font-size:17px}.tenant-page-header p{font-size:9px}.tenant-filter-card{padding:12px}.tenant-input-box{border-radius:9px;height:42px}.tenant-input-box input{font-size:11px}.tenant-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}.tenant-summary-card{padding:10px}.tenant-summary-icon{width:30px;height:30px;font-size:12px}.tenant-summary-card span{font-size:9px}.tenant-summary-card strong{font-size:13px}.tenant-table-wrapper{overflow-x:auto}.tenant-table{min-width:1250px}.tenant-pagination{justify-content:space-between}.tenant-pagination button{min-width:68px;padding:0 8px;font-size:9px}.tenant-page-number{font-size:9px}.tenant-bottom-note{text-align:left;align-items:flex-start}}.tenant-table-wrapper::-webkit-scrollbar{width:7px;height:7px}.tenant-entries-menu::-webkit-scrollbar{width:7px;height:7px}.tenant-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.tenant-entries-menu::-webkit-scrollbar-track{background:#f1f5f9}.tenant-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.tenant-entries-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.tenant-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.tenant-entries-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}.expense-report-page{box-sizing:border-box;width:100%;max-width:100%}.expense-page-header{box-sizing:border-box;background:linear-gradient(135deg,#fff 0%,#faf8ff 100%);border:1px solid #e4e8ef;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:68px;margin-bottom:18px;padding:14px 18px;display:flex;box-shadow:0 5px 18px #0f172a0b}.expense-header-left{align-items:center;gap:12px;min-width:0;display:flex}.expense-header-icon{color:#fff;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;display:flex;box-shadow:0 5px 14px #6f4d8b33}.expense-page-header h2{color:#17324d;margin:0;font-size:21px;font-weight:800;line-height:1.2}.expense-page-header p{color:#8291a2;margin:5px 0 0;font-size:11px;font-weight:500;line-height:1.4}.expense-refresh-btn{color:#6f4d8b;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;min-width:105px;height:38px;padding:0 14px;font-family:inherit;font-size:11px;font-weight:800;transition:all .2s;display:inline-flex}.expense-refresh-btn:hover{color:#fff;background:#8c6dc5;border-color:#8c6dc5;transform:translateY(-1px)}.expense-refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.expense-spin{animation:.8s linear infinite expense-spin}@keyframes expense-spin{to{transform:rotate(360deg)}}.expense-filter-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;margin-bottom:17px;padding:20px;box-shadow:0 8px 28px #0f172a0b}.expense-filter-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:18px 14px;display:grid}.expense-field{min-width:0;position:relative}.expense-field label{color:#374151;margin:0 0 6px 3px;font-size:11px;font-weight:800;display:block}.expense-input-box{box-sizing:border-box;background:#fff;border:1px solid #d7dce5;border-radius:11px;align-items:center;width:100%;height:43px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:flex}.expense-input-box:hover{border-color:#a78bca}.expense-input-box:focus-within{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc51a}.expense-field-icon{color:#8c6dc5;flex-shrink:0;margin-right:9px;font-size:13px}.expense-input-box input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:12px;font-weight:600}.expense-input-box input::placeholder{color:#94a3b8;font-weight:500}.expense-input-box input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.65}.expense-input-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.expense-input-clear:hover{color:#dc2626}.expense-dropdown-wrapper{position:relative}.expense-dropdown-menu{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:11px;max-height:210px;animation:.15s expense-dropdown-in;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 15px 35px #0f172a24}@keyframes expense-dropdown-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.expense-dropdown-item{color:#334155;text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #f1f5f9;align-items:center;width:100%;min-height:38px;padding:0 13px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s;display:flex}.expense-dropdown-item:last-child{border-bottom:none}.expense-dropdown-item:hover{color:#6f4d8b;background:#faf5ff}.expense-dropdown-empty{text-align:center;color:#94a3b8;padding:14px;font-size:12px}.expense-filter-action{min-width:0}.expense-search-btn,.expense-export-btn{color:#fff;cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;gap:7px;width:100%;height:43px;font-family:inherit;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.expense-search-btn{background:linear-gradient(135deg,#8c6dc5,#6f4d8b);box-shadow:0 5px 14px #6f4d8b2e}.expense-export-btn{background:linear-gradient(135deg,#2196f3,#167ba3);box-shadow:0 5px 14px #167ba32e}.expense-search-btn:hover,.expense-export-btn:hover{transform:translateY(-1px)}.expense-search-btn:disabled,.expense-export-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.expense-summary-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;margin-bottom:17px;display:grid}.expense-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:11px;min-width:0;padding:13px 15px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 5px 18px #0f172a09}.expense-summary-card:hover{transform:translateY(-2px);box-shadow:0 9px 25px #0f172a12}.expense-summary-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.expense-summary-icon.total{color:#7c3aed;background:#f3e8ff}.expense-summary-icon.amount{color:#059669;background:#ecfdf5}.expense-summary-icon.filtered{color:#2563eb;background:#eff6ff}.expense-summary-icon.filteredAmount{color:#ea580c;background:#fff7ed}.expense-summary-card span{color:#64748b;font-size:10px;font-weight:600;display:block}.expense-summary-card strong{color:#172033;white-space:nowrap;margin-top:2px;font-size:17px;font-weight:800;display:block}.expense-table-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;overflow:visible;box-shadow:0 8px 28px #0f172a0b}.expense-table-top{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:15px;padding:17px 18px 13px;display:flex}.expense-global-search{box-sizing:border-box;background:#fff;border:1px solid #dfe4ec;border-radius:10px;align-items:center;width:390px;height:38px;padding:0 11px;transition:border-color .2s,box-shadow .2s;display:flex}.expense-global-search:focus-within{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc514}.expense-global-search>svg{color:#94a3b8;flex-shrink:0;margin-right:8px;font-size:12px}.expense-global-search input{color:#334155;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:11px}.expense-global-search input::placeholder{color:#94a3b8}.expense-global-search button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.expense-global-search button:hover{color:#475569;background:#f1f5f9}.expense-table-controls{box-sizing:border-box;justify-content:space-between;align-items:center;gap:15px;min-height:54px;padding:10px 18px;display:flex}.expense-show-entries{color:#64748b;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex;position:relative}.expense-entries-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #dfe4ec;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;min-width:58px;height:31px;padding:0 9px;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex}.expense-entries-btn svg{font-size:8px}.expense-entries-menu{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:70px;padding:4px;position:absolute;top:35px;left:35px;box-shadow:0 12px 30px #0f172a24}.expense-entries-menu button{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:5px;width:100%;height:30px;font-family:inherit;font-size:11px;font-weight:600}.expense-entries-menu button:hover{color:#6f4d8b;background:#faf5ff}.expense-result-count{color:#64748b;font-size:10px;font-weight:600}.expense-result-count strong{color:#334155;font-weight:800}.expense-table-wrapper{border-top:1px solid #eef2f7;width:100%;overflow-x:auto}.expense-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1250px}.expense-table thead th{color:#fff;text-align:left;white-space:nowrap;letter-spacing:.1px;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);height:45px;padding:0 12px;font-size:10px;font-weight:800}.expense-table thead th:first-child{padding-left:15px}.expense-table th,.expense-table td{box-sizing:border-box}.expense-table .expense-sr-col{text-align:center;width:65px}.expense-table tbody tr{background:#fff;transition:background .15s}.expense-table tbody tr:nth-child(2n){background:#f8fafc}.expense-table tbody tr:hover{background:#faf5ff}.expense-table tbody td{color:#334155;white-space:nowrap;border-bottom:1px solid #edf1f5;height:52px;padding:0 12px;font-size:10px;font-weight:600}.expense-table tbody tr:last-child td{border-bottom:none}.expense-date-cell{align-items:center;gap:8px;display:flex}.expense-date-icon{color:#2563eb;background:#eff6ff;border-radius:8px;justify-content:center;align-items:center;width:27px;height:27px;font-size:10px;display:flex}.expense-category-cell{align-items:center;gap:8px;min-width:130px;display:flex}.expense-category-icon{color:#7c3aed;background:#f3e8ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;font-size:10px;display:flex}.expense-category-cell span{color:#1e293b;font-weight:700}.expense-amount{color:#047857;background:#ecfdf5;border-radius:8px;align-items:center;padding:6px 9px;font-size:10px;font-weight:800;display:inline-flex}.expense-paid-cell{align-items:center;gap:8px;min-width:120px;display:flex}.expense-paid-avatar{color:#ea580c;background:#fff7ed;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;font-size:10px;display:flex}.expense-paid-cell span{color:#1e293b;font-weight:700}.expense-payment-badge{color:#4f46e5;background:#eef2ff;border-radius:20px;justify-content:center;align-items:center;min-width:65px;height:26px;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.expense-payment-badge.cash{color:#15803d;background:#ecfdf5}.expense-payment-badge.online,.expense-payment-badge.upi,.expense-payment-badge.bank,.expense-payment-badge.neft,.expense-payment-badge.rtgs,.expense-payment-badge.imps{color:#2563eb;background:#eff6ff}.expense-payment-badge.cheque{color:#c2410c;background:#fff7ed}.expense-reference{color:#475569;font-weight:700}.expense-note-cell{align-items:center;gap:7px;max-width:190px;display:flex}.expense-note-cell svg{color:#8c6dc5;flex-shrink:0;font-size:10px}.expense-note-cell span{text-overflow:ellipsis;max-width:160px;overflow:hidden}.expense-wing-badge{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.expense-wing-badge svg{color:#8c6dc5}.expense-view-btn{color:#2563eb;cursor:pointer;background:#eff6ff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-width:65px;height:28px;font-family:inherit;font-size:9px;font-weight:800;transition:all .2s;display:inline-flex}.expense-view-btn:hover{color:#fff;background:#2563eb;transform:translateY(-1px)}.expense-no-attachment{color:#94a3b8;font-size:11px}.expense-no-data{text-align:center;background:#fff!important;height:260px!important}.expense-no-data>div{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.expense-no-data svg{color:#cbd5e1;margin-bottom:5px;font-size:32px}.expense-no-data strong{color:#475569;font-size:12px}.expense-no-data span{color:#94a3b8;font-size:10px}.expense-pagination{border-top:1px solid #eef2f7;justify-content:center;align-items:center;gap:14px;min-height:58px;padding:9px 18px;display:flex}.expense-pagination button{color:#fff;cursor:pointer;background:#8c6dc5;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:82px;height:32px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s;display:inline-flex}.expense-pagination button:hover:not(:disabled){background:#6f4d8b;transform:translateY(-1px)}.expense-pagination button:disabled{color:#fff;cursor:not-allowed;background:#cbd5e1}.expense-page-number{color:#64748b;font-size:10px;font-weight:600}.expense-page-number strong{color:#334155;font-weight:800}.expense-bottom-note{box-sizing:border-box;color:#64748b;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:40px;margin-top:14px;padding:9px 14px;font-size:10px;font-weight:500;display:flex}.expense-bottom-note svg{color:#8c6dc5;flex-shrink:0}.expense-loading-overlay{z-index:99998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.expense-loading-box{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:15px;flex-direction:column;align-items:center;gap:11px;min-width:190px;padding:22px;font-size:11px;font-weight:700;display:flex;box-shadow:0 18px 45px #0f172a26}.expense-loader{border:3px solid #e5e7eb;border-top-color:#8c6dc5;border-radius:50%;width:28px;height:28px;animation:.75s linear infinite expense-loader-spin}@keyframes expense-loader-spin{to{transform:rotate(360deg)}}.expense-image-viewer{z-index:100001;background:#000000f2;justify-content:center;align-items:center;padding:40px;animation:.2s expense-image-fade;display:flex;position:fixed;inset:0}@keyframes expense-image-fade{0%{opacity:0}to{opacity:1}}.expense-image-viewer img{object-fit:contain;border-radius:8px;max-width:90vw;max-height:88vh;box-shadow:0 20px 70px #00000080}.expense-image-close{color:#fff;cursor:pointer;z-index:5;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;display:flex;position:fixed;top:22px;right:25px}.expense-image-close:hover{background:#ffffff38}.expense-toast{z-index:100002;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:13px;align-items:center;gap:11px;min-width:290px;max-width:400px;padding:13px 16px;animation:.25s expense-toast-in;display:flex;position:fixed;top:80px;right:25px;box-shadow:0 15px 40px #0f172a26}.expense-toast.success{border-left:4px solid #16a34a}.expense-toast.warning{border-left:4px solid #f59e0b}.expense-toast.error{border-left:4px solid #dc2626}.expense-toast-icon{color:#16a34a;background:#f0fdf4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;font-size:12px;display:flex}.expense-toast.warning .expense-toast-icon{color:#d97706;background:#fffbeb}.expense-toast.error .expense-toast-icon{color:#dc2626;background:#fef2f2}.expense-toast-content{flex-direction:column;gap:3px;min-width:0;display:flex}.expense-toast-content strong{color:#1e293b;font-size:11px;font-weight:800}.expense-toast-content span{color:#64748b;font-size:10px;line-height:1.4}@keyframes expense-toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media screen and (width<=1250px){.expense-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.expense-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}.expense-table-top{flex-direction:column;align-items:flex-start}.expense-global-search{width:100%}}@media screen and (width<=1024px){.expense-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (width<=768px){.layout>.main,.layout>.main.collapsed{width:100%;margin-left:0;padding-top:64px}.layout>.main>.content{box-sizing:border-box;width:100%;min-height:calc(100vh - 64px);padding:14px}.expense-page-header{border-radius:13px;flex-direction:column;align-items:stretch;gap:12px;min-height:auto;padding:14px}.expense-header-left{align-items:flex-start}.expense-header-icon{border-radius:10px;width:38px;height:38px;font-size:15px}.expense-page-header h2{font-size:18px}.expense-page-header p{font-size:10px}.expense-refresh-btn{width:100%;height:37px}.expense-filter-card{border-radius:15px;padding:15px}.expense-filter-grid{grid-template-columns:1fr;gap:17px}.expense-summary-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.expense-summary-card{border-radius:12px;padding:11px}.expense-summary-icon{width:32px;height:32px}.expense-summary-card strong{font-size:14px}.expense-table-card{border-radius:14px}.expense-table-top{gap:11px;padding:13px}.expense-global-search{height:38px}.expense-table-controls{flex-direction:column;align-items:flex-start;gap:9px;padding:11px 13px}.expense-result-count{text-align:left;width:100%}.expense-pagination{gap:8px;padding:10px}.expense-pagination button{min-width:70px;height:31px}.expense-image-viewer{padding:20px}.expense-image-viewer img{max-width:95vw;max-height:85vh}.expense-toast{width:auto;min-width:0;top:72px;left:14px;right:14px}}@media screen and (width<=480px){.layout>.main>.content{padding:10px}.expense-page-header{margin-bottom:12px;padding:12px}.expense-page-header h2{font-size:17px}.expense-page-header p{font-size:9px}.expense-filter-card{padding:12px}.expense-input-box{border-radius:9px;height:42px}.expense-input-box input{font-size:11px}.expense-summary-row{grid-template-columns:1fr}.expense-summary-card{padding:10px 12px}.expense-summary-icon{width:31px;height:31px}.expense-summary-card strong{font-size:15px}.expense-table-wrapper{overflow-x:auto}.expense-table{min-width:1250px}.expense-pagination{justify-content:space-between}.expense-pagination button{min-width:68px;padding:0 8px;font-size:9px}.expense-page-number{font-size:9px}.expense-bottom-note{text-align:left;align-items:flex-start}}.expense-table-wrapper::-webkit-scrollbar{width:7px;height:7px}.expense-dropdown-menu::-webkit-scrollbar{width:7px;height:7px}.expense-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.expense-dropdown-menu::-webkit-scrollbar-track{background:#f1f5f9}.expense-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.expense-dropdown-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.expense-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.expense-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}.payment-approval-page{box-sizing:border-box;width:100%;max-width:100%}.payment-alert{z-index:10000;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;min-width:300px;max-width:420px;padding:12px 14px;font-size:12px;font-weight:700;animation:.25s payment-alert-in;display:flex;position:fixed;top:82px;right:24px;box-shadow:0 12px 35px #0f172a26}.payment-alert.success{color:#166534;border-left:4px solid #16a34a}.payment-alert.error{color:#b91c1c;border-left:4px solid #dc2626}.payment-alert.warning{color:#92400e;border-left:4px solid #f59e0b}.payment-alert-icon{background:#f8fafc;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.payment-alert button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-left:auto;display:flex}.payment-alert button:hover{color:#475569;background:#f1f5f9}@keyframes payment-alert-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.payment-page-header{box-sizing:border-box;background:linear-gradient(135deg,#fff 0%,#faf8ff 100%);border:1px solid #e4e8ef;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:68px;margin-bottom:18px;padding:14px 18px;display:flex;box-shadow:0 5px 18px #0f172a0b}.payment-header-left{align-items:center;gap:12px;min-width:0;display:flex}.payment-header-icon{color:#fff;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;display:flex;box-shadow:0 5px 14px #6f4d8b33}.payment-page-header h2{color:#17324d;margin:0;font-size:21px;font-weight:800;line-height:1.2}.payment-page-header p{color:#8291a2;margin:5px 0 0;font-size:11px;font-weight:500;line-height:1.4}.payment-refresh-btn{color:#6f4d8b;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;min-width:105px;height:38px;padding:0 14px;font-family:inherit;font-size:11px;font-weight:800;transition:all .2s;display:inline-flex}.payment-refresh-btn:hover{color:#fff;background:#8c6dc5;border-color:#8c6dc5;transform:translateY(-1px)}.payment-refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.payment-spin{animation:.8s linear infinite payment-spin}@keyframes payment-spin{to{transform:rotate(360deg)}}.payment-summary-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;margin-bottom:12px;display:grid}.payment-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:11px;min-width:0;padding:13px 15px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 5px 18px #0f172a09}.payment-summary-card:hover{transform:translateY(-2px);box-shadow:0 9px 25px #0f172a12}.payment-summary-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.payment-summary-icon.total{color:#7c3aed;background:#f3e8ff}.payment-summary-icon.pending{color:#d97706;background:#fffbeb}.payment-summary-icon.approved{color:#16a34a;background:#f0fdf4}.payment-summary-icon.rejected{color:#dc2626;background:#fef2f2}.payment-summary-card span{color:#64748b;font-size:10px;font-weight:600;display:block}.payment-summary-card strong{color:#172033;margin-top:2px;font-size:18px;font-weight:800;display:block}.payment-total-card{box-sizing:border-box;background:linear-gradient(135deg,#fff,#faf8ff);border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:12px;width:100%;min-height:65px;margin-bottom:17px;padding:12px 16px;display:flex;box-shadow:0 5px 18px #0f172a09}.payment-total-icon{color:#7c3aed;background:#f3e8ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;display:flex}.payment-total-card span{color:#64748b;font-size:10px;font-weight:600;display:block}.payment-total-card strong{color:#172033;margin-top:2px;font-size:18px;font-weight:800;display:block}.payment-table-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;overflow:visible;box-shadow:0 8px 28px #0f172a0b}.payment-table-top{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:15px;padding:17px 18px 13px;display:flex}.payment-global-search{box-sizing:border-box;background:#fff;border:1px solid #dfe4ec;border-radius:10px;align-items:center;width:300px;height:38px;padding:0 11px;transition:border-color .2s,box-shadow .2s;display:flex}.payment-global-search:focus-within{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc514}.payment-global-search>svg{color:#94a3b8;flex-shrink:0;margin-right:8px;font-size:12px}.payment-global-search input{color:#334155;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:11px}.payment-global-search input::placeholder{color:#94a3b8}.payment-global-search button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.payment-global-search button:hover{color:#475569;background:#f1f5f9}.payment-status-filter{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.payment-status-filter button{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-height:32px;padding:0 12px;font-family:inherit;font-size:10px;font-weight:700;transition:all .2s}.payment-status-filter button:hover{color:#6f4d8b;background:#faf5ff;border-color:#c4b5fd}.payment-status-filter button.active{color:#fff;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);border-color:#8c6dc5;box-shadow:0 4px 10px #6f4d8b29}.payment-table-controls{box-sizing:border-box;justify-content:space-between;align-items:center;gap:15px;min-height:54px;padding:10px 18px;display:flex}.payment-show-entries{color:#64748b;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex;position:relative}.payment-entries-wrapper{position:relative}.payment-entries-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #dfe4ec;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;min-width:58px;height:31px;padding:0 9px;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex}.payment-entries-btn svg{font-size:8px}.payment-entries-menu{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:70px;padding:4px;position:absolute;top:35px;left:0;box-shadow:0 12px 30px #0f172a24}.payment-entries-menu button{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:5px;width:100%;height:30px;font-family:inherit;font-size:11px;font-weight:600}.payment-entries-menu button:hover{color:#6f4d8b;background:#faf5ff}.payment-result-count{color:#64748b;font-size:10px;font-weight:600}.payment-result-count strong{color:#334155;font-weight:800}.payment-table-wrapper{border-top:1px solid #eef2f7;width:100%;overflow-x:auto}.payment-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1050px}.payment-table thead th{color:#fff;text-align:left;white-space:nowrap;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);height:45px;padding:0 12px;font-size:10px;font-weight:800}.payment-table thead th:first-child{padding-left:15px}.payment-table th,.payment-table td{box-sizing:border-box}.payment-table .sr-col{text-align:center;width:65px}.payment-table .action-col{width:190px}.payment-table tbody tr{background:#fff;transition:background .15s}.payment-table tbody tr:nth-child(2n){background:#f8fafc}.payment-table tbody tr:hover{background:#faf5ff}.payment-table tbody td{color:#334155;white-space:nowrap;border-bottom:1px solid #edf1f5;height:56px;padding:0 12px;font-size:10px;font-weight:600}.payment-table tbody tr:last-child td{border-bottom:none}.payment-owner-cell{align-items:center;gap:8px;min-width:165px;display:flex}.payment-avatar{color:#7c3aed;background:#f3e8ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;display:flex}.payment-owner-cell strong{color:#26364a;font-size:10px;font-weight:800;display:block}.payment-owner-cell span{color:#94a3b8;margin-top:2px;font-size:8px;font-weight:500;display:block}.payment-info-cell{align-items:center;gap:6px;display:flex}.payment-info-cell svg{color:#8c6dc5;font-size:10px}.payment-info-cell span{color:#475569;font-size:10px;font-weight:700}.payment-amount-cell{color:#17324d;font-size:11px;font-weight:800}.payment-mode-badge{color:#475569;text-transform:capitalize;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;min-height:27px;padding:0 10px;font-size:9px;font-weight:800;display:inline-flex}.payment-status-badge{text-transform:capitalize;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-width:78px;min-height:27px;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.payment-status-badge.pending{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.payment-status-badge.approved{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.payment-status-badge.rejected{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.payment-action-buttons{align-items:center;gap:7px;display:flex}.payment-approve-btn,.payment-reject-btn{color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:5px;height:31px;padding:0 10px;font-family:inherit;font-size:9px;font-weight:800;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex}.payment-approve-btn{background:linear-gradient(135deg,#22c55e,#15803d);box-shadow:0 4px 10px #16a34a26}.payment-reject-btn{background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 4px 10px #dc262626}.payment-approve-btn:hover:not(:disabled),.payment-reject-btn:hover:not(:disabled){transform:translateY(-1px)}.payment-approve-btn:disabled,.payment-reject-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.payment-btn-loader{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:11px;height:11px;animation:.7s linear infinite payment-spin}.payment-no-data{height:220px;text-align:center!important;background:#fff!important}.payment-no-data>div{flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.payment-no-data svg{color:#c4b5fd;margin-bottom:4px;font-size:28px}.payment-no-data strong{color:#475569;font-size:12px;font-weight:800}.payment-no-data span{color:#94a3b8;font-size:10px;font-weight:500}.payment-pagination{box-sizing:border-box;border-top:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:15px;min-height:65px;padding:10px 18px;display:flex}.payment-pagination button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dfe4ec;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:90px;height:34px;padding:0 12px;font-family:inherit;font-size:10px;font-weight:700;transition:all .2s;display:inline-flex}.payment-pagination button:hover:not(:disabled){color:#6f4d8b;background:#faf5ff;border-color:#8c6dc5}.payment-pagination button:disabled{opacity:.45;cursor:not-allowed}.payment-page-number{color:#64748b;font-size:10px;font-weight:600}.payment-page-number strong{color:#6f4d8b;font-weight:800}.payment-loading-overlay{z-index:99999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a1f;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.payment-loading-box{color:#475569;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-width:190px;padding:16px 20px;font-size:11px;font-weight:800;display:flex;box-shadow:0 15px 40px #0f172a2e}.payment-spinner{border:3px solid #e9d5ff;border-top-color:#8c6dc5;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite payment-spin}@media (width<=1100px){.payment-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-table-top{flex-direction:column;align-items:stretch}.payment-global-search{width:100%}.payment-status-filter{justify-content:flex-start}}@media (width<=768px){.payment-page-header{border-radius:13px;align-items:flex-start;padding:13px}.payment-header-left{gap:9px}.payment-header-icon{border-radius:10px;width:38px;height:38px;font-size:15px}.payment-page-header h2{font-size:17px}.payment-page-header p{font-size:9px}.payment-refresh-btn{width:38px;min-width:38px;padding:0;font-size:0}.payment-refresh-btn svg{font-size:13px}.payment-summary-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.payment-summary-card{gap:8px;padding:10px}.payment-summary-icon{width:31px;height:31px;font-size:12px}.payment-summary-card span{font-size:8px}.payment-summary-card strong{font-size:15px}.payment-total-card{min-height:58px;padding:10px 12px}.payment-total-icon{width:32px;height:32px}.payment-total-card span{font-size:8px}.payment-total-card strong{font-size:15px}.payment-table-card{border-radius:13px}.payment-table-top{padding:12px}.payment-status-filter{flex-wrap:nowrap;width:100%;padding-bottom:3px;overflow-x:auto}.payment-status-filter button{flex-shrink:0}.payment-table-controls{flex-direction:column;align-items:flex-start;gap:8px;padding:9px 12px}.payment-result-count{align-self:flex-end}.payment-pagination{padding:10px 12px}.payment-pagination button{width:38px;min-width:38px;padding:0;font-size:0}.payment-pagination button svg{font-size:11px}.payment-page-number{font-size:9px}.payment-alert{min-width:0;max-width:none;top:70px;left:12px;right:12px}}@media (width<=480px){.payment-page-header{margin-bottom:12px}.payment-summary-row{gap:7px}.payment-summary-card{min-height:58px}.payment-summary-icon{width:28px;height:28px}.payment-summary-card strong{font-size:14px}.payment-total-card{margin-bottom:12px}.payment-global-search{height:36px}.payment-status-filter button{min-height:29px;padding:0 9px;font-size:9px}.payment-no-data{height:180px}}.payment-table-wrapper::-webkit-scrollbar{height:7px}.payment-table-wrapper::-webkit-scrollbar-track{background:#f8fafc}.payment-table-wrapper::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:20px}.payment-table-wrapper::-webkit-scrollbar-thumb:hover{background:#8c6dc5}.ledger-page{box-sizing:border-box;width:100%}.ledger-alert{z-index:10000;background:#fff;border:1px solid #e2e8f0;border-left:4px solid #16a34a;border-radius:12px;align-items:center;gap:10px;min-width:300px;max-width:420px;padding:12px 14px;font-size:12px;font-weight:700;display:flex;position:fixed;top:82px;right:24px;box-shadow:0 12px 35px #0f172a26}.ledger-alert.error{color:#b91c1c;border-left-color:#dc2626}.ledger-alert.success{color:#166534;border-left-color:#16a34a}.ledger-alert.warning{color:#92400e;border-left-color:#f59e0b}.ledger-alert-icon{background:#f8fafc;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.ledger-alert button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-left:auto;display:flex}.ledger-alert button:hover{background:#f1f5f9}.ledger-page-header{box-sizing:border-box;background:linear-gradient(135deg,#fff 0%,#faf8ff 100%);border:1px solid #e4e8ef;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:68px;margin-bottom:18px;padding:14px 18px;display:flex;box-shadow:0 5px 18px #0f172a0b}.ledger-header-left{align-items:center;gap:12px;min-width:0;display:flex}.ledger-header-icon{color:#fff;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;display:flex;box-shadow:0 5px 14px #6f4d8b33}.ledger-page-header h2{color:#17324d;margin:0;font-size:21px;font-weight:800;line-height:1.2}.ledger-page-header p{color:#8291a2;margin:5px 0 0;font-size:11px;font-weight:500}.ledger-refresh-btn{color:#6f4d8b;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-width:105px;height:38px;padding:0 14px;font-family:inherit;font-size:11px;font-weight:800;transition:all .2s;display:inline-flex}.ledger-refresh-btn:hover{color:#fff;background:#8c6dc5;border-color:#8c6dc5;transform:translateY(-1px)}.ledger-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.ledger-spin{animation:.8s linear infinite ledger-spin}@keyframes ledger-spin{to{transform:rotate(360deg)}}.ledger-summary-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;margin-bottom:14px;display:grid}.ledger-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:11px;min-width:0;padding:13px 15px;transition:all .2s;display:flex;box-shadow:0 5px 18px #0f172a09}.ledger-summary-card:hover{transform:translateY(-2px);box-shadow:0 9px 25px #0f172a12}.ledger-summary-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.ledger-summary-icon.debit{color:#dc2626;background:#fef2f2}.ledger-summary-icon.credit{color:#16a34a;background:#f0fdf4}.ledger-summary-icon.balance{color:#2563eb;background:#eff6ff}.ledger-summary-icon.total{color:#7c3aed;background:#f3e8ff}.ledger-summary-card span{color:#64748b;font-size:10px;font-weight:600;display:block}.ledger-summary-card strong{color:#172033;margin-top:2px;font-size:17px;font-weight:800;display:block}.ledger-filter-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:15px;grid-template-columns:1.4fr 1fr 1fr auto auto auto;align-items:end;gap:10px;width:100%;margin-bottom:16px;padding:15px;display:grid;box-shadow:0 5px 18px #0f172a09}.ledger-filter-group{min-width:0;position:relative}.ledger-filter-group label{color:#64748b;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.ledger-owner-wrapper{position:relative}.ledger-owner-input{box-sizing:border-box;background:#fff;border:1px solid #dfe4ec;border-radius:9px;align-items:center;gap:7px;height:39px;padding:0 10px;transition:all .2s;display:flex}.ledger-owner-input:focus-within{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc514}.ledger-owner-input>svg:first-child{color:#8c6dc5;font-size:11px}.ledger-owner-input input{color:#334155;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:10px}.ledger-owner-input input::placeholder{color:#94a3b8}.ledger-owner-input button{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.ledger-owner-chevron{color:#94a3b8!important;font-size:9px!important}.ledger-owner-menu{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:10px;max-height:230px;padding:4px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 15px 35px #0f172a26}.ledger-owner-menu button{color:#475569;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;width:100%;min-height:37px;padding:7px 9px;font-family:inherit;font-size:10px;font-weight:600;display:flex}.ledger-owner-menu button:hover,.ledger-owner-menu button.selected{color:#6f4d8b;background:#faf5ff}.ledger-owner-option-icon{color:#7c3aed;background:#f3e8ff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.ledger-owner-empty{text-align:center;color:#94a3b8;padding:15px;font-size:10px}.ledger-date-input{background:#fff;border:1px solid #dfe4ec;border-radius:9px;align-items:center;gap:7px;height:39px;padding:0 10px;display:flex}.ledger-date-input:focus-within{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc514}.ledger-date-input svg{color:#8c6dc5;flex-shrink:0;font-size:11px}.ledger-date-input input{color:#334155;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:10px;font-weight:600}.ledger-search-btn,.ledger-print-btn,.ledger-export-btn{color:#fff;cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;gap:6px;height:39px;padding:0 13px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s;display:inline-flex}.ledger-search-btn{background:linear-gradient(135deg,#8c6dc5,#6f4d8b)}.ledger-print-btn{background:linear-gradient(135deg,#64748b,#475569)}.ledger-export-btn{background:linear-gradient(135deg,#16a34a,#15803d)}.ledger-search-btn:hover,.ledger-print-btn:hover,.ledger-export-btn:hover{transform:translateY(-1px)}.ledger-search-btn:disabled,.ledger-export-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ledger-table-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;overflow:visible;box-shadow:0 8px 28px #0f172a0b}.ledger-table-top{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:15px;padding:15px 18px;display:flex}.ledger-global-search{box-sizing:border-box;background:#fff;border:1px solid #dfe4ec;border-radius:10px;align-items:center;width:360px;height:38px;padding:0 11px;display:flex}.ledger-global-search:focus-within{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc514}.ledger-global-search>svg{color:#94a3b8;margin-right:8px;font-size:12px}.ledger-global-search input{color:#334155;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:10px}.ledger-global-search input::placeholder{color:#94a3b8}.ledger-global-search button{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.ledger-entries-area{color:#64748b;align-items:center;gap:6px;font-size:10px;font-weight:600;display:flex}.ledger-entries-wrapper{position:relative}.ledger-entries-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #dfe4ec;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-width:60px;height:32px;padding:0 9px;font-family:inherit;font-size:10px;font-weight:700;display:flex}.ledger-entries-btn svg{font-size:8px}.ledger-entries-menu{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:70px;padding:4px;position:absolute;top:36px;right:0;box-shadow:0 12px 30px #0f172a24}.ledger-entries-menu button{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:5px;width:100%;height:29px;font-family:inherit;font-size:10px;font-weight:600}.ledger-entries-menu button:hover{color:#6f4d8b;background:#faf5ff}.ledger-result-bar{color:#64748b;border-bottom:1px solid #eef2f7;padding:9px 18px;font-size:10px;font-weight:600}.ledger-result-bar strong{color:#334155;font-weight:800}.ledger-table-wrapper{width:100%;overflow-x:auto}.ledger-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1450px}.ledger-table thead th{color:#fff;text-align:left;white-space:nowrap;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);height:45px;padding:0 11px;font-size:9px;font-weight:800}.ledger-table thead th:first-child{padding-left:15px}.ledger-sr-col{width:55px;text-align:center!important}.ledger-table tbody tr{background:#fff;transition:background .15s}.ledger-table tbody tr:nth-child(2n){background:#f8fafc}.ledger-table tbody tr:hover{background:#faf5ff}.ledger-table tbody td{color:#334155;white-space:nowrap;border-bottom:1px solid #edf1f5;height:55px;padding:0 11px;font-size:9px;font-weight:600}.ledger-date-cell{align-items:center;gap:6px;display:flex}.ledger-date-cell svg{color:#8c6dc5;font-size:9px}.ledger-info-cell{align-items:center;gap:6px;display:flex}.ledger-info-cell svg{color:#8c6dc5;font-size:9px}.ledger-info-cell span{color:#475569;font-size:9px;font-weight:700}.ledger-period{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:7px;align-items:center;min-height:25px;padding:0 8px;font-size:8px;font-weight:800;display:inline-flex}.ledger-txn-badge{border-radius:8px;align-items:center;gap:5px;min-height:27px;padding:0 9px;font-size:8px;font-weight:800;display:inline-flex}.ledger-txn-badge svg{font-size:9px}.ledger-txn-badge.bill{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.ledger-txn-badge.payment{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.ledger-txn-badge.expense{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.ledger-txn-badge.other{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.ledger-transaction-id{color:#6f4d8b;font-size:9px;font-weight:800}.ledger-dash{color:#cbd5e1;font-weight:700}.ledger-payment-mode{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:7px;align-items:center;min-height:25px;padding:0 8px;font-size:8px;font-weight:800;display:inline-flex}.ledger-paid-by{align-items:center;gap:6px;max-width:145px;display:flex}.ledger-user-icon{color:#7c3aed;background:#f3e8ff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;font-size:9px;display:flex}.ledger-paid-by span{text-overflow:ellipsis;color:#475569;font-size:9px;font-weight:700;overflow:hidden}.ledger-debit{color:#dc2626;font-size:9px;font-weight:800}.ledger-credit{color:#16a34a;font-size:9px;font-weight:800}.ledger-balance{color:#17324d;font-size:9px;font-weight:800}.ledger-no-data{height:230px;text-align:center!important;background:#fff!important}.ledger-no-data>div{flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.ledger-no-data svg{color:#c4b5fd;margin-bottom:5px;font-size:30px}.ledger-no-data strong{color:#475569;font-size:12px;font-weight:800}.ledger-no-data span{color:#94a3b8;font-size:10px;font-weight:500}.ledger-pagination{border-top:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:15px;min-height:65px;padding:10px 18px;display:flex}.ledger-pagination button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dfe4ec;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:90px;height:34px;padding:0 12px;font-family:inherit;font-size:10px;font-weight:700;transition:all .2s;display:inline-flex}.ledger-pagination button:hover:not(:disabled){color:#6f4d8b;background:#faf5ff;border-color:#8c6dc5}.ledger-pagination button:disabled{opacity:.45;cursor:not-allowed}.ledger-page-number{color:#64748b;font-size:10px;font-weight:600}.ledger-page-number strong{color:#6f4d8b;font-weight:800}.ledger-loading-overlay{z-index:99999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a1f;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ledger-loading-box{color:#475569;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-width:190px;padding:16px 20px;font-size:11px;font-weight:800;display:flex;box-shadow:0 15px 40px #0f172a2e}.ledger-spinner{border:3px solid #e9d5ff;border-top-color:#8c6dc5;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite ledger-spin}.ledger-table-wrapper::-webkit-scrollbar{height:7px}.ledger-table-wrapper::-webkit-scrollbar-track{background:#f8fafc}.ledger-table-wrapper::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:20px}.ledger-table-wrapper::-webkit-scrollbar-thumb:hover{background:#8c6dc5}@media (width<=1200px){.ledger-filter-card{grid-template-columns:repeat(3,minmax(0,1fr))}.ledger-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.ledger-page-header{border-radius:13px;padding:13px}.ledger-header-icon{border-radius:10px;width:38px;height:38px;font-size:15px}.ledger-page-header h2{font-size:17px}.ledger-page-header p{font-size:9px}.ledger-refresh-btn{width:38px;min-width:38px;padding:0;font-size:0}.ledger-refresh-btn svg{font-size:13px}.ledger-summary-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ledger-summary-card{gap:8px;padding:10px}.ledger-summary-icon{width:30px;height:30px;font-size:11px}.ledger-summary-card span{font-size:8px}.ledger-summary-card strong{font-size:14px}.ledger-filter-card{grid-template-columns:1fr;padding:12px}.ledger-search-btn,.ledger-print-btn,.ledger-export-btn{width:100%}.ledger-table-top{flex-direction:column;align-items:stretch;padding:12px}.ledger-global-search{width:100%}.ledger-entries-area{justify-content:flex-end}.ledger-result-bar{padding:8px 12px}.ledger-pagination{padding:10px 12px}.ledger-pagination button{width:38px;min-width:38px;padding:0;font-size:0}.ledger-pagination button svg{font-size:11px}.ledger-page-number{font-size:9px}.ledger-alert{min-width:0;max-width:none;top:70px;left:12px;right:12px}}@media (width<=480px){.ledger-summary-row{gap:7px}.ledger-summary-card{min-height:60px}.ledger-summary-card strong{font-size:13px}.ledger-summary-icon{width:27px;height:27px}}.gst-page{box-sizing:border-box;width:100%}.gst-alert{z-index:10000;background:#fff;border:1px solid #e2e8f0;border-left:4px solid #16a34a;border-radius:12px;align-items:center;gap:10px;min-width:300px;max-width:420px;padding:12px 14px;font-size:12px;font-weight:700;display:flex;position:fixed;top:82px;right:24px;box-shadow:0 12px 35px #0f172a26}.gst-alert.success{color:#166534;border-left-color:#16a34a}.gst-alert.error{color:#b91c1c;border-left-color:#dc2626}.gst-alert.warning{color:#92400e;border-left-color:#f59e0b}.gst-alert-icon{background:#f8fafc;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.gst-alert button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-left:auto;display:flex}.gst-alert button:hover{color:#475569;background:#f1f5f9}.gst-page-header{box-sizing:border-box;background:linear-gradient(135deg,#fff 0%,#faf8ff 100%);border:1px solid #e4e8ef;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:68px;margin-bottom:18px;padding:14px 18px;display:flex;box-shadow:0 5px 18px #0f172a0b}.gst-header-left{align-items:center;gap:12px;min-width:0;display:flex}.gst-header-icon{color:#fff;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;display:flex;box-shadow:0 5px 14px #6f4d8b33}.gst-page-header h2{color:#17324d;margin:0;font-size:21px;font-weight:800;line-height:1.2}.gst-page-header p{color:#8291a2;margin:5px 0 0;font-size:11px;font-weight:500}.gst-refresh-btn{color:#6f4d8b;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-width:105px;height:38px;padding:0 14px;font-family:inherit;font-size:11px;font-weight:800;transition:all .2s;display:inline-flex}.gst-refresh-btn:hover{color:#fff;background:#8c6dc5;border-color:#8c6dc5;transform:translateY(-1px)}.gst-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.gst-spin{animation:.8s linear infinite gst-spin}@keyframes gst-spin{to{transform:rotate(360deg)}}.gst-summary-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;margin-bottom:12px;display:grid}.gst-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:11px;min-width:0;padding:13px 15px;transition:all .2s;display:flex;box-shadow:0 5px 18px #0f172a09}.gst-summary-card:hover{transform:translateY(-2px);box-shadow:0 9px 25px #0f172a12}.gst-summary-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.gst-summary-icon.base{color:#2563eb;background:#eff6ff}.gst-summary-icon.cgst{color:#7c3aed;background:#f3e8ff}.gst-summary-icon.sgst{color:#0891b2;background:#ecfeff}.gst-summary-icon.gst{color:#16a34a;background:#f0fdf4}.gst-summary-card span{color:#64748b;font-size:10px;font-weight:600;display:block}.gst-summary-card strong{color:#172033;margin-top:2px;font-size:17px;font-weight:800;display:block}.gst-total-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;margin-bottom:15px;display:grid}.gst-total-card{box-sizing:border-box;background:linear-gradient(135deg,#fff,#faf8ff);border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:11px;min-height:62px;padding:11px 15px;display:flex;box-shadow:0 5px 18px #0f172a09}.gst-total-card.paid{background:linear-gradient(135deg,#fff,#f5fff8)}.gst-total-icon{color:#7c3aed;background:#f3e8ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.gst-total-card.paid .gst-total-icon{color:#16a34a;background:#dcfce7}.gst-total-card span{color:#64748b;font-size:10px;font-weight:600;display:block}.gst-total-card strong{color:#172033;margin-top:2px;font-size:17px;font-weight:800;display:block}.gst-filter-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:15px;grid-template-columns:1.4fr 1fr 1fr auto auto auto;align-items:end;gap:10px;width:100%;margin-bottom:16px;padding:15px;display:grid;box-shadow:0 5px 18px #0f172a09}.gst-filter-group{min-width:0;position:relative}.gst-filter-group label{color:#64748b;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.gst-wing-wrapper{position:relative}.gst-wing-input{box-sizing:border-box;background:#fff;border:1px solid #dfe4ec;border-radius:9px;align-items:center;gap:7px;height:39px;padding:0 10px;transition:all .2s;display:flex}.gst-wing-input:focus-within{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc514}.gst-wing-input>svg:first-child{color:#8c6dc5;font-size:11px}.gst-wing-input input{color:#334155;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:10px}.gst-wing-input input::placeholder{color:#94a3b8}.gst-wing-input button{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.gst-wing-chevron{color:#94a3b8!important;font-size:9px!important}.gst-wing-menu{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:10px;max-height:230px;padding:4px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 15px 35px #0f172a26}.gst-wing-menu button{color:#475569;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;width:100%;min-height:37px;padding:7px 9px;font-family:inherit;font-size:10px;font-weight:600;display:flex}.gst-wing-menu button:hover,.gst-wing-menu button.selected{color:#6f4d8b;background:#faf5ff}.gst-wing-option-icon{color:#7c3aed;background:#f3e8ff;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.gst-wing-empty{text-align:center;color:#94a3b8;padding:15px;font-size:10px}.gst-date-input{background:#fff;border:1px solid #dfe4ec;border-radius:9px;align-items:center;gap:7px;height:39px;padding:0 10px;display:flex}.gst-date-input:focus-within{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc514}.gst-date-input svg{color:#8c6dc5;font-size:11px}.gst-date-input input{color:#334155;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:10px;font-weight:600}.gst-search-btn,.gst-print-btn,.gst-export-btn{color:#fff;cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;gap:6px;height:39px;padding:0 13px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s;display:inline-flex}.gst-search-btn{background:linear-gradient(135deg,#8c6dc5,#6f4d8b)}.gst-print-btn{background:linear-gradient(135deg,#64748b,#475569)}.gst-export-btn{background:linear-gradient(135deg,#16a34a,#15803d)}.gst-search-btn:hover,.gst-print-btn:hover,.gst-export-btn:hover{transform:translateY(-1px)}.gst-search-btn:disabled,.gst-export-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.gst-table-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;overflow:visible;box-shadow:0 8px 28px #0f172a0b}.gst-table-top{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:15px;padding:15px 18px;display:flex}.gst-global-search{box-sizing:border-box;background:#fff;border:1px solid #dfe4ec;border-radius:10px;align-items:center;width:360px;height:38px;padding:0 11px;display:flex}.gst-global-search:focus-within{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc514}.gst-global-search>svg{color:#94a3b8;margin-right:8px;font-size:12px}.gst-global-search input{color:#334155;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:10px}.gst-global-search input::placeholder{color:#94a3b8}.gst-global-search button{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.gst-entries-area{color:#64748b;align-items:center;gap:6px;font-size:10px;font-weight:600;display:flex}.gst-entries-wrapper{position:relative}.gst-entries-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #dfe4ec;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-width:60px;height:32px;padding:0 9px;font-family:inherit;font-size:10px;font-weight:700;display:flex}.gst-entries-btn svg{font-size:8px}.gst-entries-menu{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:70px;padding:4px;position:absolute;top:36px;right:0;box-shadow:0 12px 30px #0f172a24}.gst-entries-menu button{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:5px;width:100%;height:29px;font-family:inherit;font-size:10px;font-weight:600}.gst-entries-menu button:hover{color:#6f4d8b;background:#faf5ff}.gst-result-bar{color:#64748b;border-bottom:1px solid #eef2f7;padding:9px 18px;font-size:10px;font-weight:600}.gst-result-bar strong{color:#334155;font-weight:800}.gst-table-wrapper{width:100%;overflow-x:auto}.gst-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1450px}.gst-table thead th{color:#fff;text-align:left;white-space:nowrap;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);height:45px;padding:0 11px;font-size:9px;font-weight:800}.gst-table thead th:first-child{padding-left:15px}.gst-sr-col{width:55px;text-align:center!important}.gst-table tbody tr{background:#fff;transition:background .15s}.gst-table tbody tr:nth-child(2n){background:#f8fafc}.gst-table tbody tr:hover{background:#faf5ff}.gst-table tbody td{color:#334155;white-space:nowrap;border-bottom:1px solid #edf1f5;height:57px;padding:0 11px;font-size:9px;font-weight:600}.gst-bill-badge{color:#6f4d8b;background:#f3e8ff;border:1px solid #ddd6fe;border-radius:8px;align-items:center;gap:5px;min-height:27px;padding:0 9px;font-size:8px;font-weight:800;display:inline-flex}.gst-bill-badge svg{font-size:9px}.gst-info-cell{align-items:center;gap:6px;display:flex}.gst-info-cell svg{color:#8c6dc5;font-size:9px}.gst-info-cell span{color:#475569;font-size:9px;font-weight:700}.gst-owner-cell{align-items:center;gap:7px;max-width:150px;display:flex}.gst-avatar{color:#7c3aed;background:#f3e8ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;font-size:9px;display:flex}.gst-owner-cell span{text-overflow:ellipsis;color:#475569;font-size:9px;font-weight:700;overflow:hidden}.gst-period{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:7px;align-items:center;min-height:25px;padding:0 8px;font-size:8px;font-weight:800;display:inline-flex}.gst-base{color:#2563eb;font-size:9px;font-weight:800}.gst-cgst{color:#7c3aed;font-size:9px;font-weight:800}.gst-sgst{color:#0891b2;font-size:9px;font-weight:800}.gst-total-badge{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;min-height:27px;padding:0 9px;font-size:8px;font-weight:800;display:inline-flex}.gst-total-amount{color:#17324d;font-size:9px;font-weight:800}.gst-paid-amount{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;min-height:27px;padding:0 9px;font-size:8px;font-weight:800;display:inline-flex}.gst-no-data{height:230px;text-align:center!important;background:#fff!important}.gst-no-data>div{flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.gst-no-data svg{color:#c4b5fd;margin-bottom:5px;font-size:30px}.gst-no-data strong{color:#475569;font-size:12px;font-weight:800}.gst-no-data span{color:#94a3b8;font-size:10px;font-weight:500}.gst-pagination{border-top:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:15px;min-height:65px;padding:10px 18px;display:flex}.gst-pagination button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dfe4ec;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:90px;height:34px;padding:0 12px;font-family:inherit;font-size:10px;font-weight:700;transition:all .2s;display:inline-flex}.gst-pagination button:hover:not(:disabled){color:#6f4d8b;background:#faf5ff;border-color:#8c6dc5}.gst-pagination button:disabled{opacity:.45;cursor:not-allowed}.gst-page-number{color:#64748b;font-size:10px;font-weight:600}.gst-page-number strong{color:#6f4d8b;font-weight:800}.gst-loading-overlay{z-index:99999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a1f;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gst-loading-box{color:#475569;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-width:190px;padding:16px 20px;font-size:11px;font-weight:800;display:flex;box-shadow:0 15px 40px #0f172a2e}.gst-spinner{border:3px solid #e9d5ff;border-top-color:#8c6dc5;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite gst-spin}.gst-table-wrapper::-webkit-scrollbar{height:7px}.gst-table-wrapper::-webkit-scrollbar-track{background:#f8fafc}.gst-table-wrapper::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:20px}.gst-table-wrapper::-webkit-scrollbar-thumb:hover{background:#8c6dc5}@media (width<=1200px){.gst-filter-card{grid-template-columns:repeat(3,minmax(0,1fr))}.gst-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.gst-page-header{border-radius:13px;padding:13px}.gst-header-icon{border-radius:10px;width:38px;height:38px;font-size:15px}.gst-page-header h2{font-size:17px}.gst-page-header p{font-size:9px}.gst-refresh-btn{width:38px;min-width:38px;padding:0;font-size:0}.gst-refresh-btn svg{font-size:13px}.gst-summary-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gst-summary-card{gap:8px;padding:10px}.gst-summary-icon{width:30px;height:30px;font-size:11px}.gst-summary-card span{font-size:8px}.gst-summary-card strong{font-size:13px}.gst-total-row{grid-template-columns:1fr;gap:8px}.gst-total-card{min-height:58px}.gst-filter-card{grid-template-columns:1fr;padding:12px}.gst-search-btn,.gst-print-btn,.gst-export-btn{width:100%}.gst-table-top{flex-direction:column;align-items:stretch;padding:12px}.gst-global-search{width:100%}.gst-entries-area{justify-content:flex-end}.gst-result-bar{padding:8px 12px}.gst-pagination{padding:10px 12px}.gst-pagination button{width:38px;min-width:38px;padding:0;font-size:0}.gst-pagination button svg{font-size:11px}.gst-page-number{font-size:9px}.gst-alert{min-width:0;max-width:none;top:70px;left:12px;right:12px}}@media (width<=480px){.gst-summary-row{gap:7px}.gst-summary-card{min-height:60px}.gst-summary-card strong{font-size:12px}.gst-summary-icon{width:27px;height:27px}}.vehicle-report-page{box-sizing:border-box;width:100%}.vehicle-alert{z-index:10000;background:#fff;border:1px solid #e2e8f0;border-left:4px solid #16a34a;border-radius:12px;align-items:center;gap:10px;min-width:300px;max-width:420px;padding:12px 14px;font-size:12px;font-weight:700;display:flex;position:fixed;top:82px;right:24px;box-shadow:0 12px 35px #0f172a26}.vehicle-alert.success{color:#166534;border-left-color:#16a34a}.vehicle-alert.error{color:#b91c1c;border-left-color:#dc2626}.vehicle-alert.warning{color:#92400e;border-left-color:#f59e0b}.vehicle-alert-icon{background:#f8fafc;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.vehicle-alert button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;margin-left:auto;display:flex}.vehicle-alert button:hover{color:#475569;background:#f1f5f9}.vehicle-page-header{box-sizing:border-box;background:linear-gradient(135deg,#fff 0%,#f7fbff 100%);border:1px solid #e4e8ef;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:68px;margin-bottom:18px;padding:14px 18px;display:flex;box-shadow:0 5px 18px #0f172a0b}.vehicle-header-left{align-items:center;gap:12px;min-width:0;display:flex}.vehicle-header-icon{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;display:flex;box-shadow:0 5px 14px #2563eb33}.vehicle-page-header h2{color:#17324d;margin:0;font-size:21px;font-weight:800;line-height:1.2}.vehicle-page-header p{color:#8291a2;margin:5px 0 0;font-size:11px;font-weight:500}.vehicle-refresh-btn{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-width:105px;height:38px;padding:0 14px;font-family:inherit;font-size:11px;font-weight:800;transition:all .2s;display:inline-flex}.vehicle-refresh-btn:hover{color:#fff;background:#2563eb;border-color:#2563eb;transform:translateY(-1px)}.vehicle-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.vehicle-spin{animation:.8s linear infinite vehicle-spin}@keyframes vehicle-spin{to{transform:rotate(360deg)}}.vehicle-summary-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;margin-bottom:12px;display:grid}.vehicle-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:11px;min-width:0;padding:13px 15px;transition:all .2s;display:flex;box-shadow:0 5px 18px #0f172a09}.vehicle-summary-card:hover{transform:translateY(-2px);box-shadow:0 9px 25px #0f172a12}.vehicle-summary-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.vehicle-blue{color:#2563eb;background:#eff6ff}.vehicle-purple{color:#7c3aed;background:#f3e8ff}.vehicle-cyan{color:#0891b2;background:#ecfeff}.vehicle-green{color:#16a34a;background:#f0fdf4}.vehicle-summary-card span{color:#64748b;font-size:10px;font-weight:600;display:block}.vehicle-summary-card strong{color:#172033;margin-top:2px;font-size:18px;font-weight:800;display:block}.vehicle-filter-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:15px;grid-template-columns:minmax(250px,1fr) auto auto auto;align-items:end;gap:10px;width:100%;margin-bottom:16px;padding:15px;display:grid;box-shadow:0 5px 18px #0f172a09}.vehicle-filter-group{min-width:0;position:relative}.vehicle-filter-group label{color:#64748b;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.vehicle-dropdown-wrapper{position:relative}.vehicle-dropdown-input{box-sizing:border-box;background:#fff;border:1px solid #dfe4ec;border-radius:9px;align-items:center;gap:7px;height:39px;padding:0 10px;transition:all .2s;display:flex}.vehicle-dropdown-input:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f614}.vehicle-dropdown-input>svg:first-child{color:#2563eb;font-size:12px}.vehicle-dropdown-input input{color:#334155;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:10px}.vehicle-dropdown-input input::placeholder{color:#94a3b8}.vehicle-dropdown-input button{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.vehicle-chevron{color:#94a3b8!important;font-size:9px!important}.vehicle-dropdown-menu{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:10px;max-height:250px;padding:4px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 15px 35px #0f172a26}.vehicle-dropdown-menu button{color:#475569;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:9px;width:100%;min-height:42px;padding:7px 9px;font-family:inherit;display:flex}.vehicle-dropdown-menu button:hover,.vehicle-dropdown-menu button.selected{color:#1d4ed8;background:#eff6ff}.vehicle-option-icon{color:#2563eb;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;display:flex}.vehicle-dropdown-menu button strong{color:#334155;font-size:10px;font-weight:800;display:block}.vehicle-dropdown-menu button small{color:#94a3b8;margin-top:2px;font-size:8px;font-weight:500;display:block}.vehicle-dropdown-menu button:hover strong,.vehicle-dropdown-menu button.selected strong{color:#1d4ed8}.vehicle-empty{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:120px;font-size:10px;display:flex}.vehicle-empty svg{color:#bfdbfe;font-size:25px}.vehicle-search-btn,.vehicle-print-btn,.vehicle-export-btn{color:#fff;cursor:pointer;border:none;border-radius:9px;justify-content:center;align-items:center;gap:6px;height:39px;padding:0 14px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s;display:inline-flex}.vehicle-search-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.vehicle-print-btn{background:linear-gradient(135deg,#64748b,#475569)}.vehicle-export-btn{background:linear-gradient(135deg,#16a34a,#15803d)}.vehicle-search-btn:hover:not(:disabled),.vehicle-print-btn:hover,.vehicle-export-btn:hover:not(:disabled){transform:translateY(-1px)}.vehicle-search-btn:disabled,.vehicle-export-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.vehicle-table-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;overflow:visible;box-shadow:0 8px 28px #0f172a0b}.vehicle-table-top{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:15px;padding:15px 18px;display:flex}.vehicle-global-search{box-sizing:border-box;background:#fff;border:1px solid #dfe4ec;border-radius:10px;align-items:center;width:390px;height:38px;padding:0 11px;display:flex}.vehicle-global-search:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f614}.vehicle-global-search>svg{color:#94a3b8;margin-right:8px;font-size:12px}.vehicle-global-search input{color:#334155;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:10px}.vehicle-global-search input::placeholder{color:#94a3b8}.vehicle-global-search button{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.vehicle-entries-area{color:#64748b;align-items:center;gap:6px;font-size:10px;font-weight:600;display:flex}.vehicle-entries-wrapper{position:relative}.vehicle-entries-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #dfe4ec;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-width:60px;height:32px;padding:0 9px;font-family:inherit;font-size:10px;font-weight:700;display:flex}.vehicle-entries-btn svg{font-size:8px}.vehicle-entries-menu{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:70px;padding:4px;position:absolute;top:36px;right:0;box-shadow:0 12px 30px #0f172a24}.vehicle-entries-menu button{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:5px;width:100%;height:29px;font-family:inherit;font-size:10px;font-weight:600}.vehicle-entries-menu button:hover{color:#1d4ed8;background:#eff6ff}.vehicle-result-bar{color:#64748b;border-bottom:1px solid #eef2f7;padding:9px 18px;font-size:10px;font-weight:600}.vehicle-result-bar strong{color:#334155;font-weight:800}.vehicle-table-wrapper{width:100%;overflow-x:auto}.vehicle-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1050px}.vehicle-table thead th:first-child{padding-left:15px}.vehicle-sr-col{width:55px;text-align:center!important}.vehicle-table tbody tr{background:#fff;transition:background .15s}.vehicle-table tbody tr:nth-child(2n){background:#f8fafc}.vehicle-table tbody td{color:#334155;white-space:nowrap;border-bottom:1px solid #edf1f5;height:60px;padding:0 12px;font-size:9px;font-weight:600}.vehicle-number-cell{align-items:center;gap:8px;display:flex}.vehicle-car-icon{color:#2563eb;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;font-size:11px;display:flex}.vehicle-number-cell strong{color:#1e3a5f;font-size:10px;font-weight:800;display:block}.vehicle-number-cell small{color:#94a3b8;margin-top:2px;font-size:7px;font-weight:500;display:block}.vehicle-model-badge{color:#6d28d9;background:#f3e8ff;border:1px solid #ddd6fe;border-radius:8px;align-items:center;gap:5px;min-height:27px;padding:0 9px;font-size:8px;font-weight:800;display:inline-flex}.vehicle-model-badge svg{font-size:9px}.vehicle-owner-cell{align-items:center;gap:7px;max-width:180px;display:flex}.vehicle-avatar{color:#0284c7;background:#e0f2fe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;font-size:9px;display:flex}.vehicle-owner-cell span{text-overflow:ellipsis;color:#475569;font-size:9px;font-weight:700;overflow:hidden}.vehicle-contact{color:#0891b2;align-items:center;gap:5px;font-size:9px;font-weight:800;display:inline-flex}.vehicle-contact svg{font-size:9px}.vehicle-location-badge{color:#0e7490;background:#ecfeff;border:1px solid #a5f3fc;border-radius:8px;align-items:center;gap:5px;min-height:27px;padding:0 9px;font-size:8px;font-weight:800;display:inline-flex}.vehicle-location-badge svg{font-size:8px}.vehicle-flat-badge{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:5px;min-height:27px;padding:0 9px;font-size:8px;font-weight:800;display:inline-flex}.vehicle-flat-badge svg{font-size:8px}.vehicle-no-data{height:230px;text-align:center!important;background:#fff!important}.vehicle-no-data>div{flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.vehicle-no-data svg{color:#bfdbfe;margin-bottom:5px;font-size:32px}.vehicle-no-data strong{color:#475569;font-size:12px;font-weight:800}.vehicle-no-data span{color:#94a3b8;font-size:10px;font-weight:500}.vehicle-pagination{border-top:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:15px;min-height:65px;padding:10px 18px;display:flex}.vehicle-pagination button{color:#475569;cursor:pointer;background:#fff;border:1px solid #dfe4ec;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:90px;height:34px;padding:0 12px;font-family:inherit;font-size:10px;font-weight:700;transition:all .2s;display:inline-flex}.vehicle-pagination button:hover:not(:disabled){color:#1d4ed8;background:#eff6ff;border-color:#3b82f6}.vehicle-pagination button:disabled{opacity:.45;cursor:not-allowed}.vehicle-page-number{color:#64748b;font-size:10px;font-weight:600}.vehicle-page-number strong{color:#1d4ed8;font-weight:800}.vehicle-loading-overlay{z-index:99999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a1f;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.vehicle-loading-box{color:#475569;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-width:200px;padding:16px 20px;font-size:11px;font-weight:800;display:flex;box-shadow:0 15px 40px #0f172a2e}.vehicle-table-wrapper::-webkit-scrollbar-thumb:hover{background:#3b82f6}@media (width<=1200px){.vehicle-filter-card{grid-template-columns:minmax(220px,1fr) auto auto auto}}@media (width<=768px){.vehicle-page-header{border-radius:13px;padding:13px}.vehicle-header-icon{border-radius:10px;width:38px;height:38px;font-size:15px}.vehicle-page-header h2{font-size:17px}.vehicle-page-header p{font-size:9px}.vehicle-refresh-btn{width:38px;min-width:38px;padding:0;font-size:0}.vehicle-refresh-btn svg{font-size:13px}.vehicle-summary-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.vehicle-summary-card{gap:8px;padding:10px}.vehicle-summary-icon{width:30px;height:30px;font-size:11px}.vehicle-summary-card span{font-size:8px}.vehicle-summary-card strong{font-size:14px}.vehicle-filter-card{grid-template-columns:1fr;padding:12px}.vehicle-search-btn,.vehicle-print-btn,.vehicle-export-btn{width:100%}.vehicle-table-top{flex-direction:column;align-items:stretch;padding:12px}.vehicle-global-search{width:100%}.vehicle-entries-area{justify-content:flex-end}.vehicle-result-bar{padding:8px 12px}.vehicle-pagination{padding:10px 12px}.vehicle-pagination button{width:38px;min-width:38px;padding:0;font-size:0}.vehicle-pagination button svg{font-size:11px}.vehicle-page-number{font-size:9px}.vehicle-alert{min-width:0;max-width:none;top:70px;left:12px;right:12px}}@media (width<=480px){.vehicle-summary-row{gap:7px}.vehicle-summary-card{min-height:60px}.vehicle-summary-card strong{font-size:12px}.vehicle-summary-icon{width:27px;height:27px}}@media print{.vehicle-page-header,.vehicle-filter-card,.vehicle-table-top,.vehicle-pagination,.vehicle-alert,.vehicle-loading-overlay{display:none!important}.vehicle-report-page{width:100%}.vehicle-table-card{box-shadow:none;border:none}.vehicle-table{min-width:100%}.vehicle-table thead th{color:#111827!important;background:#e5e7eb!important}.vehicle-table tbody td{color:#111827!important}}.complaint-master-page{box-sizing:border-box;background:#f5f7fb;width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden}.complaint-master-page .main{box-sizing:border-box;background:#f5f7fb;width:calc(100% - 280px);min-height:100vh;margin-left:280px;padding-top:72px;transition:width .3s,margin-left .3s;overflow-x:hidden}.complaint-master-page .main.collapsed{width:calc(100% - 78px);margin-left:78px}.complaint-master-page .content{box-sizing:border-box;width:100%;max-width:1650px;min-height:calc(100vh - 72px);margin:0 auto;padding:20px 28px 35px}.complaint-page-header{box-sizing:border-box;background:linear-gradient(135deg,#fff 0%,#faf7ff 100%);border:1px solid #e4e8ef;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:70px;margin-bottom:18px;padding:14px 18px;display:flex;box-shadow:0 5px 18px #0f172a0b}.complaint-header-left{align-items:center;gap:13px;min-width:0;display:flex}.complaint-header-icon{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:19px;display:flex;box-shadow:0 6px 15px #6d28d933}.complaint-page-header h2{color:#172033;margin:0;font-size:21px;font-weight:800;line-height:1.2}.complaint-page-header p{color:#8792a5;margin:5px 0 0;font-size:11px;font-weight:500;line-height:1.4}.complaint-refresh-btn{color:#6d28d9;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;min-width:105px;height:38px;padding:0 14px;font-family:inherit;font-size:11px;font-weight:800;transition:all .2s;display:inline-flex}.complaint-refresh-btn:hover{color:#fff;background:#7c3aed;border-color:#7c3aed;transform:translateY(-1px);box-shadow:0 6px 15px #7c3aed2e}.complaint-refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.complaint-spin{animation:.8s linear infinite complaint-rotate}@keyframes complaint-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.complaint-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;margin-bottom:18px;display:grid}.complaint-stat-card{box-sizing:border-box;background:#fff;border:1px solid #e5e9f0;border-radius:14px;align-items:center;gap:12px;min-width:0;padding:15px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 15px #0f172a09}.complaint-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a12}.complaint-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;font-size:17px;display:flex}.complaint-stat-icon.total{color:#6d28d9;background:#f3e8ff}.complaint-stat-icon.pending{color:#d97706;background:#fff7ed}.complaint-stat-icon.resolved{color:#15803d;background:#ecfdf5}.complaint-stat-icon.high{color:#dc2626;background:#fef2f2}.complaint-stat-card>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.complaint-stat-card span{color:#7b8798;font-size:10px;font-weight:600}.complaint-stat-card strong{color:#172033;font-size:21px;font-weight:800;line-height:1}.complaint-form-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:17px;width:100%;margin-bottom:18px;padding:22px;box-shadow:0 5px 20px #0f172a0b}.complaint-section-heading{align-items:center;gap:11px;margin-bottom:22px;display:flex}.complaint-section-icon{color:#7c3aed;background:#f3e8ff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:39px;height:39px;font-size:14px;display:flex}.complaint-section-heading h3{color:#172033;margin:0;font-size:16px;font-weight:800;line-height:1.3}.complaint-section-heading p{color:#94a0b1;margin:4px 0 0;font-size:10px;font-weight:500}.complaint-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px 17px;width:100%;display:grid}.complaint-input-group{box-sizing:border-box;width:100%;min-width:0;position:relative}.complaint-input-group>label{z-index:4;color:#334155;white-space:nowrap;background:#fff;padding:0 6px;font-size:10px;font-weight:800;line-height:15px;position:absolute;top:-7px;left:13px}.complaint-input-group>label span{color:#ef4444;margin-left:3px}.complaint-input-box{box-sizing:border-box;background:#fff;border:1px solid #d8dee8;border-radius:11px;align-items:center;width:100%;height:46px;padding:0 13px;transition:border-color .2s,box-shadow .2s;display:flex}.complaint-input-box:hover{border-color:#a78bca}.complaint-input-box:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.complaint-input-icon{color:#8b5cf6;flex-shrink:0;margin-right:9px;font-size:14px}.complaint-input-box input,.complaint-input-box select{color:#1e293b;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;font-family:inherit;font-size:12px;font-weight:600}.complaint-input-box input::placeholder{color:#9aa6b2;font-size:11px;font-weight:500}.complaint-input-box select{cursor:pointer}.complaint-textarea-box{box-sizing:border-box;background:#fff;border:1px solid #d8dee8;border-radius:11px;align-items:center;width:100%;height:46px;min-height:46px;padding:0 13px;transition:border-color .2s,box-shadow .2s;display:flex}.complaint-textarea-box:hover{border-color:#a78bca}.complaint-textarea-box:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.complaint-textarea-icon{color:#8b5cf6;flex-shrink:0;margin-right:9px;font-size:14px}.complaint-description-box textarea{resize:none;color:#1e293b;background:0 0;border:none;outline:none;width:100%;min-width:0;height:30px;min-height:30px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4}.complaint-description-box textarea::placeholder{color:#9aa6b2;font-size:11px}.complaint-character-count{text-align:right;color:#94a3b8;margin-top:4px;font-size:9px;font-weight:600}.complaint-upload-box{box-sizing:border-box;cursor:pointer;background:linear-gradient(135deg,#fafafa,#fbf9ff);border:1px dashed #cbd5e1;border-radius:11px;align-items:center;gap:10px;width:100%;height:46px;padding:0 12px;transition:border-color .2s,background .2s,transform .2s;display:flex}.complaint-upload-box:hover{background:#faf5ff;border-color:#8b5cf6;transform:translateY(-1px)}.complaint-upload-box.selected{background:#f5f3ff;border-color:#8b5cf6}.complaint-upload-icon{color:#7c3aed;background:#ede9fe;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;display:flex}.complaint-upload-text{flex-direction:column;gap:3px;min-width:0;display:flex}.complaint-upload-text strong{color:#334155;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:800;overflow:hidden}.complaint-upload-text span{color:#94a3b8;font-size:8px;font-weight:500}.complaint-hidden-file{display:none}.complaint-remove-file{color:#dc2626;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;margin-top:6px;padding:0;font-family:inherit;font-size:9px;font-weight:700;display:inline-flex}.complaint-priority-options{grid-template-columns:repeat(3,1fr);gap:7px;width:100%;height:46px;display:grid}.complaint-priority-option{color:#64748b;cursor:pointer;background:#fff;border:1px solid #d8dee8;border-radius:10px;justify-content:center;align-items:center;gap:6px;height:46px;padding:0 7px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s;display:flex}.complaint-priority-option:hover{transform:translateY(-1px)}.complaint-priority-option.low.active,.complaint-priority-option.low:hover{color:#15803d;background:#f0fdf4;border-color:#86efac}.complaint-priority-option.medium.active,.complaint-priority-option.medium:hover{color:#b45309;background:#fffbeb;border-color:#fcd34d}.complaint-priority-option.high.active,.complaint-priority-option.high:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.complaint-priority-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.complaint-button-row{justify-content:center;align-items:center;gap:10px;width:100%;margin-top:22px;display:flex}.complaint-reset-btn,.complaint-submit-btn{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:39px;padding:0 18px;font-family:inherit;font-size:11px;font-weight:800;transition:all .2s;display:inline-flex}.complaint-reset-btn{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;min-width:95px}.complaint-reset-btn:hover{background:#e2e8f0;transform:translateY(-1px)}.complaint-submit-btn{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;min-width:165px;box-shadow:0 6px 16px #6d28d933}.complaint-submit-btn:hover{transform:translateY(-1px);box-shadow:0 9px 21px #6d28d945}.complaint-reset-btn:disabled,.complaint-submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.complaint-save-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite complaint-spinner}@keyframes complaint-spinner{to{transform:rotate(360deg)}}.complaint-list-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:17px;width:100%;overflow:hidden;box-shadow:0 5px 20px #0f172a0b}.complaint-list-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:15px;min-height:70px;padding:16px 20px;display:flex}.complaint-list-header h3{color:#172033;margin:0;font-size:16px;font-weight:800}.complaint-list-header p{color:#94a0b1;margin:4px 0 0;font-size:10px;font-weight:500}.complaint-count-badge{color:#6d28d9;background:#f3e8ff;border-radius:20px;flex-shrink:0;padding:7px 11px;font-size:10px;font-weight:800}.complaint-toolbar{box-sizing:border-box;background:#fafbfc;border-bottom:1px solid #edf0f4;grid-template-columns:minmax(220px,1fr) 170px 170px 95px;gap:10px;width:100%;padding:13px 18px;display:grid}.complaint-table-search{box-sizing:border-box;background:#fff;border:1px solid #dce2ea;border-radius:9px;align-items:center;height:38px;padding:0 11px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.complaint-table-search:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf614}.complaint-search-icon{color:#94a3b8;flex-shrink:0;margin-right:8px;font-size:12px}.complaint-table-search input{color:#334155;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:11px;font-weight:600}.complaint-table-search input::placeholder{color:#a0a9b7}.complaint-search-clear{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:23px;height:23px;display:flex}.complaint-search-clear:hover{color:#dc2626;background:#fee2e2}.complaint-filter-box{box-sizing:border-box;color:#8b5cf6;background:#fff;border:1px solid #dce2ea;border-radius:9px;align-items:center;gap:7px;height:38px;padding:0 10px;display:flex}.complaint-filter-box select{color:#475569;cursor:pointer;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:10px;font-weight:700}.complaint-rows-filter{color:#64748b}.complaint-rows-filter span{color:#64748b;flex-shrink:0;font-size:10px;font-weight:700}.complaint-rows-filter select{width:auto}.complaint-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.complaint-table{border-collapse:collapse;width:100%;min-width:930px}.complaint-table th{text-align:left;white-space:nowrap;color:#64748b;text-transform:uppercase;letter-spacing:.3px;background:#f8fafc;border-bottom:1px solid #e5eaf0;height:43px;padding:0 12px;font-size:10px;font-weight:800}.complaint-table td{vertical-align:middle;color:#475569;border-bottom:1px solid #eef1f5;padding:11px 12px;font-size:11px}.complaint-table tbody tr{transition:background .15s}.complaint-table tbody tr:hover{background:#faf9ff}.complaint-table tbody tr:last-child td{border-bottom:none}.complaint-sr{color:#6d28d9;background:#f3e8ff;border-radius:8px;justify-content:center;align-items:center;width:27px;height:27px;font-size:10px;font-weight:800;display:inline-flex}.complaint-title-cell{align-items:flex-start;gap:9px;min-width:210px;max-width:300px;display:flex}.complaint-row-icon{color:#7c3aed;background:#f3e8ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;font-size:11px;display:flex}.complaint-title-content{flex-direction:column;gap:3px;min-width:0;display:flex}.complaint-title-content strong{color:#263246;font-size:11px;font-weight:800;line-height:1.35}.complaint-title-content span{color:#94a0b1;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:240px;font-size:9px;line-height:1.4;display:-webkit-box;overflow:hidden}.complaint-type-badge{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:7px;align-items:center;min-height:25px;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.complaint-priority-badge{text-transform:capitalize;white-space:nowrap;border-radius:7px;align-items:center;gap:5px;min-height:25px;padding:0 8px;font-size:9px;font-weight:800;display:inline-flex}.complaint-priority-badge>span{background:currentColor;border-radius:50%;width:6px;height:6px}.complaint-priority-high{color:#dc2626;background:#fef2f2}.complaint-priority-medium{color:#b45309;background:#fffbeb}.complaint-priority-low{color:#15803d;background:#f0fdf4}.complaint-admin-note{color:#64748b;align-items:flex-start;gap:6px;max-width:170px;font-size:9px;line-height:1.4;display:flex}.complaint-admin-note svg{color:#8b5cf6;flex-shrink:0;margin-top:1px}.complaint-admin-note span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.complaint-no-note{font-style:italic;color:#a0a9b7!important}.complaint-status-badge{text-transform:capitalize;white-space:nowrap;border-radius:7px;align-items:center;gap:5px;min-height:25px;padding:0 8px;font-size:9px;font-weight:800;display:inline-flex}.complaint-status-badge>span{background:currentColor;border-radius:50%;width:6px;height:6px}.complaint-status-pending{color:#b45309;background:#fffbeb}.complaint-status-progress{color:#2563eb;background:#eff6ff}.complaint-status-resolved{color:#15803d;background:#f0fdf4}.complaint-status-rejected{color:#dc2626;background:#fef2f2}.complaint-date{color:#64748b;white-space:nowrap;font-size:10px;font-weight:700}.complaint-loading-state{height:170px;text-align:center!important;vertical-align:middle!important;color:#64748b!important}.complaint-table-spinner{vertical-align:middle;border:3px solid #e5e7eb;border-top-color:#8b5cf6;border-radius:50%;width:21px;height:21px;animation:.7s linear infinite complaint-spinner;display:inline-block}.complaint-loading-state>span:last-child{margin-left:9px;font-size:11px;font-weight:600}.complaint-empty-state{height:230px;text-align:center!important}.complaint-empty-icon{color:#8b5cf6;background:#f3e8ff;border-radius:15px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 11px;font-size:20px;display:flex}.complaint-empty-state strong{color:#334155;font-size:13px;font-weight:800;display:block}.complaint-empty-state>span{color:#94a3b8;margin-top:5px;font-size:10px;display:block}.complaint-pagination{border-top:1px solid #edf0f4;justify-content:center;align-items:center;gap:6px;padding:15px 18px;display:flex}.complaint-page-numbers{align-items:center;gap:5px;display:flex}.complaint-page-arrow,.complaint-page-number{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s;display:flex}.complaint-page-arrow{color:#64748b;background:#fff;border:1px solid #e2e8f0}.complaint-page-arrow:hover:not(:disabled){color:#7c3aed;background:#faf5ff;border-color:#c4b5fd}.complaint-page-arrow:disabled{opacity:.4;cursor:not-allowed}.complaint-page-number{color:#64748b;background:0 0;border:1px solid #0000}.complaint-page-number:hover{color:#7c3aed;background:#f5f3ff}.complaint-page-number.active{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-color:#7c3aed;box-shadow:0 4px 10px #6d28d92e}.complaint-page-dots{text-align:center;color:#94a3b8;width:25px;font-size:10px}.complaint-bottom-note{box-sizing:border-box;color:#94a3b8;text-align:center;background:#fafbfc;border-top:1px solid #edf0f4;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:9px 15px;font-size:9px;display:flex}.complaint-bottom-note svg{color:#8b5cf6}.complaint-bottom-note strong{color:#64748b;font-weight:800}.complaint-toast{z-index:99999;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;min-width:300px;max-width:420px;padding:13px 14px;animation:.25s complaint-toast-in;display:flex;position:fixed;top:82px;right:25px;box-shadow:0 15px 35px #0f172a26}.complaint-toast.success{border-left:4px solid #16a34a}.complaint-toast.warning{border-left:4px solid #f59e0b}.complaint-toast.error{border-left:4px solid #dc2626}.complaint-toast-icon{color:#16a34a;background:#f0fdf4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:33px;height:33px;font-size:14px;display:flex}.complaint-toast.warning .complaint-toast-icon{color:#d97706;background:#fffbeb}.complaint-toast.error .complaint-toast-icon{color:#dc2626;background:#fef2f2}.complaint-toast-content{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.complaint-toast-content strong{color:#1e293b;font-size:12px;font-weight:800}.complaint-toast-content span{color:#64748b;font-size:10px;line-height:1.4}.complaint-toast>button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.complaint-toast>button:hover{color:#dc2626;background:#fef2f2}@keyframes complaint-toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media screen and (width<=1200px){.complaint-master-page .main,.complaint-master-page .main.collapsed{width:calc(100% - 78px);margin-left:78px}.complaint-master-page .content{padding:18px 20px 30px}.complaint-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.complaint-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.complaint-toolbar{grid-template-columns:minmax(200px,1fr) 150px 150px 90px}}@media screen and (width<=900px){.complaint-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.complaint-form-grid .complaint-input-group:nth-child(3){grid-column:1/-1}.complaint-toolbar{grid-template-columns:1fr 1fr}.complaint-table-search{grid-column:1/-1}}@media screen and (width<=768px){.complaint-master-page .main,.complaint-master-page .main.collapsed{width:100%;margin-left:0;padding-top:64px}.complaint-master-page .content{width:100%;min-height:calc(100vh - 64px);padding:13px}.complaint-page-header{border-radius:13px;flex-direction:column;align-items:stretch;gap:12px;padding:14px}.complaint-header-icon{border-radius:10px;width:40px;height:40px;font-size:16px}.complaint-page-header h2{font-size:18px}.complaint-page-header p{font-size:10px}.complaint-refresh-btn{width:100%}.complaint-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.complaint-stat-card{gap:9px;padding:12px}.complaint-stat-icon{border-radius:9px;width:36px;height:36px;font-size:14px}.complaint-stat-card span{font-size:9px}.complaint-stat-card strong{font-size:18px}.complaint-form-card{border-radius:14px;padding:16px}.complaint-section-heading{margin-bottom:20px}.complaint-section-heading h3{font-size:14px}.complaint-section-heading p{font-size:9px}.complaint-form-grid{grid-template-columns:1fr;gap:20px}.complaint-form-grid .complaint-input-group:nth-child(3){grid-column:auto}.complaint-description-box{align-items:flex-start;height:80px;min-height:80px;padding-top:12px}.complaint-description-box textarea{height:55px;min-height:55px}.complaint-priority-options,.complaint-priority-option{height:44px}.complaint-button-row{flex-direction:column;gap:9px}.complaint-reset-btn,.complaint-submit-btn{width:100%;max-width:320px}.complaint-list-header{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 15px}.complaint-count-badge{align-self:flex-start}.complaint-toolbar{grid-template-columns:1fr;padding:12px}.complaint-table-search{grid-column:auto}.complaint-toast{width:auto;min-width:0;max-width:none;top:72px;left:12px;right:12px}}@media screen and (width<=480px){.complaint-master-page .content{padding:9px}.complaint-page-header{padding:12px}.complaint-page-header h2{font-size:16px}.complaint-page-header p{font-size:9px}.complaint-stat-grid{gap:8px}.complaint-stat-card{border-radius:11px;gap:7px;padding:10px}.complaint-stat-icon{width:32px;height:32px;font-size:12px}.complaint-stat-card span{font-size:8px}.complaint-stat-card strong{font-size:16px}.complaint-form-card{border-radius:12px;padding:13px}.complaint-input-group>label{font-size:9px;left:10px}.complaint-input-box{border-radius:9px;height:44px;padding:0 11px}.complaint-input-box input,.complaint-input-box select{font-size:12px}.complaint-input-icon{margin-right:7px;font-size:12px}.complaint-textarea-box{border-radius:9px}.complaint-upload-box{height:65px;padding:10px}.complaint-upload-icon{width:34px;height:34px;font-size:13px}.complaint-upload-text strong{font-size:10px}.complaint-upload-text span{font-size:8px}.complaint-priority-option{font-size:9px}.complaint-list-card{border-radius:12px}.complaint-list-header h3{font-size:14px}.complaint-list-header p,.complaint-count-badge{font-size:9px}.complaint-pagination{padding:12px 8px}.complaint-page-arrow,.complaint-page-number{width:28px;height:28px}.complaint-bottom-note{font-size:8px}}@media screen and (width<=360px){.complaint-stat-card{flex-direction:column;align-items:flex-start}.complaint-stat-card>div:last-child{width:100%}.complaint-priority-option{padding:0 3px;font-size:8px}.complaint-page-numbers{gap:2px}.complaint-page-arrow,.complaint-page-number{width:26px;height:26px;font-size:9px}}.request-page{background:#f5f7fb;width:100%;min-height:100vh;overflow-x:hidden}.request-main{box-sizing:border-box;width:calc(100% - 280px);min-height:100vh;margin-left:280px;padding-top:72px;transition:width .3s,margin-left .3s}.request-main.collapsed{width:calc(100% - 78px);margin-left:78px}.request-content{box-sizing:border-box;width:100%;max-width:1650px;margin:auto;padding:20px 28px 35px}.request-page-header{box-sizing:border-box;background:linear-gradient(135deg,#fff,#faf8ff);border:1px solid #e4e8ef;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:70px;margin-bottom:18px;padding:14px 18px;display:flex;box-shadow:0 5px 18px #0f172a0b}.request-header-left{align-items:center;gap:13px;min-width:0;display:flex}.request-header-icon{color:#fff;background:linear-gradient(135deg,#7c3aed,#5b21b6);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:19px;display:flex;box-shadow:0 6px 15px #6d28d933}.request-page-header h1{color:#172033;margin:0;font-size:21px;font-weight:800;line-height:1.2}.request-page-header p{color:#8792a5;margin:5px 0 0;font-size:11px;font-weight:500}.request-refresh-btn{color:#6d28d9;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 14px;font-family:inherit;font-size:11px;font-weight:800;transition:all .2s;display:inline-flex}.request-refresh-btn:hover{color:#fff;background:#7c3aed;border-color:#7c3aed;transform:translateY(-1px)}.request-refresh-btn svg{font-size:11px}.request-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.request-stat-card{background:#fff;border:1px solid #e5e9f0;border-radius:14px;align-items:center;gap:12px;min-width:0;padding:15px;transition:all .2s;display:flex;box-shadow:0 4px 15px #0f172a09}.request-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a12}.request-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;font-size:17px;display:flex}.request-stat-icon.total{color:#7c3aed;background:#f3e8ff}.request-stat-icon.pending{color:#d97706;background:#fff7ed}.request-stat-icon.completed{color:#15803d;background:#ecfdf5}.request-stat-icon.rejected{color:#dc2626;background:#fef2f2}.request-stat-card>div:last-child{flex-direction:column;gap:3px;display:flex}.request-stat-card span{color:#7b8798;font-size:10px;font-weight:600}.request-stat-card strong{color:#172033;font-size:21px;font-weight:800;line-height:1}.request-form-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:17px;width:100%;margin-bottom:18px;padding:22px;box-shadow:0 5px 20px #0f172a0b}.request-section-heading{align-items:center;gap:11px;margin-bottom:22px;display:flex}.request-section-icon{color:#7c3aed;background:#f3e8ff;border-radius:11px;justify-content:center;align-items:center;width:39px;height:39px;font-size:14px;display:flex}.request-section-heading h2{color:#172033;margin:0;font-size:16px;font-weight:800}.request-section-heading p{color:#94a0b1;margin:4px 0 0;font-size:10px;font-weight:500}.request-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px 17px;width:100%;display:grid}.request-field{width:100%;min-width:0;position:relative}.request-field>label{z-index:5;color:#334155;white-space:nowrap;background:#fff;padding:0 6px;font-size:10px;font-weight:800;line-height:15px;position:absolute;top:-7px;left:13px}.request-field>label span{color:#ef4444;margin-left:3px}.request-input{box-sizing:border-box;background:#fff;border:1px solid #d8dee8;border-radius:11px;align-items:center;width:100%;height:46px;padding:0 13px;transition:all .2s;display:flex}.request-input:hover{border-color:#a78bca}.request-input:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.request-input>svg{color:#8b5cf6;flex-shrink:0;margin-right:9px;font-size:14px}.request-input input,.request-input select{color:#1e293b;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:12px;font-weight:600}.request-input input::placeholder{color:#9aa6b2;font-size:11px;font-weight:500}.request-input select{cursor:pointer}.request-textarea{box-sizing:border-box;background:#fff;border:1px solid #d8dee8;border-radius:11px;align-items:center;width:100%;height:46px;padding:0 13px;transition:all .2s;display:flex}.request-textarea:hover{border-color:#a78bca}.request-textarea:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.request-textarea>svg{color:#8b5cf6;flex-shrink:0;margin-right:9px;font-size:14px}.request-textarea textarea{resize:none;color:#1e293b;background:0 0;border:none;outline:none;width:100%;height:30px;min-height:30px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4}.request-textarea textarea::placeholder{color:#9aa6b2;font-size:11px}.request-character-count{text-align:right;color:#94a3b8;margin-top:4px;font-size:9px;font-weight:600}.request-upload{box-sizing:border-box;cursor:pointer;background:linear-gradient(135deg,#fafafa,#fbf9ff);border:1px dashed #cbd5e1;border-radius:11px;align-items:center;gap:10px;width:100%;height:46px;padding:0 12px;transition:all .2s;display:flex}.request-upload:hover{background:#faf5ff;border-color:#8b5cf6;transform:translateY(-1px)}.request-upload.selected{background:#f5f3ff;border-color:#8b5cf6}.request-upload-icon{color:#7c3aed;background:#ede9fe;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;display:flex}.request-upload-content{flex-direction:column;gap:3px;min-width:0;display:flex}.request-upload-content strong{color:#334155;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:800;overflow:hidden}.request-upload-content span{color:#94a3b8;font-size:8px;font-weight:500}.request-file-input{display:none}.request-remove-file{color:#dc2626;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;margin-top:6px;padding:0;font-family:inherit;font-size:9px;font-weight:700;display:inline-flex}.request-form-actions{justify-content:center;align-items:center;gap:10px;margin-top:22px;display:flex}.request-reset-btn,.request-submit-btn{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:39px;padding:0 18px;font-family:inherit;font-size:11px;font-weight:800;transition:all .2s;display:inline-flex}.request-reset-btn{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;min-width:95px}.request-reset-btn:hover{background:#e2e8f0;transform:translateY(-1px)}.request-submit-btn{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;min-width:165px;box-shadow:0 6px 16px #6d28d933}.request-submit-btn:hover{transform:translateY(-1px);box-shadow:0 9px 21px #6d28d945}.request-submit-btn:disabled,.request-reset-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.request-loader{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite request-spin}.request-history-card{background:#fff;border:1px solid #e2e8f0;border-radius:17px;width:100%;overflow:hidden;box-shadow:0 5px 20px #0f172a0b}.request-history-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:15px;min-height:70px;padding:16px 20px;display:flex}.request-history-header h2{color:#172033;margin:0;font-size:16px;font-weight:800}.request-history-header p{color:#94a0b1;margin:4px 0 0;font-size:10px;font-weight:500}.request-count{color:#6d28d9;background:#f3e8ff;border-radius:20px;padding:7px 11px;font-size:10px;font-weight:800}.request-toolbar{box-sizing:border-box;background:#fafbfc;border-bottom:1px solid #edf0f4;grid-template-columns:minmax(220px,1fr) 170px 170px 95px;gap:10px;padding:13px 18px;display:grid}.request-search{background:#fff;border:1px solid #dce2ea;border-radius:9px;align-items:center;height:38px;padding:0 11px;transition:all .2s;display:flex}.request-search:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf614}.request-search>svg{color:#94a3b8;margin-right:8px;font-size:12px}.request-search input{color:#334155;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:11px;font-weight:600}.request-search input::placeholder{color:#a0a9b7}.request-search button{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;width:23px;height:23px;display:flex}.request-search button:hover{color:#dc2626;background:#fee2e2}.request-filter{box-sizing:border-box;color:#8b5cf6;background:#fff;border:1px solid #dce2ea;border-radius:9px;align-items:center;gap:7px;height:38px;padding:0 10px;display:flex}.request-filter select{color:#475569;cursor:pointer;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:10px;font-weight:700}.request-row-filter{color:#64748b}.request-row-filter span{color:#64748b;flex-shrink:0;font-size:10px;font-weight:700}.request-row-filter select{width:auto}.request-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.request-table{border-collapse:collapse;width:100%;min-width:900px}.request-table th{text-align:left;white-space:nowrap;color:#64748b;text-transform:uppercase;letter-spacing:.3px;background:#f8fafc;border-bottom:1px solid #e5eaf0;height:43px;padding:0 12px;font-size:10px;font-weight:800}.request-table td{vertical-align:middle;color:#475569;border-bottom:1px solid #eef1f5;padding:11px 12px;font-size:11px}.request-table tbody tr{transition:background .15s}.request-table tbody tr:hover{background:#faf9ff}.request-table tbody tr:last-child td{border-bottom:none}.request-sr{color:#6d28d9;background:#f3e8ff;border-radius:8px;justify-content:center;align-items:center;width:27px;height:27px;font-size:10px;font-weight:800;display:inline-flex}.request-title-cell{align-items:flex-start;gap:9px;min-width:220px;max-width:310px;display:flex}.request-row-icon{color:#7c3aed;background:#f3e8ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;font-size:11px;display:flex}.request-title-cell>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.request-title-cell strong{color:#263246;font-size:11px;font-weight:800;line-height:1.35}.request-title-cell span{color:#94a0b1;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9px;line-height:1.4;display:-webkit-box;overflow:hidden}.request-type-badge{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:7px;align-items:center;min-height:25px;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.request-status{text-transform:capitalize;white-space:nowrap;border-radius:7px;align-items:center;gap:5px;min-height:25px;padding:0 8px;font-size:9px;font-weight:800;display:inline-flex}.request-status>span{background:currentColor;border-radius:50%;width:6px;height:6px}.status-pending{color:#b45309;background:#fffbeb}.status-approved{color:#15803d;background:#f0fdf4}.status-progress{color:#2563eb;background:#eff6ff}.status-completed{color:#15803d;background:#ecfdf5}.status-rejected{color:#dc2626;background:#fef2f2}.request-date{color:#64748b;white-space:nowrap;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.request-date svg{color:#8b5cf6;font-size:10px}.request-admin-note{color:#64748b;align-items:flex-start;gap:6px;max-width:180px;font-size:9px;line-height:1.4;display:flex}.request-admin-note svg{color:#8b5cf6;flex-shrink:0;margin-top:1px}.request-admin-note span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.request-no-note{font-style:italic;color:#a0a9b7!important}.request-loading{height:170px;text-align:center!important;color:#64748b!important;font-size:11px!important}.request-table-loader{vertical-align:middle;border:3px solid #e5e7eb;border-top-color:#8b5cf6;border-radius:50%;width:21px;height:21px;margin-right:9px;animation:.7s linear infinite request-spin;display:inline-block}.request-empty{height:220px;text-align:center!important}.request-empty-icon{color:#8b5cf6;background:#f3e8ff;border-radius:15px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 11px;font-size:20px;display:flex}.request-empty strong{color:#334155;font-size:13px;font-weight:800;display:block}.request-empty span{color:#94a3b8;margin-top:5px;font-size:10px;display:block}.request-pagination{border-top:1px solid #edf0f4;justify-content:center;align-items:center;gap:6px;padding:15px 18px;display:flex}.request-pagination>button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:flex}.request-pagination>button:hover:not(:disabled){color:#7c3aed;background:#faf5ff;border-color:#c4b5fd}.request-pagination>button:disabled{opacity:.4;cursor:not-allowed}.request-page-numbers{align-items:center;gap:5px;display:flex}.request-page-numbers button{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;width:30px;height:30px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s}.request-page-numbers button:hover{color:#7c3aed;background:#f5f3ff}.request-page-numbers button.active{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-color:#7c3aed;box-shadow:0 4px 10px #6d28d92e}.request-page-numbers span{text-align:center;color:#94a3b8;width:25px;font-size:10px}.request-bottom-info{box-sizing:border-box;color:#94a3b8;background:#fafbfc;border-top:1px solid #edf0f4;justify-content:center;align-items:center;gap:6px;min-height:42px;padding:9px 15px;font-size:9px;display:flex}.request-bottom-info svg{color:#8b5cf6}.request-bottom-info strong{color:#64748b}.request-toast{z-index:999999;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:11px;width:360px;min-height:68px;padding:11px 12px;animation:.3s ease-out request-toast-slide;display:flex;position:fixed;top:82px;right:24px;box-shadow:0 12px 35px #0f172a26}.request-toast.success{border-left:4px solid #22c55e}.request-toast.error{border-left:4px solid #ef4444}.request-toast.warning{border-left:4px solid #f59e0b}.request-toast-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.request-toast.success .request-toast-icon{color:#16a34a;background:#ecfdf5}.request-toast.error .request-toast-icon{color:#dc2626;background:#fef2f2}.request-toast.warning .request-toast-icon{color:#d97706;background:#fffbeb}.request-toast-content{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.request-toast-content strong{color:#1e293b;font-size:12px;font-weight:800;line-height:1.2}.request-toast-content span{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500;line-height:1.4;overflow:hidden}.request-toast-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;padding:0;font-size:10px;transition:all .2s;display:flex}.request-toast-close:hover{color:#334155;background:#f1f5f9}@keyframes request-toast-slide{0%{opacity:0;transform:translate(35px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}@media screen and (width<=768px){.request-toast{width:auto;min-height:62px;padding:10px;top:72px;left:12px;right:12px}.request-toast-icon{width:34px;height:34px;font-size:14px}.request-toast-content strong{font-size:11px}.request-toast-content span{font-size:9px}}@media screen and (width<=400px){.request-toast{top:68px;left:8px;right:8px}}@keyframes request-alert-show{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.request-alert-icon{border-radius:50%;justify-content:center;align-items:center;width:62px;height:62px;margin:0 auto 15px;font-size:27px;display:flex}.request-alert.success .request-alert-icon{color:#16a34a;background:#f0fdf4}.request-alert.error .request-alert-icon{color:#dc2626;background:#fef2f2}.request-alert.warning .request-alert-icon{color:#d97706;background:#fffbeb}.request-alert h3{color:#1e293b;margin:0 0 8px;font-size:17px;font-weight:800}.request-alert p{color:#64748b;margin:0 auto 20px;font-size:12px;line-height:1.5}.request-alert button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:9px;min-width:90px;height:36px;font-family:inherit;font-size:11px;font-weight:800}@media screen and (width<=1200px){.request-main,.request-main.collapsed{width:calc(100% - 78px);margin-left:78px}.request-content{padding:18px 20px 30px}.request-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.request-toolbar{grid-template-columns:minmax(200px,1fr) 150px 150px 90px}}@media screen and (width<=900px){.request-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.request-form-grid .request-field:nth-child(3){grid-column:1/-1}.request-toolbar{grid-template-columns:1fr 1fr}.request-search{grid-column:1/-1}}@media screen and (width<=768px){.request-main,.request-main.collapsed{width:100%;margin-left:0;padding-top:64px}.request-content{min-height:calc(100vh - 64px);padding:13px}.request-page-header{border-radius:13px;flex-direction:column;align-items:stretch;padding:14px}.request-header-icon{border-radius:10px;width:40px;height:40px;font-size:16px}.request-page-header h1{font-size:18px}.request-page-header p{font-size:10px}.request-refresh-btn{width:100%}.request-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.request-stat-card{gap:9px;padding:12px}.request-stat-icon{border-radius:9px;width:36px;height:36px;font-size:14px}.request-stat-card span{font-size:9px}.request-stat-card strong{font-size:18px}.request-form-card{border-radius:14px;padding:16px}.request-section-heading{margin-bottom:20px}.request-section-heading h2{font-size:14px}.request-section-heading p{font-size:9px}.request-form-grid{grid-template-columns:1fr;gap:20px}.request-form-grid .request-field:nth-child(3){grid-column:auto}.request-textarea{align-items:flex-start;height:78px;padding-top:12px}.request-textarea textarea{height:54px;min-height:54px}.request-form-actions{flex-direction:column;gap:9px}.request-reset-btn,.request-submit-btn{width:100%;max-width:320px}.request-history-header{flex-direction:column;align-items:flex-start;padding:14px 15px}.request-toolbar{grid-template-columns:1fr;padding:12px}.request-search{grid-column:auto}.request-alert{width:90%}}@media screen and (width<=480px){.request-content{padding:9px}.request-page-header{padding:12px}.request-page-header h1{font-size:16px}.request-page-header p{font-size:9px}.request-stat-grid{gap:8px}.request-stat-card{border-radius:11px;gap:7px;padding:10px}.request-stat-icon{width:32px;height:32px;font-size:12px}.request-stat-card span{font-size:8px}.request-stat-card strong{font-size:16px}.request-form-card{border-radius:12px;padding:13px}.request-field>label{font-size:9px;left:10px}.request-input{border-radius:9px;height:44px;padding:0 11px}.request-input input,.request-input select{font-size:11px}.request-upload{height:62px;padding:9px}.request-upload-icon{width:34px;height:34px}.request-history-card{border-radius:12px}.request-history-header h2{font-size:14px}.request-history-header p,.request-count{font-size:9px}.request-pagination{padding:12px 8px}.request-pagination>button,.request-page-numbers button{width:28px;height:28px}}@media screen and (width<=360px){.request-stat-card{flex-direction:column;align-items:flex-start}.request-stat-card>div:last-child{width:100%}.request-content{padding:7px}.request-form-card{padding:11px}}.maintenance-page{background:#f5f7fb;width:100%;min-height:100vh;overflow-x:hidden}.maintenance-main{box-sizing:border-box;width:calc(100% - 280px);min-height:100vh;margin-left:280px;padding-top:72px;transition:width .3s,margin-left .3s}.maintenance-main.collapsed{width:calc(100% - 78px);margin-left:78px}.maintenance-content{box-sizing:border-box;width:100%;max-width:1650px;margin:0 auto;padding:20px 28px 40px}.maintenance-page-header{box-sizing:border-box;background:linear-gradient(135deg,#fff,#faf8ff);border:1px solid #e3e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:18px;width:100%;min-height:70px;margin-bottom:18px;padding:13px 18px;display:flex;box-shadow:0 5px 18px #0f172a0b}.maintenance-header-left{align-items:center;gap:11px;min-width:0;display:flex}.maintenance-back-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.maintenance-back-btn:hover{color:#7c3aed;background:#faf5ff;border-color:#c4b5fd;transform:translate(-2px)}.maintenance-header-icon{color:#fff;background:linear-gradient(135deg,#7c3aed,#5b21b6);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:18px;display:flex;box-shadow:0 6px 15px #6d28d933}.maintenance-page-header h1{color:#172033;margin:0;font-size:21px;font-weight:800;line-height:1.2}.maintenance-page-header p{color:#8a96a8;margin:4px 0 0;font-size:10px;font-weight:500}.maintenance-refresh-btn{color:#6d28d9;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:38px;padding:0 14px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s;display:inline-flex}.maintenance-refresh-btn:hover{color:#fff;background:#7c3aed;border-color:#7c3aed;transform:translateY(-1px)}.maintenance-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px;display:grid}.maintenance-stat-card{background:#fff;border:1px solid #e5e9f0;border-radius:14px;align-items:center;gap:11px;min-width:0;padding:14px;transition:all .2s;display:flex;box-shadow:0 4px 15px #0f172a09}.maintenance-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a12}.maintenance-stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;display:flex}.maintenance-stat-icon.total{color:#7c3aed;background:#f3e8ff}.maintenance-stat-icon.paid{color:#15803d;background:#ecfdf5}.maintenance-stat-icon.pending{color:#d97706;background:#fffbeb}.maintenance-stat-icon.unpaid{color:#dc2626;background:#fef2f2}.maintenance-stat-card>div:last-child{flex-direction:column;gap:3px;display:flex}.maintenance-stat-card span{color:#7b8798;font-size:9px;font-weight:600}.maintenance-stat-card strong{color:#172033;font-size:20px;font-weight:800;line-height:1}.maintenance-list-card{background:#fff;border:1px solid #e2e8f0;border-radius:17px;width:100%;overflow:hidden;box-shadow:0 5px 20px #0f172a0b}.maintenance-list-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:15px;min-height:70px;padding:15px 20px;display:flex}.maintenance-list-header h2{color:#172033;margin:0;font-size:16px;font-weight:800}.maintenance-list-header p{color:#94a0b1;margin:4px 0 0;font-size:10px;font-weight:500}.maintenance-bill-count{color:#6d28d9;background:#f3e8ff;border-radius:20px;padding:7px 11px;font-size:9px;font-weight:800}.maintenance-search-bar{background:#fafbfc;border-bottom:1px solid #edf0f4;padding:13px 18px}.maintenance-search{box-sizing:border-box;background:#fff;border:1px solid #dce2ea;border-radius:9px;align-items:center;gap:8px;width:100%;max-width:420px;height:38px;padding:0 11px;transition:all .2s;display:flex}.maintenance-search:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf614}.maintenance-search>span{color:#94a3b8;font-size:12px}.maintenance-search input{color:#334155;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:10px;font-weight:600}.maintenance-search input::placeholder{color:#a0a9b7}.maintenance-search button{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;width:23px;height:23px;display:flex}.maintenance-search button:hover{color:#dc2626;background:#fee2e2}.maintenance-bill-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;display:grid}.maintenance-bill-card{box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;min-width:0;padding:17px;transition:transform .2s,box-shadow .2s,border-color .2s}.maintenance-bill-card:hover{border-color:#c4b5fd;transform:translateY(-3px);box-shadow:0 10px 25px #6d28d917}.maintenance-bill-top{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:13px;display:flex}.maintenance-flat-title{color:#1e293b;font-size:14px;font-weight:800}.maintenance-period{color:#7b8798;align-items:center;gap:6px;margin-top:7px;font-size:10px;font-weight:600;display:flex}.maintenance-period svg{color:#8b5cf6;font-size:10px}.maintenance-status{text-transform:uppercase;white-space:nowrap;border-radius:7px;align-items:center;gap:5px;min-height:25px;padding:0 9px;font-size:8px;font-weight:800;display:inline-flex}.maintenance-status>span{background:currentColor;border-radius:50%;width:6px;height:6px}.maintenance-paid{color:#15803d;background:#ecfdf5}.maintenance-pending{color:#b45309;background:#fffbeb}.maintenance-unpaid{color:#dc2626;background:#fef2f2}.maintenance-due-row{justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.maintenance-due-row span{color:#94a3b8;font-size:9px;font-weight:600}.maintenance-due-row strong{color:#475569;font-size:10px;font-weight:800}.maintenance-bill-bottom{border-top:1px solid #edf0f4;justify-content:space-between;align-items:flex-end;gap:12px;padding-top:12px;display:flex}.maintenance-bill-bottom>div{flex-direction:column;gap:4px;display:flex}.maintenance-bill-bottom small{color:#94a3b8;font-size:8px;font-weight:600}.maintenance-bill-bottom strong{color:#172033;font-size:19px;font-weight:800;line-height:1}.maintenance-bill-bottom strong.danger{color:#dc2626}.maintenance-bill-bottom button{color:#6d28d9;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:9px;font-weight:800;display:inline-flex}.maintenance-bill-bottom button:hover{color:#4c1d95}.maintenance-bill-bottom button svg{font-size:8px}.maintenance-loading{color:#64748b;justify-content:center;align-items:center;min-height:260px;font-size:11px;font-weight:600;display:flex}.maintenance-loader{border:3px solid #e5e7eb;border-top-color:#8b5cf6;border-radius:50%;width:21px;height:21px;margin-right:9px;animation:.7s linear infinite maintenance-spin}@keyframes maintenance-spin{to{transform:rotate(360deg)}}.maintenance-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:280px;display:flex}.maintenance-empty-icon{color:#8b5cf6;background:#f3e8ff;border-radius:15px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:11px;font-size:22px;display:flex}.maintenance-empty strong{color:#334155;font-size:13px;font-weight:800}.maintenance-empty span{color:#94a3b8;margin-top:5px;font-size:9px}.maintenance-pagination{border-top:1px solid #edf0f4;justify-content:center;align-items:center;gap:6px;padding:15px;display:flex}.maintenance-pagination>button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.maintenance-pagination>button:hover:not(:disabled){color:#7c3aed;background:#faf5ff;border-color:#c4b5fd}.maintenance-pagination>button:disabled{opacity:.4;cursor:not-allowed}.maintenance-pagination>div{align-items:center;gap:5px;display:flex}.maintenance-pagination>div button{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;width:30px;height:30px;font-family:inherit;font-size:10px;font-weight:800}.maintenance-pagination>div button:hover{color:#7c3aed;background:#f5f3ff}.maintenance-pagination>div button.active{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-color:#7c3aed}.maintenance-pagination>div span{text-align:center;color:#94a3b8;width:20px}.maintenance-details-page{width:100%;max-width:1100px;margin:0 auto}.maintenance-summary-card{box-sizing:border-box;color:#fff;background:linear-gradient(135deg,#243f8f,#1f3c88);border-radius:17px;margin-bottom:17px;padding:21px;position:relative;overflow:hidden;box-shadow:0 10px 25px #1f3c882e}.maintenance-summary-card:after{content:"";background:#ffffff12;border-radius:50%;width:170px;height:170px;position:absolute;top:-90px;right:-70px}.maintenance-summary-top{z-index:2;justify-content:space-between;align-items:center;gap:15px;display:flex;position:relative}.maintenance-summary-top h2{color:#fff;margin:0;font-size:19px;font-weight:800}.maintenance-summary-period{color:#dce4ff;align-items:center;gap:7px;margin-top:7px;font-size:11px;font-weight:600;display:flex}.maintenance-summary-period svg{font-size:10px}.maintenance-summary-due{z-index:2;color:#dce4ff;margin-top:13px;font-size:10px;font-weight:700;position:relative}.maintenance-summary-subtotal{z-index:2;color:#d7ddf0;margin-top:13px;font-size:10px;font-weight:600;position:relative}.maintenance-summary-total{z-index:2;color:#fafd3a;margin-top:18px;font-size:31px;font-weight:900;line-height:1;position:relative}.maintenance-summary-label{z-index:2;color:#cbd5e1;margin-top:5px;font-size:9px;font-weight:600;position:relative}.maintenance-summary-card .maintenance-status{z-index:3;position:relative}.maintenance-summary-card .maintenance-paid{color:#dcfce7;background:#22c55e33}.maintenance-summary-card .maintenance-pending{color:#fef3c7;background:#f59e0b38}.maintenance-summary-card .maintenance-unpaid{color:#fee2e2;background:#ef444438}.maintenance-pending-box{z-index:3;color:#fbbf24;background:#f59e0b21;border-radius:8px;align-items:center;gap:6px;width:fit-content;margin-top:10px;padding:7px 10px;font-size:9px;font-weight:700;display:flex;position:relative}.maintenance-details-card,.maintenance-payment-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:17px;padding:20px;box-shadow:0 5px 18px #0f172a0a}.maintenance-card-title-row{justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px;display:flex}.maintenance-card-title-row h3,.maintenance-card-title h3{color:#172033;margin:0;font-size:15px;font-weight:800}.maintenance-card-title-row p,.maintenance-card-title p{color:#94a0b1;margin:4px 0 0;font-size:9px;font-weight:500}.maintenance-history-btn{color:#6d28d9;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 11px;font-family:inherit;font-size:9px;font-weight:800;transition:all .2s;display:inline-flex}.maintenance-history-btn:hover{color:#fff;background:#7c3aed;border-color:#7c3aed}.maintenance-breakdown{width:100%}.maintenance-breakdown-row{border-bottom:1px solid #f0f2f5;justify-content:space-between;align-items:center;gap:15px;min-height:40px;display:flex}.maintenance-breakdown-row:last-child{border-bottom:none}.maintenance-breakdown-row span{color:#64748b;font-size:10px;font-weight:600}.maintenance-breakdown-row strong{color:#334155;font-size:11px;font-weight:800}.maintenance-breakdown-row.paid-row span,.maintenance-breakdown-row.paid-row strong{color:#16a34a}.maintenance-breakdown-row.remaining-row span,.maintenance-breakdown-row.remaining-row strong,.maintenance-breakdown-row.late-row span,.maintenance-breakdown-row.late-row strong{color:#dc2626}.maintenance-divider{background:#e2e8f0;height:1px;margin:13px 0}.maintenance-grand-total{justify-content:space-between;align-items:center;gap:15px;display:flex}.maintenance-grand-total span{color:#172033;font-size:13px;font-weight:800}.maintenance-grand-total strong{color:#172033;font-size:17px;font-weight:900}.maintenance-card-title{align-items:center;gap:10px;margin-bottom:20px;display:flex}.maintenance-payment-icon{color:#7c3aed;background:#f3e8ff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;display:flex}.maintenance-payment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.maintenance-field{width:100%;min-width:0;position:relative}.maintenance-field>label{color:#334155;margin-bottom:6px;font-size:9px;font-weight:800;display:block}.maintenance-field>label span{color:#ef4444;margin-left:3px}.maintenance-field select{box-sizing:border-box;color:#334155;cursor:pointer;background:#fff;border:1px solid #d8dee8;border-radius:9px;outline:none;width:100%;height:43px;padding:0 11px;font-family:inherit;font-size:10px;font-weight:600;transition:all .2s}.maintenance-field select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf614}.maintenance-input-with-icon{box-sizing:border-box;background:#fff;border:1px solid #d8dee8;border-radius:9px;align-items:center;gap:8px;height:43px;padding:0 11px;transition:all .2s;display:flex}.maintenance-input-with-icon:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf614}.maintenance-input-with-icon>svg{color:#8b5cf6;flex-shrink:0;font-size:12px}.maintenance-input-with-icon input{color:#334155;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:10px;font-weight:600}.maintenance-input-with-icon input::placeholder{color:#9aa6b2;font-weight:500}.maintenance-payment-action{justify-content:center;margin-top:18px;display:flex}.maintenance-pay-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#5b21b6);border:none;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-width:210px;height:41px;padding:0 18px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 6px 15px #6d28d933}.maintenance-pay-btn:hover{transform:translateY(-1px);box-shadow:0 9px 20px #6d28d945}.maintenance-pay-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.maintenance-small-loader{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite maintenance-spin}.maintenance-invoice-btn,.maintenance-receipt-btn{color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;height:42px;margin-bottom:10px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s;display:flex}.maintenance-invoice-btn{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 5px 14px #f59e0b29}.maintenance-receipt-btn{background:linear-gradient(135deg,#22c55e,#15803d);box-shadow:0 5px 14px #22c55e29}.maintenance-invoice-btn:hover,.maintenance-receipt-btn:hover{transform:translateY(-1px)}.maintenance-modal-overlay{z-index:99990;box-sizing:border-box;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a94;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.maintenance-history-modal{background:#fff;border-radius:17px;flex-direction:column;width:650px;max-width:100%;max-height:80vh;animation:.2s maintenance-modal-show;display:flex;overflow:hidden;box-shadow:0 25px 70px #0f172a40}.maintenance-edit-modal{background:#fff;border-radius:17px;width:460px;max-width:100%;animation:.2s maintenance-modal-show;overflow:hidden;box-shadow:0 25px 70px #0f172a40}@keyframes maintenance-modal-show{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.maintenance-modal-header{background:#fff;border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:15px;min-height:68px;padding:13px 17px;display:flex}.maintenance-modal-title{align-items:center;gap:9px;min-width:0;display:flex}.maintenance-modal-icon{color:#6d28d9;background:#f3e8ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;display:flex}.maintenance-modal-title h3{color:#172033;margin:0;font-size:14px;font-weight:800}.maintenance-modal-title p{color:#94a3b8;margin:3px 0 0;font-size:8px;font-weight:500}.maintenance-modal-close{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;transition:all .2s;display:flex}.maintenance-modal-close:hover{color:#fff;background:#dc2626}.maintenance-history-list{padding:15px;overflow-y:auto}.maintenance-history-empty{text-align:center;color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;min-height:200px;display:flex}.maintenance-history-empty svg{color:#c4b5fd;margin-bottom:10px;font-size:30px}.maintenance-history-empty strong{color:#475569;font-size:12px}.maintenance-history-empty span{margin-top:4px;font-size:9px}.maintenance-history-item{background:#f9fafb;border:1px solid #e8ecf1;border-radius:12px;margin-bottom:10px;padding:13px;transition:all .2s}.maintenance-history-item:hover{background:#faf9ff;border-color:#ddd6fe}.maintenance-history-main{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.maintenance-history-main>div{flex-direction:column;gap:5px;display:flex}.maintenance-history-amount{color:#111827;font-size:16px;font-weight:900}.maintenance-history-date{color:#6b7280;align-items:center;gap:5px;font-size:9px;font-weight:600;display:flex}.maintenance-history-date svg{color:#8b5cf6;font-size:9px}.maintenance-payment-status{text-transform:uppercase;border-radius:20px;align-items:center;gap:5px;min-height:24px;padding:0 8px;font-size:8px;font-weight:800;display:inline-flex}.maintenance-payment-status>span{background:currentColor;border-radius:50%;width:5px;height:5px}.maintenance-payment-status.approved{color:#15803d;background:#dcfce7}.maintenance-payment-status.pending{color:#d97706;background:#fef3c7}.maintenance-payment-status.rejected{color:#dc2626;background:#fee2e2}.maintenance-history-info{border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:18px;margin-top:11px;padding-top:10px;display:flex}.maintenance-history-info>div{flex-direction:column;gap:3px;display:flex}.maintenance-history-info span{color:#94a3b8;font-size:8px;font-weight:600}.maintenance-history-info strong{color:#475569;font-size:9px;font-weight:800}.maintenance-history-actions{justify-content:flex-end;margin-top:9px;display:flex}.maintenance-history-actions button{color:#6d28d9;cursor:pointer;background:#fff;border:1px solid #ddd6fe;border-radius:7px;align-items:center;gap:5px;padding:6px 9px;font-family:inherit;font-size:8px;font-weight:800;display:inline-flex}.maintenance-history-actions button:hover{color:#fff;background:#7c3aed;border-color:#7c3aed}.maintenance-edit-body{flex-direction:column;gap:15px;padding:19px;display:flex}.maintenance-edit-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:4px;display:flex}.maintenance-cancel-btn,.maintenance-update-btn{cursor:pointer;border-radius:8px;height:37px;padding:0 15px;font-family:inherit;font-size:9px;font-weight:800;transition:all .2s}.maintenance-cancel-btn{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.maintenance-cancel-btn:hover{background:#e2e8f0}.maintenance-update-btn{color:#fff;background:linear-gradient(135deg,#7c3aed,#5b21b6);border:none}.maintenance-update-btn:hover{transform:translateY(-1px)}.maintenance-update-btn:disabled{opacity:.6;cursor:not-allowed}.maintenance-toast{z-index:999999;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:11px;width:360px;min-height:68px;padding:11px 12px;animation:.3s ease-out maintenance-toast-slide;display:flex;position:fixed;top:82px;right:24px;box-shadow:0 12px 35px #0f172a26}.maintenance-toast.success{border-left:4px solid #22c55e}.maintenance-toast.error{border-left:4px solid #ef4444}.maintenance-toast.warning{border-left:4px solid #f59e0b}.maintenance-toast-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.maintenance-toast.success .maintenance-toast-icon{color:#16a34a;background:#ecfdf5}.maintenance-toast.error .maintenance-toast-icon{color:#dc2626;background:#fef2f2}.maintenance-toast.warning .maintenance-toast-icon{color:#d97706;background:#fffbeb}.maintenance-toast-content{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.maintenance-toast-content strong{color:#1e293b;font-size:12px;font-weight:800;line-height:1.2}.maintenance-toast-content span{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500;line-height:1.4;overflow:hidden}.maintenance-toast-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;padding:0;font-size:10px;transition:all .2s;display:flex}.maintenance-toast-close:hover{color:#334155;background:#f1f5f9}@keyframes maintenance-toast-slide{0%{opacity:0;transform:translate(35px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}@media screen and (width<=1200px){.maintenance-main,.maintenance-main.collapsed{width:calc(100% - 78px);margin-left:78px}.maintenance-content{padding:18px 20px 35px}.maintenance-stat-grid,.maintenance-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (width<=900px){.maintenance-bill-grid,.maintenance-payment-grid{grid-template-columns:1fr}}@media screen and (width<=768px){.maintenance-main,.maintenance-main.collapsed{width:100%;margin-left:0;padding-top:64px}.maintenance-content{padding:12px}.maintenance-page-header{border-radius:13px;flex-direction:column;align-items:stretch;padding:13px}.maintenance-header-left{gap:8px}.maintenance-header-icon{border-radius:10px;width:39px;height:39px;font-size:15px}.maintenance-page-header h1{font-size:17px}.maintenance-page-header p{font-size:9px}.maintenance-refresh-btn{width:100%}.maintenance-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.maintenance-stat-card{border-radius:11px;gap:8px;padding:11px}.maintenance-stat-icon{border-radius:9px;width:34px;height:34px;font-size:13px}.maintenance-stat-card span{font-size:8px}.maintenance-stat-card strong{font-size:17px}.maintenance-list-header{flex-direction:column;align-items:flex-start;padding:14px}.maintenance-search-bar{padding:10px}.maintenance-search{max-width:none}.maintenance-bill-grid{gap:9px;padding:10px}.maintenance-bill-card{border-radius:11px;padding:13px}.maintenance-summary-card{border-radius:13px;padding:16px}.maintenance-summary-top{align-items:flex-start}.maintenance-summary-top h2{font-size:16px}.maintenance-summary-total{font-size:27px}.maintenance-details-card,.maintenance-payment-card{border-radius:13px;padding:14px}.maintenance-card-title-row{align-items:flex-start}.maintenance-history-btn{flex-shrink:0}.maintenance-payment-grid{gap:12px}.maintenance-modal-overlay{padding:10px}.maintenance-history-modal,.maintenance-edit-modal{border-radius:14px;width:100%;max-height:88vh}.maintenance-toast{width:auto;min-height:62px;padding:10px;top:72px;left:12px;right:12px}.maintenance-toast-icon{width:34px;height:34px;font-size:14px}.maintenance-toast-content strong{font-size:11px}.maintenance-toast-content span{font-size:9px}}@media screen and (width<=480px){.maintenance-content{padding:8px}.maintenance-page-header{padding:11px}.maintenance-page-header h1{font-size:15px}.maintenance-page-header p{font-size:8px}.maintenance-back-btn{width:30px;height:30px}.maintenance-header-icon{width:35px;height:35px}.maintenance-stat-card{gap:6px;padding:9px}.maintenance-stat-icon{width:30px;height:30px;font-size:11px}.maintenance-stat-card span{font-size:7px}.maintenance-stat-card strong{font-size:15px}.maintenance-bill-top{flex-direction:column;align-items:flex-start}.maintenance-summary-top{flex-direction:column}.maintenance-summary-top .maintenance-status{align-self:flex-start}.maintenance-card-title-row{flex-direction:column;align-items:flex-start}.maintenance-history-btn{width:100%}.maintenance-breakdown-row{min-height:38px}.maintenance-grand-total span{font-size:11px}.maintenance-grand-total strong{font-size:15px}.maintenance-history-main{flex-direction:column}.maintenance-payment-status{align-self:flex-start}.maintenance-history-info{flex-direction:column;gap:8px}.maintenance-edit-actions{flex-direction:column-reverse}.maintenance-cancel-btn,.maintenance-update-btn{width:100%}}@media screen and (width<=360px){.maintenance-stat-grid{gap:6px}.maintenance-stat-card{flex-direction:column;align-items:flex-start}.maintenance-stat-card>div:last-child{width:100%}.maintenance-summary-total{font-size:24px}}.tenant-layout{background:#f5f7fb;width:100%;min-height:100vh;margin:0;padding:0;overflow-x:hidden}.tenant-layout>.tenant-main{background:#f5f7fb;width:calc(100% - 280px);min-height:100vh;margin-left:280px;padding-top:72px;transition:width .3s,margin-left .3s;overflow-x:hidden}.tenant-layout>.tenant-main.collapsed{width:calc(100% - 78px);margin-left:78px}.tenant-main>.tenant-content{background:#f5f7fb;width:100%;max-width:1650px;min-height:calc(100vh - 72px);margin:0 auto;padding:20px 28px 30px;overflow-x:hidden}.tenant-page{width:100%;margin:0;padding:0}.tenant-page-header{background:linear-gradient(135deg,#fff 0%,#faf8ff 100%);border:1px solid #e3e7ef;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:72px;margin-bottom:18px;padding:13px 18px;display:flex;box-shadow:0 5px 18px #0f172a0b}.tenant-header-left{flex:1;align-items:center;gap:13px;min-width:0;display:flex}.tenant-header-icon{color:#fff;background:linear-gradient(135deg,#8c6dc5,#7050a5);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 6px 15px #7050a533}.tenant-header-icon span{font-size:22px;line-height:1}.tenant-page-header h2{color:#17324d;margin:0;font-size:22px;font-weight:800;line-height:1.2}.tenant-page-header p{color:#8291a2;margin:5px 0 0;font-size:11px;font-weight:500;line-height:1.4}.tenant-refresh-btn{color:#7653a6;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;min-width:112px;height:38px;padding:0 16px;font-family:inherit;font-size:12px;font-weight:800;transition:all .2s;display:inline-flex}.tenant-refresh-btn span{font-size:16px}.tenant-refresh-btn:hover{color:#fff;background:#8c6dc5;border-color:#8c6dc5;transform:translateY(-1px);box-shadow:0 6px 15px #8c6dc52e}.tenant-refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.tenant-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;margin:0;padding:25px;box-shadow:0 5px 18px #0f172a0b}.tenant-section-title{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:15px;width:100%;margin-bottom:23px;padding-bottom:11px;display:flex}.tenant-section-heading{color:#17324d;align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.tenant-section-dot{background:linear-gradient(135deg,#8c6dc5,#7050a5);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #8c6dc514}.tenant-required-note{color:#94a3b8;font-size:10px;font-weight:600}.tenant-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:25px 16px;width:100%;display:grid}.tenant-field{width:100%;min-width:0;position:relative}.tenant-field>label{z-index:5;color:#334155;white-space:nowrap;pointer-events:none;background:#fff;padding:0 7px;font-size:11px;font-weight:700;line-height:16px;position:absolute;top:-8px;left:13px}.tenant-field>label span,.tenant-upload-field>label span{color:#ef4444;margin-left:3px}.tenant-field input{color:#1e293b;background:#fff;border:1px solid #d8dee8;border-radius:11px;outline:none;width:100%;height:46px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .2s,box-shadow .2s,background .2s}.tenant-field input:hover{border-color:#a78bca}.tenant-field input:focus{background:#fff;border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc51a}.tenant-field input::placeholder{color:#a0aabb;font-size:12px;font-weight:500}.tenant-field textarea{resize:vertical;color:#1e293b;background:#fff;border:1px solid #d8dee8;border-radius:11px;outline:none;width:100%;min-height:84px;padding:14px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.45;transition:border-color .2s,box-shadow .2s}.tenant-field textarea:hover{border-color:#a78bca}.tenant-field textarea:focus{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc51a}.tenant-field textarea::placeholder{color:#9aa6b2;font-size:12px}.tenant-field-wide{grid-column:span 2}.tenant-flat-field{z-index:30}.tenant-flat-wrapper{position:relative}.tenant-flat-wrapper input{padding-right:72px}.tenant-dropdown-arrow{color:#7c5aae;pointer-events:none;font-size:17px;font-weight:800;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.tenant-clear-flat{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:19px;line-height:1;display:flex;position:absolute;top:50%;right:35px;transform:translateY(-50%)}.tenant-clear-flat:hover{color:#ef4444}.tenant-flat-dropdown{z-index:100;background:#fff;border:1px solid #e1d9ef;border-radius:13px;animation:.16s tenantDropdownIn;position:absolute;top:calc(100% + 7px);left:0;right:0;overflow:hidden;box-shadow:0 15px 35px #0f172a21}@keyframes tenantDropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tenant-flat-dropdown-header{background:linear-gradient(135deg,#faf8ff,#f7f3fd);border-bottom:1px solid #eee8f5;justify-content:space-between;align-items:center;height:38px;padding:0 13px;display:flex}.tenant-flat-dropdown-header span{color:#5e467e;text-transform:uppercase;letter-spacing:.4px;font-size:10px;font-weight:800}.tenant-flat-dropdown-header small{color:#7653a6;background:#eadfff;border-radius:6px;justify-content:center;align-items:center;min-width:22px;height:20px;font-size:10px;font-weight:800;display:inline-flex}.tenant-flat-options{max-height:235px;overflow-y:auto}.tenant-flat-options::-webkit-scrollbar{width:5px}.tenant-flat-options::-webkit-scrollbar-track{background:#f8fafc}.tenant-flat-options::-webkit-scrollbar-thumb{background:#d4c5e9;border-radius:10px}.tenant-flat-option{text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #f1f3f6;align-items:center;gap:10px;width:100%;min-height:55px;padding:8px 12px;transition:background .18s;display:flex}.tenant-flat-option:last-child{border-bottom:none}.tenant-flat-option:hover{background:#faf7ff}.tenant-flat-option.selected{background:#f7f1ff}.tenant-flat-icon{color:#7653a6;background:#f0e9fb;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:flex}.tenant-flat-option-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tenant-flat-option-text strong{color:#334155;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:800;overflow:hidden}.tenant-flat-option-text small{color:#94a3b8;font-size:9px;font-weight:600}.tenant-selected-check{color:#fff;background:#8c6dc5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:21px;height:21px;font-size:11px;font-weight:800;display:flex}.tenant-flat-status{color:#94a3b8;justify-content:center;align-items:center;gap:8px;min-height:90px;font-size:11px;font-weight:600;display:flex}.tenant-flat-status.empty{color:#a1aab8}.tenant-small-spinner{border:2px solid #e5ddf0;border-top-color:#8c6dc5;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite tenantSpin}.tenant-doc-title{margin-top:29px;margin-bottom:22px}.tenant-upload-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;display:grid}.tenant-upload-field{width:100%;position:relative}.tenant-upload-field>label{z-index:5;color:#334155;pointer-events:none;background:#fff;padding:0 7px;font-size:11px;font-weight:700;line-height:16px;position:absolute;top:-8px;left:13px}.tenant-file-box{background:linear-gradient(135deg,#fff,#faf8ff);border:1px dashed #cbd5e1;border-radius:11px;width:100%;height:64px;transition:border-color .2s,background .2s,box-shadow .2s;overflow:hidden}.tenant-file-box:hover{background:#faf7ff;border-color:#a78bca}.tenant-file-box.has-file{background:linear-gradient(135deg,#fbf9ff,#f8f4ff);border-style:solid;border-color:#cdbce5}.tenant-file-box input{display:none}.tenant-file-label{cursor:pointer;align-items:center;gap:10px;width:100%;height:100%;padding:0 11px;display:flex}.tenant-upload-icon{color:#7653a6;background:#f0e9fb;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;font-weight:800;display:flex}.tenant-file-box.has-file .tenant-upload-icon{color:#22a05a;background:#e9f9ef}.tenant-file-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.tenant-file-info strong{color:#475569;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.tenant-file-info span{color:#a0aabb;white-space:nowrap;text-overflow:ellipsis;font-size:9px;font-weight:500;overflow:hidden}.tenant-browse-btn{color:#fff;background:#8c6dc5;border-radius:7px;flex-shrink:0;padding:7px 10px;font-size:9px;font-weight:800;transition:background .2s}.tenant-file-label:hover .tenant-browse-btn{background:#7050a5}.tenant-summary{background:linear-gradient(135deg,#f8fafc,#faf7ff);border:1px solid #e4dff1;border-radius:12px;justify-content:center;align-items:stretch;width:100%;min-height:67px;margin-top:25px;padding:10px;display:flex}.tenant-summary-item{border-right:1px solid #e5e1ed;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;padding:0 14px;display:flex}.tenant-summary-item:last-child{border-right:none}.tenant-summary-item span{color:#8b5fa8;text-transform:uppercase;letter-spacing:.4px;font-size:9px;font-weight:800}.tenant-summary-item strong{color:#334155;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:12px;font-weight:700;overflow:hidden}.tenant-button-row{justify-content:center;align-items:center;gap:11px;width:100%;margin-top:24px;display:flex}.tenant-register-btn,.tenant-clear-btn{box-sizing:border-box;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 20px;font-family:inherit;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.tenant-register-btn{color:#fff;background:linear-gradient(135deg,#8c6dc5,#7050a5);border:none;min-width:175px;box-shadow:0 5px 14px #7050a533}.tenant-register-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #7050a545}.tenant-register-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.tenant-clear-btn{color:#475569;background:#f8fafc;border:1px solid #d8dee8;min-width:90px}.tenant-clear-btn:hover{background:#eef2f7;transform:translateY(-1px)}.tenant-clear-btn:disabled{opacity:.6;cursor:not-allowed}.tenant-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite tenantSpin}@keyframes tenantSpin{to{transform:rotate(360deg)}}.tenant-bottom-note{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:40px;margin-top:18px;margin-bottom:20px;padding:10px 15px;font-size:11px;font-weight:500;display:flex}.tenant-note-icon{color:#22a05a;background:#e9f9ef;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:900;display:inline-flex}.tenant-alert-overlay{z-index:99999;pointer-events:none;background:#0f172a14;justify-content:center;align-items:flex-start;padding-top:92px;display:flex;position:fixed;inset:0}.tenant-alert{pointer-events:auto;background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:13px;width:min(460px,100% - 30px);min-height:76px;padding:12px 14px;animation:.25s tenantAlertIn;display:flex;box-shadow:0 15px 40px #0f172a29}@keyframes tenantAlertIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.tenant-alert-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;font-weight:900;display:flex}.tenant-alert-success .tenant-alert-icon{color:#22a05a;background:#eaf9ef}.tenant-alert-error .tenant-alert-icon{color:#ef4444;background:#feecec}.tenant-alert-warning .tenant-alert-icon{color:#d99000;background:#fff6df}.tenant-alert-content{flex:1;min-width:0}.tenant-alert-content strong{color:#334155;margin-bottom:3px;font-size:13px;font-weight:800;display:block}.tenant-alert-content p{color:#64748b;margin:0;font-size:11px;font-weight:500;line-height:1.4}.tenant-alert-close{color:#94a3b8;cursor:pointer;background:#f8fafc;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;line-height:1;transition:all .2s;display:flex}.tenant-alert-close:hover{color:#334155;background:#f1f5f9}@media (width<=1200px){.tenant-layout>.tenant-main{width:calc(100% - 240px);margin-left:240px}.tenant-layout>.tenant-main.collapsed{width:calc(100% - 78px);margin-left:78px}.tenant-main>.tenant-content{padding:18px 20px 25px}.tenant-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tenant-field-wide{grid-column:span 2}.tenant-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.tenant-layout>.tenant-main{width:calc(100% - 78px);margin-left:78px}.tenant-form-card{padding:20px}.tenant-page-header h2{font-size:19px}}@media (width<=768px){.tenant-layout>.tenant-main,.tenant-layout>.tenant-main.collapsed{width:100%;margin-left:0;padding-top:64px}.tenant-main>.tenant-content{min-height:calc(100vh - 64px);padding:12px 12px 24px}.tenant-page-header{flex-direction:column;align-items:stretch;gap:13px;min-height:auto;padding:14px}.tenant-header-left{align-items:flex-start}.tenant-header-icon{width:38px;height:38px}.tenant-page-header h2{font-size:18px}.tenant-page-header p{font-size:10px}.tenant-refresh-btn{width:100%}.tenant-form-card{border-radius:15px;padding:16px}.tenant-section-title{flex-direction:column;align-items:flex-start;gap:7px;margin-bottom:21px}.tenant-required-note{font-size:9px}.tenant-form-grid{grid-template-columns:1fr;gap:23px 0}.tenant-field-wide{grid-column:span 1}.tenant-upload-grid{grid-template-columns:1fr}.tenant-summary{flex-direction:column;gap:0;padding:5px 10px}.tenant-summary-item{border-bottom:1px solid #e5e1ed;border-right:none;flex-direction:row;justify-content:space-between;gap:10px;min-height:52px;padding:8px 4px}.tenant-summary-item:last-child{border-bottom:none}.tenant-summary-item span{flex-shrink:0}.tenant-summary-item strong{text-align:right}.tenant-button-row{flex-direction:column-reverse;gap:9px}.tenant-register-btn,.tenant-clear-btn{width:100%}.tenant-bottom-note{text-align:center;font-size:10px}.tenant-alert-overlay{padding-top:78px}}@media (width<=480px){.tenant-main>.tenant-content{padding:10px 9px 20px}.tenant-page-header{border-radius:13px;margin-bottom:12px;padding:12px}.tenant-form-card{border-radius:13px;padding:14px 12px}.tenant-header-icon{border-radius:10px;width:35px;height:35px}.tenant-header-icon span{font-size:18px}.tenant-page-header h2{font-size:16px}.tenant-page-header p{font-size:9px}.tenant-section-heading{font-size:13px}.tenant-field input{height:44px;font-size:12px}.tenant-field textarea{font-size:12px}.tenant-upload-field{margin-bottom:1px}.tenant-file-box{height:61px}.tenant-file-info strong{font-size:10px}.tenant-file-info span{font-size:8px}.tenant-browse-btn{padding:6px 8px;font-size:8px}.tenant-summary-item span{font-size:8px}.tenant-summary-item strong{font-size:10px}.tenant-alert{width:calc(100% - 20px)}}.tenant-preview-btn{color:#4f46e5;cursor:pointer;background:linear-gradient(135deg,#6366f114,#8b5cf61f);border:1px solid #6366f140;border-radius:9px;width:100%;margin-top:8px;padding:9px 14px;font-size:13px;font-weight:700;transition:all .2s}.tenant-preview-btn:hover{background:linear-gradient(135deg,#eef2ff,#f3e8ff);border-color:#6366f1;transform:translateY(-1px);box-shadow:0 4px 12px #6366f126}.tenant-preview-overlay{z-index:99999;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0f172ab8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.tenant-preview-modal{background:#fff;border-radius:18px;flex-direction:column;width:min(850px,100%);max-height:92vh;animation:.22s tenantPreviewIn;display:flex;overflow:hidden;box-shadow:0 25px 70px #0000004d}@keyframes tenantPreviewIn{0%{opacity:0;transform:translateY(15px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.tenant-preview-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:15px;padding:16px 20px;display:flex}.tenant-preview-header>div:first-child{align-items:center;gap:12px;min-width:0;display:flex}.tenant-preview-icon{background:linear-gradient(135deg,#eef2ff,#f3e8ff);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.tenant-preview-header h3{color:#111827;margin:0;font-size:17px;font-weight:750}.tenant-preview-header p{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;max-width:550px;margin:3px 0 0;font-size:12px;overflow:hidden}.tenant-preview-close{color:#4b5563;cursor:pointer;background:#f3f4f6;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:25px;line-height:1;transition:all .2s;display:flex}.tenant-preview-close:hover{color:#dc2626;background:#fee2e2}.tenant-preview-body{background:#f8fafc;justify-content:center;align-items:center;min-height:300px;max-height:calc(92vh - 145px);padding:24px;display:flex;overflow:auto}.tenant-preview-image{object-fit:contain;background:#fff;border-radius:10px;width:auto;max-width:100%;height:auto;max-height:62vh;display:block;box-shadow:0 8px 30px #0f172a1f}.tenant-preview-footer{background:#fff;border-top:1px solid #e5e7eb;justify-content:flex-end;padding:13px 20px;display:flex}.tenant-preview-close-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:9px;min-width:90px;padding:9px 18px;font-size:13px;font-weight:700;transition:all .2s}.tenant-preview-close-btn:hover{background:#1f2937;transform:translateY(-1px)}@media (width<=600px){.tenant-preview-overlay{padding:10px}.tenant-preview-modal{border-radius:14px;width:100%;max-height:94vh}.tenant-preview-header{padding:13px 14px}.tenant-preview-icon{border-radius:9px;width:36px;height:36px;font-size:17px}.tenant-preview-header h3{font-size:15px}.tenant-preview-header p{max-width:190px}.tenant-preview-body{min-height:250px;padding:14px}.tenant-preview-image{max-width:100%;max-height:65vh}.tenant-preview-footer{padding:10px 14px}.tenant-preview-close-btn{width:100%}}.owner-profile-layout{background:#f5f7fb;width:100%;min-height:100vh;overflow-x:hidden}.owner-profile-main{background:#f5f7fb;width:calc(100% - 280px);min-height:100vh;margin-left:280px;padding-top:72px;transition:width .3s,margin-left .3s}.owner-profile-main.collapsed{width:calc(100% - 78px);margin-left:78px}.owner-profile-content{background:#f5f7fb;width:100%;max-width:1650px;min-height:calc(100vh - 72px);margin:0 auto;padding:20px 28px 30px;overflow-x:hidden}.owner-profile-page{width:100%}.owner-profile-header{background:linear-gradient(135deg,#fff 0%,#faf8ff 100%);border:1px solid #e3e7ef;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:72px;margin-bottom:18px;padding:13px 18px;display:flex;box-shadow:0 5px 18px #0f172a0b}.owner-profile-header-left{align-items:center;gap:13px;min-width:0;display:flex}.owner-profile-header-icon{color:#fff;background:linear-gradient(135deg,#8c6dc5,#7050a5);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;display:flex;box-shadow:0 6px 15px #7050a533}.owner-profile-header-icon span{font-size:22px}.owner-profile-header h2{color:#17324d;margin:0;font-size:22px;font-weight:800;line-height:1.2}.owner-profile-header p{color:#8291a2;margin:5px 0 0;font-size:11px;font-weight:500}.owner-profile-status{border-radius:20px;flex-shrink:0;align-items:center;gap:7px;height:32px;padding:0 12px;font-size:10px;font-weight:800;display:inline-flex}.owner-profile-status span{border-radius:50%;width:7px;height:7px}.owner-profile-status.saved{color:#16934e;background:#ecfdf3}.owner-profile-status.saved span{background:#22c55e}.owner-profile-status.pending{color:#c27b00;background:#fff7e6}.owner-profile-status.pending span{background:#f59e0b}.owner-profile-loading-card{color:#8b97a8;background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:450px;font-size:12px;font-weight:600;display:flex}.owner-profile-loader{border:3px solid #eee8f5;border-top-color:#8c6dc5;border-radius:50%;width:34px;height:34px;animation:.7s linear infinite ownerSpin}@keyframes ownerSpin{to{transform:rotate(360deg)}}.owner-profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;overflow:hidden;box-shadow:0 5px 18px #0f172a0b}.owner-profile-hero{background:linear-gradient(135deg,#faf8ff 0%,#f7f3fc 48%,#fff 100%);border-bottom:1px solid #eeeaf3;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:22px 25px;display:flex}.owner-avatar-section{align-items:center;gap:15px;min-width:0;display:flex}.owner-avatar-wrap{flex-shrink:0;width:82px;height:82px;position:relative}.owner-avatar{object-fit:cover;border:4px solid #fff;border-radius:50%;width:82px;height:82px;display:block;box-shadow:0 5px 18px #0f172a21}.owner-avatar-edit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8c6dc5,#7050a5);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:800;transition:transform .2s;display:flex;position:absolute;bottom:1px;right:-1px;box-shadow:0 4px 10px #7050a533}.owner-avatar-edit:hover{transform:scale(1.08)}.owner-avatar-info{min-width:0}.owner-avatar-info h3{color:#26364a;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:18px;font-weight:800;overflow:hidden}.owner-avatar-info p{color:#8b97a8;margin:0 0 8px;font-size:10px;font-weight:600}.owner-view-photo-btn{color:#7653a6;cursor:pointer;background:#fff;border:1px solid #ded4ec;border-radius:7px;align-items:center;gap:5px;height:27px;padding:0 9px;font-family:inherit;font-size:9px;font-weight:800;display:inline-flex}.owner-view-photo-btn:hover{background:#faf7ff;border-color:#8c6dc5}.owner-view-photo-btn:disabled{opacity:.45;cursor:not-allowed}.owner-profile-hero-right{align-items:center;gap:10px;display:flex}.owner-info-mini{background:#fffc;border:1px solid #e6deef;border-radius:10px;flex-direction:column;gap:4px;min-width:100px;padding:10px 13px;display:flex}.owner-info-mini span{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;font-size:8px;font-weight:800}.owner-info-mini strong{color:#475569;font-size:11px;font-weight:800}.owner-section{border-bottom:1px solid #edf0f4;padding:23px 25px}.owner-section-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;display:flex}.owner-section-header h3{color:#25364a;margin:0;font-size:14px;font-weight:800}.owner-section-header p{color:#98a2b1;margin:4px 0 0;font-size:10px;font-weight:500}.owner-section-badge{color:#7653a6;text-transform:uppercase;letter-spacing:.4px;background:#f7f1ff;border-radius:6px;padding:5px 9px;font-size:8px;font-weight:800}.owner-document-note{color:#94a3b8;font-size:9px;font-weight:600}.owner-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 16px;width:100%;display:grid}.owner-field{width:100%;position:relative}.owner-field-wide{grid-column:span 3}.owner-field>label{z-index:3;color:#526174;pointer-events:none;background:#fff;padding:0 6px;font-size:10px;font-weight:800;position:absolute;top:-8px;left:13px}.owner-field>label span{color:#ef4444;margin-left:3px}.owner-input-wrap{background:#fff;border:1px solid #d9dfe8;border-radius:10px;align-items:center;gap:8px;width:100%;height:45px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:flex}.owner-input-wrap:focus-within{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc517}.owner-input-icon{color:#8c6dc5;text-align:center;flex-shrink:0;width:20px;font-size:14px;font-weight:800}.owner-input-wrap input,.owner-input-wrap textarea{color:#334155;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:12px;font-weight:600}.owner-input-wrap input::placeholder,.owner-input-wrap textarea::placeholder{color:#a5afbc;font-size:10px;font-weight:500}.owner-textarea-wrap{align-items:flex-start;height:auto;min-height:88px;padding-top:12px}.owner-address-icon{margin-top:1px}.owner-input-wrap textarea{resize:vertical;min-height:62px;line-height:1.45}.owner-document-section{border-bottom:none}.owner-document-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.owner-document-card{background:linear-gradient(135deg,#fff,#fbf9ff);border:1px solid #e3dced;border-radius:13px;min-width:0;padding:16px;transition:transform .2s,box-shadow .2s,border-color .2s}.owner-document-card:hover{border-color:#d4c4e7;transform:translateY(-1px);box-shadow:0 7px 20px #7050a512}.owner-document-top{align-items:center;gap:10px;margin-bottom:13px;display:flex}.owner-document-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:9px;font-weight:900;display:flex}.owner-document-icon.aadhar{color:#dc6b3f;background:#fff0ea}.owner-document-icon.pan{color:#3675bd;background:#eaf3ff}.owner-document-top h4{color:#334155;margin:0 0 2px;font-size:12px;font-weight:800}.owner-document-top p{color:#98a2b1;margin:0;font-size:9px;font-weight:500}.owner-document-file{background:#f8fafc;border:1px dashed #d5dce5;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;min-height:54px;padding:8px 10px;display:flex}.owner-document-file.attached{background:#f6fcf8;border-color:#bde4c9}.owner-file-main{align-items:center;gap:8px;min-width:0;display:flex}.owner-file-icon{color:#7653a6;background:#f0e9fb;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;font-size:12px;font-weight:900;display:flex}.owner-document-file.attached .owner-file-icon{color:#20a255;background:#e8f8ed}.owner-file-main>div{flex-direction:column;gap:2px;min-width:0;display:flex}.owner-file-main strong{color:#475569;white-space:nowrap;text-overflow:ellipsis;max-width:210px;font-size:10px;font-weight:700;overflow:hidden}.owner-file-main small{color:#a0a9b6;font-size:8px;font-weight:500}.owner-preview-btn{color:#7653a6;cursor:pointer;background:#fff;border:1px solid #d7c9e8;border-radius:7px;flex-shrink:0;height:27px;padding:0 9px;font-family:inherit;font-size:9px;font-weight:800}.owner-preview-btn:hover{background:#f8f3ff;border-color:#8c6dc5}.owner-upload-btn{color:#7653a6;cursor:pointer;background:#fff;border:1px solid #dcd4e7;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;height:34px;margin-top:9px;font-size:9px;font-weight:800;transition:all .2s;display:flex}.owner-upload-btn span{font-size:14px}.owner-upload-btn:hover{background:#f8f3ff;border-color:#8c6dc5;transform:translateY(-1px)}.owner-profile-summary{background:linear-gradient(135deg,#f8fafc,#faf7ff);border:1px solid #e4dff0;border-radius:11px;grid-template-columns:repeat(3,1fr);margin:0 25px 22px;padding:9px;display:grid}.owner-summary-item{border-right:1px solid #e4dfeb;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:47px;display:flex}.owner-summary-item:last-child{border-right:none}.owner-summary-item span{color:#929dac;text-transform:uppercase;letter-spacing:.4px;font-size:8px;font-weight:800}.owner-summary-item strong{color:#475569;font-size:10px;font-weight:800}.owner-summary-item strong.complete{color:#15934e}.owner-summary-item strong.pending{color:#d38b00}.owner-profile-actions{justify-content:center;align-items:center;gap:10px;padding:0 25px 24px;display:flex}.owner-cancel-btn,.owner-save-btn{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 20px;font-family:inherit;font-size:11px;font-weight:800;transition:all .2s;display:inline-flex}.owner-cancel-btn{color:#526174;background:#f8fafc;border:1px solid #d9dfe7;min-width:85px}.owner-cancel-btn:hover{background:#eef2f6;transform:translateY(-1px)}.owner-save-btn{color:#fff;background:linear-gradient(135deg,#8c6dc5,#7050a5);border:none;min-width:165px;box-shadow:0 5px 14px #7050a533}.owner-save-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #7050a545}.owner-save-btn:disabled,.owner-cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.owner-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite ownerSpin}.owner-profile-footer-note{color:#7d8999;background:#f8fafc;border:1px solid #e2e8f0;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:40px;margin-top:17px;margin-bottom:18px;padding:9px 15px;display:flex}.owner-profile-footer-note>span{color:#20a255;background:#eaf9ef;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;font-weight:900;display:flex}.owner-profile-footer-note p{margin:0;font-size:9px;font-weight:600}.owner-preview-overlay{z-index:99990;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172ab8;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.owner-preview-modal{background:#fff;border-radius:16px;flex-direction:column;width:min(650px,100%);max-height:90vh;animation:.2s ownerModalIn;display:flex;overflow:hidden;box-shadow:0 25px 70px #0000004d}@keyframes ownerModalIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.owner-preview-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;min-height:60px;padding:10px 15px;display:flex}.owner-preview-header h3{color:#334155;margin:0;font-size:14px;font-weight:800}.owner-preview-header p{color:#94a3b8;margin:3px 0 0;font-size:9px;font-weight:500}.owner-preview-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;line-height:1;display:flex}.owner-preview-close:hover{color:#ef4444;background:#feecec}.owner-preview-body{background:#f8fafc;flex:1;justify-content:center;align-items:center;min-height:300px;max-height:calc(90vh - 60px);padding:20px;display:flex;overflow:auto}.owner-preview-body img{object-fit:contain;border-radius:8px;max-width:100%;max-height:70vh;display:block;box-shadow:0 10px 30px #0f172a1f}.owner-alert-container{z-index:100000;pointer-events:none;width:min(390px,100vw - 30px);position:fixed;top:88px;right:22px}.owner-alert{pointer-events:auto;background:#fff;border:1px solid #e3e7ed;border-radius:12px;align-items:center;gap:11px;width:100%;min-height:70px;padding:10px 11px;animation:.25s ownerAlertIn;display:flex;box-shadow:0 12px 35px #0f172a29}@keyframes ownerAlertIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.owner-alert-success{border-left:4px solid #22a05a}.owner-alert-error{border-left:4px solid #ef4444}.owner-alert-warning{border-left:4px solid #f59e0b}.owner-alert-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;font-size:18px;font-weight:900;display:flex}.owner-alert-success .owner-alert-icon{color:#20a255;background:#eaf9ef}.owner-alert-error .owner-alert-icon{color:#ef4444;background:#feecec}.owner-alert-warning .owner-alert-icon{color:#d88c00;background:#fff5df}.owner-alert-content{flex:1;min-width:0}.owner-alert-content strong{color:#334155;margin-bottom:3px;font-size:11px;font-weight:800;display:block}.owner-alert-content p{color:#718096;margin:0;font-size:9px;font-weight:500;line-height:1.4}.owner-alert-close{color:#94a3b8;cursor:pointer;background:#f8fafc;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;font-size:17px;line-height:1;display:flex}.owner-alert-close:hover{color:#334155;background:#f1f5f9}@media (width<=1200px){.owner-profile-main{width:calc(100% - 240px);margin-left:240px}.owner-profile-main.collapsed{width:calc(100% - 78px);margin-left:78px}.owner-profile-content{padding:18px 20px 25px}.owner-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.owner-field-wide{grid-column:span 2}}@media (width<=900px){.owner-profile-main{width:calc(100% - 78px);margin-left:78px}.owner-profile-header h2{font-size:19px}.owner-profile-hero{align-items:flex-start}.owner-profile-hero-right{flex-direction:column}}@media (width<=768px){.owner-profile-main,.owner-profile-main.collapsed{width:100%;margin-left:0;padding-top:64px}.owner-profile-content{min-height:calc(100vh - 64px);padding:12px 12px 25px}.owner-profile-header{border-radius:13px;flex-direction:column;align-items:flex-start;gap:12px;min-height:auto;padding:13px}.owner-profile-status{align-self:flex-start}.owner-profile-header h2{font-size:18px}.owner-profile-header p{font-size:9px}.owner-profile-card{border-radius:14px}.owner-profile-hero{flex-direction:column;padding:18px 15px}.owner-profile-hero-right{flex-direction:row;width:100%}.owner-info-mini{flex:1}.owner-section{padding:20px 15px}.owner-form-grid{grid-template-columns:1fr}.owner-field-wide{grid-column:span 1}.owner-document-grid{grid-template-columns:1fr}.owner-profile-summary{grid-template-columns:1fr;margin:0 15px 20px}.owner-summary-item{border-bottom:1px solid #e4dfeb;border-right:none;flex-direction:row;justify-content:space-between;min-height:45px;padding:5px 9px}.owner-summary-item:last-child{border-bottom:none}.owner-profile-actions{flex-direction:column-reverse;padding:0 15px 20px}.owner-cancel-btn,.owner-save-btn{width:100%}.owner-alert-container{width:auto;top:74px;left:10px;right:10px}}@media (width<=480px){.owner-profile-content{padding:9px 9px 20px}.owner-profile-header{padding:11px}.owner-profile-header-icon{width:37px;height:37px}.owner-profile-header-icon span{font-size:18px}.owner-profile-header h2{font-size:16px}.owner-profile-header p{font-size:8px}.owner-profile-hero{padding:15px 12px}.owner-avatar-wrap,.owner-avatar{width:70px;height:70px}.owner-avatar-info h3{font-size:15px}.owner-section{padding:17px 12px}.owner-section-header{flex-direction:column;align-items:flex-start;gap:7px}.owner-input-wrap{height:43px}.owner-document-card{padding:13px}.owner-profile-footer-note{text-align:center}.owner-alert-container{top:70px;left:8px;right:8px}.owner-alert{min-height:65px}}*{box-sizing:border-box}.family-layout{background:#f5f7fb;width:100%;min-height:100vh;overflow-x:hidden}.family-main{background:#f5f7fb;width:calc(100% - 280px);min-height:100vh;margin-left:280px;padding-top:72px;transition:width .3s,margin-left .3s}.family-main.collapsed{width:calc(100% - 78px);margin-left:78px}.family-content{background:#f5f7fb;width:100%;max-width:1650px;min-height:calc(100vh - 72px);margin:0 auto;padding:20px 28px 30px;overflow-x:hidden}.family-page{width:100%}.family-page-header{background:linear-gradient(135deg,#fff,#faf8ff);border:1px solid #e3e7ef;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:72px;margin-bottom:18px;padding:13px 18px;display:flex;box-shadow:0 5px 18px #0f172a0b}.family-header-left{align-items:center;gap:13px;min-width:0;display:flex}.family-header-icon{color:#fff;background:linear-gradient(135deg,#8c6dc5,#7050a5);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:43px;height:43px;display:flex;box-shadow:0 6px 15px #7050a533}.family-header-icon span{font-size:21px}.family-page-header h2{color:#17324d;margin:0;font-size:22px;font-weight:800;line-height:1.2}.family-page-header p{color:#8291a2;margin:5px 0 0;font-size:11px;font-weight:500}.family-header-actions{flex-shrink:0;align-items:center;gap:9px;display:flex}.family-count-badge{color:#7653a6;background:#f7f1ff;border-radius:9px;align-items:center;gap:6px;height:34px;padding:0 11px;font-size:9px;font-weight:800;display:inline-flex}.family-count-badge span{color:#fff;background:#8c6dc5;border-radius:6px;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:9px;display:inline-flex}.family-refresh-btn{color:#7653a6;cursor:pointer;background:#fff;border:1px solid #ddd6fe;border-radius:9px;justify-content:center;align-items:center;gap:6px;height:34px;padding:0 12px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s;display:inline-flex}.family-refresh-btn span{font-size:15px}.family-refresh-btn:hover{color:#fff;background:#8c6dc5;border-color:#8c6dc5;transform:translateY(-1px)}.family-refresh-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.family-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;overflow:visible;box-shadow:0 5px 18px #0f172a0b}.family-form-section{border-bottom:1px solid #edf0f4;padding:24px 25px;position:relative}.family-section-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px;display:flex}.family-section-title{color:#25364a;align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.family-section-dot{background:linear-gradient(135deg,#8c6dc5,#7050a5);border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 4px #8c6dc514}.family-section-header p,.family-list-header p{color:#98a2b1;margin:4px 0 0;font-size:10px;font-weight:500}.family-cancel-edit{color:#d34e4e;cursor:pointer;background:#fff7f7;border:1px solid #f0caca;border-radius:8px;height:30px;padding:0 11px;font-family:inherit;font-size:9px;font-weight:800}.family-cancel-edit:hover{background:#feecec}.family-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 16px;width:100%;display:grid}.family-field{width:100%;min-width:0;position:relative}.family-field>label{z-index:10;color:#526174;pointer-events:none;background:#fff;padding:0 6px;font-size:10px;font-weight:800;position:absolute;top:-8px;left:13px}.family-field>label span{color:#ef4444;margin-left:3px}.family-input-wrap{background:#fff;border:1px solid #d9dfe8;border-radius:10px;align-items:center;gap:8px;width:100%;height:45px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:flex}.family-input-wrap:focus-within{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc517}.family-input-icon{color:#8c6dc5;flex-shrink:0;justify-content:center;align-items:center;width:20px;font-size:14px;font-weight:800;display:inline-flex}.family-input-wrap input{color:#334155;background:0 0;border:none;outline:none;width:100%;height:100%;font-family:inherit;font-size:12px;font-weight:600}.family-input-wrap input::placeholder{color:#a5afbc;font-size:10px}.family-flat-field{z-index:50}.family-flat-input{width:100%;position:relative}.family-flat-input input{color:#334155;background:#fff;border:1px solid #d9dfe8;border-radius:10px;outline:none;width:100%;height:45px;padding:0 38px 0 13px;font-family:inherit;font-size:12px;font-weight:600;transition:border-color .2s,box-shadow .2s}.family-flat-input input:focus{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc517}.family-dropdown-arrow{color:#7653a6;pointer-events:none;font-size:17px;font-weight:800;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.family-dropdown{z-index:200;background:#fff;border:1px solid #e0d7eb;border-radius:12px;animation:.15s familyDropdownIn;position:absolute;top:calc(100% + 7px);left:0;right:0;overflow:hidden;box-shadow:0 15px 35px #0f172a24}@keyframes familyDropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.family-dropdown-header{background:linear-gradient(135deg,#faf8ff,#f7f3fd);border-bottom:1px solid #eee8f5;justify-content:space-between;align-items:center;height:38px;padding:0 12px;display:flex}.family-dropdown-header span{color:#5e467e;text-transform:uppercase;letter-spacing:.4px;font-size:9px;font-weight:800}.family-dropdown-header small{color:#7653a6;background:#eadfff;border-radius:6px;justify-content:center;align-items:center;min-width:22px;height:20px;font-size:9px;font-weight:800;display:inline-flex}.family-dropdown-list{max-height:210px;overflow-y:auto}.family-dropdown-list::-webkit-scrollbar{width:5px}.family-dropdown-list::-webkit-scrollbar-thumb{background:#d4c5e9;border-radius:10px}.family-flat-option{text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #f1f3f6;align-items:center;gap:9px;width:100%;min-height:54px;padding:8px 11px;transition:background .18s;display:flex}.family-flat-option:last-child{border-bottom:none}.family-flat-option:hover{background:#faf7ff}.family-flat-option.selected{background:#f7f1ff}.family-flat-option-icon{color:#7653a6;background:#f0e9fb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;font-size:14px;display:flex}.family-flat-option-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.family-flat-option-info strong{color:#334155;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:800;overflow:hidden}.family-flat-option-info small{color:#94a3b8;font-size:8px;font-weight:600}.family-flat-check{color:#fff;background:#8c6dc5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:900;display:flex}.family-dropdown-empty{color:#94a3b8;justify-content:center;align-items:center;min-height:80px;font-size:10px;font-weight:600;display:flex}.family-relation-field{z-index:40}.family-relation-input{text-align:left;cursor:pointer;background:#fff;border:1px solid #d9dfe8;border-radius:10px;outline:none;align-items:center;gap:8px;width:100%;height:45px;padding:0 38px 0 12px;font-family:inherit;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.family-relation-input:hover{border-color:#bba7d1}.family-relation-input:focus{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc517}.family-relation-input span:nth-child(2){font-size:11px;font-weight:600}.family-relation-input .placeholder{color:#a5afbc}.family-relation-input .selected{color:#334155}.family-relation-dropdown{z-index:200;background:#fff;border:1px solid #e0d7eb;border-radius:11px;padding:5px;position:absolute;top:calc(100% + 7px);left:0;right:0;box-shadow:0 15px 35px #0f172a24}.family-relation-option{color:#475569;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:space-between;align-items:center;width:100%;height:38px;padding:0 10px;font-family:inherit;font-size:10px;font-weight:700;display:flex}.family-relation-option:hover{background:#faf7ff}.family-relation-option.selected{color:#7653a6;background:#f7f1ff}.family-form-footer{justify-content:space-between;align-items:center;gap:15px;margin-top:23px;display:flex}.family-selected-flat-info{color:#94a3b8;align-items:center;gap:6px;min-width:0;font-size:9px;font-weight:600;display:flex}.family-selected-flat-info strong{color:#7653a6;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.family-info-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:7px;height:7px}.family-form-buttons{flex-shrink:0;align-items:center;gap:8px;display:flex}.family-reset-btn,.family-submit-btn{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:39px;padding:0 17px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s;display:inline-flex}.family-reset-btn{color:#526174;background:#f8fafc;border:1px solid #d9dfe7}.family-reset-btn:hover{background:#eef2f6}.family-submit-btn{color:#fff;background:linear-gradient(135deg,#8c6dc5,#7050a5);border:none;min-width:125px;box-shadow:0 5px 14px #7050a533}.family-submit-btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #7050a542}.family-submit-btn:disabled,.family-reset-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.family-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite familySpin}.family-spinner.red{border-color:#ef4444 #fecaca #fecaca}@keyframes familySpin{to{transform:rotate(360deg)}}.family-list-section{padding:24px 25px}.family-list-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:19px;display:flex}.family-list-loading{color:#8b97a8;align-items:center;gap:7px;font-size:9px;font-weight:700;display:inline-flex}.family-small-spinner{border:2px solid #e8e1f0;border-top-color:#8c6dc5;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite familySpin}.family-table-wrapper{border:1px solid #e4e8ee;border-radius:11px;width:100%;overflow-x:auto}.family-table-wrapper::-webkit-scrollbar{height:6px}.family-table-wrapper::-webkit-scrollbar-thumb{background:#d3c5e5;border-radius:10px}.family-table{border-collapse:separate;border-spacing:0;background:#fff;width:100%;min-width:760px}.family-table thead th{color:#fff;text-align:left;white-space:nowrap;background:linear-gradient(135deg,#8c6dc5,#7050a5);height:43px;padding:0 13px;font-size:9px;font-weight:800}.family-table thead th:first-child{border-top-left-radius:10px}.family-table thead th:last-child{border-top-right-radius:10px}.family-table tbody td{color:#526174;vertical-align:middle;border-bottom:1px solid #edf0f4;min-height:60px;padding:10px 13px;font-size:10px;font-weight:600}.family-table tbody tr{transition:background .18s}.family-table tbody tr:hover{background:#fbfaff}.family-table tbody tr:last-child td{border-bottom:none}.sr-column{width:75px;text-align:center!important}.action-column{width:110px;text-align:center!important}.family-sr{color:#7653a6;background:#f4effa;border-radius:7px;justify-content:center;align-items:center;width:29px;height:25px;font-size:9px;font-weight:800;display:inline-flex}.family-member-cell{align-items:center;gap:9px;min-width:180px;display:flex}.family-member-avatar{color:#7653a6;background:linear-gradient(135deg,#eee5fa,#e2d4f2);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:900;display:flex}.family-member-name{flex-direction:column;gap:2px;min-width:0;display:flex}.family-member-name strong{color:#334155;white-space:nowrap;text-overflow:ellipsis;max-width:190px;font-size:11px;font-weight:800;overflow:hidden}.family-member-name small{color:#a0a9b6;font-size:8px;font-weight:500}.family-mobile-cell{color:#526174;align-items:center;gap:5px;display:inline-flex}.family-mobile-cell span{color:#8c6dc5}.family-relation-badge{color:#7653a6;text-transform:capitalize;background:#f7f1ff;border-radius:7px;justify-content:center;align-items:center;min-width:70px;height:25px;padding:0 9px;font-size:8px;font-weight:800;display:inline-flex}.family-relation-badge.spouse{color:#c5527d;background:#fff0f5}.family-relation-badge.son{color:#3978ba;background:#edf5ff}.family-relation-badge.daughter{color:#bd568b;background:#fff0f8}.family-relation-badge.parent{color:#35925b;background:#eefbf2}.family-actions{justify-content:center;align-items:center;gap:6px;display:flex}.family-action{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;width:29px;height:29px;font-family:inherit;font-size:15px;font-weight:800;transition:all .18s;display:flex}.family-action.edit{color:#3978ba;background:#f3f8ff;border:1px solid #d9e7fb}.family-action.edit:hover{color:#fff;background:#3978ba;transform:translateY(-1px)}.family-action.delete{color:#e05252;background:#fff6f6;border:1px solid #f5d5d5}.family-action.delete:hover{color:#fff;background:#e05252;transform:translateY(-1px)}.family-list-footer{color:#98a2b1;justify-content:space-between;align-items:center;gap:15px;margin-top:11px;font-size:9px;font-weight:600;display:flex}.family-list-footer strong{color:#7653a6}.family-empty{text-align:center;background:linear-gradient(135deg,#fbfcfe,#fcfaff);border:1px dashed #dfe4eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:245px;padding:30px;display:flex}.family-empty-icon{color:#7653a6;background:#f1eafa;border-radius:14px;justify-content:center;align-items:center;width:53px;height:53px;margin-bottom:10px;font-size:23px;display:flex}.family-empty h3{color:#475569;margin:0 0 5px;font-size:14px;font-weight:800}.family-empty p{color:#98a2b1;max-width:350px;margin:0;font-size:9px;font-weight:500;line-height:1.5}.family-empty-action{color:#7653a6;cursor:pointer;background:#faf7ff;border:1px solid #d9cce8;border-radius:8px;height:32px;margin-top:13px;padding:0 12px;font-family:inherit;font-size:9px;font-weight:800}.family-bottom-note{color:#7d8999;background:#f8fafc;border:1px solid #e2e8f0;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:40px;margin-top:17px;margin-bottom:20px;padding:9px 15px;display:flex}.family-bottom-note>span{color:#20a255;background:#eaf9ef;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;font-weight:900;display:flex}.family-bottom-note p{margin:0;font-size:9px;font-weight:600}.family-modal-overlay{z-index:99990;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.family-delete-modal{text-align:center;background:#fff;border-radius:16px;width:min(390px,100vw - 30px);padding:25px;animation:.2s familyModalIn;box-shadow:0 25px 65px #0f172a38}@keyframes familyModalIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.family-delete-icon{color:#ef4444;background:#fff0f0;border-radius:15px;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 13px;font-size:25px;font-weight:900;display:flex}.family-delete-modal h3{color:#334155;margin:0 0 7px;font-size:16px;font-weight:800}.family-delete-modal p{color:#8792a2;margin:0;font-size:10px;font-weight:500;line-height:1.6}.family-delete-modal p strong{color:#475569}.family-delete-actions{justify-content:center;gap:8px;margin-top:20px;display:flex}.family-delete-cancel,.family-delete-confirm{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:37px;padding:0 15px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s;display:inline-flex}.family-delete-cancel{color:#526174;background:#f8fafc;border:1px solid #d9dfe7}.family-delete-cancel:hover{background:#eef2f6}.family-delete-confirm{color:#fff;background:linear-gradient(135deg,#ef5b5b,#dc3e3e);border:none;box-shadow:0 5px 12px #dc3e3e2e}.family-delete-confirm:hover{transform:translateY(-1px)}.family-delete-confirm:disabled,.family-delete-cancel:disabled{opacity:.55;cursor:not-allowed}.family-alert-container{z-index:100000;pointer-events:none;width:min(390px,100vw - 30px);position:fixed;top:88px;right:22px}.family-alert{pointer-events:auto;background:#fff;border:1px solid #e3e7ed;border-radius:12px;align-items:center;gap:10px;width:100%;min-height:69px;padding:10px 11px;animation:.25s familyAlertIn;display:flex;box-shadow:0 12px 35px #0f172a29}@keyframes familyAlertIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.family-alert-success{border-left:4px solid #22a05a}.family-alert-error{border-left:4px solid #ef4444}.family-alert-warning{border-left:4px solid #f59e0b}.family-alert-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;font-size:18px;font-weight:900;display:flex}.family-alert-success .family-alert-icon{color:#20a255;background:#eaf9ef}.family-alert-error .family-alert-icon{color:#ef4444;background:#feecec}.family-alert-warning .family-alert-icon{color:#d88c00;background:#fff5df}.family-alert-content{flex:1;min-width:0}.family-alert-content strong{color:#334155;margin-bottom:3px;font-size:11px;font-weight:800;display:block}.family-alert-content p{color:#718096;margin:0;font-size:9px;font-weight:500;line-height:1.4}.family-alert-close{color:#94a3b8;cursor:pointer;background:#f8fafc;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;font-family:inherit;font-size:17px;line-height:1;display:flex}.family-alert-close:hover{color:#334155;background:#f1f5f9}@media (width<=1200px){.family-main{width:calc(100% - 240px);margin-left:240px}.family-main.collapsed{width:calc(100% - 78px);margin-left:78px}.family-content{padding:18px 20px 25px}.family-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.family-main{width:calc(100% - 78px);margin-left:78px}.family-page-header h2{font-size:19px}.family-form-footer{flex-direction:column;align-items:flex-start}.family-form-buttons{justify-content:flex-end;width:100%}}@media (width<=768px){.family-main,.family-main.collapsed{width:100%;margin-left:0;padding-top:64px}.family-content{min-height:calc(100vh - 64px);padding:12px 12px 25px}.family-page-header{border-radius:13px;flex-direction:column;align-items:flex-start;gap:12px;min-height:auto;padding:13px}.family-page-header h2{font-size:18px}.family-page-header p{font-size:9px}.family-header-actions{justify-content:space-between;width:100%}.family-count-badge{flex:1}.family-refresh-btn{min-width:95px}.family-card{border-radius:14px}.family-form-section,.family-list-section{padding:20px 15px}.family-section-header,.family-list-header{flex-direction:column;align-items:flex-start;gap:8px}.family-form-grid{grid-template-columns:1fr;gap:23px}.family-form-footer{margin-top:20px}.family-selected-flat-info,.family-form-buttons{width:100%}.family-reset-btn,.family-submit-btn{flex:1}.family-list-footer{flex-direction:column;align-items:flex-start;gap:5px}.family-alert-container{width:auto;top:74px;left:10px;right:10px}}@media (width<=480px){.family-content{padding:9px 9px 20px}.family-page-header{padding:11px}.family-header-icon{width:37px;height:37px}.family-header-icon span{font-size:18px}.family-page-header h2{font-size:16px}.family-page-header p{font-size:8px}.family-form-section,.family-list-section{padding:17px 12px}.family-section-title{font-size:13px}.family-input-wrap,.family-flat-input input,.family-relation-input{height:43px}.family-form-buttons{flex-direction:column}.family-reset-btn,.family-submit-btn{flex:none;width:100%}.family-bottom-note{text-align:center}.family-alert-container{top:70px;left:8px;right:8px}.family-alert{min-height:65px}.family-delete-modal{padding:21px}}.vehicle-management-layout{background:#f4f7fb;width:100%;min-height:100vh;overflow-x:hidden}.vehicle-management-main{background:#f4f7fb;width:calc(100% - 280px);min-height:100vh;margin-left:280px;padding-top:72px;transition:all .3s}.vehicle-management-main.collapsed{width:calc(100% - 78px);margin-left:78px}.vehicle-management-content{background:#f4f7fb;width:100%;min-height:calc(100vh - 72px);padding:20px 28px 30px}.vehicle-management-page{width:100%;max-width:1650px;margin:0 auto}.vehicle-page-header{background:linear-gradient(135deg,#fff 0%,#fbfcff 100%);border:1px solid #e0e7ef;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:76px;margin-bottom:17px;padding:13px 18px;display:flex;box-shadow:0 5px 18px #0f172a0b}.vehicle-page-header-left{align-items:center;gap:13px;min-width:0;display:flex}.vehicle-page-icon{color:#fff;background:linear-gradient(135deg,#4c70d2,#34539e);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex;box-shadow:0 7px 17px #34539e38}.vehicle-page-header-left h2{color:#10314e;margin:0;font-size:21px;font-weight:800;line-height:1.2}.vehicle-page-header-left p{color:#8290a2;margin:5px 0 0;font-size:10px;font-weight:500}.vehicle-page-count{background:#f6f8ff;border:1px solid #dfe6f5;border-radius:11px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;min-width:105px;height:48px;padding:5px 12px;display:flex}.vehicle-page-count span{color:#8490a5;text-transform:uppercase;letter-spacing:.3px;font-size:8px;font-weight:700}.vehicle-page-count strong{color:#526bc1;font-size:16px;font-weight:900}.vehicle-form-card{background:#fff;border:1px solid #e1e7ee;border-radius:17px;width:100%;margin-bottom:17px;padding:24px 25px 21px;box-shadow:0 5px 18px #0f172a0b}.vehicle-form-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px;display:flex}.vehicle-form-title,.vehicle-list-title{color:#26394e;align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.vehicle-title-dot{background:#4c70d2;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 4px #4c70d217}.vehicle-form-header p,.vehicle-list-header p{color:#96a1b0;margin:4px 0 0;font-size:9px;font-weight:500}.vehicle-cancel-edit{color:#d64d4d;cursor:pointer;background:#fff7f7;border:1px solid #f1caca;border-radius:8px;justify-content:center;align-items:center;height:31px;padding:0 12px;font-family:inherit;font-size:9px;font-weight:800;transition:all .2s;display:flex}.vehicle-cancel-edit:hover{background:#feecec;border-color:#e8aaaa}.vehicle-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 16px;width:100%;display:grid}.vehicle-field{width:100%;min-width:0;position:relative}.vehicle-field>label{z-index:2;color:#4d6074;pointer-events:none;background:#fff;padding:0 6px;font-size:9px;font-weight:800;position:absolute;top:-7px;left:12px}.vehicle-field>label span{color:#ef4444;margin-left:3px}.vehicle-field>label small{color:#9ba6b4;margin-left:5px;font-size:8px;font-weight:600}.vehicle-input-wrap{background:#fff;border:1px solid #d5dde8;border-radius:10px;align-items:center;gap:8px;width:100%;height:45px;padding:0 12px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex;position:relative}.vehicle-input-wrap:focus-within{border-color:#5575d3;box-shadow:0 0 0 3px #5575d317}.vehicle-input-wrap:has(select:disabled){background:#f7f9fb}.vehicle-input-icon{color:#5270cc;justify-content:center;align-items:center;width:19px;min-width:19px;font-size:13px;font-weight:800;display:flex}.vehicle-input-wrap input,.vehicle-input-wrap select{color:#34475b;background:0 0;border:none;outline:none;width:100%;min-width:0;height:100%;font-family:inherit;font-size:11px;font-weight:600}.vehicle-input-wrap input::placeholder{color:#9ba8b8;font-size:10px}.vehicle-input-wrap select{appearance:none;cursor:pointer;padding-right:24px}.vehicle-input-wrap select:disabled{color:#a7b1be;cursor:not-allowed}.vehicle-select-arrow{color:#5270cc;pointer-events:none;font-size:14px;font-weight:900;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.vehicle-form-footer{justify-content:space-between;align-items:center;gap:15px;margin-top:22px;display:flex}.vehicle-required-note{align-items:center;gap:7px;display:flex}.vehicle-required-note>span{color:#5574cf;background:#eef3ff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:9px;font-weight:900;display:flex}.vehicle-required-note p{color:#96a2b1;margin:0;font-size:9px;font-weight:600}.vehicle-required-note b{color:#ef4444}.vehicle-form-actions{align-items:center;gap:8px;display:flex}.vehicle-reset-btn{color:#647286;cursor:pointer;background:#f8fafc;border:1px solid #d7dfe8;border-radius:9px;height:39px;padding:0 16px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s}.vehicle-reset-btn:hover{background:#eef2f6}.vehicle-save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4e72d3,#36549f);border:none;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-width:130px;height:39px;padding:0 17px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 7px 15px #36549f33}.vehicle-save-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #36549f45}.vehicle-save-btn:disabled,.vehicle-reset-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.vehicle-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite vehicleSpin}@keyframes vehicleSpin{to{transform:rotate(360deg)}}.vehicle-list-card{background:#fff;border:1px solid #e1e7ee;border-radius:17px;width:100%;padding:24px 25px 20px;box-shadow:0 5px 18px #0f172a0b}.vehicle-list-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.vehicle-list-badge{color:#526bc0;background:#f5f7ff;border:1px solid #dfe6f8;border-radius:8px;justify-content:center;align-items:center;height:30px;padding:0 11px;font-size:9px;font-weight:800;display:flex}.vehicle-table-wrapper{border:1px solid #e1e6ed;border-radius:11px;width:100%;overflow-x:auto}.vehicle-table-wrapper::-webkit-scrollbar{height:6px}.vehicle-table-wrapper::-webkit-scrollbar-track{background:#f5f7fa}.vehicle-table-wrapper::-webkit-scrollbar-thumb{background:#cbd4e3;border-radius:20px}.vehicle-table{border-collapse:separate;border-spacing:0;background:#fff;width:100%;min-width:1080px}.vehicle-table thead th{color:#fff;text-align:left;white-space:nowrap;background:linear-gradient(135deg,#4e72d3,#38559f);height:42px;padding:0 12px;font-size:8px;font-weight:800}.vehicle-table thead th:first-child{border-top-left-radius:10px}.vehicle-table thead th:last-child{border-top-right-radius:10px}.vehicle-table tbody td{color:#526174;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #edf0f4;height:59px;padding:9px 12px;font-size:9px;font-weight:600}.vehicle-table tbody tr{transition:background .18s}.vehicle-table tbody tr:hover{background:#fafbff}.vehicle-table tbody tr:last-child td{border-bottom:none}.vehicle-row-number{color:#5269b8;background:#eef2ff;border-radius:7px;justify-content:center;align-items:center;width:27px;height:25px;font-size:8px;font-weight:800;display:flex}.vehicle-name-cell{align-items:center;gap:8px;display:flex}.vehicle-small-icon{background:linear-gradient(135deg,#eef3ff,#e4eaff);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:33px;height:33px;font-size:14px;display:flex}.vehicle-name-cell>div:last-child{flex-direction:column;gap:2px;display:flex}.vehicle-name-cell strong{color:#34475b;font-size:10px;font-weight:800}.vehicle-name-cell span{color:#9aa5b4;font-size:7px;font-weight:500}.vehicle-model-text{color:#566679;font-size:9px;font-weight:700}.vehicle-owner-cell{align-items:center;gap:7px;display:flex}.vehicle-owner-avatar{color:#5269b8;background:#eef2ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:29px;height:29px;font-size:10px;font-weight:900;display:flex}.vehicle-owner-cell span:last-child{color:#536276;font-size:9px;font-weight:700}.vehicle-location-badge,.vehicle-flat-badge{border-radius:7px;justify-content:center;align-items:center;min-height:25px;padding:0 9px;font-size:8px;font-weight:800;display:inline-flex}.vehicle-location-badge{color:#526bbd;background:#f0f4ff}.vehicle-flat-badge{color:#69788b;background:#f4f6fa}.vehicle-contact-link{color:#526dc3;font-size:9px;font-weight:700;text-decoration:none;transition:color .2s}.vehicle-contact-link:hover{color:#2f4c9e;text-decoration:underline}.vehicle-secondary-contact{color:#788596;font-size:9px;font-weight:600}.vehicle-action-buttons{align-items:center;gap:6px;display:flex}.vehicle-edit-btn,.vehicle-delete-btn{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;width:29px;height:29px;font-family:inherit;font-size:14px;font-weight:800;transition:all .2s;display:flex}.vehicle-edit-btn{color:#4f70c7;background:#f4f7ff;border:1px solid #d7e2fa}.vehicle-edit-btn:hover{color:#fff;background:#4f70c7;border-color:#4f70c7;transform:translateY(-1px)}.vehicle-delete-btn{color:#e05252;background:#fff7f7;border:1px solid #f3d3d3}.vehicle-delete-btn:hover{color:#fff;background:#e05252;border-color:#e05252;transform:translateY(-1px)}.vehicle-list-loading{color:#8d99a9;background:#fbfcfe;border:1px dashed #dfe5ed;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:210px;font-size:10px;font-weight:600;display:flex}.vehicle-loader{border:3px solid #e5eaf3;border-top-color:#5271ce;border-radius:50%;width:28px;height:28px;animation:.75s linear infinite vehicleSpin}.vehicle-loader.small{border-width:2px;width:22px;height:22px}.vehicle-loading-card{color:#8290a1;background:#fff;border:1px solid #e1e7ee;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;min-height:300px;font-size:10px;font-weight:600;display:flex;box-shadow:0 5px 18px #0f172a0b}.vehicle-empty-state{text-align:center;background:linear-gradient(135deg,#fcfdff,#f9fbfe);border:1px dashed #dce3eb;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:30px;display:flex}.vehicle-empty-icon{background:#eef3ff;border-radius:15px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:11px;font-size:25px;display:flex}.vehicle-empty-state h3{color:#45566a;margin:0 0 5px;font-size:14px;font-weight:800}.vehicle-empty-state p{color:#98a3b2;margin:0;font-size:9px;font-weight:500}.vehicle-empty-state button{color:#526bc0;cursor:pointer;background:#f4f7ff;border:1px solid #d4def7;border-radius:8px;height:33px;margin-top:13px;padding:0 14px;font-family:inherit;font-size:9px;font-weight:800;transition:all .2s}.vehicle-empty-state button:hover{color:#fff;background:#526bc0;border-color:#526bc0}.vehicle-footer-note{color:#8995a5;background:#f9fafc;border:1px solid #e1e7ee;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:40px;margin-top:15px;padding:9px 15px;display:flex}.vehicle-footer-note>span{color:#1e9c56;background:#eaf9ef;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;font-weight:900;display:flex}.vehicle-footer-note p{margin:0;font-size:9px;font-weight:600}.vehicle-alert-container{z-index:99999;pointer-events:none;width:min(410px,100vw - 30px);position:fixed;top:82px;right:22px}.vehicle-alert{pointer-events:auto;background:#fff;border:1px solid #e1e7ef;border-radius:13px;align-items:center;gap:11px;width:100%;min-height:69px;padding:10px 11px;animation:.28s vehicleAlertIn;display:flex;box-shadow:0 15px 40px #0f233c29}.vehicle-alert-success{border-left:4px solid #20a35a}.vehicle-alert-error{border-left:4px solid #ef4444}.vehicle-alert-warning{border-left:4px solid #f59e0b}.vehicle-alert-info{border-left:4px solid #4f72d2}.vehicle-alert-icon{color:#5271ce;background:#eef3ff;border-radius:10px;justify-content:center;align-items:center;width:37px;min-width:37px;height:37px;font-size:18px;font-weight:900;display:flex}.vehicle-alert-success .vehicle-alert-icon{color:#1f9c56;background:#eaf9ef}.vehicle-alert-error .vehicle-alert-icon{color:#ef4444;background:#fff0f0}.vehicle-alert-warning .vehicle-alert-icon{color:#d98b00;background:#fff6e4}.vehicle-alert-content{flex:1;min-width:0}.vehicle-alert-content strong{color:#294057;margin-bottom:3px;font-size:11px;font-weight:800;display:block}.vehicle-alert-content p{color:#718095;margin:0;font-size:9px;font-weight:500;line-height:1.4}.vehicle-alert-close{color:#91a0b2;cursor:pointer;background:#f7f9fb;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;padding:0;font-family:inherit;font-size:17px;line-height:1;transition:all .18s;display:flex}.vehicle-alert-close:hover{color:#334155;background:#eef1f5}@keyframes vehicleAlertIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@media (width<=1200px){.vehicle-management-main{width:calc(100% - 240px);margin-left:240px}.vehicle-management-main.collapsed{width:calc(100% - 78px);margin-left:78px}.vehicle-management-content{padding:18px 20px 25px}.vehicle-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.vehicle-management-main,.vehicle-management-main.collapsed{width:calc(100% - 78px);margin-left:78px}.vehicle-page-header-left h2{font-size:19px}.vehicle-form-footer{flex-direction:column;align-items:flex-start}.vehicle-form-actions{justify-content:flex-end;width:100%}}@media (width<=768px){.vehicle-management-main,.vehicle-management-main.collapsed{width:100%;margin-left:0;padding-top:64px}.vehicle-management-content{min-height:calc(100vh - 64px);padding:12px}.vehicle-page-header{border-radius:13px;flex-direction:column;align-items:flex-start;min-height:auto;padding:13px}.vehicle-page-header-left h2{font-size:18px}.vehicle-page-header-left p{font-size:9px}.vehicle-page-count{flex-direction:row;justify-content:space-between;width:100%;height:40px;padding:0 12px}.vehicle-page-count strong{font-size:14px}.vehicle-form-card,.vehicle-list-card{border-radius:14px;padding:20px 15px}.vehicle-form-header,.vehicle-list-header{flex-direction:column;align-items:flex-start;gap:9px}.vehicle-form-grid{grid-template-columns:1fr;gap:23px}.vehicle-form-footer{margin-top:20px}.vehicle-required-note{width:100%}.vehicle-form-actions{justify-content:flex-end;width:100%}.vehicle-reset-btn,.vehicle-save-btn{flex:1}.vehicle-alert-container{width:auto;top:72px;left:10px;right:10px}}@media (width<=480px){.vehicle-management-content{padding:9px}.vehicle-page-header{padding:11px}.vehicle-page-icon{width:38px;height:38px;font-size:18px}.vehicle-page-header-left h2{font-size:16px}.vehicle-page-header-left p{font-size:8px}.vehicle-form-card,.vehicle-list-card{padding:17px 12px}.vehicle-form-title,.vehicle-list-title{font-size:13px}.vehicle-input-wrap{height:43px}.vehicle-form-actions{flex-direction:column;width:100%}.vehicle-reset-btn,.vehicle-save-btn{flex:none;width:100%}.vehicle-alert-container{top:69px;left:8px;right:8px}.vehicle-alert{min-height:65px;padding:9px}.vehicle-alert-icon{width:34px;min-width:34px;height:34px}.vehicle-alert-content strong{font-size:10px}.vehicle-alert-content p{font-size:8px}.vehicle-footer-note{text-align:center}}@media (width<=360px){.vehicle-management-content{padding:7px}.vehicle-form-card,.vehicle-list-card{padding:15px 10px}.vehicle-page-header-left{gap:9px}.vehicle-page-header-left h2{font-size:15px}.vehicle-page-icon{width:35px;height:35px;font-size:16px}}.visitor-management-page{box-sizing:border-box;width:100%;padding-bottom:20px}.visitor-page-header{justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:20px;display:flex}.visitor-page-header h2{color:#000;margin:0;font-size:20px;font-weight:700;line-height:1.3}.visitor-page-header p{color:#64748b;margin:5px 0 0;font-size:13px;font-weight:500}.visitor-refresh-btn{color:#6f4d8b;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:105px;height:40px;padding:0 15px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.visitor-refresh-btn:hover{background:#f3e8ff;border-color:#c4b5fd;transform:translateY(-1px)}.visitor-refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.visitor-form-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:24px;width:100%;margin-bottom:22px;padding:26px;box-shadow:0 8px 30px #0f172a0d}.visitor-form-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.visitor-form-title h3{color:#334155;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:750;display:flex}.visitor-form-title h3 svg{color:#8c6dc5}.visitor-form-title p{color:#94a3b8;margin:4px 0 0;font-size:12px;font-weight:500}.visitor-form-title>span{color:#64748b;font-size:11px;font-weight:600}.visitor-form-title>span b{color:#ef4444}.visitor-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:23px 15px;width:100%;display:grid}.visitor-input-group{width:100%;min-width:0;position:relative}.visitor-input-group>label{z-index:10;color:#111827;white-space:nowrap;background:#fff;padding:0 7px;font-size:12px;font-weight:700;line-height:17px;position:absolute;top:-8px;left:15px}.visitor-input-group>label span{color:#ef4444;margin-left:3px}.visitor-input-box{box-sizing:border-box;background:#fff;border:1px solid #6f4d8b;border-radius:18px;align-items:center;width:100%;height:48px;padding:0 14px;transition:border-color .2s,box-shadow .2s,background .2s;display:flex}.visitor-input-box:hover{border-color:#22c55e}.visitor-input-box:focus-within{border-color:#16a34a;box-shadow:0 0 0 4px #16a34a1a}.visitor-input-box.disabled{background:#f8fafc;border-color:#cbd5e1}.visitor-icon{color:#6f4d8b;flex:none;margin-right:10px;font-size:14px}.visitor-input-box input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;height:100%;font-family:inherit;font-size:13px;font-weight:600}.visitor-input-box input::placeholder{color:#94a3b8;font-weight:500}.visitor-input-box input:disabled{color:#64748b;cursor:not-allowed}.visitor-input-box input[type=date],.visitor-input-box input[type=time]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.visitor-dropdown-group{z-index:50}.visitor-dropdown-wrapper{width:100%;position:relative}.visitor-clear-input{color:#64748b;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.visitor-clear-input:hover{color:#ef4444}.visitor-dropdown{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:14px;max-height:230px;padding:5px;position:absolute;top:55px;left:0;right:0;overflow-y:auto;box-shadow:0 15px 35px #0f172a24}.visitor-dropdown::-webkit-scrollbar{width:5px}.visitor-dropdown::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:10px}.visitor-dropdown-item{color:#1e293b;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:42px;padding:9px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:flex}.visitor-dropdown-item:hover{color:#6f4d8b;background:#faf5ff}.visitor-dropdown-item>svg{color:#8c6dc5;font-size:13px}.visitor-no-data{text-align:center;color:#94a3b8;padding:15px;font-size:12px;font-weight:600}.visitor-flat-option{align-items:center;gap:9px;display:flex}.visitor-flat-option>svg{color:#8c6dc5;font-size:14px}.visitor-flat-option div{flex-direction:column;gap:2px;display:flex}.visitor-flat-option strong{color:#334155;font-size:12px}.visitor-flat-option span{color:#94a3b8;font-size:10px}.visitor-span-2{grid-column:span 2}.visitor-span-4{grid-column:span 4}.visitor-textarea-group{min-height:82px}.visitor-textarea-box{box-sizing:border-box;background:#fff;border:1px solid #6f4d8b;border-radius:18px;align-items:flex-start;width:100%;min-height:82px;padding:13px 14px;transition:border-color .2s,box-shadow .2s;display:flex}.visitor-textarea-box:hover{border-color:#22c55e}.visitor-textarea-box:focus-within{border-color:#16a34a;box-shadow:0 0 0 4px #16a34a1a}.visitor-textarea-box>svg{color:#6f4d8b;flex-shrink:0;margin-top:2px;margin-right:10px;font-size:14px}.visitor-textarea-box textarea{resize:none;color:#1e293b;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;min-height:52px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.45}.visitor-textarea-box textarea::placeholder{color:#94a3b8;font-weight:500}.visitor-photo-group{box-sizing:border-box;background:linear-gradient(135deg,#faf5ff,#fff);border:1px dashed #c4b5fd;border-radius:18px;padding:15px}.visitor-photo-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;display:flex}.visitor-photo-header h4{color:#334155;margin:0;font-size:12px;font-weight:750}.visitor-photo-header h4 span{color:#ef4444;margin-left:3px}.visitor-photo-header p{color:#94a3b8;margin:4px 0 0;font-size:10px}.visitor-remove-photo{color:#dc2626;cursor:pointer;background:#fff5f5;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:6px;height:31px;padding:0 10px;font-family:inherit;font-size:10px;font-weight:700;display:inline-flex}.visitor-upload-box{cursor:pointer;background:#fff;border:1px dashed #c4b5fd;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:125px;transition:all .2s;display:flex}.visitor-upload-box:hover{background:#faf5ff;border-color:#8c6dc5}.visitor-upload-icon{color:#7c3aed;background:#f3e8ff;border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:2px;font-size:16px;display:flex}.visitor-upload-box strong{color:#334155;font-size:11px}.visitor-upload-box span{color:#94a3b8;font-size:9px}.visitor-browse-btn{color:#fff;background:#6f4d8b;border-radius:8px;margin-top:4px;padding:7px 12px;font-size:9px;font-weight:700}.visitor-photo-preview{border:2px solid #c4b5fd;border-radius:14px;width:135px;height:135px;position:relative;overflow:hidden}.visitor-photo-preview img{object-fit:cover;width:100%;height:100%}.visitor-photo-preview label{color:#fff;cursor:pointer;background:#0f172ab3;justify-content:center;align-items:center;gap:5px;padding:8px;font-size:9px;font-weight:700;display:flex;position:absolute;bottom:0;left:0;right:0}.visitor-summary{box-sizing:border-box;background:linear-gradient(135deg,#f8fafc,#ecfdf5);border:1px solid #bbf7d0;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:100%;margin-top:25px;padding:13px 18px;display:grid}.visitor-summary>div{border-right:1px solid #bbf7d0;flex-direction:column;gap:4px;min-width:0;padding:0 17px;display:flex}.visitor-summary>div:first-child{padding-left:0}.visitor-summary>div:last-child{border-right:none;padding-right:0}.visitor-summary span{color:#3e1c5a;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.visitor-summary span svg{color:#8c6dc5}.visitor-summary strong{color:#16a34a;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.visitor-button-row{justify-content:center;align-items:center;gap:15px;width:100%;margin-top:25px;display:flex}.visitor-save-btn,.visitor-cancel-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:40px;font-family:inherit;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.visitor-save-btn{color:#fff;background:linear-gradient(135deg,#22c55e,#15803d);min-width:165px;padding:0 20px;box-shadow:0 5px 15px #16a34a33}.visitor-save-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #16a34a40}.visitor-save-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.visitor-cancel-btn{color:#fff;background:#ff3131;width:100px}.visitor-cancel-btn:hover{background:#dc2626;transform:translateY(-1px)}.visitor-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite visitor-spin}.visitor-list-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:24px;width:100%;margin-bottom:20px;padding:22px;box-shadow:0 8px 30px #0f172a0d}.visitor-list-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px;display:flex}.visitor-list-header h3{color:#334155;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:750;display:flex}.visitor-list-header h3 svg{color:#8c6dc5}.visitor-list-header p{color:#94a3b8;margin:4px 0 0;font-size:12px}.visitor-search{background:#fff;border:1px solid #ddd6fe;border-radius:10px;align-items:center;width:250px;height:38px;padding:0 11px;display:flex}.visitor-search>svg{color:#8c6dc5;font-size:12px}.visitor-search input{color:#334155;background:0 0;border:none;outline:none;width:100%;padding:0 8px;font-family:inherit;font-size:11px}.visitor-search input::placeholder{color:#94a3b8}.visitor-search button{color:#94a3b8;cursor:pointer;background:0 0;border:none}.visitor-stats-mini{background:#faf5ff;border:1px solid #ede9fe;border-radius:12px;align-items:center;gap:25px;margin-bottom:15px;padding:10px 13px;display:flex}.visitor-stats-mini>div{align-items:center;gap:6px;display:flex}.visitor-stats-mini span{color:#64748b;font-size:10px;font-weight:600}.visitor-stats-mini strong{color:#6f4d8b;font-size:12px}.visitor-table-wrapper{border:1px solid #e2e8f0;border-radius:16px;width:100%;overflow-x:auto}.visitor-table{border-collapse:separate;border-spacing:0;width:100%;min-width:900px}.visitor-table thead th{color:#5b4675;text-align:left;white-space:nowrap;background:linear-gradient(135deg,#faf5ff,#f8fafc);border-bottom:1px solid #e2e8f0;height:46px;padding:0 14px;font-size:11px;font-weight:800}.visitor-table tbody td{color:#475569;vertical-align:middle;border-bottom:1px solid #f1f5f9;height:56px;padding:8px 14px;font-size:11px;font-weight:600}.visitor-table tbody tr:hover{background:#fafafa}.visitor-name-cell{align-items:center;gap:9px;display:flex}.visitor-name-cell img,.visitor-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:34px;height:34px}.visitor-avatar{color:#8c6dc5;background:#f3e8ff;justify-content:center;align-items:center;display:flex}.visitor-name-cell strong{color:#334155;font-size:11px;display:block}.visitor-name-cell span{color:#94a3b8;margin-top:2px;font-size:9px;display:block}.visitor-flat-pill,.visitor-time-pill,.visitor-vehicle-pill{border-radius:8px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.visitor-flat-pill{color:#6f4d8b;background:#f5f3ff}.visitor-time-pill{color:#15803d;background:#ecfdf5}.visitor-vehicle-pill{color:#ea580c;background:#fff7ed}.visitor-no-vehicle{color:#94a3b8;font-size:9px}.visitor-actions{align-items:center;gap:7px;display:flex}.visitor-view-btn,.visitor-delete-btn{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .18s;display:inline-flex}.visitor-view-btn{color:#7c3aed;background:#faf5ff;border:1px solid #ddd6fe}.visitor-view-btn:hover{background:#ede9fe;transform:translateY(-1px)}.visitor-delete-btn{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.visitor-delete-btn:hover{background:#fee2e2;transform:translateY(-1px)}.visitor-empty{text-align:center;color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:180px;display:flex}.visitor-empty svg{color:#c4b5fd;margin-bottom:3px;font-size:25px}.visitor-empty strong{color:#64748b;font-size:13px}.visitor-empty span{font-size:11px}.visitor-bottom-note{box-sizing:border-box;color:#64748b;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:40px;margin-bottom:20px;padding:10px 15px;font-size:11px;font-weight:500;display:flex}.visitor-bottom-note svg{color:#8c6dc5;flex-shrink:0}.visitor-modal-overlay{z-index:99999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.visitor-modal{background:#fff;border-radius:20px;flex-direction:column;width:min(700px,100%);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 70px #0f172a40}.visitor-modal-header{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.visitor-modal-header h3{color:#334155;margin:0;font-size:17px;font-weight:800}.visitor-modal-header p{color:#94a3b8;margin:4px 0 0;font-size:10px}.visitor-modal-header button{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.visitor-modal-header button:hover{color:#dc2626;background:#fee2e2}.visitor-modal-body{padding:20px;overflow-y:auto}.visitor-modal-profile{background:linear-gradient(135deg,#faf5ff,#f8fafc);border-radius:14px;align-items:center;gap:13px;margin-bottom:15px;padding:13px;display:flex}.visitor-modal-profile img,.visitor-modal-profile>div{object-fit:cover;border-radius:14px;flex-shrink:0;width:58px;height:58px}.visitor-modal-profile>div{color:#7c3aed;background:#ede9fe;justify-content:center;align-items:center;font-size:20px;display:flex}.visitor-modal-profile h4{color:#334155;margin:0 0 4px;font-size:16px}.visitor-modal-profile span{color:#64748b;font-size:11px}.visitor-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.visitor-detail-item{border:1px solid #eef2f7;border-radius:11px;align-items:center;gap:9px;padding:11px;display:flex}.visitor-detail-icon{color:#7c3aed;background:#f5f3ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:31px;height:31px;font-size:11px;display:flex}.visitor-detail-item span{color:#94a3b8;margin-bottom:3px;font-size:9px;display:block}.visitor-detail-item strong{color:#334155;word-break:break-word;font-size:10px;display:block}.visitor-modal-remarks{background:#f8fafc;border-radius:11px;margin-top:11px;padding:12px}.visitor-modal-remarks strong{color:#64748b;align-items:center;gap:6px;margin-bottom:5px;font-size:10px;display:flex}.visitor-modal-remarks svg{color:#8c6dc5}.visitor-modal-remarks p{color:#475569;margin:0;font-size:10px;line-height:1.5}.visitor-modal-footer{border-top:1px solid #eef2f7;justify-content:flex-end;padding:13px 20px;display:flex}.visitor-modal-footer button{color:#fff;cursor:pointer;background:#64748b;border:none;border-radius:9px;width:85px;height:35px;font-family:inherit;font-size:11px;font-weight:700}.visitor-toast{z-index:100000;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:12px;min-width:300px;max-width:420px;padding:14px 18px;animation:.25s visitor-toast-in;display:flex;position:fixed;top:80px;right:25px;box-shadow:0 15px 40px #0f172a26}.visitor-toast.success{border-left:4px solid #16a34a}.visitor-toast.warning{border-left:4px solid #f59e0b}.visitor-toast.error{border-left:4px solid #dc2626}.visitor-toast-icon{color:#16a34a;background:#f0fdf4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.visitor-toast.warning .visitor-toast-icon{color:#d97706;background:#fffbeb}.visitor-toast.error .visitor-toast-icon{color:#dc2626;background:#fef2f2}.visitor-toast>div:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.visitor-toast strong{color:#1e293b;font-size:12px}.visitor-toast span{color:#64748b;font-size:10px;line-height:1.4}.visitor-toast>button{color:#94a3b8;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:auto;display:flex}.visitor-spin{animation:.7s linear infinite visitor-spin}@media (width<=1200px){.visitor-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.visitor-span-4{grid-column:span 3}}@media (width<=1024px){.visitor-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.visitor-span-4{grid-column:span 2}}@media (width<=768px){.visitor-page-header{flex-direction:column;align-items:flex-start}.visitor-refresh-btn{width:100%}.visitor-form-card{padding:20px}.visitor-form-grid{grid-template-columns:1fr}.visitor-span-2,.visitor-span-4{grid-column:span 1}.visitor-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.visitor-summary>div{border-right:none;padding:0 10px}.visitor-summary>div:nth-child(odd){padding-left:0}.visitor-summary>div:nth-child(2n){padding-right:0}.visitor-list-header{flex-direction:column;align-items:flex-start}.visitor-search{width:100%}}@media (width<=480px){.visitor-form-card,.visitor-list-card{border-radius:18px;padding:14px}.visitor-form-title{flex-direction:column;align-items:flex-start;gap:8px}.visitor-form-grid{row-gap:21px}.visitor-input-box{border-radius:15px;height:46px}.visitor-summary{grid-template-columns:1fr}.visitor-summary>div{border:none;padding:0!important}.visitor-button-row{flex-direction:column}.visitor-save-btn,.visitor-cancel-btn{width:100%;max-width:280px}.visitor-stats-mini{flex-wrap:wrap;gap:12px}.visitor-modal-overlay{padding:10px}.visitor-modal{max-height:94vh}.visitor-detail-grid{grid-template-columns:1fr}.visitor-toast{min-width:0;max-width:none;left:15px;right:15px}}.item-page-header,.item-form-card,.item-list-card{box-sizing:border-box}.item-page-header{justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:20px;display:flex}.item-page-header h2{color:#000;margin:0;font-size:20px;font-weight:700;line-height:1.3}.item-page-header p{color:#64748b;margin:5px 0 0;font-size:13px;font-weight:500}.item-refresh-btn{color:#6f4d8b;cursor:pointer;background:#faf5ff;border:1px solid #ddd6fe;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:105px;height:40px;padding:0 15px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.item-refresh-btn:hover{background:#f3e8ff;border-color:#c4b5fd;transform:translateY(-1px)}.item-refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.item-refresh-spin{animation:.8s linear infinite item-refresh-rotate}@keyframes item-refresh-rotate{to{transform:rotate(360deg)}}.item-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;width:100%;margin-bottom:22px;padding:26px;box-shadow:0 8px 30px #0f172a0d}.item-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:22px 15px;width:100%;display:grid}.item-input-group{width:100%;min-width:0;position:relative}.item-input-group>label{z-index:10;color:#111827;white-space:nowrap;background:#fff;padding:0 7px;font-size:12px;font-weight:700;line-height:17px;position:absolute;top:-8px;left:15px}.item-input-group>label span{color:#ef4444;margin-left:3px}.item-input-box{box-sizing:border-box;background:#fff;border:1px solid #6f4d8b;border-radius:18px;align-items:center;width:100%;height:48px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.item-input-box:hover{border-color:#22c55e}.item-input-box:focus-within{border-color:#16a34a;box-shadow:0 0 0 4px #16a34a1a}.item-icon{color:#6f4d8b;flex:none;margin-right:10px;font-size:15px}.item-input-box input{color:#1e293b;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;font-family:inherit;font-size:14px;font-weight:600}.item-input-box input::placeholder{color:#94a3b8;font-weight:500}.item-input-box input[type=number]::-webkit-inner-spin-button{opacity:.6}.item-input-box input[type=number]::-webkit-outer-spin-button{opacity:.6}.item-clear-input{color:#64748b;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:12px;display:flex}.item-clear-input:hover{color:#ef4444}.item-summary-info{box-sizing:border-box;background:linear-gradient(135deg,#f8fafc 0%,#ecfdf5 100%);border:1px solid #bbf7d0;border-radius:16px;justify-content:center;align-items:center;gap:24px;width:100%;margin-top:25px;padding:14px 20px;display:flex}.item-summary-item{align-items:center;gap:7px;min-width:0;display:flex}.item-summary-item label{color:#3e1c5a;white-space:nowrap;align-items:center;gap:5px;margin:0;font-size:13px;font-weight:700;display:inline-flex}.item-summary-item label svg{font-size:11px}.item-summary-item span{color:#16a34a;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:13px;font-weight:600;overflow:hidden}.item-summary-item.total{border-left:1px solid #bbf7d0;padding-left:18px}.item-summary-item.total span{font-size:15px;font-weight:800}.item-button-row{justify-content:center;align-items:center;gap:15px;width:100%;margin-top:25px;display:flex}.item-save-btn,.item-cancel-btn,.item-back-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:40px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.item-save-btn{color:#fff;background:linear-gradient(135deg,#22c55e,#15803d);min-width:165px;padding:0 20px;box-shadow:0 5px 15px #16a34a33}.item-save-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #16a34a40}.item-save-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.item-cancel-btn{color:#fff;background:#ff3131;width:100px}.item-cancel-btn:hover{background:#dc2626;transform:translateY(-1px)}.item-back-btn{color:#fff;background:#64748b;width:100px}.item-back-btn:hover{background:#475569;transform:translateY(-1px)}.item-save-spinner,.item-delete-spinner{border-radius:50%;animation:.7s linear infinite item-spin}.item-save-spinner{border:2px solid #ffffff59;border-top-color:#fff;width:14px;height:14px}.item-delete-spinner{border:2px solid #fecaca;border-top-color:#dc2626;width:12px;height:12px}@keyframes item-spin{to{transform:rotate(360deg)}}.item-list-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;width:100%;margin-bottom:20px;padding:22px;box-shadow:0 8px 30px #0f172a0d}.item-list-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px;display:flex}.item-list-header h3{color:#334155;margin:0;font-size:17px;font-weight:750}.item-list-header p{color:#94a3b8;margin:4px 0 0;font-size:12px;font-weight:500}.item-list-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.item-table-search{box-sizing:border-box;background:#fff;border:1px solid #ddd6fe;border-radius:11px;align-items:center;width:240px;height:40px;padding:0 11px;transition:border-color .2s,box-shadow .2s;display:flex}.item-table-search:focus-within{border-color:#8c6dc5;box-shadow:0 0 0 3px #8c6dc51a}.item-search-icon{color:#8c6dc5;flex-shrink:0;margin-right:8px;font-size:13px}.item-table-search input{color:#334155;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:12px;font-weight:600}.item-table-search input::placeholder{color:#94a3b8;font-weight:500}.item-search-clear{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:flex}.item-search-clear:hover{color:#dc2626;background:#fee2e2}.item-status-filter{background:#fff;border:1px solid #ddd6fe;border-radius:11px;align-items:center;gap:7px;height:40px;padding:0 10px;display:flex}.item-status-filter>svg{color:#8c6dc5;flex-shrink:0;font-size:12px}.item-status-filter select{color:#475569;cursor:pointer;background:0 0;border:none;outline:none;height:100%;font-family:inherit;font-size:12px;font-weight:600}.item-rows-filter{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:11px;align-items:center;gap:6px;height:40px;padding:0 9px;font-size:11px;font-weight:600;display:flex}.item-rows-filter select{color:#475569;cursor:pointer;background:0 0;border:none;outline:none;height:28px;padding:0 5px;font-family:inherit;font-size:12px;font-weight:700}.item-count-badge{color:#6f4d8b;white-space:nowrap;background:#f3e8ff;border:1px solid #ddd6fe;border-radius:20px;padding:7px 12px;font-size:12px;font-weight:700}.item-table-wrapper{border:1px solid #e2e8f0;border-radius:16px;width:100%;overflow-x:auto}.item-table-wrapper::-webkit-scrollbar{height:6px}.item-table-wrapper::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:10px}.item-table{border-collapse:separate;border-spacing:0;width:100%;min-width:900px}.item-table thead th{color:#5b4675;text-align:left;white-space:nowrap;background:linear-gradient(135deg,#faf5ff,#f8fafc);border-bottom:1px solid #e2e8f0;height:46px;padding:0 14px;font-size:12px;font-weight:800}.item-table thead th:first-child{border-top-left-radius:15px}.item-table thead th:last-child{border-top-right-radius:15px}.item-table tbody td{color:#475569;vertical-align:middle;border-bottom:1px solid #f1f5f9;height:58px;padding:8px 14px;font-size:13px;font-weight:600}.item-table tbody tr:last-child td{border-bottom:none}.item-table tbody tr{transition:background .15s}.item-table tbody tr:hover{background:#fafafa}.item-sr{color:#64748b;background:#f8fafc;border-radius:8px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 7px;font-size:11px;font-weight:700;display:inline-flex}.item-name-cell{align-items:center;gap:9px;display:flex}.item-table-icon{color:#8c6dc5;background:#f5f3ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;display:flex}.item-name-cell strong{color:#334155;font-weight:700}.item-hsn-pill,.item-gst-pill,.item-unit-pill{border-radius:8px;justify-content:center;align-items:center;min-width:45px;height:28px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.item-hsn-pill{color:#2563eb;background:#eff6ff}.item-gst-pill{color:#ea580c;background:#fff7ed}.item-unit-pill{color:#15803d;background:#ecfdf5}.item-status-pill{white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;gap:6px;min-width:72px;height:28px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.item-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.item-status-pill.active{color:#15803d;background:#ecfdf3;border:1px solid #bbf7d0}.item-status-pill.active .item-status-dot{background:#22c55e;box-shadow:0 0 0 3px #22c55e1f}.item-status-pill.inactive{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.item-status-pill.inactive .item-status-dot{background:#ef4444;box-shadow:0 0 0 3px #ef44441a}.item-actions{align-items:center;gap:8px;display:flex}.item-edit-btn,.item-delete-btn{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:all .18s;display:inline-flex}.item-edit-btn{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.item-edit-btn:hover{background:#dbeafe;transform:translateY(-1px)}.item-delete-btn{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.item-delete-btn:hover{background:#fee2e2;transform:translateY(-1px)}.item-delete-btn:disabled{opacity:.5;cursor:not-allowed}.item-empty-state{text-align:center!important;color:#94a3b8!important;height:180px!important}.item-empty-state svg{color:#c4b5fd;margin:0 auto 8px;font-size:25px;display:block}.item-empty-state strong{color:#64748b;margin-bottom:3px;font-size:13px;display:block}.item-empty-state span{font-size:12px}.item-pagination{justify-content:center;align-items:center;gap:6px;width:100%;margin-top:20px;display:flex}.item-page-numbers{align-items:center;gap:5px;display:flex}.item-page-arrow,.item-page-number{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-family:inherit;font-size:12px;font-weight:700;transition:all .18s;display:flex}.item-page-arrow{color:#64748b;background:#fff;border:1px solid #e2e8f0}.item-page-arrow:hover:not(:disabled){color:#6f4d8b;background:#f5f3ff;border-color:#c4b5fd;transform:translateY(-1px)}.item-page-arrow:disabled{opacity:.4;cursor:not-allowed}.item-page-number{color:#64748b;background:0 0;border:1px solid #0000}.item-page-number:hover{color:#6f4d8b;background:#faf5ff}.item-page-number.active{color:#fff;background:linear-gradient(135deg,#8c6dc5,#6f4d8b);border-color:#8c6dc5;box-shadow:0 4px 10px #6f4d8b33}.item-page-dots{color:#94a3b8;justify-content:center;align-items:center;width:25px;height:32px;font-size:12px;display:flex}.item-bottom-note{box-sizing:border-box;color:#64748b;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:40px;margin-top:20px;padding:10px 15px;font-size:12px;font-weight:500;display:flex}.item-bottom-note svg{color:#8c6dc5;flex-shrink:0}.item-toast{z-index:99999;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:12px;min-width:300px;max-width:420px;padding:14px 18px;animation:.25s item-toast-in;display:flex;position:fixed;top:80px;right:25px;box-shadow:0 15px 40px #0f172a26}.item-toast.success{border-left:4px solid #16a34a}.item-toast.warning{border-left:4px solid #f59e0b}.item-toast.error{border-left:4px solid #dc2626}.item-toast-icon{color:#16a34a;background:#f0fdf4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.item-toast.warning .item-toast-icon{color:#d97706;background:#fffbeb}.item-toast.error .item-toast-icon{color:#dc2626;background:#fef2f2}.item-toast-content{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.item-toast-content strong{color:#1e293b;font-size:13px;font-weight:700}.item-toast-content span{color:#64748b;font-size:12px;line-height:1.4}.item-toast-close{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;padding:0;display:flex}.item-toast-close:hover{color:#dc2626;background:#fee2e2}@keyframes item-toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.item-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:400px;font-size:14px;font-weight:600;display:flex}.item-loader{border:4px solid #e2e8f0;border-top-color:#8c6dc5;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite item-loading-spin}@keyframes item-loading-spin{to{transform:rotate(360deg)}}@media (width<=1200px){.item-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.item-list-tools{justify-content:flex-end}}@media (width<=1024px){.item-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.item-form-card{padding:22px}.item-summary-info{flex-wrap:wrap;gap:15px 25px}.item-list-header{flex-direction:column}.item-list-tools{justify-content:flex-start;width:100%}}@media (width<=768px){.item-page-header{flex-direction:column;align-items:flex-start;gap:10px}.item-page-header h2{font-size:18px}.item-page-header p{font-size:12px}.item-refresh-btn{width:100%}.item-form-card,.item-list-card{border-radius:20px;padding:18px}.item-form-grid{grid-template-columns:1fr;row-gap:18px}.item-input-box{height:46px}.item-summary-info{flex-direction:column;align-items:stretch;gap:11px;padding:14px}.item-summary-item{justify-content:space-between;width:100%}.item-summary-item span{text-align:right;max-width:55%}.item-summary-item.total{border-top:1px solid #bbf7d0;border-left:none;padding-top:10px;padding-left:0}.item-button-row{flex-direction:column;gap:10px}.item-save-btn,.item-cancel-btn,.item-back-btn{width:100%;max-width:300px}.item-list-tools{flex-direction:column;align-items:stretch;width:100%}.item-table-search,.item-status-filter,.item-rows-filter{width:100%}.item-count-badge{align-self:flex-start}.item-bottom-note{text-align:left;align-items:flex-start}.item-toast{width:auto;min-width:0;top:75px;left:15px;right:15px}}@media (width<=480px){.item-form-card,.item-list-card{border-radius:17px;padding:13px}.item-page-header h2{font-size:17px}.item-input-group>label{font-size:11px;left:13px}.item-input-box{border-radius:15px;height:45px;padding:0 12px}.item-input-box input{font-size:13px}.item-icon{margin-right:8px;font-size:14px}.item-pagination{gap:4px}.item-page-numbers{gap:3px}.item-page-arrow,.item-page-number{width:30px;height:30px;font-size:11px}}.maintenance-report-page{box-sizing:border-box;width:100%;max-width:100%}.maintenance-report-page-header{box-sizing:border-box;background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);border:1px solid #e4e8ef;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:68px;margin-bottom:18px;padding:14px 18px;display:flex;box-shadow:0 5px 18px #0f172a0b}.maintenance-report-header-left{align-items:center;gap:12px;min-width:0;display:flex}.maintenance-report-header-icon{color:#fff;background:linear-gradient(135deg,#2196f3,#167ba3);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:17px;display:flex;box-shadow:0 5px 14px #167ba333}.maintenance-report-page-header h2{color:#17324d;margin:0;font-size:21px;font-weight:800;line-height:1.2}.maintenance-report-page-header p{color:#8291a2;margin:5px 0 0;font-size:11px;font-weight:500;line-height:1.4}.maintenance-report-refresh-btn{color:#167ba3;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;min-width:105px;height:38px;padding:0 14px;font-family:inherit;font-size:11px;font-weight:800;transition:all .2s;display:inline-flex}.maintenance-report-refresh-btn:hover{color:#fff;background:#167ba3;border-color:#167ba3;transform:translateY(-1px)}.maintenance-report-refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.maintenance-report-spin{animation:.8s linear infinite maintenance-report-spin}@keyframes maintenance-report-spin{to{transform:rotate(360deg)}}.maintenance-report-filter-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;margin-bottom:17px;padding:20px;box-shadow:0 8px 28px #0f172a0b}.maintenance-report-filter-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:18px 14px;display:grid}.maintenance-report-field{min-width:0;position:relative}.maintenance-report-field label{color:#374151;margin:0 0 6px 3px;font-size:11px;font-weight:800;display:block}.maintenance-report-input-box{box-sizing:border-box;background:#fff;border:1px solid #d7dce5;border-radius:11px;align-items:center;width:100%;height:43px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:flex}.maintenance-report-input-box:hover{border-color:#7dd3fc}.maintenance-report-input-box:focus-within{border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.maintenance-report-field-icon{color:#167ba3;flex-shrink:0;margin-right:9px;font-size:13px}.maintenance-report-input-box input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:12px;font-weight:600}.maintenance-report-input-box input[type=date]{cursor:pointer}.maintenance-report-status-group{box-sizing:border-box;background:#f8fafc;border:1px solid #d7dce5;border-radius:11px;align-items:center;gap:5px;width:100%;min-height:43px;padding:4px;display:flex}.maintenance-report-status-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;min-width:0;height:33px;padding:0 8px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s;display:inline-flex}.maintenance-report-status-btn svg{font-size:9px}.maintenance-report-status-btn:hover{color:#167ba3;background:#e0f2fe}.maintenance-report-status-btn.active{color:#fff;background:linear-gradient(135deg,#2196f3,#167ba3);box-shadow:0 4px 10px #167ba329}.maintenance-report-filter-action{min-width:0}.maintenance-report-search-btn,.maintenance-report-export-btn{color:#fff;cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;gap:7px;width:100%;height:43px;font-family:inherit;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.maintenance-report-search-btn{background:linear-gradient(135deg,#2196f3,#167ba3);box-shadow:0 5px 14px #167ba32e}.maintenance-report-export-btn{background:linear-gradient(135deg,#22c55e,#15803d);box-shadow:0 5px 14px #15803d2e}.maintenance-report-search-btn:hover,.maintenance-report-export-btn:hover{transform:translateY(-1px)}.maintenance-report-search-btn:disabled,.maintenance-report-export-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.maintenance-report-summary-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;margin-bottom:12px;display:grid}.maintenance-report-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:11px;min-width:0;padding:13px 15px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 5px 18px #0f172a09}.maintenance-report-summary-card:hover{transform:translateY(-2px);box-shadow:0 9px 24px #0f172a14}.maintenance-report-summary-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.maintenance-report-summary-icon.records{color:#0284c7;background:#e0f2fe}.maintenance-report-summary-icon.paid{color:#16a34a;background:#dcfce7}.maintenance-report-summary-icon.pending{color:#d97706;background:#fef3c7}.maintenance-report-summary-icon.amount{color:#7c3aed;background:#ede9fe}.maintenance-report-summary-card span{color:#64748b;font-size:10px;font-weight:600;display:block}.maintenance-report-summary-card strong{color:#172033;margin-top:2px;font-size:17px;font-weight:800;display:block}.maintenance-report-summary-secondary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin-bottom:17px;display:grid}.maintenance-report-mini-summary{background:#fff;border:1px solid #e2e8f0;border-radius:13px;padding:12px 15px;box-shadow:0 4px 15px #0f172a08}.maintenance-report-mini-summary span{color:#94a3b8;margin-bottom:3px;font-size:9px;font-weight:700;display:block}.maintenance-report-mini-summary strong{color:#334155;font-size:13px;font-weight:800}.maintenance-report-table-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;overflow:visible;box-shadow:0 8px 28px #0f172a0b}.maintenance-report-table-top{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:15px;padding:15px 18px;display:flex}.maintenance-report-table-heading{align-items:center;gap:10px;min-width:0;display:flex}.maintenance-report-table-heading-icon{color:#0284c7;background:#e0f2fe;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;display:flex}.maintenance-report-table-heading h3{color:#1e293b;margin:0;font-size:13px;font-weight:800}.maintenance-report-table-heading span{color:#94a3b8;margin-top:2px;font-size:9px;font-weight:500;display:block}.maintenance-report-global-search{box-sizing:border-box;background:#fff;border:1px solid #dfe4ec;border-radius:10px;align-items:center;width:350px;height:38px;padding:0 11px;transition:border-color .2s,box-shadow .2s;display:flex}.maintenance-report-global-search:focus-within{border-color:#2196f3;box-shadow:0 0 0 3px #2196f314}.maintenance-report-global-search>svg{color:#94a3b8;flex-shrink:0;margin-right:8px;font-size:12px}.maintenance-report-global-search input{color:#334155;background:0 0;border:none;outline:none;width:100%;min-width:0;font-family:inherit;font-size:11px}.maintenance-report-global-search input::placeholder{color:#94a3b8}.maintenance-report-global-search button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.maintenance-report-global-search button:hover{color:#ef4444;background:#f1f5f9}.maintenance-report-table-controls{box-sizing:border-box;justify-content:space-between;align-items:center;gap:15px;min-height:54px;padding:10px 18px;display:flex}.maintenance-report-show-entries{color:#64748b;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex;position:relative}.maintenance-report-entries-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #dfe4ec;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;min-width:58px;height:31px;padding:0 9px;font-family:inherit;font-size:11px;font-weight:700;display:inline-flex}.maintenance-report-entries-btn svg{font-size:8px}.maintenance-report-entries-menu{z-index:9999;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:70px;padding:4px;position:absolute;top:36px;left:35px;box-shadow:0 12px 30px #0f172a24}.maintenance-report-entries-menu button{color:#334155;cursor:pointer;background:0 0;border:none;border-radius:5px;width:100%;height:30px;font-family:inherit;font-size:11px;font-weight:600}.maintenance-report-entries-menu button:hover{color:#167ba3;background:#eff6ff}.maintenance-report-result-count{color:#64748b;font-size:10px;font-weight:600}.maintenance-report-result-count strong{color:#334155;font-weight:800}.maintenance-report-table-wrapper{border-top:1px solid #eef2f7;width:100%;overflow-x:auto}.maintenance-report-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1450px}.maintenance-report-table thead th{color:#fff;text-align:left;white-space:nowrap;background:linear-gradient(135deg,#2196f3,#167ba3);height:45px;padding:0 12px;font-size:10px;font-weight:800}.maintenance-report-table thead th:first-child{padding-left:15px}.maintenance-report-table th,.maintenance-report-table td{box-sizing:border-box}.maintenance-report-table .sr-col{text-align:center;width:65px}.maintenance-report-table tbody tr{background:#fff;transition:background .15s}.maintenance-report-table tbody tr:nth-child(2n){background:#f8fafc}.maintenance-report-table tbody tr:hover{background:#eff6ff}.maintenance-report-table tbody td{color:#334155;white-space:nowrap;border-bottom:1px solid #edf1f5;height:52px;padding:0 12px;font-size:10px;font-weight:600}.maintenance-report-table tbody tr:last-child td{border-bottom:none}.maintenance-report-flat-badge{color:#334155;background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;min-width:55px;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.maintenance-report-wing-badge{color:#0369a1;background:#f0f9ff;border-radius:20px;align-items:center;gap:5px;min-height:25px;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.maintenance-report-wing-badge svg{font-size:8px}.maintenance-report-owner-cell{align-items:center;gap:8px;min-width:170px;display:flex}.maintenance-report-owner-avatar{color:#0284c7;background:#e0f2fe;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;display:flex}.maintenance-report-owner-cell span{color:#1e293b;font-weight:700}.maintenance-report-period-cell{color:#475569;font-weight:700}.maintenance-report-date-cell{color:#475569;align-items:center;gap:6px;font-weight:700;display:inline-flex}.maintenance-report-date-cell svg{color:#0284c7;font-size:9px}.maintenance-report-money{border-radius:20px;justify-content:center;align-items:center;min-width:95px;padding:6px 9px;font-size:10px;font-weight:800;display:inline-flex}.maintenance-report-money.maintenance{color:#1d4ed8;background:#eff6ff}.maintenance-report-money.late{color:#c2410c;background:#fff7ed}.maintenance-report-money.paid{color:#15803d;background:#f0fdf4}.maintenance-report-total-badge{color:#6d28d9;background:#ede9fe;border-radius:20px;justify-content:center;align-items:center;min-width:100px;padding:6px 10px;font-size:10px;font-weight:800;display:inline-flex}.maintenance-report-mode-badge{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;min-width:70px;padding:5px 9px;font-size:9px;font-weight:800;display:inline-flex}.maintenance-report-receipt-badge{color:#0e7490;background:#ecfeff;border-radius:20px;justify-content:center;align-items:center;min-width:70px;padding:5px 9px;font-size:9px;font-weight:800;display:inline-flex}.maintenance-report-status-badge{border-radius:20px;justify-content:center;align-items:center;gap:5px;min-width:75px;padding:6px 9px;font-size:9px;font-weight:800;display:inline-flex}.maintenance-report-status-badge svg{font-size:9px}.maintenance-report-status-badge.paid{color:#15803d;background:#dcfce7}.maintenance-report-status-badge.pending{color:#b45309;background:#fef3c7}.maintenance-report-status-badge.other{color:#475569;background:#f1f5f9}.maintenance-report-no-data{text-align:center;background:#fff!important;height:260px!important}.maintenance-report-no-data>div{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.maintenance-report-no-data svg{color:#cbd5e1;margin-bottom:5px;font-size:32px}.maintenance-report-no-data strong{color:#475569;font-size:12px}.maintenance-report-no-data span{color:#94a3b8;font-size:10px}.maintenance-report-pagination{border-top:1px solid #eef2f7;justify-content:center;align-items:center;gap:14px;min-height:58px;padding:9px 18px;display:flex}.maintenance-report-pagination button{color:#fff;cursor:pointer;background:#167ba3;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:82px;height:32px;font-family:inherit;font-size:10px;font-weight:800;transition:all .2s;display:inline-flex}.maintenance-report-pagination button:hover:not(:disabled){background:#0f5f80;transform:translateY(-1px)}.maintenance-report-pagination button:disabled{color:#fff;cursor:not-allowed;background:#cbd5e1}.maintenance-report-page-number{color:#64748b;font-size:10px;font-weight:600}.maintenance-report-page-number strong{color:#334155;font-weight:800}.maintenance-report-bottom-note{box-sizing:border-box;color:#64748b;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:40px;margin-top:14px;padding:9px 14px;font-size:10px;font-weight:500;display:flex}.maintenance-report-bottom-note svg{color:#167ba3;flex-shrink:0}.maintenance-report-loading-overlay{z-index:99998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.maintenance-report-loading-box{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:15px;flex-direction:column;align-items:center;gap:11px;min-width:220px;padding:22px;font-size:11px;font-weight:700;display:flex;box-shadow:0 18px 45px #0f172a26}.maintenance-report-loader{border:3px solid #e5e7eb;border-top-color:#167ba3;border-radius:50%;width:28px;height:28px;animation:.75s linear infinite maintenance-report-loader-spin}@keyframes maintenance-report-loader-spin{to{transform:rotate(360deg)}}.maintenance-report-toast{z-index:100002;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:13px;align-items:center;gap:11px;min-width:290px;max-width:400px;padding:13px 16px;animation:.25s maintenance-report-toast-in;display:flex;position:fixed;top:80px;right:25px;box-shadow:0 15px 40px #0f172a26}.maintenance-report-toast.success{border-left:4px solid #16a34a}.maintenance-report-toast.warning{border-left:4px solid #f59e0b}.maintenance-report-toast.error{border-left:4px solid #ef4444}.maintenance-report-toast-icon{color:#64748b;background:#f1f5f9;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.maintenance-report-toast.success .maintenance-report-toast-icon{color:#16a34a;background:#dcfce7}.maintenance-report-toast.warning .maintenance-report-toast-icon{color:#d97706;background:#fef3c7}.maintenance-report-toast.error .maintenance-report-toast-icon{color:#dc2626;background:#fee2e2}.maintenance-report-toast-content{flex-direction:column;gap:3px;min-width:0;display:flex}.maintenance-report-toast-content strong{color:#1e293b;font-size:11px;font-weight:800}.maintenance-report-toast-content span{color:#64748b;font-size:10px;line-height:1.4}@keyframes maintenance-report-toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media screen and (width<=1200px){.maintenance-report-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.maintenance-report-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}.maintenance-report-global-search{width:280px}}@media screen and (width<=768px){.layout>.main,.layout>.main.collapsed{width:100%;margin-left:0;padding-top:64px}.layout>.main>.content{box-sizing:border-box;width:100%;min-height:calc(100vh - 64px);padding:14px}.maintenance-report-page-header{border-radius:13px;flex-direction:column;align-items:stretch;gap:12px;min-height:auto;padding:14px}.maintenance-report-header-left{align-items:flex-start}.maintenance-report-header-icon{border-radius:10px;width:38px;height:38px;font-size:15px}.maintenance-report-page-header h2{font-size:18px}.maintenance-report-page-header p{font-size:10px}.maintenance-report-refresh-btn{width:100%;height:37px}.maintenance-report-filter-card{border-radius:15px;padding:15px}.maintenance-report-filter-grid{grid-template-columns:1fr;gap:17px}.maintenance-report-status-group{width:100%}.maintenance-report-summary-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.maintenance-report-summary-card{border-radius:12px;padding:11px}.maintenance-report-summary-icon{width:32px;height:32px}.maintenance-report-summary-card strong{font-size:15px}.maintenance-report-summary-secondary{grid-template-columns:1fr;gap:9px}.maintenance-report-table-card{border-radius:14px}.maintenance-report-table-top{flex-direction:column;align-items:stretch;gap:11px;padding:13px}.maintenance-report-global-search{width:100%;height:38px}.maintenance-report-table-controls{flex-direction:column;align-items:flex-start;gap:9px;padding:11px 13px}.maintenance-report-result-count{text-align:left;width:100%}.maintenance-report-pagination{gap:8px;padding:10px}.maintenance-report-pagination button{min-width:70px;height:31px}.maintenance-report-toast{width:auto;min-width:0;top:72px;left:14px;right:14px}}@media screen and (width<=480px){.layout>.main>.content{padding:10px}.maintenance-report-page-header{margin-bottom:12px;padding:12px}.maintenance-report-page-header h2{font-size:17px}.maintenance-report-page-header p{font-size:9px}.maintenance-report-filter-card{padding:12px}.maintenance-report-input-box{border-radius:9px;height:42px}.maintenance-report-input-box input{font-size:11px}.maintenance-report-status-btn{padding:0 5px;font-size:9px}.maintenance-report-summary-row{grid-template-columns:repeat(2,minmax(0,1fr))}.maintenance-report-summary-card{padding:10px}.maintenance-report-summary-icon{width:30px;height:30px;font-size:12px}.maintenance-report-summary-card span{font-size:9px}.maintenance-report-summary-card strong{font-size:13px}.maintenance-report-mini-summary strong{font-size:11px}.maintenance-report-table-wrapper{overflow-x:auto}.maintenance-report-table{min-width:1450px}.maintenance-report-pagination{justify-content:space-between}.maintenance-report-pagination button{min-width:68px;padding:0 8px;font-size:9px}.maintenance-report-page-number{font-size:9px}.maintenance-report-bottom-note{text-align:left;align-items:flex-start}}.maintenance-report-table-wrapper::-webkit-scrollbar{width:7px;height:7px}.maintenance-report-entries-menu::-webkit-scrollbar{width:7px;height:7px}.maintenance-report-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.maintenance-report-entries-menu::-webkit-scrollbar-track{background:#f1f5f9}.maintenance-report-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.maintenance-report-entries-menu::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.maintenance-report-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.maintenance-report-entries-menu::-webkit-scrollbar-thumb:hover{background:#94a3b8}