*{box-sizing:border-box;margin:0;padding:0}.gm-login-wrapper{background:#f5f7fa;justify-content:center;align-items:center;min-height:100vh;padding:48px 16px;display:flex;position:relative;overflow:hidden}.gm-login-bg-decoration{pointer-events:none;z-index:0;position:fixed;inset:0}.gm-login-bg-circle{opacity:.4;border-radius:50%;position:absolute}.gm-login-bg-circle-1{background:radial-gradient(circle,#667eea26,#0000 70%);width:400px;height:400px;animation:20s ease-in-out infinite gm-float;top:-150px;right:-100px}.gm-login-bg-circle-2{background:radial-gradient(circle,#764ba21a,#0000 70%);width:300px;height:300px;animation:25s ease-in-out infinite reverse gm-float;bottom:-100px;left:-80px}.gm-login-bg-circle-3{background:radial-gradient(circle,#667eea14,#0000 70%);width:200px;height:200px;animation:15s ease-in-out 5s infinite gm-float;top:30%;right:20%}@keyframes gm-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}.gm-login-container{z-index:1;background:#fff;border:1px solid #00000008;border-radius:24px;width:100%;max-width:440px;padding:48px 40px;animation:.6s ease-out gm-slide-up;position:relative;box-shadow:0 4px 20px #0000000f,0 1px 3px #0000000a}@keyframes gm-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gm-login-brand{text-align:center;margin-bottom:32px}.gm-login-brand-icon-wrapper{margin-bottom:16px;display:inline-block}.gm-login-brand-icon{color:#fff;background:#0b172b;border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .3s;display:flex;box-shadow:0 8px 24px #667eea40}.gm-login-brand-icon:hover{transform:scale(1.05)rotate(-3deg)}.gm-login-brand-title{color:#0b172b;letter-spacing:-.5px;margin:0 0 4px;font-size:28px;font-weight:700}.gm-login-brand-subtitle{color:#6b7280;margin:0;font-size:15px}.gm-login-message{border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:14px;animation:.3s gm-slide-down;display:flex}@keyframes gm-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.gm-login-message-error{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca}.gm-login-message-success{color:#16a34a;background-color:#f0fdf4;border:1px solid #bbf7d0}.gm-login-message-close{color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;margin-left:auto;padding:0 4px;font-size:20px;transition:opacity .2s}.gm-login-message-close:hover{opacity:1}.gm-login-form{margin-top:0}.gm-login-input-group{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.gm-login-input-wrapper{background:#f7f8fa;border:2px solid #e5e7eb;border-radius:12px;align-items:center;transition:all .3s;display:flex;position:relative}.gm-login-input-wrapper.focused{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea14}.gm-login-input-wrapper.filled{background:#fff}.gm-login-input-wrapper:hover:not(.focused){background:#fafbfc;border-color:#d1d5db}.gm-login-input-icon{color:#9ca3af;pointer-events:none;transition:color .3s;position:absolute;left:14px}.gm-login-input-wrapper.focused .gm-login-input-icon{color:#667eea}.gm-login-input{color:#0b172b;background:0 0;border:none;outline:none;width:100%;padding:14px 16px 14px 44px;font-size:15px;transition:all .3s}.gm-login-input::placeholder{color:#9ca3af}.gm-login-input:disabled{opacity:.6;cursor:not-allowed}.gm-login-password-toggle{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;right:14px}.gm-login-password-toggle:hover{color:#667eea;background:#667eea14}.gm-login-options{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:24px;display:flex}.gm-login-remember{cursor:pointer;color:#4b5563;align-items:center;gap:8px;font-size:14px;transition:color .2s;display:flex}.gm-login-remember:hover{color:#0b172b}.gm-login-checkbox{accent-color:#667eea;cursor:pointer;border-radius:4px;width:18px;height:18px}.gm-login-checkbox-label{-webkit-user-select:none;user-select:none}.gm-login-forgot{color:#667eea;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.gm-login-forgot:hover{color:#764ba2;text-decoration:underline}.gm-login-button{color:#fff;cursor:pointer;background:#0b172b;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 16px;font-size:16px;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.gm-login-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.gm-login-button:hover:not(:disabled):before{left:100%}.gm-login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #667eea59}.gm-login-button:active:not(:disabled){transform:translateY(0)}.gm-login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.gm-login-button-arrow{transition:transform .3s}.gm-login-button:hover:not(:disabled) .gm-login-button-arrow{transform:translate(4px)}.gm-login-spinner{animation:1s linear infinite gm-spin}@keyframes gm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gm-login-role-links{text-align:center;border-top:1px solid #f3f4f6;margin-top:24px;padding-top:20px}.gm-login-role-label{color:#000;margin-bottom:8px;font-size:13px;display:block}.gm-login-role-links-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.gm-login-role-link{color:#0a1527;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.gm-login-role-link:hover{color:#fff;background:#0a1527}.gm-login-role-divider{color:#000;font-size:14px}.gm-login-footer{text-align:center;margin-top:24px}.gm-login-footer-text{color:#000;margin:0;font-size:12px}@media (width<=768px){.gm-login-wrapper{padding:32px 16px}.gm-login-container{border-radius:20px;padding:36px 28px}.gm-login-brand-title{font-size:26px}.gm-login-brand-subtitle{font-size:14px}.gm-login-brand-icon{width:64px;height:64px}.gm-login-bg-circle-1{width:300px;height:300px}.gm-login-bg-circle-2{width:200px;height:200px}}@media (width<=480px){.gm-login-wrapper{padding:20px 12px}.gm-login-container{border-radius:16px;padding:28px 20px}.gm-login-brand-title{font-size:22px}.gm-login-brand-subtitle{font-size:13px}.gm-login-brand-icon{width:56px;height:56px}.gm-login-brand-icon svg{width:26px;height:26px}.gm-login-input{padding:12px 14px 12px 40px;font-size:14px}.gm-login-input-icon{width:16px;height:16px;left:12px}.gm-login-password-toggle{right:12px}.gm-login-button{padding:12px 16px;font-size:15px}.gm-login-options{flex-direction:column;align-items:flex-start;gap:12px}.gm-login-role-links-group{flex-direction:column;gap:4px}.gm-login-role-divider{display:none}.gm-login-message{padding:10px 14px;font-size:13px}.gm-login-bg-circle-1{width:200px;height:200px;top:-100px;right:-50px}.gm-login-bg-circle-2{width:150px;height:150px;bottom:-50px;left:-50px}}@media (width<=360px){.gm-login-wrapper{padding:16px 8px}.gm-login-container{border-radius:14px;padding:20px 14px}.gm-login-brand-title{font-size:20px}.gm-login-brand-icon{width:48px;height:48px}.gm-login-brand-icon svg{width:22px;height:22px}.gm-login-input{padding:10px 12px 10px 36px;font-size:13px}.gm-login-input-icon{width:14px;height:14px;left:10px}.gm-login-button{padding:10px 14px;font-size:14px}.gm-login-role-link{font-size:13px}}.gm-layout{background-color:#f3f4f6;height:100vh;display:flex}.gm-loading{background-color:#f3f4f6;justify-content:center;align-items:center;min-height:100vh;display:flex}.gm-sidebar{color:#fff;z-index:30;background-color:#0b172b;flex-direction:column;flex-shrink:0;width:256px;min-height:100vh;transition:transform .3s;display:flex;position:relative;box-shadow:4px 0 20px #0000004d}.gm-sidebar-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 20px 16px;display:flex}.gm-sidebar-brand{align-items:center;gap:12px;display:flex}.gm-brand-icon{color:#fff;flex-shrink:0}.gm-sidebar-title{color:#fff;letter-spacing:.5px;margin:0;font-size:20px;font-weight:700;line-height:1.2}.gm-sidebar-subtitle{color:#ffffff80;text-transform:uppercase;letter-spacing:1px;margin:0;font-size:12px;font-weight:400}.gm-sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.gm-nav-item{color:#fff9;cursor:pointer;border-radius:8px;align-items:center;gap:12px;margin-bottom:2px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .25s;display:flex;position:relative}.gm-nav-item:hover{color:#000;background-color:#fff;transform:translate(4px);box-shadow:0 4px 12px #00000026}.gm-nav-item:hover .gm-nav-icon{color:#000}.gm-nav-item.active{color:#000;background-color:#fff;box-shadow:0 4px 12px #00000026}.gm-nav-item.active .gm-nav-icon{color:#000}.gm-nav-icon{color:#ffffff80;flex-shrink:0;width:20px;height:20px;transition:color .25s}.gm-nav-item:hover .gm-nav-icon,.gm-nav-item.active .gm-nav-icon{color:#000}.gm-nav-label{font-size:14px;font-weight:500;transition:color .25s}.gm-sidebar-footer{border-top:1px solid #ffffff14;margin-top:auto;padding:16px 12px}.gm-logout-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .25s;display:flex}.gm-logout-btn:hover{color:#000;background-color:#fff;transform:translate(4px);box-shadow:0 4px 12px #00000026}.gm-logout-btn:hover .gm-nav-icon{color:#000}.gm-logout-btn .gm-nav-icon{color:#ffffff80;transition:color .25s}.gm-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.gm-header{background-color:#fff;border-bottom:1px solid #f3f4f6;flex-shrink:0;justify-content:space-between;align-items:center;min-height:64px;padding:12px 24px;display:flex;box-shadow:0 1px 3px #00000014}.gm-header-left{align-items:center;gap:16px;display:flex}.gm-menu-toggle{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:none}.gm-menu-toggle:hover{color:#111827;background-color:#f3f4f6}.gm-header-breadcrumb{align-items:center;display:flex}.gm-breadcrumb-text{color:#374151;font-size:14px;font-weight:500}.gm-header-right{align-items:center;gap:8px;display:flex}.gm-header-icon-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.gm-header-icon-btn:hover{color:#111827;background-color:#f3f4f6}.gm-logout-btn-header{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.gm-logout-btn-header:hover{background-color:#dc2626;transform:scale(1.02)}.gm-content{background-color:#f9fafb;flex:1;padding:24px;overflow-y:auto}.gm-overlay{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;display:none;position:fixed;inset:0}.gm-overlay.show{display:block}.gm-sidebar-toggle{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 8px;transition:all .2s;display:flex}.gm-sidebar-toggle:hover{color:#fff;background:#ffffff1a}.gm-layout.sidebar-closed .gm-sidebar{width:72px;transform:translate(0)!important}.gm-layout.sidebar-closed .gm-sidebar-brand div,.gm-layout.sidebar-closed .gm-nav-label,.gm-layout.sidebar-closed .gm-logout-btn span,.gm-layout.sidebar-closed .gm-sidebar-subtitle{display:none}.gm-layout.sidebar-closed .gm-sidebar-brand{justify-content:center}.gm-layout.sidebar-closed .gm-nav-item,.gm-layout.sidebar-closed .gm-logout-btn{justify-content:center;padding:12px}.gm-layout.sidebar-closed .gm-sidebar-header{padding:20px 12px 16px}.gm-layout.sidebar-closed .gm-sidebar-nav,.gm-layout.sidebar-closed .gm-sidebar-footer{padding:16px 8px}.gm-layout.sidebar-closed .gm-main{margin-left:0}@media (width<=1024px){.gm-sidebar{z-index:30;width:280px;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 20px #0000004d}.gm-sidebar.open{transform:translate(0)}.gm-overlay.show{display:block}.gm-menu-toggle{display:flex}.gm-content{padding:20px}.gm-layout.sidebar-closed .gm-sidebar{width:280px;transform:translate(-100%)!important}.gm-layout.sidebar-closed .gm-sidebar.open{transform:translate(0)!important}.gm-layout.sidebar-closed .gm-sidebar-brand div,.gm-layout.sidebar-closed .gm-nav-label,.gm-layout.sidebar-closed .gm-logout-btn span,.gm-layout.sidebar-closed .gm-sidebar-subtitle{display:block}.gm-layout.sidebar-closed .gm-sidebar-brand{justify-content:flex-start}.gm-layout.sidebar-closed .gm-nav-item{justify-content:flex-start;padding:10px 14px}.gm-layout.sidebar-closed .gm-logout-btn{justify-content:flex-start;padding:12px 16px}.gm-layout.sidebar-closed .gm-sidebar-header{padding:20px 20px 16px}.gm-layout.sidebar-closed .gm-sidebar-nav,.gm-layout.sidebar-closed .gm-sidebar-footer{padding:16px 12px}}@media (width<=768px){.gm-sidebar{width:280px}.gm-header{min-height:56px;padding:10px 16px}.gm-header-left{gap:8px}.gm-header-breadcrumb{display:none}.gm-header-right{gap:4px}.gm-logout-btn-header span{display:none}.gm-logout-btn-header{border-radius:6px;padding:8px 12px}.gm-content{padding:16px}.gm-sidebar-title{font-size:18px}.gm-nav-item{padding:10px 14px;font-size:13px}.gm-nav-icon{width:18px;height:18px}.gm-menu-toggle{display:flex}}@media (width<=480px){.gm-sidebar{width:260px}.gm-header{min-height:48px;padding:8px 12px}.gm-header-icon-btn{padding:6px}.gm-header-icon-btn:not(:last-child){display:none}.gm-content{padding:12px}.gm-nav-item{border-radius:6px;padding:8px 12px;font-size:12px}.gm-nav-icon{width:16px;height:16px}.gm-sidebar-header{padding:14px 16px 12px}.gm-sidebar-title{font-size:16px}.gm-sidebar-subtitle{font-size:10px}.gm-sidebar-nav,.gm-sidebar-footer{padding:12px 8px}.gm-logout-btn{padding:10px 12px;font-size:12px}.gm-logout-btn-header{padding:6px 10px;font-size:12px}.gm-brand-icon{width:24px;height:24px}.gm-menu-toggle{display:flex}}@media (width<=360px){.gm-sidebar{width:240px}.gm-content{padding:8px}.gm-header{min-height:44px;padding:6px 8px}.gm-nav-item{gap:8px;padding:6px 10px;font-size:11px}.gm-nav-icon{width:14px;height:14px}.gm-nav-label{font-size:11px}.gm-sidebar-title{font-size:14px}.gm-menu-toggle{padding:4px;display:flex}.gm-menu-toggle svg{width:20px;height:20px}}.gm-sidebar-nav::-webkit-scrollbar{width:4px}.gm-sidebar-nav::-webkit-scrollbar-track{background:0 0}.gm-sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.gm-sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.gm-content::-webkit-scrollbar{width:6px}.gm-content::-webkit-scrollbar-track{background:#f3f4f6}.gm-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.gm-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.gm-sidebar-nav{scrollbar-width:thin;scrollbar-color:#fff3 transparent}.gm-content{scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6}@keyframes gm-slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.gm-nav-item{animation:.3s forwards gm-slide-in}.gm-nav-item:first-child{animation-delay:50ms}.gm-nav-item:nth-child(2){animation-delay:.1s}.gm-nav-item:nth-child(3){animation-delay:.15s}.gm-nav-item:nth-child(4){animation-delay:.2s}.gm-nav-item:nth-child(5){animation-delay:.25s}.gm-nav-item:nth-child(6){animation-delay:.3s}.gm-nav-item:nth-child(7){animation-delay:.35s}:root{--gm-primary:#4f46e5;--gm-primary-dark:#4338ca;--gm-primary-light:#818cf8;--gm-secondary:#7c3aed;--gm-success:#10b981;--gm-success-light:#d1fae5;--gm-warning:#f59e0b;--gm-warning-light:#fef3c7;--gm-danger:#ef4444;--gm-danger-light:#fef2f2;--gm-info:#3b82f6;--gm-info-light:#dbeafe;--gm-gray-50:#f8fafc;--gm-gray-100:#f1f5f9;--gm-gray-200:#e2e8f0;--gm-gray-300:#cbd5e1;--gm-gray-400:#94a3b8;--gm-gray-500:#64748b;--gm-gray-600:#475569;--gm-gray-700:#334155;--gm-gray-800:#1e293b;--gm-gray-900:#0f172a;--gm-shadow-sm:0 1px 2px #0000000d;--gm-shadow:0 1px 3px #00000014, 0 1px 2px #0000000f;--gm-shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000d;--gm-shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--gm-shadow-xl:0 20px 25px -5px #00000014, 0 10px 10px -5px #00000005;--gm-radius:12px;--gm-radius-lg:16px;--gm-radius-xl:20px;--gm-transition:all .3s cubic-bezier(.4, 0, .2, 1)}.gm-title-badge{color:#fff;vertical-align:middle;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:20px;margin-left:10px;padding:2px 12px;font-size:11px;font-weight:700;display:inline-block;box-shadow:0 2px 8px #4f46e54d}.gm-stat-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:2px 12px;font-size:10px;font-weight:700;display:inline-block}.gm-badge-purple{color:#6d28d9;background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.gm-badge-blue{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.gm-badge-green{color:#047857;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.gm-badge-orange{color:#d97706;background:linear-gradient(135deg,#fef3c7,#fde68a)}.gm-section-badge{color:#065f46;vertical-align:middle;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:20px;margin-left:10px;padding:2px 14px;font-size:11px;font-weight:700;display:inline-block}.gm-badge-recent{color:#1e40af;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.gm-chart-badge{color:#6d28d9;vertical-align:middle;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-radius:20px;margin-left:10px;padding:2px 10px;font-size:10px;font-weight:700;display:inline-block}.gm-badge-trend{color:#d97706;background:linear-gradient(135deg,#fef3c7,#fde68a)}.gm-complaint-number-badge{background:var(--gm-gray-100);color:var(--gm-gray-500);letter-spacing:.3px;border-radius:20px;margin-left:8px;padding:1px 10px;font-size:10px;font-weight:700;display:inline-block}.gm-dashboard-container{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1440px;min-height:100vh;margin:0 auto;padding:28px 32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.gm-dashboard-loading{flex-direction:column;justify-content:center;align-items:center;min-height:500px;display:flex}.gm-loading-spinner{border:4px solid var(--gm-gray-200);border-top:4px solid var(--gm-primary);border-radius:50%;width:56px;height:56px;animation:.8s linear infinite gm-spin}.gm-loading-text{color:var(--gm-gray-500);margin-top:20px;font-size:16px;font-weight:500}.gm-dashboard-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--gm-radius-xl);box-shadow:var(--gm-shadow);background:#fffc;border:1px solid #fffc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;padding:20px 28px;display:flex}.gm-dashboard-header-left{flex:1}.gm-dashboard-title{color:var(--gm-gray-900);letter-spacing:-.02em;margin:0 0 4px;font-size:32px;font-weight:700}.gm-dashboard-subtitle{color:var(--gm-gray-500);margin:0;font-size:16px}.gm-dashboard-header-right{align-items:center;gap:12px;display:flex}.gm-header-badge{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:20px;align-items:center;gap:6px;padding:6px 16px;display:flex}.gm-badge-icon{color:var(--gm-success);font-size:14px}.gm-badge-text{color:#065f46;font-size:12px;font-weight:600}.gm-last-updated{color:var(--gm-gray-500);box-shadow:var(--gm-shadow-sm);border:1px solid var(--gm-gray-200);background:#fff;border-radius:20px;padding:6px 16px;font-size:13px}.gm-time-icon{vertical-align:middle;margin-right:4px;font-size:14px}.gm-refresh-btn{background:linear-gradient(135deg, var(--gm-primary), var(--gm-secondary));color:#fff;cursor:pointer;transition:var(--gm-transition);border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 22px;font-size:14px;font-weight:500;display:flex;box-shadow:0 2px 8px #4f46e54d}.gm-refresh-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4f46e566}.gm-refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.gm-dashboard-error{background:var(--gm-danger-light);color:var(--gm-danger);border-radius:var(--gm-radius);border:1px solid #fca5a5;margin-bottom:20px;padding:14px 20px;font-size:14px}.gm-stat-card{border-radius:var(--gm-radius-lg);box-shadow:var(--gm-shadow);border:1px solid var(--gm-gray-100);transition:var(--gm-transition);background:#fff;align-items:center;gap:16px;padding:24px 26px;display:flex;position:relative;overflow:hidden}.gm-stat-card-purple:before{background:linear-gradient(90deg,#8b5cf6,#6d28d9)}.gm-stat-card-blue:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.gm-stat-card-green:before{background:linear-gradient(90deg,#10b981,#047857)}.gm-stat-card-orange:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.gm-stat-card:hover{box-shadow:var(--gm-shadow-xl);transform:translateY(-4px)}.gm-stat-card-purple .gm-stat-icon-wrapper{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.gm-stat-card-blue .gm-stat-icon-wrapper{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.gm-stat-card-green .gm-stat-icon-wrapper{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.gm-stat-card-orange .gm-stat-icon-wrapper{background:linear-gradient(135deg,#fef3c7,#fde68a)}.gm-stat-header{align-items:center;gap:8px;margin-bottom:2px;display:flex}.gm-stat-value{color:var(--gm-gray-900);letter-spacing:-.02em;margin:0;font-size:32px;font-weight:700;line-height:1.2}.gm-stat-trend{border-radius:12px;flex-shrink:0;align-items:center;gap:2px;padding:2px 10px;font-size:12px;font-weight:600;display:flex}.gm-trend-up{background:var(--gm-success-light);color:#065f46}.gm-trend-down{background:var(--gm-danger-light);color:var(--gm-danger)}.gm-section-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.gm-section-title{color:var(--gm-gray-900);margin:0;font-size:20px;font-weight:600}.gm-section-icon{vertical-align:middle;margin-right:8px;font-size:20px}.gm-section-subtitle{color:var(--gm-gray-500);font-size:14px}.gm-complaint-status-section{margin-bottom:32px}.gm-status-cards-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.gm-status-card{border-radius:var(--gm-radius-lg);box-shadow:var(--gm-shadow);border:1px solid var(--gm-gray-100);transition:var(--gm-transition);background:#fff;flex-direction:column;min-height:148px;padding:22px 24px 20px;display:flex;position:relative;overflow:hidden}.gm-status-card:before{content:"";height:4px;position:absolute;top:0;left:0;right:0}.gm-status-card-total:before{background:var(--gm-gray-500)}.gm-status-card-open:before{background:var(--gm-warning)}.gm-status-card-in-progress:before{background:var(--gm-info)}.gm-status-card-resolved:before{background:var(--gm-success)}.gm-status-card:hover{box-shadow:var(--gm-shadow-lg);transform:translateY(-3px)}.gm-status-card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.gm-status-card-icon{font-size:32px}.gm-status-card-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:700}.gm-badge-total{background:var(--gm-gray-100);color:var(--gm-gray-600)}.gm-badge-open{background:var(--gm-warning-light);color:#92400e}.gm-badge-progress{background:var(--gm-info-light);color:#1e40af}.gm-badge-resolved{background:var(--gm-success-light);color:#065f46}.gm-status-card-value{color:var(--gm-gray-900);letter-spacing:-.02em;margin:0;font-size:36px;font-weight:700;line-height:1.2}.gm-status-card-label{color:var(--gm-gray-500);margin:4px 0 0;font-size:14px}.gm-status-card-progress{background:var(--gm-gray-100);border-radius:4px;flex-shrink:0;height:6px;margin-top:14px;overflow:hidden}.gm-progress-bar{border-radius:4px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.gm-progress-total{background:var(--gm-gray-400)}.gm-progress-open{background:linear-gradient(90deg,#f59e0b,#d97706)}.gm-progress-in-progress{background:linear-gradient(90deg,#3b82f6,#2563eb)}.gm-progress-resolved{background:linear-gradient(90deg,#10b981,#059669)}.gm-charts-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px;display:grid}.gm-chart-card{border-radius:var(--gm-radius-lg);box-shadow:var(--gm-shadow);border:1px solid var(--gm-gray-100);transition:var(--gm-transition);background:#fff;padding:24px 26px}.gm-chart-card:hover{box-shadow:var(--gm-shadow-md)}.gm-trend-card{margin-bottom:28px}.gm-chart-header{margin-bottom:16px}.gm-chart-title{color:var(--gm-gray-900);margin:0 0 4px;font-size:18px;font-weight:600}.gm-chart-icon{vertical-align:middle;color:var(--gm-primary);margin-right:8px;font-size:18px}.gm-chart-subtitle{color:var(--gm-gray-500);margin:0;font-size:14px}.gm-chart-container{height:260px;position:relative}.gm-chart-bar,.gm-chart-pie{height:280px}.gm-chart-line{height:300px}.gm-recent-complaints{border-radius:var(--gm-radius-lg);box-shadow:var(--gm-shadow);border:1px solid var(--gm-gray-100);transition:var(--gm-transition);background:#fff;padding:24px 26px}.gm-recent-complaints:hover{box-shadow:var(--gm-shadow-md)}.gm-recent-header{border-bottom:2px solid var(--gm-gray-100);justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;display:flex}.gm-complaint-count{color:var(--gm-gray-500);background:var(--gm-gray-100);border-radius:20px;padding:4px 16px;font-size:14px;font-weight:600}.gm-complaint-list{flex-direction:column;gap:12px;display:flex}.gm-complaint-item{background:var(--gm-gray-50);border-radius:var(--gm-radius);transition:var(--gm-transition);border:1px solid #0000;justify-content:space-between;align-items:stretch;padding:16px 20px;display:flex;position:relative}.gm-complaint-item:before{content:"";background:var(--gm-gray-300);width:4px;transition:var(--gm-transition);border-radius:4px;position:absolute;top:20%;bottom:20%;left:0}.gm-complaint-item:hover{border-color:var(--gm-gray-200);box-shadow:var(--gm-shadow-md);background:#fff;transform:translate(4px)}.gm-complaint-item:hover:before{background:var(--gm-primary);top:10%;bottom:10%}.gm-complaint-item:has(.gm-status-open):before{background:var(--gm-warning)}.gm-complaint-item:has(.gm-status-in-progress):before{background:var(--gm-info)}.gm-complaint-item:has(.gm-status-resolved):before{background:var(--gm-success)}.gm-complaint-item-left{flex:1;align-items:flex-start;gap:14px;min-width:0;display:flex}.gm-complaint-status-badge{white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;margin-top:2px;padding:4px 14px;font-size:12px;font-weight:700;display:flex}.gm-status-open{background:var(--gm-warning-light);color:#92400e}.gm-status-in-progress{background:var(--gm-info-light);color:#1e40af}.gm-status-resolved{background:var(--gm-success-light);color:#065f46}.gm-status-closed,.gm-status-default{background:var(--gm-gray-100);color:var(--gm-gray-600)}.gm-complaint-status-badge svg{font-size:13px}.gm-complaint-item-header{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.gm-complaint-item-title{color:var(--gm-gray-900);align-items:center;gap:6px;margin:0 0 6px;font-size:15px;font-weight:600;display:flex}.gm-meta-icon{vertical-align:middle;color:var(--gm-gray-400);margin-right:2px;font-size:12px}.gm-complaint-item-meta{color:var(--gm-gray-500);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;font-size:13px;display:flex}.gm-meta-tag{border:1px solid var(--gm-gray-200);background:#ffffffb3;border-radius:12px;align-items:center;gap:4px;padding:2px 10px;display:inline-flex}.gm-tag-category{color:#6d28d9;background:#f3e8ff;border-color:#e9d5ff}.gm-tag-assigned{color:#1e40af;background:#dbeafe;border-color:#bfdbfe}.gm-complaint-priority{border-radius:12px;align-items:center;gap:4px;padding:2px 12px;font-size:12px;font-weight:600;display:inline-flex}.gm-priority-high{background:var(--gm-danger-light);color:var(--gm-danger)}.gm-priority-low{background:var(--gm-success-light);color:#16a34a}.gm-priority-default{background:var(--gm-gray-100);color:var(--gm-gray-500)}.gm-complaint-description{color:var(--gm-gray-600);border-left:3px solid var(--gm-gray-200);background:#fff9;border-radius:6px;margin:4px 0 0;padding:6px 12px;font-size:13px;line-height:1.5}.gm-complaint-item-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;margin-left:16px;display:flex}.gm-complaint-item-date{color:var(--gm-gray-400);white-space:nowrap;background:var(--gm-gray-50);border:1px solid var(--gm-gray-200);border-radius:12px;align-items:center;gap:4px;padding:4px 12px;font-size:13px;display:flex}.gm-complaint-status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.gm-complaint-item:has(.gm-status-open) .gm-complaint-status-dot{background:var(--gm-warning)}.gm-complaint-item:has(.gm-status-in-progress) .gm-complaint-status-dot{background:var(--gm-info)}.gm-complaint-item:has(.gm-status-resolved) .gm-complaint-status-dot{background:var(--gm-success)}.gm-no-complaints-icon{margin-bottom:16px;font-size:60px}.gm-thumbs-up{vertical-align:middle;color:var(--gm-success);margin-right:6px;font-size:18px}@keyframes gm-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gm-complaint-item{animation:.4s forwards gm-slideUp}.gm-complaint-item:first-child{animation-delay:50ms}.gm-complaint-item:nth-child(2){animation-delay:.1s}.gm-complaint-item:nth-child(3){animation-delay:.15s}.gm-complaint-item:nth-child(4){animation-delay:.2s}.gm-complaint-item:nth-child(5){animation-delay:.25s}.gm-complaint-item:nth-child(6){animation-delay:.3s}@keyframes gm-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.gm-badge-dot{background:var(--gm-success);border-radius:50%;width:8px;height:8px;animation:2s infinite gm-pulse}@media (width<=1200px){.gm-charts-grid{grid-template-columns:1fr}.gm-chart-container{height:240px}.gm-chart-bar,.gm-chart-pie{height:260px}}@media (width<=1024px){.gm-stats-grid,.gm-status-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.gm-dashboard-container{padding:20px}.gm-dashboard-header{flex-direction:column;align-items:flex-start;padding:16px 20px}.gm-dashboard-header-right{flex-wrap:wrap;width:100%}.gm-dashboard-title{font-size:26px}.gm-stat-card{padding:18px 20px}.gm-stat-value{font-size:26px}.gm-status-card{min-height:130px;padding:18px 20px}.gm-status-card-value{font-size:30px}.gm-chart-container{height:220px}.gm-chart-bar,.gm-chart-pie{height:240px}.gm-chart-line{height:250px}.gm-complaint-item{flex-direction:column;padding:14px 16px}.gm-complaint-item-right{flex-direction:row;justify-content:flex-start;gap:12px;width:100%;margin-top:8px;margin-left:0}.gm-complaint-item-left{flex-direction:column;align-items:stretch}.gm-complaint-status-badge{align-self:flex-start}.gm-complaint-item-meta{gap:8px;font-size:12px}.gm-title-badge{padding:2px 10px;font-size:10px}}@media (width<=640px){.gm-dashboard-container{padding:14px}.gm-stats-grid,.gm-status-cards-grid{grid-template-columns:1fr;gap:12px}.gm-dashboard-title{font-size:22px}.gm-stat-icon-wrapper{width:48px;height:48px}.gm-stat-icon,.gm-stat-value{font-size:22px}.gm-stat-header{flex-wrap:wrap}.gm-status-card{min-height:120px;padding:16px 18px}.gm-status-card-value{font-size:26px}.gm-status-card-icon{font-size:28px}.gm-chart-container{height:200px}.gm-chart-bar,.gm-chart-pie{height:220px}.gm-chart-line{height:230px}.gm-chart-card{padding:16px}.gm-complaint-item{flex-direction:column;padding:12px 14px}.gm-complaint-item-left{flex-wrap:wrap}.gm-complaint-item-right{flex-flow:wrap;width:100%;margin-top:8px;margin-left:0}.gm-complaint-item-title{font-size:14px}.gm-complaint-item-meta{flex-wrap:wrap;gap:6px;font-size:12px}.gm-complaint-status-badge{padding:3px 10px;font-size:11px}.gm-recent-complaints{padding:16px}.gm-section-title{font-size:18px}.gm-no-complaints{padding:30px 16px}.gm-no-complaints-icon{font-size:44px}.gm-no-complaints-title{font-size:18px}.gm-last-updated{padding:4px 12px;font-size:11px}.gm-refresh-btn{padding:6px 16px;font-size:12px}.gm-header-badge{padding:4px 12px}.gm-badge-text{font-size:11px}.gm-complaint-description{padding:4px 10px;font-size:12px}.gm-meta-tag{padding:1px 8px;font-size:11px}.gm-title-badge{margin-left:6px;padding:1px 8px;font-size:9px}.gm-section-badge{margin-left:6px;padding:1px 10px;font-size:9px}.gm-chart-badge{margin-left:6px;padding:1px 8px;font-size:9px}}.gm-overdue-summary-section{background:#fff;border-radius:16px;margin-bottom:30px;padding:20px;box-shadow:0 1px 3px #00000014}.gm-overdue-cards-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:16px;display:grid}.gm-overdue-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;padding:16px 20px;transition:all .3s;display:flex;position:relative}.gm-overdue-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.gm-overdue-card-danger{background:#fef2f2;border-color:#fecaca}.gm-overdue-card-danger .gm-overdue-card-icon{color:#dc2626}.gm-overdue-card-success{background:#f0fdf4;border-color:#bbf7d0}.gm-overdue-card-success .gm-overdue-card-icon{color:#16a34a}.gm-overdue-card-critical{background:#fef2f2;border-color:#fca5a5}.gm-overdue-card-critical .gm-overdue-card-icon{color:#dc2626}.gm-overdue-card-escalated{background:#fffbeb;border-color:#fde68a}.gm-overdue-card-escalated .gm-overdue-card-icon{color:#d97706}.gm-overdue-card-avg{background:#eff6ff;border-color:#93c5fd}.gm-overdue-card-avg .gm-overdue-card-icon{color:#2563eb}.gm-overdue-card-max{background:#fef3c7;border-color:#fcd34d}.gm-overdue-card-max .gm-overdue-card-icon{color:#b45309}.gm-overdue-card-approaching{background:#fffbeb;border-color:#fde68a}.gm-overdue-card-approaching .gm-overdue-card-icon{color:#f59e0b}.gm-overdue-card-icon{justify-content:center;align-items:center;min-width:40px;margin-right:14px;font-size:28px;display:flex}.gm-overdue-card-content{flex:1}.gm-overdue-card-value{color:#1f2937;margin:0;font-size:24px;font-weight:700;line-height:1.2}.gm-overdue-card-label{color:#6b7280;margin:2px 0 0;font-size:13px}.gm-overdue-card-trend{margin-left:8px}.gm-trend-badge{background:#0000000d;border-radius:6px;padding:4px 8px;font-size:18px}.gm-trend-critical{color:#dc2626;background:#fef2f2}.gm-trend-escalated{color:#d97706;background:#fffbeb}.gm-trend-max{color:#b45309;background:#fef3c7}.gm-trend-warning{color:#f59e0b;background:#fffbeb}.gm-overdue-status-breakdown{border-top:1px solid #e5e7eb;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:20px;padding-top:20px;display:grid}.gm-breakdown-item{flex-direction:column;gap:4px;display:flex}.gm-breakdown-label{color:#6b7280;font-size:13px;font-weight:500}.gm-breakdown-value{color:#1f2937;font-size:18px;font-weight:600}.gm-breakdown-bar{background:#e5e7eb;border-radius:4px;width:100%;height:6px;margin-top:4px;overflow:hidden}.gm-breakdown-fill{border-radius:4px;height:100%;transition:width .6s}.gm-breakdown-open{background:#f59e0b}.gm-breakdown-progress{background:#3b82f6}.gm-breakdown-resolved{background:#10b981}.gm-no-overdue-message{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:2px solid #bbf7d0;border-radius:12px;align-items:center;gap:20px;margin-top:16px;padding:24px;display:flex}.gm-no-overdue-icon{color:#16a34a;font-size:48px}.gm-no-overdue-content{flex:1}.gm-no-overdue-title{color:#15803d;margin:0 0 4px;font-size:20px;font-weight:600}.gm-no-overdue-text{color:#4b5563;margin:0;font-size:14px}.gm-badge-danger{color:#dc2626;background:#fee2e2}.gm-badge-success{color:#16a34a;background:#dcfce7}@media (width<=768px){.gm-overdue-cards-grid{grid-template-columns:repeat(2,1fr)}.gm-overdue-card{padding:12px 16px}.gm-overdue-card-value{font-size:20px}.gm-overdue-status-breakdown{grid-template-columns:1fr}.gm-no-overdue-message{text-align:center;flex-direction:column}}@media (width<=480px){.gm-overdue-cards-grid{grid-template-columns:1fr}}.gm-status-card-overdue{background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);border:2px solid #e2e8f0}.gm-status-card-overdue-warning{background:linear-gradient(135deg,#fef2f2 0%,#fff 100%);border-color:#fca5a5;animation:2s infinite gm-overdue-pulse}.gm-status-card-overdue-success{background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);border-color:#86efac}@keyframes gm-overdue-pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.gm-badge-overdue{color:#dc2626;background:#fee2e2;font-weight:700}.gm-badge-on-time{color:#16a34a;background:#dcfce7;font-weight:700}.gm-progress-overdue{background:#ef4444}.gm-progress-on-time{background:#22c55e}.gm-overdue-critical-note{color:#dc2626;text-align:center;background:#fee2e2;border-radius:6px;margin-top:8px;padding:4px 8px;font-size:12px;font-weight:600}.gm-overdue-details{border-top:1px solid #0000000f;width:100%;margin-top:8px;padding-top:8px}.gm-overdue-detail-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.gm-overdue-hours-badge{color:#dc2626;background:#fee2e2;border-radius:12px;align-items:center;gap:4px;padding:2px 12px;font-size:12px;font-weight:700;display:inline-flex}.gm-overdue-level-badge{color:#f59e0b;background:#fef3c7;border-radius:12px;padding:2px 12px;font-size:12px;font-weight:600}.gm-overdue-level-critical{color:#dc2626;background:#fee2e2;animation:2s infinite gmPulseRed}.gm-overdue-critical-badge{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:12px;padding:2px 12px;font-size:12px;font-weight:700;animation:2s infinite gmPulseRed}.gm-overdue-status-breakdown{color:#6b7280;background:#f3f4f6;border-radius:12px;padding:2px 12px;font-size:11px;font-weight:500}.gm-overdue-all-good{color:#059669;text-align:center;margin-top:8px;font-size:13px;font-weight:500}@keyframes gmPulseRed{0%,to{opacity:1}50%{opacity:.6}}@media (width<=480px){.gm-overdue-detail-row{flex-direction:column;gap:4px}.gm-overdue-hours-badge,.gm-overdue-level-badge,.gm-overdue-critical-badge,.gm-overdue-status-breakdown{padding:1px 10px;font-size:10px}}.gm-residents-container{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1400px;min-height:100vh;margin:0 auto;padding:24px 28px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.gm-residents-loading{flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.gm-residents-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #fffc;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:20px 28px;display:flex;box-shadow:0 1px 3px #00000014}.gm-residents-header-left{flex:1}.gm-residents-title{color:#1f2937;letter-spacing:-.02em;margin:0 0 4px;font-size:28px;font-weight:700}.gm-title-badge{color:#fff;vertical-align:middle;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:20px;margin-left:10px;padding:2px 14px;font-size:14px;font-weight:700;display:inline-block}.gm-residents-subtitle{color:#6b7280;margin:0;font-size:15px}.gm-residents-header-right{align-items:center;gap:12px;display:flex}.gm-add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 8px #4f46e54d}.gm-residents-error{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;margin-bottom:16px;padding:12px 16px}.gm-residents-success{color:#065f46;background:#ecfdf5;border:1px solid #6ee7b7;border-radius:10px;margin-bottom:16px;padding:12px 16px}.gm-stat-card{background:#fff;border:1px solid #f1f5f9;border-radius:14px;align-items:center;gap:16px;padding:20px 24px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000014}.gm-stat-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.gm-stat-card-total:before{background:linear-gradient(90deg,#4f46e5,#7c3aed)}.gm-stat-card-active:before{background:linear-gradient(90deg,#10b981,#059669)}.gm-stat-card-inactive:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.gm-stat-card-new:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.gm-stat-card-active .gm-stat-icon-wrapper{color:#047857;background:#d1fae5}.gm-stat-card-inactive .gm-stat-icon-wrapper{color:#d97706;background:#fef3c7}.gm-stat-card-new .gm-stat-icon-wrapper{color:#1d4ed8;background:#dbeafe}.gm-stat-trend{border-radius:12px;padding:2px 10px;font-size:12px;font-weight:600}.gm-trend-up{color:#065f46;background:#d1fae5}.gm-trend-down{color:#dc2626;background:#fef2f2}.gm-search-section{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.gm-search-actions{gap:10px;display:flex}.gm-filter-btn,.gm-export-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.gm-filter-btn:hover,.gm-export-btn:hover{background:#f8fafc;border-color:#94a3b8}.gm-residents-table-wrapper{background:#fff;border:1px solid #f1f5f9;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #00000014}.gm-residents-table{border-collapse:collapse;width:100%}.gm-residents-table thead{background:#f8fafc}.gm-residents-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f1f5f9;padding:14px 18px;font-size:12px;font-weight:600}.gm-residents-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px}.gm-residents-table tbody tr{transition:background .2s}.gm-residents-table tbody tr:hover{background:#f8fafc}.gm-resident-info{align-items:center;gap:12px;display:flex}.gm-resident-avatar{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.gm-resident-name{color:#1f2937;font-weight:600}.gm-resident-role{color:#94a3b8;font-size:12px}.gm-contact-info{color:#475569;font-size:13px}.gm-contact-info div{align-items:center;gap:6px;margin:2px 0;display:flex}.gm-unit-info{flex-direction:column;gap:4px;display:flex}.gm-unit-badge{color:#475569;background:#f1f5f9;border-radius:12px;padding:2px 12px;font-size:12px;font-weight:500;display:inline-block}.gm-status-default{color:#475569;background:#f1f5f9}.gm-joined-date{color:#64748b;font-size:13px}.gm-action-btn{cursor:pointer;border:none;border-radius:8px;padding:6px 10px;font-size:14px;transition:all .2s}.gm-no-residents{text-align:center;padding:60px 20px}.gm-no-residents-icon{color:#94a3b8;margin-bottom:12px;font-size:48px}.gm-no-residents-title{color:#1f2937;margin:0 0 6px;font-size:20px;font-weight:600}.gm-no-residents-text{color:#64748b;margin:0;font-size:14px}@keyframes gm-fadeIn{0%{opacity:0}to{opacity:1}}.gm-form-field{flex-direction:column;display:flex}.gm-form-field-full{flex-direction:column;grid-column:1/-1;display:flex}.gm-form-field label{color:#374151;margin-bottom:4px;font-size:13px;font-weight:600}.gm-view-profile{text-align:center;border-bottom:1px solid #f1f5f9;margin-bottom:20px;padding-bottom:20px}.gm-view-avatar{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 12px;font-size:28px;font-weight:700;display:flex}.gm-view-item{flex-direction:column;display:flex}.gm-view-item-full{flex-direction:column;grid-column:1/-1;display:flex}.gm-view-item label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:12px;font-weight:600}.gm-view-item label svg{margin-right:4px;font-size:12px}.gm-view-item p{color:#1f2937;margin:0;font-size:14px;font-weight:500}@media (width<=1200px){.gm-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.gm-residents-table{font-size:13px}.gm-residents-table th,.gm-residents-table td{padding:10px 14px}}@media (width<=768px){.gm-residents-container{padding:16px}.gm-residents-header{flex-direction:column;align-items:flex-start;padding:16px 20px}.gm-residents-header-right{flex-wrap:wrap;width:100%}.gm-residents-title{font-size:22px}.gm-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.gm-stat-card{padding:16px 18px}.gm-stat-value{font-size:22px}.gm-search-section{flex-direction:column;align-items:stretch}.gm-search-actions{justify-content:flex-end}.gm-residents-table-wrapper{overflow-x:auto}.gm-residents-table{min-width:700px}.gm-form-grid{grid-template-columns:1fr}.gm-form-field-full{grid-column:1}.gm-view-grid{grid-template-columns:1fr}.gm-view-item-full{grid-column:1}.gm-modal{max-width:95%;margin:10px}}@media (width<=480px){.gm-residents-container{padding:10px}.gm-stats-grid{grid-template-columns:1fr}.gm-residents-header-right{flex-direction:column;width:100%}.gm-refresh-btn,.gm-add-btn{justify-content:center;width:100%}.gm-search-actions{justify-content:stretch;width:100%}.gm-filter-btn,.gm-export-btn{flex:1;justify-content:center}.gm-title-badge{padding:1px 10px;font-size:12px}.gm-modal-footer{flex-direction:column}.gm-btn-cancel,.gm-btn-submit,.gm-btn-delete{justify-content:center;width:100%}}.gm-complaints-container{background:#fff;max-width:1600px;min-height:100vh;margin:0 auto;padding:24px 32px}.gm-complaints-header{background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 28px;display:flex;box-shadow:0 1px 3px #00000014}.gm-complaints-title{color:#000;align-items:center;gap:12px;margin:0;font-size:24px;font-weight:700;display:flex}.gm-complaints-subtitle{color:#4b5563;margin:0;font-size:14px}.gm-refresh-btn:hover:not(:disabled){background:#1d4ed8}.gm-complaints-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:20px;padding:14px 20px;font-weight:500}.gm-complaints-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;margin-bottom:20px;padding:14px 20px;font-weight:500}.gm-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;display:grid}.gm-stats-grid-top{margin-bottom:16px}.gm-stats-grid-bottom{margin-bottom:24px}.gm-stat-card:hover{box-shadow:0 4px 12px #0000001a}.gm-stat-icon-wrapper{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.gm-stat-icon{font-size:22px}.gm-stat-card-total .gm-stat-icon-wrapper{color:#2563eb;background:#dbeafe}.gm-stat-card-open .gm-stat-icon-wrapper{color:#f59e0b;background:#fef3c7}.gm-stat-card-progress .gm-stat-icon-wrapper{color:#3b82f6;background:#dbeafe}.gm-stat-card-resolved .gm-stat-icon-wrapper{color:#10b981;background:#d1fae5}.gm-stat-card-overdue .gm-stat-icon-wrapper{color:#ef4444;background:#fee2e2}.gm-stat-card-high .gm-stat-icon-wrapper{color:#f97316;background:#fff7ed}.gm-stat-card-medium .gm-stat-icon-wrapper{color:#f59e0b;background:#fef3c7}.gm-stat-card-low .gm-stat-icon-wrapper{color:#10b981;background:#d1fae5}.gm-stat-content{flex:1}.gm-stat-label{color:#4b5563;margin:4px 0 0;font-size:13px;font-weight:500}.gm-filters-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding:20px 24px;display:flex;box-shadow:0 1px 3px #00000014}.gm-search-input{color:#000;background:#fff;border:2px solid #e5e7eb;border-radius:6px;width:100%;padding:10px 14px 10px 44px;font-size:14px;transition:all .2s}.gm-search-input:focus{border-color:#2563eb;outline:none}.gm-search-clear{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:18px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.gm-search-clear:hover{color:#000;background:#f3f4f6}.gm-filter-select{color:#000;cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:6px;min-width:140px;padding:10px 14px;font-size:14px}.gm-filter-select:focus{border-color:#2563eb;outline:none}.gm-filter-clear{color:#000;cursor:pointer;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:6px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}.gm-filter-clear:hover{background:#e5e7eb}.gm-filter-count{color:#4b5563;background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;padding:6px 14px;font-size:14px;font-weight:500}.gm-complaints-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #00000014}.gm-complaints-table{border-collapse:collapse;width:100%;font-size:14px}.gm-complaints-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.gm-complaints-table thead th{text-align:left;color:#000;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:14px 18px;font-size:12px;font-weight:600}.gm-complaints-table tbody tr{border-bottom:1px solid #e5e7eb}.gm-complaints-table tbody tr:hover{background:#f9fafb}.gm-complaints-table tbody td{vertical-align:middle;color:#000;padding:14px 18px}.gm-complaint-id{color:#2563eb;font-size:13px;font-weight:700}.gm-complaint-subject{align-items:center;gap:10px;display:flex}.gm-subject-icon{color:#6b7280;font-size:14px}.gm-complaint-subject span{color:#000;font-weight:500}.gm-complaint-resident{color:#000;align-items:center;gap:8px;display:flex}.gm-resident-icon{color:#6b7280;font-size:16px}.gm-complaint-department{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gm-department-icon{color:#6b7280;font-size:14px}.gm-department-name{color:#000;font-weight:500}.gm-assigned-to-label{color:#4b5563;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:2px 10px;font-size:12px}.gm-warning-badge{color:#dc2626;cursor:help;font-size:16px}.gm-complaint-date{color:#4b5563;align-items:center;gap:6px;font-size:13px;display:flex}.gm-date-icon{color:#6b7280}.gm-status-badge,.gm-priority-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.gm-status-open{color:#000;background:#fef3c7}.gm-status-in-progress{color:#000;background:#dbeafe}.gm-status-resolved{color:#000;background:#d1fae5}.gm-status-closed{color:#000;background:#f3f4f6}.gm-status-pending{color:#000;background:#fff7ed}.gm-priority-urgent{color:#000;background:#fee2e2}.gm-priority-high{color:#000;background:#fff7ed}.gm-priority-medium{color:#000;background:#fef3c7}.gm-priority-low{color:#000;background:#d1fae5}.gm-action-btn{cursor:pointer;color:#000;background:#f9fafb;border:none;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;transition:all .2s;display:flex}.gm-action-view:hover{color:#2563eb;background:#dbeafe}.gm-action-edit:hover{color:#d97706;background:#fef3c7}.gm-action-assign:hover{color:#059669;background:#d1fae5}.gm-action-delete:hover{color:#dc2626;background:#fee2e2}.gm-no-complaints{text-align:center;padding:60px 20px}.gm-no-complaints-icon{color:#9ca3af;margin-bottom:16px;font-size:56px}.gm-no-complaints-title{color:#000;margin:0 0 8px;font-size:20px;font-weight:600}.gm-no-complaints-text{color:#4b5563;margin:0;font-size:14px}.gm-complaints-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.gm-loading-text{color:#4b5563;font-size:16px;font-weight:500}.gm-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.gm-modal{background:#fff;border-radius:8px;flex-direction:column;width:100%;max-width:680px;max-height:90vh;display:flex;box-shadow:0 20px 60px #00000026}.gm-modal-header{border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.gm-modal-close{cursor:pointer;color:#000;background:#f9fafb;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;transition:all .2s;display:flex}.gm-modal-body{flex:1;padding:24px;overflow-y:auto}.gm-modal-footer{border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.gm-view-header{background:#f9fafb;border-radius:6px;margin-bottom:20px;padding:20px}.gm-view-id{color:#2563eb;margin-bottom:4px;font-size:14px;font-weight:700}.gm-view-title{color:#000;margin:4px 0 12px;font-size:20px;font-weight:700}.gm-view-badges{gap:8px;display:flex}.gm-view-item-full{flex-direction:column;grid-column:1/-1;gap:4px;display:flex}.gm-view-item p,.gm-view-item-full p{color:#000;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin:0;padding:8px 12px;font-size:15px}.gm-view-description{line-height:1.6}.gm-warning-text{color:#dc2626;font-weight:600}.gm-modal-delete{max-width:480px}.gm-delete-warning .gm-warning-icon{color:#dc2626;margin-bottom:12px;font-size:48px}.gm-btn-delete:hover:not(:disabled){background:#b91c1c}.gm-form-field-full{flex-direction:column;grid-column:1/-1;gap:6px;display:flex}.gm-form-field input,.gm-form-field select,.gm-form-field textarea{color:#000;background:#fff;border:2px solid #e5e7eb;border-radius:6px;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .2s}.gm-form-field input:focus,.gm-form-field select:focus,.gm-form-field textarea:focus{border-color:#2563eb;outline:none}.gm-form-error{color:#dc2626;font-size:12px;font-weight:500}.gm-btn-submit:hover:not(:disabled){background:#1d4ed8}.gm-modal-assign{max-width:700px}.gm-assign-info{background:#f9fafb;border-left:4px solid #2563eb;border-radius:6px;margin-bottom:20px;padding:16px 20px}.gm-assign-info p{color:#000;margin:4px 0;font-size:14px}.gm-assign-info .gm-assign-resident,.gm-assign-info .gm-assign-department{color:#4b5563;align-items:center;gap:8px;font-size:13px;display:flex}.gm-assign-icon{color:#6b7280;font-size:14px}.gm-sub-department-list{background:#fff;border:2px solid #e5e7eb;border-radius:6px;max-height:300px;margin-top:4px;padding:8px;overflow-y:auto}.gm-sub-department-list::-webkit-scrollbar{width:6px}.gm-sub-department-list::-webkit-scrollbar-track{background:#f9fafb}.gm-sub-department-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.gm-sub-department-card{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:6px;margin-bottom:8px;padding:14px 16px;transition:all .2s}.gm-sub-department-card:hover{background:#f9fafb;border-color:#2563eb}.gm-sub-department-card.selected{background:#f0fdf4;border-color:#10b981}.gm-sub-department-card:last-child{margin-bottom:0}.gm-sub-department-main{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.gm-dept-info{flex:1;align-items:center;gap:12px;display:flex}.gm-dept-icon{color:#6b7280;flex-shrink:0;font-size:18px}.gm-dept-name{color:#000;font-size:15px;font-weight:600}.gm-dept-category{color:#4b5563;margin-top:2px;font-size:12px}.gm-selected-check{color:#10b981;flex-shrink:0;font-size:20px}.gm-manager-section{background:#f9fafb;border-left:3px solid #2563eb;border-radius:6px;align-items:center;gap:12px;margin-top:4px;padding:8px 12px;display:flex}.gm-sub-department-card.selected .gm-manager-section{background:#f0fdf4;border-left-color:#10b981}.gm-manager-avatar{background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.gm-manager-icon{font-size:18px}.gm-manager-icon.gm-manager-type{color:#2563eb}.gm-manager-icon.gm-staff-type{color:#f59e0b}.gm-manager-info{flex-direction:column;flex:1;display:flex}.gm-manager-name{color:#000;font-size:14px;font-weight:500}.gm-manager-type-label{color:#4b5563;font-size:12px}.gm-no-manager-warning{color:#000;background:#fef3c7;border-radius:6px;align-items:center;gap:8px;margin-top:4px;padding:6px 12px;font-size:13px;display:flex}.gm-no-manager-warning .gm-warning-icon{color:#f59e0b;font-size:16px}.gm-selected-manager-summary{background:#f0fdf4;border:2px solid #10b981;border-radius:6px;align-items:center;gap:16px;margin:12px 0;padding:16px 20px;display:flex}.gm-summary-icon{color:#10b981;flex-shrink:0}.gm-summary-details{flex:1}.gm-summary-name{color:#000;margin:0;font-size:15px}.gm-summary-role{color:#000;margin:2px 0;font-size:13px}.gm-summary-department{color:#000;margin:0;font-size:12px}.gm-summary-status{color:#fff;background:#10b981;border-radius:20px;flex-shrink:0;padding:4px 14px;font-size:12px;font-weight:600}.gm-status-available{align-items:center;gap:4px;display:inline-flex}.gm-loading-users{color:#4b5563;justify-content:center;align-items:center;gap:12px;padding:20px;font-size:14px;display:flex}.gm-no-departments{text-align:center;color:#4b5563;padding:30px 20px}.gm-no-departments p{margin-bottom:12px}.gm-btn-refresh-departments{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 20px;font-weight:600;transition:all .2s;display:inline-flex}@keyframes gmSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1200px){.gm-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px}}@media (width<=992px){.gm-complaints-container{padding:16px}.gm-stats-grid{grid-template-columns:repeat(2,1fr)}.gm-complaints-header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 20px}.gm-complaints-header-right{width:100%}.gm-refresh-btn{justify-content:center;width:100%}}@media (width<=768px){.gm-filters-section{flex-direction:column;padding:16px}.gm-search-wrapper{width:100%}.gm-filter-group{flex-wrap:wrap;width:100%}.gm-filter-select{flex:1;min-width:120px}.gm-complaints-table-wrapper{overflow-x:auto}.gm-complaints-table{min-width:800px;font-size:13px}.gm-modal{max-width:100%;max-height:95vh;margin:12px}.gm-view-grid,.gm-form-grid{grid-template-columns:1fr}.gm-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.gm-stat-card{padding:16px}.gm-stat-value{font-size:22px}}@media (width<=480px){.gm-complaints-container{padding:10px}.gm-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.gm-stat-card{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px}.gm-stat-icon-wrapper{width:36px;height:36px}.gm-stat-icon{font-size:16px}.gm-stat-value{font-size:20px}.gm-modal-body{padding:16px}.gm-modal-header{padding:14px 16px}.gm-modal-header h2{font-size:17px}.gm-sub-department-card{padding:10px 12px}.gm-dept-name{font-size:13px}.gm-manager-section{flex-wrap:wrap;padding:6px 10px}.gm-selected-manager-summary{text-align:center;flex-direction:column;padding:14px}.gm-filter-select{min-width:100%}.gm-filter-clear{text-align:center;width:100%}.gm-modal-footer{flex-direction:column}.gm-modal-footer button{justify-content:center;width:100%}}.gm-overdue-badge{white-space:nowrap;border-radius:12px;align-items:center;gap:4px;margin-left:8px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-flex}.gm-overdue-low{color:#92400e;background:#fef3c7}.gm-overdue-medium{color:#78350f;background:#fde68a}.gm-overdue-high{color:#7f1d1d;background:#fca5a5;animation:2s infinite gm-overdue-pulse}.gm-overdue-critical{color:#fff;background:#dc2626;animation:1s infinite gm-overdue-pulse}.gm-overdue-critical svg{color:#fff}.gm-row-overdue{border-left:3px solid #dc2626;background:#fef2f2!important}.gm-row-overdue:hover{background:#fee2e2!important}.gm-icon-overdue{color:#dc2626!important}.gm-sla-info{flex-direction:column;gap:2px;font-size:12px;display:flex}.gm-sla-hours{color:#6b7280;font-weight:500}.gm-sla-overdue{color:#dc2626;font-size:11px;font-weight:700}.gm-escalation-badge{color:#fff;border-radius:10px;margin-top:2px;padding:1px 8px;font-size:10px;font-weight:700;display:inline-block}.gm-filter-overdue{border-color:#f59e0b}.gm-filter-overdue:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.gm-stat-card-critical{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:1px solid #fca5a5}.gm-stat-card-critical .gm-stat-value{color:#dc2626}.gm-view-sla-info{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px;padding:16px;display:grid}.gm-view-sla-item label{color:#6b7280;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.gm-view-sla-item p{margin:2px 0 0;font-size:16px;font-weight:700}.gm-text-overdue{color:#dc2626}@media (width<=768px){.gm-overdue-badge{padding:1px 6px;font-size:9px}.gm-sla-info{font-size:10px}.gm-view-sla-info{grid-template-columns:1fr}}@keyframes gmFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes gmGradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes gmSlideUp{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.gm-modal-header-actions .gm-action-btn{color:#1e293b;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.gm-modal-header-actions .gm-action-edit{color:#d97706;text-align:center;background:#fef3c7;width:100px;padding:10px 20px}.gm-modal-header-actions .gm-action-assign{color:#059669;background:#d1fae5}.gm-modal-header-actions .gm-action-delete{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fca5a5);border:1px solid #f87171;width:100px}.gm-view-item:hover{background:#fff;border-color:#e5e7eb}.gm-view-item-full:hover{background:#fff;border-color:#e5e7eb}.gm-modal-footer .gm-btn-cancel:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px)}.gm-modal-footer .gm-action-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex}.gm-modal-footer .gm-action-edit{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.gm-modal-footer .gm-action-assign{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.gm-modal-footer .gm-action-delete{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c)}.gm-modal-footer .gm-btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #2563eb66}@media (width<=992px){.gm-modal-view{max-width:100%;margin:12px}}@media (width<=768px){.gm-modal{border-radius:16px;max-height:95vh;margin:12px}.gm-modal-header{flex-wrap:wrap;gap:12px;padding:16px 20px}.gm-modal-header h2{flex-wrap:wrap;font-size:17px}.gm-modal-header-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.gm-modal-header-actions .gm-action-btn{padding:6px 12px;font-size:12px}.gm-modal-body{padding:20px}.gm-view-grid{grid-template-columns:1fr;gap:12px}.gm-view-header{padding:16px 20px}.gm-view-title{font-size:18px}.gm-view-sla-info{grid-template-columns:1fr 1fr;padding:16px 20px}.gm-modal-footer{flex-direction:column;padding:14px 20px}.gm-modal-footer .gm-btn-cancel,.gm-modal-footer .gm-action-btn,.gm-modal-footer .gm-btn-submit{justify-content:center;width:100%}.gm-view-item,.gm-view-item-full{padding:12px 14px}}@media (width<=480px){.gm-modal{border-radius:12px;margin:8px}.gm-modal-header{padding:14px 16px}.gm-modal-header h2{font-size:15px}.gm-modal-header-actions .gm-action-btn{padding:4px 10px;font-size:11px}.gm-modal-header-actions .gm-action-btn span{display:none}.gm-modal-body{padding:16px}.gm-view-sla-info{grid-template-columns:1fr;padding:14px 16px}.gm-view-sla-item p{font-size:16px}.gm-view-id-header{padding:2px 10px;font-size:11px}}.gm-modal-overlay{-webkit-backdrop-filter:blur(10px);background:#0f172ab3}.gm-view-badges .gm-status-badge,.gm-view-badges .gm-priority-badge,.gm-view-badges .gm-overdue-badge{border-radius:24px;padding:6px 16px;font-size:13px;font-weight:600}.gm-modal,.gm-modal-overlay{transition:all .3s}.gm-modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:1000;background:#0f172ab3;justify-content:center;align-items:center;padding:20px;animation:.3s gmFadeIn;display:flex;position:fixed;inset:0}.gm-modal{background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:680px;max-height:90vh;animation:.3s gmSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 80px #0000004d}.gm-modal:before{content:"";background:linear-gradient(90deg,#2563eb,#7c3aed,#2563eb) 0 0/200% 100%;height:4px;animation:3s infinite gmGradientMove;position:absolute;top:0;left:0;right:0}.gm-modal-header{background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.gm-modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;font-weight:300;transition:all .3s;display:flex}.gm-modal-close:hover{color:#dc2626;background:#fee2e2;transform:rotate(90deg)scale(1.1)}.gm-modal-header-actions{align-items:center;gap:8px;display:flex}.gm-modal-header-actions .gm-action-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.gm-modal-header-actions .gm-action-btn:after{content:"";opacity:0;background:#fff3;transition:opacity .3s;position:absolute;inset:0}.gm-modal-header-actions .gm-action-btn:hover:after{opacity:1}.gm-modal-header-actions .gm-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.gm-modal-header-actions .gm-action-btn:active{transform:translateY(0)scale(.96)}.gm-modal-header-actions .gm-action-edit{color:#d97706;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d}.gm-modal-header-actions .gm-action-edit:hover{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 16px #f59e0b59}.gm-modal-header-actions .gm-action-assign{color:#059669;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7}.gm-modal-header-actions .gm-action-assign:hover{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b98159}.gm-modal-header-actions .gm-action-delete{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fca5a5);border:1px solid #f87171}.gm-modal-header-actions .gm-action-delete:hover{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 16px #dc262659}.gm-view-id-header{color:#2563eb;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:20px;margin-left:8px;padding:4px 14px;font-size:13px;font-weight:700}.gm-modal-body{background:#fff;flex:1;padding:28px;overflow-y:auto}.gm-modal-body::-webkit-scrollbar{width:6px}.gm-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.gm-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.gm-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.gm-modal-view{max-width:950px}.gm-view-header{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e5e7eb;border-radius:16px;margin-bottom:24px;padding:24px 28px;position:relative;overflow:hidden}.gm-view-header:before{content:"";background:linear-gradient(90deg,#2563eb,#7c3aed);height:3px;position:absolute;top:0;left:0;right:0}.gm-view-id{color:#2563eb;background:#dbeafe;border-radius:20px;margin-bottom:4px;padding:2px 14px;font-size:13px;font-weight:700;display:inline-block}.gm-view-title{color:#0f172a;margin:8px 0 16px;font-size:22px;font-weight:700;line-height:1.3}.gm-view-badges{flex-wrap:wrap;gap:10px;display:flex}.gm-view-sla-info{background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);border:1px solid #e5e7eb;border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px;padding:20px 24px;display:grid;box-shadow:0 2px 8px #0000000a}.gm-view-sla-item{flex-direction:column;gap:4px;display:flex}.gm-view-sla-item label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.gm-view-sla-item label svg{font-size:14px}.gm-view-sla-item p{color:#0f172a;margin:2px 0 0;font-size:18px;font-weight:700}.gm-text-overdue{animation:2s infinite gmPulseRed;color:#dc2626!important}.gm-text-escalation{color:#f97316!important}.gm-view-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;gap:4px;padding:14px 18px;transition:all .2s;display:flex}.gm-view-item:hover{background:#fff;border-color:#e5e7eb;transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.gm-view-item-full{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;grid-column:1/-1;gap:4px;padding:14px 18px;transition:all .2s;display:flex}.gm-view-item-full:hover{background:#fff;border-color:#e5e7eb;transform:translateY(-1px);box-shadow:0 2px 8px #0000000a}.gm-view-item label,.gm-view-item-full label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.gm-view-item label svg,.gm-view-item-full label svg{color:#94a3b8;font-size:13px}.gm-view-item p,.gm-view-item-full p{color:#0f172a;margin:0;padding:6px 0;font-size:15px;font-weight:500}.gm-view-description{white-space:pre-wrap;word-break:break-word;line-height:1.7}.gm-warning-text{color:#dc2626;margin-left:6px;font-weight:600}.gm-modal-footer{background:#f8fafc;border-top:1px solid #e5e7eb;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:16px 28px;display:flex}.gm-modal-footer .gm-btn-cancel{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e5e7eb;border-radius:12px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s}.gm-modal-footer .gm-btn-cancel:hover:not(:disabled){background:#e5e7eb;transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.gm-modal-footer .gm-btn-cancel:active{transform:translateY(0)}.gm-modal-footer .gm-action-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.gm-modal-footer .gm-action-btn:after{content:"";opacity:0;background:#fff3;transition:opacity .3s;position:absolute;inset:0}.gm-modal-footer .gm-action-btn:hover:after{opacity:1}.gm-modal-footer .gm-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.gm-modal-footer .gm-action-btn:active{transform:translateY(0)scale(.97)}.gm-modal-footer .gm-action-edit{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid #d97706}.gm-modal-footer .gm-action-edit:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 6px 20px #f59e0b66}.gm-modal-footer .gm-action-assign{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border:1px solid #059669}.gm-modal-footer .gm-action-assign:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98166}.gm-modal-footer .gm-action-delete{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);border:1px solid #b91c1c}.gm-modal-footer .gm-action-delete:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 6px 20px #dc262666}.gm-modal-footer .gm-btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid #1d4ed8;border-radius:12px;padding:10px 28px;font-size:14px;font-weight:600;transition:all .3s}.gm-modal-footer .gm-btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.gm-modal-footer .gm-btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.gm-view-badges .gm-status-badge,.gm-view-badges .gm-priority-badge,.gm-view-badges .gm-overdue-badge{border-radius:24px;padding:6px 18px;font-size:13px;font-weight:600;box-shadow:0 2px 8px #0000000f}@media (width<=992px){.gm-modal-view{max-width:100%;margin:12px}}@media (width<=768px){.gm-modal{border-radius:16px;max-height:95vh;margin:12px}.gm-modal-header{flex-wrap:wrap;gap:12px;padding:16px 20px}.gm-modal-header h2{flex-wrap:wrap;font-size:17px}.gm-modal-header-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.gm-modal-header-actions .gm-action-btn{padding:6px 14px;font-size:12px}.gm-modal-body{padding:20px}.gm-view-grid{grid-template-columns:1fr;gap:12px}.gm-view-header{padding:16px 20px}.gm-view-title{font-size:18px}.gm-view-sla-info{grid-template-columns:1fr 1fr;padding:16px 20px}.gm-modal-footer{flex-direction:column;padding:14px 20px}.gm-modal-footer .gm-btn-cancel,.gm-modal-footer .gm-action-btn,.gm-modal-footer .gm-btn-submit{justify-content:center;width:100%}.gm-view-item,.gm-view-item-full{padding:12px 14px}.gm-view-badges .gm-status-badge,.gm-view-badges .gm-priority-badge,.gm-view-badges .gm-overdue-badge{padding:4px 12px;font-size:11px}}@media (width<=480px){.gm-modal{border-radius:12px;margin:8px}.gm-modal-header{padding:14px 16px}.gm-modal-header h2{font-size:15px}.gm-modal-header-actions .gm-action-btn{padding:4px 10px;font-size:11px}.gm-modal-header-actions .gm-action-btn span{display:none}.gm-modal-body{padding:16px}.gm-view-sla-info{grid-template-columns:1fr;padding:14px 16px}.gm-view-sla-item p{font-size:16px}.gm-view-id-header{padding:2px 10px;font-size:11px}}.gm-modal,.gm-modal-overlay,.gm-modal-header-actions .gm-action-btn,.gm-modal-footer .gm-action-btn,.gm-modal-footer .gm-btn-cancel,.gm-modal-footer .gm-btn-submit,.gm-view-item,.gm-view-item-full{transition:all .3s cubic-bezier(.4,0,.2,1)}.gm-view-header .gm-view-id{color:#2563eb;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:20px;padding:4px 16px;font-size:12px;font-weight:700;display:inline-block}.gm-view-header .gm-view-title{color:#0f172a;letter-spacing:-.02em;margin:10px 0 16px;font-size:24px;font-weight:700;line-height:1.3}.gm-view-header .gm-view-badges{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.gm-modal-header-actions .gm-action-btn svg,.gm-modal-footer .gm-action-btn svg{font-size:15px}.gm-modal-footer .gm-action-btn{letter-spacing:.3px;width:200px;font-weight:600}.gm-modal-footer .gm-action-edit:hover{box-shadow:0 0 30px #f59e0b4d}.gm-modal-footer .gm-action-assign:hover{box-shadow:0 0 30px #10b9814d}.gm-modal-footer .gm-action-delete:hover{box-shadow:0 0 30px #dc26264d}.gm-modal-footer .gm-btn-submit:hover{box-shadow:0 0 30px #2563eb4d}.gm-load-more-container{border-top:1px solid #e5e7eb;flex-direction:column;align-items:center;gap:1rem;margin-top:1rem;padding:2rem 0 1rem;display:flex}.gm-load-more-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex}.gm-load-more-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.gm-load-more-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.gm-load-more-btn .gm-spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.gm-load-more-info{color:#6b7280;font-size:.9rem}.gm-all-loaded{color:#10b981;border-top:1px solid #e5e7eb;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;padding:1.5rem;font-weight:500;display:flex}.gm-all-loaded-icon{color:#10b981;font-size:1.5rem}@media (width<=768px){.gm-load-more-btn{justify-content:center;width:100%;padding:.75rem 1rem}}.gm-view-feedback-section{background:#f8fafc;border-left:4px solid #f59e0b;border-radius:8px;margin:1rem 0;padding:1rem 1.5rem}.gm-view-feedback-section.gm-feedback-pending{background:#eff6ff;border-left-color:#3b82f6}.gm-view-feedback-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.gm-view-feedback-header h4{color:#1e293b;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;display:flex}.gm-feedback-icon{color:#f59e0b}.gm-view-feedback-content{flex-direction:column;gap:.5rem;display:flex}.gm-feedback-rating{align-items:center;gap:.75rem;display:flex}.gm-feedback-label{color:#475569;min-width:70px;font-size:.9rem;font-weight:500}.gm-feedback-stars{align-items:center;gap:2px;display:flex}.gm-feedback-star{color:#d1d5db;font-size:1.25rem;transition:color .2s}.gm-feedback-star.filled{color:#f59e0b}.gm-feedback-rating-text{color:#6b7280;margin-left:.5rem;font-size:.85rem}.gm-feedback-comment{align-items:flex-start;gap:.75rem;display:flex}.gm-feedback-comment-text{color:#1e293b;background:#fff;border-left:3px solid #f59e0b;border-radius:6px;flex:1;margin:0;padding:.5rem 1rem;font-style:italic}.gm-feedback-meta{margin-top:.25rem}.gm-feedback-badge{color:#92400e;background:#fef3c7;border-radius:12px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.8rem;font-weight:500;display:inline-flex}.gm-feedback-pending-text{color:#1e40af;align-items:center;gap:.5rem;margin:0;display:flex}.gm-feedback-info-icon{color:#3b82f6}@media (width<=640px){.gm-feedback-rating{flex-direction:column;align-items:flex-start;gap:.25rem}.gm-feedback-comment{flex-direction:column;gap:.25rem}}.gm-modal-edit-glass{max-width:580px;-webkit-backdrop-filter:blur(20px)!important;background:#ffffffd9!important;border:1px solid #ffffff4d!important;border-radius:24px!important;box-shadow:0 8px 32px #0000001f,0 4px 16px #0000000f!important}.gm-modal-edit-glass .gm-modal-header{-webkit-backdrop-filter:blur(10px)!important;background:#ffffff80!important;border-bottom:1px solid #fff3!important}.gm-modal-edit-glass .gm-modal-body{background:0 0!important}.gm-edit-id-badge{color:#2563eb;background:#2563eb1f;border:1px solid #2563eb26;border-radius:20px;margin-left:10px;padding:4px 14px;font-size:13px;font-weight:700}.gm-edit-info-banner{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2563eb14;border-left:4px solid #2563eb;border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:14px 20px;display:flex}.gm-edit-info-icon{color:#2563eb;flex-shrink:0;font-size:18px}.gm-edit-info-banner span{color:#1e293b;font-size:14px}.gm-edit-info-banner strong{color:#2563eb}.gm-edit-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.gm-edit-field{flex-direction:column;gap:6px;display:flex}.gm-edit-field label{color:#1e293b;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.gm-field-icon{color:#64748b;font-size:14px}.gm-edit-select{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#0f172a;cursor:pointer;appearance:none;background:#fff9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 14px center no-repeat;border:2px solid #e2e8f099;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .3s}.gm-edit-select:hover{background:#fffc;border-color:#2563eb4d}.gm-edit-select:focus{background:#ffffffe6;border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1a}.gm-edit-select:disabled{opacity:.5;cursor:not-allowed}.gm-field-hint{color:#94a3b8;margin-top:4px;font-size:12px}.gm-edit-current-values{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f1f5f999;border:1px solid #e2e8f066;border-radius:12px;grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 20px;display:grid}.gm-current-value-item{flex-direction:column;gap:4px;display:flex}.gm-current-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.gm-current-value{color:#0f172a;font-size:14px;font-weight:600}.gm-current-priority{align-items:center;display:inline-flex}@media (width<=768px){.gm-edit-grid{grid-template-columns:1fr}.gm-edit-current-values{grid-template-columns:1fr;gap:8px}.gm-modal-edit-glass{max-width:100%;margin:12px;border-radius:16px!important}.gm-edit-info-banner{padding:12px 16px;font-size:13px}.gm-edit-select{padding:10px 14px;font-size:13px}}@media (width<=480px){.gm-edit-info-banner{text-align:center;flex-direction:column;padding:12px}.gm-edit-info-banner span{font-size:13px}.gm-current-value-item{text-align:center;align-items:center}}.gm-dept-container{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1200px;min-height:100vh;margin:0 auto;padding:24px 28px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.gm-dept-loading{flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.gm-dept-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #fffc;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:20px 28px;display:flex;box-shadow:0 1px 3px #00000014}.gm-dept-header-left{flex:1}.gm-dept-title{color:#1f2937;letter-spacing:-.02em;margin:0 0 4px;font-size:28px;font-weight:700}.gm-header-icon{color:#4f46e5;vertical-align:middle;margin-right:10px;font-size:28px}.gm-dept-subtitle{color:#6b7280;margin:0;font-size:14px;line-height:1.6}.gm-dept-subtitle strong{color:#4f46e5}.gm-dept-header-right{align-items:center;gap:12px;display:flex}.gm-refresh-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.gm-refresh-btn:hover:not(:disabled){background:#e5e7eb;transform:translateY(-2px)}.gm-dept-error{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;margin-bottom:16px;padding:12px 16px}.gm-dept-success{color:#065f46;background:#ecfdf5;border:1px solid #6ee7b7;border-radius:10px;margin-bottom:16px;padding:12px 16px}.gm-dept-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.gm-stat-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;align-items:center;gap:14px;padding:18px 20px;transition:all .3s;display:flex;box-shadow:0 1px 3px #0000000f}.gm-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000014}.gm-stat-icon{border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;display:flex}.gm-stat-total .gm-stat-icon{color:#6d28d9;background:#ede9fe}.gm-stat-active .gm-stat-icon{color:#047857;background:#d1fae5}.gm-stat-inactive .gm-stat-icon{color:#d97706;background:#fef3c7}.gm-stat-sub .gm-stat-icon{color:#1d4ed8;background:#dbeafe}.gm-stat-info{flex:1}.gm-stat-value{color:#1f2937;margin:0;font-size:24px;font-weight:700;line-height:1.2}.gm-stat-label{color:#6b7280;margin:2px 0 0;font-size:13px}.gm-dept-tabs{background:#fff;border:1px solid #f1f5f9;border-radius:12px;gap:4px;margin-bottom:20px;padding:4px;display:flex;box-shadow:0 1px 3px #0000000f}.gm-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.gm-tab-active:hover{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed)}.gm-tab-badge{background:#fff3;border-radius:12px;padding:0 10px;font-size:12px;font-weight:600}.gm-tab-active .gm-tab-badge{background:#ffffff40}.gm-dept-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.gm-search-icon{color:#94a3b8;font-size:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.gm-filter-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.gm-filter-select{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:130px;padding:9px 14px;font-size:14px;transition:all .3s}.gm-filter-select:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51a}.gm-expand-collapse-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:9px 18px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.gm-expand-collapse-btn:hover{background:#f1f5f9;border-color:#4f46e5;transform:translateY(-1px)}.gm-expand-icon{color:#4f46e5;font-size:14px}.gm-expand-count{color:#94a3b8;font-size:12px;font-weight:400}.gm-add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #4f46e54d}.gm-categories-list{flex-direction:column;gap:8px;display:flex}.gm-category-item{background:#fff;border:1px solid #f1f5f9;border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 1px 3px #0000000f}.gm-category-item:hover{box-shadow:0 4px 15px #00000014}.gm-category-header{cursor:pointer;background:#fff;justify-content:space-between;align-items:center;padding:14px 20px;transition:all .3s;display:flex}.gm-category-header:hover{background:#f8fafc}.gm-category-header-expanded{background:#f8fafc;border-bottom:1px solid #f1f5f9}.gm-category-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.gm-expand-icon-btn{color:#94a3b8;justify-content:center;align-items:center;width:20px;font-size:14px;transition:transform .3s;display:flex}.gm-category-header-expanded .gm-expand-icon-btn{color:#4f46e5}.gm-category-icon{color:#f59e0b;flex-shrink:0;font-size:20px}.gm-category-info{flex:1;min-width:0}.gm-category-name{color:#1f2937;font-size:16px;font-weight:600}.gm-category-meta{flex-wrap:wrap;align-items:center;gap:12px;margin-top:2px;display:flex}.gm-sub-count{color:#6b7280;align-items:center;gap:4px;font-size:13px;display:flex}.gm-meta-icon{font-size:12px}.gm-category-status{display:inline-flex}.gm-category-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.gm-subcategories-list{background:#fafbfc;border-top:1px solid #f1f5f9;padding:8px 16px 16px 52px;animation:.3s gm-slideDown}@keyframes gm-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.gm-subcategory-item{background:#fff;border:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;margin-top:8px;padding:10px 16px;transition:all .2s;display:flex}.gm-subcategory-item:first-child{margin-top:0}.gm-subcategory-item:hover{background:#f8fafc;border-color:#e2e8f0;transform:translate(4px)}.gm-subcategory-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.gm-subcategory-icon{color:#94a3b8;flex-shrink:0;font-size:16px}.gm-subcategory-name{color:#1f2937;font-size:14px;font-weight:500}.gm-subcategory-status{margin-left:8px;display:inline-flex}.gm-subcategory-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.gm-no-subcategories{color:#94a3b8;background:#fff;border:1px dashed #e2e8f0;border-radius:8px;align-items:center;gap:12px;margin-top:8px;padding:12px 16px;font-size:14px;display:flex}.gm-add-sub-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;align-items:center;gap:6px;padding:4px 14px;font-size:13px;font-weight:500;transition:all .3s;display:inline-flex}.gm-add-sub-btn:hover{background:#4338ca;transform:scale(1.02)}.gm-action-buttons{gap:4px;display:flex}.gm-action-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px 10px;font-size:14px;transition:all .2s;display:flex}.gm-action-toggle{font-size:16px}.gm-toggle-active{color:#10b981}.gm-toggle-inactive{color:#6b7280}.gm-dept-table-wrapper{background:#fff;border:1px solid #f1f5f9;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.gm-dept-table{border-collapse:collapse;width:100%}.gm-dept-table thead{background:#f8fafc}.gm-dept-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:12px;font-weight:600}.gm-dept-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px}.gm-dept-table tbody tr{transition:background .2s}.gm-dept-table tbody tr:hover{background:#f8fafc}.gm-dept-name{color:#1f2937;align-items:center;gap:10px;font-weight:500;display:flex}.gm-dept-icon{color:#f59e0b;font-size:18px}.gm-sub-icon{color:#94a3b8;font-size:16px}.gm-parent-category{color:#475569;align-items:center;gap:6px;font-size:13px;display:flex}.gm-parent-icon{color:#f59e0b;font-size:14px}.gm-dept-date{color:#94a3b8;font-size:13px}.gm-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.3s gm-fadeIn;display:flex;position:fixed;inset:0}.gm-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.gm-modal-icon{vertical-align:middle;color:#4f46e5;margin-right:8px;font-size:20px}.gm-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0 8px;font-size:28px;transition:color .2s}.gm-modal-close:hover{color:#1f2937}.gm-form-group{margin-bottom:16px}.gm-form-group label{color:#374151;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.gm-form-group input,.gm-form-group select{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .3s}.gm-form-group input:focus,.gm-form-group select:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 3px #4f46e51a}.gm-form-input-error{border-color:#dc2626!important}.gm-form-input-error:focus{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26261a!important}.gm-form-error{color:#dc2626;margin-top:4px;font-size:12px;display:block}.gm-btn-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .3s}.gm-btn-cancel:hover:not(:disabled){background:#e2e8f0}.gm-btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #4f46e54d}.gm-btn-delete:hover:not(:disabled){background:#b91c1c;transform:translateY(-2px);box-shadow:0 4px 15px #dc26264d}.gm-btn-cancel:disabled,.gm-btn-submit:disabled,.gm-btn-delete:disabled{opacity:.6;cursor:not-allowed;transform:none}.gm-delete-warning{text-align:center;padding:12px 0}@media (width<=1024px){.gm-dept-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.gm-dept-container{padding:16px}.gm-dept-header{flex-direction:column;align-items:flex-start;padding:16px 20px}.gm-dept-header-right{width:100%}.gm-dept-title{font-size:22px}.gm-dept-controls{flex-direction:column;align-items:stretch}.gm-filter-group{flex-wrap:wrap}.gm-filter-select{flex:1;min-width:120px}.gm-expand-collapse-btn{flex:1;justify-content:center}.gm-add-btn{justify-content:center;width:100%}.gm-dept-stats{grid-template-columns:repeat(2,1fr);gap:12px}.gm-dept-table-wrapper{overflow-x:auto}.gm-dept-table{min-width:600px}.gm-modal{max-width:95%;margin:10px}.gm-subcategories-list{padding:8px 12px 12px 16px}.gm-category-header{flex-wrap:wrap;gap:8px}.gm-category-actions{justify-content:flex-end;width:100%}.gm-subcategory-item{flex-wrap:wrap;gap:8px}.gm-subcategory-actions{justify-content:flex-end;width:100%}}@media (width<=480px){.gm-dept-container{padding:10px}.gm-dept-title{font-size:18px}.gm-header-icon{font-size:22px}.gm-dept-stats{grid-template-columns:1fr}.gm-stat-card{padding:14px 16px}.gm-stat-value{font-size:20px}.gm-tab{padding:8px 12px;font-size:12px}.gm-tab-badge{padding:0 6px;font-size:10px}.gm-modal-footer{flex-direction:column}.gm-btn-cancel,.gm-btn-submit,.gm-btn-delete{justify-content:center;width:100%}.gm-action-buttons{flex-wrap:wrap}.gm-category-name{font-size:14px}.gm-category-meta{flex-direction:column;align-items:flex-start;gap:4px}.gm-subcategory-name{font-size:13px}.gm-expand-collapse-btn{padding:8px 12px;font-size:12px}.gm-expand-count{font-size:10px}}.gm-action-restore{color:#065f46;cursor:pointer;background:#d1fae5;border:none;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.gm-action-restore:hover{background:#a7f3d0;transform:scale(1.02)}.gm-subcategory-sla{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:14px;flex-shrink:0;align-items:center;gap:6px;margin-left:10px;padding:3px 12px 3px 8px;font-size:12px;transition:all .2s;display:inline-flex}.gm-subcategory-sla:hover{background:#e2e8f0;border-color:#94a3b8}.gm-sla-icon{font-size:13px}.gm-sla-icon.gm-sla-not-set{color:#94a3b8}.gm-sla-icon.gm-sla-urgent{color:#dc2626}.gm-sla-icon.gm-sla-critical{color:#f59e0b}.gm-sla-icon.gm-sla-high{color:#3b82f6}.gm-sla-icon.gm-sla-normal{color:#10b981}.gm-sla-text{color:#0f172a;min-width:30px;font-size:12px;font-weight:700}.gm-sla-label{color:#475569;white-space:nowrap;background:#ffffff80;border-radius:8px;padding:1px 8px;font-size:11px;font-weight:500}.gm-sla-not-set{color:#ef4444;background:#fee2e2;border-radius:10px;padding:2px 10px;font-size:11px;font-weight:500}.gm-sla-label-urgent{color:#dc2626;background:#fef2f2}.gm-sla-label-critical{color:#d97706;background:#fffbeb}.gm-sla-label-high{color:#2563eb;background:#eff6ff}.gm-sla-label-normal{color:#059669;background:#ecfdf5}.gm-sla-label-extended{color:#6b7280;background:#f3f4f6}.gm-physical-container{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1440px;min-height:100vh;margin:0 auto;padding:24px 28px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.gm-physical-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #fffc;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;padding:20px 28px;display:flex;box-shadow:0 1px 3px #00000014}.gm-physical-title{color:#1f2937;letter-spacing:-.02em;margin:0 0 4px;font-size:28px;font-weight:700}.gm-physical-title-icon{color:#3b82f6;margin-right:10px}.gm-physical-subtitle{color:#6b7280;margin:0;font-size:15px}.gm-physical-header-actions{flex-wrap:wrap;gap:12px;display:flex}.gm-physical-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.gm-physical-btn-refresh{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb}.gm-physical-btn-refresh:hover:not(:disabled){background:#e5e7eb;transform:translateY(-2px)}.gm-physical-btn-refresh:disabled{opacity:.6;cursor:not-allowed}.gm-physical-btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d}.gm-physical-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.gm-physical-btn-danger{color:#fff;background:#ef4444}.gm-physical-btn-danger:hover{background:#dc2626;transform:translateY(-2px)}.gm-physical-btn-cancel{color:#475569;background:#f1f5f9}.gm-physical-btn-cancel:hover:not(:disabled){background:#e2e8f0}.gm-physical-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.gm-physical-spin{animation:1s linear infinite gm-physical-spin}@keyframes gm-physical-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gm-physical-alert{border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;animation:.3s gm-physical-slideDown;display:flex}@keyframes gm-physical-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.gm-physical-alert-error{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5}.gm-physical-alert-success{color:#065f46;background:#ecfdf5;border:1px solid #6ee7b7}.gm-physical-alert-close{cursor:pointer;opacity:.6;color:inherit;background:0 0;border:none;margin-left:auto;padding:4px 8px;transition:opacity .2s}.gm-physical-alert-close:hover{opacity:1}.gm-physical-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.gm-physical-view-toggle{background:#fff;border:1px solid #e2e8f0;border-radius:10px;gap:4px;padding:4px;display:flex}.gm-physical-view-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.gm-physical-view-btn:hover{color:#1f2937;background:#f1f5f9}.gm-physical-view-btn-active{color:#fff;background:#3b82f6}.gm-physical-view-btn-active:hover{color:#fff;background:#2563eb}.gm-physical-search{flex:1;min-width:200px;position:relative}.gm-physical-search-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.gm-physical-search-input{background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:10px 12px 10px 36px;font-size:14px;transition:all .3s}.gm-physical-search-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.gm-physical-loading{justify-content:center;align-items:center;min-height:400px;display:flex}.gm-physical-loading-content{text-align:center}.gm-physical-spinner{border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:48px;height:48px;margin:0 auto;animation:1s linear infinite gm-physical-spin}.gm-physical-loading-text{color:#6b7280;margin-top:16px;font-size:16px}.gm-physical-hierarchy{flex-direction:column;gap:16px;display:flex}.gm-physical-no-data{text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:14px;padding:60px 20px}.gm-physical-no-data-icon{color:#d1d5db;margin-bottom:16px;font-size:64px}.gm-physical-no-data-title{color:#1f2937;margin:0 0 8px;font-size:20px;font-weight:600}.gm-physical-no-data-text{color:#6b7280;font-size:14px}.gm-physical-phase-card{background:#fff;border:1px solid #f1f5f9;border-radius:14px;transition:all .3s;overflow:hidden;box-shadow:0 1px 3px #00000014}.gm-physical-phase-card:hover{box-shadow:0 4px 12px #0000001a}.gm-physical-phase-header{cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:16px 20px;transition:background .2s;display:flex}.gm-physical-phase-header:hover{background:#f8fafc}.gm-physical-phase-info{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.gm-physical-phase-name{color:#1f2937;font-size:18px;font-weight:600}.gm-physical-phase-count{color:#6b7280;font-size:13px;font-weight:500}.gm-physical-phase-actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.gm-physical-phase-content{border-top:1px solid #f1f5f9;padding:16px 20px 20px}.gm-physical-blocks-container{flex-direction:column;gap:12px;display:flex}.gm-physical-block-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;transition:all .3s;overflow:hidden}.gm-physical-block-header{cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;transition:background .2s;display:flex}.gm-physical-block-header:hover{background:#f1f5f9}.gm-physical-block-info{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.gm-physical-block-name{color:#1f2937;font-size:15px;font-weight:500}.gm-physical-block-count{color:#6b7280;font-size:12px;font-weight:500}.gm-physical-block-actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.gm-physical-block-content{border-top:1px solid #e2e8f0;padding:12px 16px 16px}.gm-physical-no-blocks,.gm-physical-no-units{text-align:center;color:#94a3b8;padding:20px 0;font-size:14px}.gm-physical-unit-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.gm-physical-unit-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px;transition:all .3s}.gm-physical-unit-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.gm-physical-unit-header{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.gm-physical-unit-info{align-items:center;gap:8px;display:flex}.gm-physical-unit-number{color:#1f2937;font-weight:500}.gm-physical-unit-inactive{color:#ef4444;font-size:11px;font-weight:500}.gm-physical-unit-actions{align-items:center;gap:2px;display:flex}.gm-physical-unit-details{border-top:1px solid #f1f5f9;margin-top:10px;padding-top:10px}.gm-physical-unit-detail{color:#6b7280;margin:4px 0;font-size:13px}.gm-physical-unit-detail strong{color:#1f2937}.gm-physical-unit-meta{color:#94a3b8;margin-top:8px;font-size:12px}.gm-physical-add-block-btn{color:#6d28d9;cursor:pointer;background:#ede9fe;border:none;border-radius:8px;align-items:center;gap:6px;margin-bottom:12px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.gm-physical-add-block-btn:hover{background:#ddd6fe;transform:translateY(-1px)}.gm-physical-add-unit-btn{color:#15803d;cursor:pointer;background:#dcfce7;border:none;border-radius:8px;align-items:center;gap:6px;margin-bottom:12px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.gm-physical-add-unit-btn:hover{background:#bbf7d0;transform:translateY(-1px)}.gm-physical-status-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.gm-physical-status-active{color:#065f46;background:#d1fae5}.gm-physical-status-inactive{color:#92400e;background:#fef3c7}.gm-physical-status-icon{font-size:12px}.gm-physical-icon-phase{color:#3b82f6;font-size:18px}.gm-physical-icon-block{color:#8b5cf6;font-size:16px}.gm-physical-icon-unit{color:#22c55e;font-size:16px}.gm-physical-list-view{background:#fff;border:1px solid #f1f5f9;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #00000014}.gm-physical-table-wrapper{overflow-x:auto}.gm-physical-table{border-collapse:collapse;width:100%}.gm-physical-table thead{background:#f8fafc}.gm-physical-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:12px;font-weight:600}.gm-physical-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px}.gm-physical-table tbody tr{transition:background .2s}.gm-physical-table tbody tr:hover{background:#f8fafc}.gm-physical-table-type{align-items:center;gap:8px;font-weight:500;display:flex}.gm-physical-table-type-phase{color:#3b82f6}.gm-physical-table-type-block{color:#8b5cf6}.gm-physical-table-type-unit{color:#22c55e}.gm-physical-table-name{color:#1f2937;font-weight:500}.gm-physical-table-parent{color:#6b7280}.gm-physical-table-actions{align-items:center;gap:6px;display:flex}.gm-physical-no-results{text-align:center;color:#6b7280;padding:40px!important}.gm-physical-action-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px 10px;font-size:14px;transition:all .2s;display:inline-flex}.gm-physical-action-btn:hover{transform:scale(1.1)}.gm-physical-action-view{color:#3b82f6}.gm-physical-action-view:hover{background:#eff6ff}.gm-physical-action-edit{color:#d97706}.gm-physical-action-edit:hover{background:#fef3c7}.gm-physical-action-delete{color:#dc2626}.gm-physical-action-delete:hover{background:#fef2f2}.gm-physical-action-restore{color:#16a34a}.gm-physical-action-restore:hover{background:#ecfdf5}.gm-physical-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.3s gm-physical-fadeIn;display:flex;position:fixed;inset:0}@keyframes gm-physical-fadeIn{0%{opacity:0}to{opacity:1}}.gm-physical-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;animation:.3s gm-physical-slideUp;overflow-y:auto}@keyframes gm-physical-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.gm-physical-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.gm-physical-modal-header h2{color:#1f2937;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:700;display:flex}.gm-physical-modal-icon{color:#3b82f6;font-size:20px}.gm-physical-delete-title{color:#dc2626!important}.gm-physical-delete-icon{color:#dc2626;font-size:20px}.gm-physical-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:24px;transition:color .2s}.gm-physical-modal-close:hover{color:#1f2937}.gm-physical-modal-body{padding:24px}.gm-physical-modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;display:flex}.gm-physical-form-group{margin-bottom:16px}.gm-physical-form-group:last-child{margin-bottom:0}.gm-physical-form-label{color:#374151;margin-bottom:4px;font-size:14px;font-weight:500;display:block}.gm-physical-form-label-required{color:#dc2626}.gm-physical-form-input{box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .3s}.gm-physical-form-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.gm-physical-form-input-error{border-color:#dc2626!important}.gm-physical-form-input-error:focus{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc26261a!important}.gm-physical-form-error{color:#dc2626;margin-top:4px;font-size:12px}.gm-physical-form-textarea{resize:vertical;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;width:100%;min-height:80px;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .3s}.gm-physical-form-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.gm-physical-form-select{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .3s}.gm-physical-form-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.gm-physical-delete-warning{text-align:center;padding:12px 0}.gm-physical-delete-text{color:#1f2937;margin:8px 0;font-size:16px}.gm-physical-delete-subtext{color:#6b7280;font-size:14px}.gm-physical-view-item{flex-direction:column;margin-bottom:12px;display:flex}.gm-physical-view-item:last-child{margin-bottom:0}.gm-physical-view-tag{color:#1e40af;background:#dbeafe;border-radius:12px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 14px;font-size:14px;font-weight:500;display:inline-flex}.gm-physical-view-name{font-size:16px;font-weight:600}@media (width<=1024px){.gm-physical-unit-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (width<=768px){.gm-physical-container{padding:16px}.gm-physical-header{flex-direction:column;align-items:flex-start;padding:16px 20px}.gm-physical-header-actions{width:100%}.gm-physical-header-actions button{flex:1;justify-content:center}.gm-physical-title{font-size:22px}.gm-physical-controls{flex-direction:column;align-items:stretch}.gm-physical-view-toggle{justify-content:center}.gm-physical-search{min-width:unset}.gm-physical-phase-header{flex-direction:column;align-items:flex-start}.gm-physical-phase-actions{justify-content:flex-start;width:100%;margin-top:8px}.gm-physical-block-header{flex-direction:column;align-items:flex-start}.gm-physical-block-actions{justify-content:flex-start;width:100%;margin-top:8px}.gm-physical-unit-grid{grid-template-columns:1fr}.gm-physical-table{min-width:600px;font-size:13px}.gm-physical-table th,.gm-physical-table td{padding:10px 12px}.gm-physical-modal{max-width:95%;margin:10px}.gm-physical-modal-footer{flex-direction:column}.gm-physical-modal-footer button{justify-content:center;width:100%}.gm-physical-phase-content{padding:12px 16px 16px}.gm-physical-block-content{padding:10px 12px 12px}}@media (width<=480px){.gm-physical-container{padding:10px}.gm-physical-title{font-size:18px}.gm-physical-phase-name{font-size:16px}.gm-physical-view-btn{padding:6px 12px;font-size:12px}.gm-physical-phase-header{padding:12px 16px}.gm-physical-block-header{padding:10px 14px}.gm-physical-unit-card{padding:12px}.gm-physical-table th,.gm-physical-table td{padding:8px 10px;font-size:12px}.gm-physical-action-btn{padding:4px 8px;font-size:12px}.gm-physical-modal-header h2{font-size:17px}.gm-physical-modal-body{padding:16px}.gm-physical-unit-grid{grid-template-columns:1fr}}.gm-physical-modal::-webkit-scrollbar{width:6px}.gm-physical-modal::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.gm-physical-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}.gm-physical-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}.gm-physical-unit-detail-grid{grid-template-columns:1fr 1fr;gap:8px 16px;margin-bottom:8px;display:grid}.gm-physical-unit-detail-item{flex-direction:column;display:flex}.gm-physical-unit-detail-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.gm-physical-unit-detail-value{color:#1f2937;font-size:14px;font-weight:500}.gm-physical-unit-detail-phase{border-top:1px solid #f1f5f9;flex-direction:column;margin-top:4px;padding-top:8px;display:flex}.gm-physical-unit-detail-meta{color:#94a3b8;border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:4px;margin-top:8px;padding-top:8px;font-size:12px;display:flex}.gm-physical-unit-detail-meta-separator{color:#d1d5db}.gm-physical-view-details-grid{grid-template-columns:1fr 1fr;gap:12px 20px;margin-top:8px;display:grid}.gm-physical-view-item-full{grid-column:1/-1}.gm-physical-view-item{flex-direction:column;display:flex}.gm-physical-view-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:11px;font-weight:600}.gm-physical-view-value{color:#1f2937;font-size:14px;font-weight:500}.gm-physical-status-active-small{color:#065f46;background:#d1fae5;border-radius:12px;padding:2px 12px;font-size:12px;font-weight:600;display:inline-block}.gm-physical-status-inactive-small{color:#92400e;background:#fef3c7;border-radius:12px;padding:2px 12px;font-size:12px;font-weight:600;display:inline-block}@media (width<=768px){.gm-physical-view-details-grid{grid-template-columns:1fr;gap:10px}}.gm-staff-container{max-width:1400px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.gm-staff-header{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;display:flex;box-shadow:0 2px 8px #0000000f}.gm-staff-header-left{flex-direction:column;gap:4px;display:flex}.gm-staff-title{color:#2c3e50;align-items:center;gap:12px;margin:0;font-size:24px;font-weight:700;display:flex}.gm-header-icon{color:#4a90d9;font-size:28px}.gm-staff-subtitle{color:#6c757d;margin:0;font-size:14px}.gm-staff-header-right{gap:12px;display:flex}.gm-refresh-btn{color:#495057;cursor:pointer;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;transition:all .2s;display:flex}.gm-refresh-btn:hover{background:#e9ecef;border-color:#ced4da}.gm-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.gm-refresh-icon{font-size:16px}.gm-staff-error{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;margin-bottom:16px;padding:12px 16px}.gm-staff-success{color:#155724;background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;margin-bottom:16px;padding:12px 16px}.gm-tabs{background:#f1f3f5;border-radius:10px;gap:4px;margin-bottom:24px;padding:4px;display:flex}.gm-tab{color:#6c757d;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex;position:relative}.gm-tab:hover{color:#495057;background:#ffffff80}.gm-tab-active{color:#2c3e50;background:#fff;box-shadow:0 2px 4px #0000000f}.gm-tab-active:hover{background:#fff}.gm-tab-icon{font-size:16px}.gm-tab-badge{color:#495057;background:#e9ecef;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.gm-tab-active .gm-tab-badge{color:#fff;background:#4a90d9}.gm-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.gm-search-wrapper{flex:1;min-width:250px;position:relative}.gm-search-icon{color:#adb5bd;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.gm-search-input{background:#fff;border:1px solid #dee2e6;border-radius:8px;width:100%;padding:10px 12px 10px 40px;font-size:14px;transition:all .2s}.gm-search-input:focus{border-color:#4a90d9;outline:none;box-shadow:0 0 0 3px #4a90d91a}.gm-search-clear{color:#adb5bd;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:16px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.gm-search-clear:hover{color:#495057}.gm-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#4a90d9;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.gm-add-btn:hover{background:#357abd;transform:translateY(-1px);box-shadow:0 4px 12px #4a90d94d}.gm-add-btn:active{transform:translateY(0)}.gm-add-icon{font-size:18px}.gm-staff-table-wrapper{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.gm-staff-table{border-collapse:collapse;width:100%}.gm-staff-table thead{background:#f8f9fa}.gm-staff-table th{text-align:left;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e9ecef;padding:12px 16px;font-size:12px;font-weight:600}.gm-staff-table td{color:#2c3e50;vertical-align:middle;border-bottom:1px solid #f1f3f5;padding:12px 16px;font-size:14px}.gm-staff-table tbody tr:hover{background:#f8f9fa}.gm-staff-info{align-items:center;gap:12px;display:flex}.gm-staff-avatar{color:#fff;background:#4a90d9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.gm-staff-name{color:#2c3e50;font-weight:500}.gm-staff-role{color:#6c757d;font-size:12px}.gm-staff-contact{flex-direction:column;gap:2px;display:flex}.gm-staff-contact div{color:#495057;align-items:center;gap:6px;font-size:13px;display:flex}.gm-contact-icon{color:#6c757d;font-size:12px}.gm-assigned-categories{flex-direction:column;gap:4px;display:flex}.gm-category-count{color:#495057;align-items:center;gap:4px;font-size:13px;display:flex}.gm-category-icon{color:#6c757d}.gm-category-tags{flex-wrap:wrap;gap:4px;display:flex}.gm-category-tag{color:#495057;background:#e9ecef;border-radius:12px;padding:2px 8px;font-size:11px}.gm-category-more{color:#6c757d;font-size:11px}.gm-assigned-department{color:#495057;font-size:13px}.gm-status-badge{border-radius:12px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.gm-status-active{color:#155724;background:#d4edda}.gm-status-inactive{color:#721c24;background:#f8d7da}.gm-staff-date{color:#6c757d;font-size:13px}.gm-action-buttons{flex-wrap:wrap;gap:4px;display:flex}.gm-action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:inline-flex}.gm-action-btn:hover{transform:scale(1.05)}.gm-action-view{color:#0d47a1;background:#e3f2fd}.gm-action-view:hover{background:#bbdefb}.gm-action-edit{color:#e65100;background:#fff3e0}.gm-action-edit:hover{background:#ffe0b2}.gm-action-assign{color:#1b5e20;background:#e8f5e9}.gm-action-assign:hover{background:#c8e6c9}.gm-action-delete{color:#b71c1c;background:#fce4ec}.gm-action-delete:hover{background:#f8bbd0}.gm-action-restore{color:#1b5e20;background:#e8f5e9;gap:4px;width:auto;padding:0 12px}.gm-action-restore:hover{background:#c8e6c9}.gm-restore-icon{font-size:12px}.gm-no-data{text-align:center;padding:60px 20px}.gm-no-data-icon{color:#dee2e6;margin-bottom:16px;font-size:48px}.gm-no-data-title{color:#2c3e50;margin:0 0 8px;font-size:20px;font-weight:600}.gm-no-data-text{color:#6c757d;margin:0;font-size:14px}.gm-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s gm-fade-in;display:flex;position:fixed;inset:0}@keyframes gm-fade-in{0%{opacity:0}to{opacity:1}}.gm-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;animation:.3s gm-slide-up;overflow-y:auto;box-shadow:0 20px 60px #0003}.gm-modal-header h2{color:#2c3e50;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:600;display:flex}.gm-modal-icon{color:#4a90d9;font-size:22px}.gm-modal-close{color:#6c757d;cursor:pointer;background:0 0;border:none;padding:0 8px;font-size:24px;line-height:1;transition:all .2s}.gm-modal-close:hover{color:#2c3e50;transform:rotate(90deg)}.gm-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.gm-form-field{flex-direction:column;gap:4px;display:flex}.gm-form-field-full{grid-column:1/-1}.gm-form-field label{color:#495057;font-size:13px;font-weight:500}.gm-form-field input,.gm-form-field select,.gm-form-field textarea{border:1px solid #dee2e6;border-radius:6px;padding:8px 12px;font-family:inherit;font-size:14px;transition:all .2s}.gm-form-field input:focus,.gm-form-field select:focus,.gm-form-field textarea:focus{border-color:#4a90d9;outline:none;box-shadow:0 0 0 3px #4a90d91a}.gm-form-field input.gm-form-input-error,.gm-form-field select.gm-form-input-error,.gm-form-field textarea.gm-form-input-error{border-color:#dc3545}.gm-form-field textarea{resize:vertical;min-height:80px}.gm-required{color:#dc3545}.gm-form-error{color:#dc3545;margin-top:2px;font-size:12px}.gm-hint{color:#6c757d;margin-top:4px;font-size:12px}.gm-department-select{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;flex-direction:column;gap:8px;max-height:200px;padding:8px;display:flex;overflow-y:auto}.gm-dept-checkbox{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;font-size:14px;transition:all .2s;display:flex}.gm-dept-checkbox:hover{background:#e9ecef}.gm-dept-checkbox input[type=checkbox]{cursor:pointer;accent-color:#4a90d9;width:16px;height:16px}.gm-dept-name{color:#2c3e50}.gm-no-departments-msg{color:#6c757d;text-align:center;padding:12px;font-size:14px}.gm-staff-loading{flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.gm-loading-spinner{border:4px solid #e9ecef;border-top-color:#4a90d9;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite gm-spin}.gm-loading-text{color:#6c757d;margin-top:16px;font-size:14px}.gm-view-profile{flex-direction:column;align-items:center;padding:20px 0;display:flex}.gm-view-avatar{color:#fff;background:#4a90d9;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:12px;font-size:32px;font-weight:600;display:flex}.gm-view-name{color:#2c3e50;font-size:20px;font-weight:600}.gm-view-status{margin-top:8px}.gm-view-details{margin-top:16px}.gm-view-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.gm-view-item{flex-direction:column;gap:2px;display:flex}.gm-view-item-full{grid-column:1/-1}.gm-view-item label{color:#6c757d;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.gm-view-item p{color:#2c3e50;margin:0;font-size:14px}.gm-view-departments{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.gm-view-dept-tag{color:#495057;background:#e9ecef;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:inline-flex}.gm-view-dept-tag .gm-remove-category-btn{color:#dc3545;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:14px;font-weight:700;line-height:1}.gm-view-dept-tag .gm-remove-category-btn:hover{color:#a71d2a}.gm-department-select-wrapper{flex-direction:column;gap:12px;display:flex}.gm-assign-label{color:#495057;font-size:14px;font-weight:500}.gm-select-all-wrapper{padding:4px 0}.gm-select-all-label{cursor:pointer;color:#495057;border-radius:4px;align-items:center;gap:8px;padding:4px 8px;font-size:14px;transition:all .2s;display:flex}.gm-select-all-label:hover{background:#e9ecef}.gm-select-all-label input[type=checkbox]{cursor:pointer;accent-color:#4a90d9;width:16px;height:16px}.gm-select-all-text{font-weight:500}.gm-select-all-count{color:#6c757d;font-size:12px}.gm-department-checkbox-grid{background:#fff;border:1px solid #dee2e6;border-radius:6px;grid-template-columns:1fr 1fr;gap:4px;max-height:200px;padding:4px;display:grid;overflow-y:auto}.gm-already-assigned-info{background:#fff3cd;border-left:3px solid #ffc107;border-radius:4px;margin-top:8px;padding:8px 12px}.gm-already-assigned-info .gm-hint{color:#856404}.gm-assigned-list{color:#856404;font-weight:500}.gm-selection-info{color:#495057;background:#f8f9fa;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;display:flex}.gm-selected-list{color:#4a90d9;font-weight:500}.gm-clear-selection{color:#dc3545;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:12px;transition:all .2s}.gm-clear-selection:hover{background:#fce4ec}.gm-no-departments-message{text-align:center;color:#6c757d;padding:20px}.gm-no-departments-message .gm-hint{margin-top:8px;display:block}.gm-btn-refresh-departments{color:#fff;cursor:pointer;background:#4a90d9;border:none;border-radius:4px;align-items:center;gap:6px;margin-top:8px;padding:6px 14px;font-size:13px;transition:all .2s;display:inline-flex}.gm-btn-refresh-departments:hover{background:#357abd}.gm-delete-warning{text-align:center;flex-direction:column;align-items:center;padding:12px 0;display:flex}.gm-warning-icon{color:#ffc107;margin-bottom:12px;font-size:48px}.gm-delete-warning p{color:#2c3e50;margin:4px 0;font-size:14px}.gm-delete-subtext{color:#6c757d!important;font-size:13px!important}.gm-delete-icon{color:#dc3545!important}.gm-reassign-section{text-align:left;background:#f8f9fa;border-radius:8px;width:100%;margin-top:16px;padding:16px}.gm-reassign-label{color:#495057;align-items:center;gap:6px;margin-bottom:8px;font-size:14px;font-weight:500;display:flex}.gm-reassign-icon{color:#6c757d}.gm-reassign-select{background:#fff;border:1px solid #dee2e6;border-radius:6px;width:100%;padding:8px 12px;font-size:14px}.gm-reassign-hint{color:#6c757d;margin-top:4px;font-size:12px;display:block}.gm-modal-footer{border-top:1px solid #e9ecef;justify-content:flex-end;gap:12px;margin-top:16px;padding-top:16px;display:flex}.gm-btn-cancel{color:#495057;cursor:pointer;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:8px 20px;font-size:14px;transition:all .2s}.gm-btn-cancel:hover{background:#e9ecef}.gm-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.gm-btn-submit{color:#fff;cursor:pointer;background:#4a90d9;border:none;border-radius:6px;padding:8px 24px;font-size:14px;font-weight:500;transition:all .2s}.gm-btn-submit:hover{background:#357abd}.gm-btn-submit:disabled{opacity:.6;cursor:not-allowed}.gm-btn-delete{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:6px;padding:8px 24px;font-size:14px;font-weight:500;transition:all .2s}.gm-btn-delete:hover{background:#c82333}.gm-btn-delete:disabled{opacity:.6;cursor:not-allowed}.gm-spinning{animation:.8s linear infinite gm-spin;display:inline-block}.gm-edit-department-info{background:#f8f9fa;border-left:3px solid #4a90d9;border-radius:6px;margin-bottom:12px;padding:12px 16px}.gm-current-department{color:#2c3e50;margin:0 0 4px;font-size:14px}.gm-current-department strong{color:#495057}.gm-edit-hint{color:#6c757d;margin:4px 0 0;font-size:13px}.gm-edit-department-info .gm-hint{color:#6c757d;margin-top:6px;font-size:13px;display:block}.gm-edit-department-info .gm-hint strong{color:#495057}@media (width<=768px){.gm-staff-container{padding:12px}.gm-staff-header{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.gm-staff-title{font-size:20px}.gm-controls{flex-direction:column;align-items:stretch}.gm-search-wrapper{min-width:unset}.gm-staff-table{font-size:12px}.gm-staff-table th,.gm-staff-table td{padding:8px 10px}.gm-staff-table td:last-child,.gm-staff-table th:last-child{min-width:120px}.gm-modal{border-radius:12px;max-width:100%;margin:16px}.gm-form-grid,.gm-view-grid,.gm-department-checkbox-grid{grid-template-columns:1fr}.gm-tabs{flex-direction:column;gap:2px}.gm-tab{justify-content:center}.gm-action-buttons{flex-wrap:wrap}.gm-action-btn{width:28px;height:28px;font-size:12px}.gm-action-restore{width:auto;padding:0 8px}.gm-staff-contact{font-size:12px}}@media (width<=480px){.gm-staff-table-wrapper{overflow-x:auto}.gm-staff-table{min-width:600px}.gm-modal-header h2{font-size:16px}.gm-modal-body{padding:16px}.gm-view-avatar{width:60px;height:60px;font-size:24px}}.gm-profile-container{width:100%;max-width:900px;margin:0 auto;padding:24px;animation:.3s gm-fade-in}.gm-profile-title{color:#1f2937;margin:0;font-size:28px;font-weight:700}.gm-profile-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;padding:20px;display:flex}.gm-loading-spinner{color:#667eea;animation:1s linear infinite gm-spin}.gm-profile-loading p{color:#6b7280;margin:0;font-size:16px}.gm-spinning{animation:1s linear infinite gm-spin}.gm-profile-error{color:#dc2626;background-color:#fef2f2;border:1px solid #fca5a5;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.gm-profile-success{color:#16a34a;background-color:#f0fdf4;border:1px solid #86efac;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.gm-profile-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.gm-profile-edit-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.gm-profile-edit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.gm-profile-edit-btn:active{transform:translateY(0)}.gm-profile-card{background:#fff;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 1px 3px #0000001a}.gm-profile-card-title{color:#1f2937;border-bottom:2px solid #f3f4f6;margin-bottom:20px;padding-bottom:12px;font-size:18px;font-weight:600}.gm-profile-display-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.gm-profile-display-field{flex-direction:column;gap:4px;display:flex}.gm-profile-display-field-full{flex-direction:column;grid-column:1/-1;gap:4px;display:flex}.gm-profile-label{color:#374151;align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.gm-profile-label svg{color:#6b7280}.gm-profile-value{color:#1f2937;word-break:break-word;background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;min-height:40px;margin:0;padding:10px 14px;font-size:14px}.gm-profile-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.gm-profile-field{flex-direction:column;gap:4px;display:flex}.gm-profile-field-full{flex-direction:column;grid-column:1/-1;gap:4px;display:flex}.gm-profile-input{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 14px;font-size:14px;transition:border-color .2s}.gm-profile-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.gm-profile-input:disabled{cursor:not-allowed;background-color:#f3f4f6}.gm-profile-textarea{color:#1f2937;resize:vertical;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;min-height:80px;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.gm-profile-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.gm-profile-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:140px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.gm-profile-btn:disabled{opacity:.6;cursor:not-allowed}.gm-profile-btn-primary{color:#fff;background:#3b82f6}.gm-profile-btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.gm-profile-btn-cancel{color:#374151;background:#e5e7eb}.gm-profile-btn-cancel:hover:not(:disabled){background:#d1d5db}.gm-modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:20px;animation:.3s gm-fade-in;display:flex;position:fixed;inset:0}.gm-modal{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;animation:.3s gm-slide-up;overflow-y:auto}.gm-modal-header{z-index:10;background:#fff;border-bottom:1px solid #f3f4f6;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.gm-modal-header h2{color:#1f2937;margin:0;font-size:20px;font-weight:700}.gm-modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.gm-modal-close:hover{color:#1f2937;background:#f3f4f6}.gm-modal-body{padding:24px}.gm-modal-footer{border-top:1px solid #f3f4f6;flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;display:flex}@media (width<=1024px){.gm-profile-container{padding:20px}.gm-profile-title{font-size:24px}.gm-profile-card{padding:20px}}@media (width<=767px){.gm-profile-container{padding:16px}.gm-profile-title{font-size:22px}.gm-profile-header{flex-direction:column;align-items:stretch;gap:12px}.gm-profile-edit-btn{justify-content:center;width:100%}.gm-profile-display-grid,.gm-profile-grid{grid-template-columns:1fr;gap:12px}.gm-profile-card{padding:16px}.gm-profile-card-title{font-size:16px}.gm-profile-value{min-height:36px;padding:8px 12px;font-size:13px}.gm-profile-input,.gm-profile-textarea{padding:8px 12px;font-size:13px}.gm-modal{border-radius:12px;max-width:100%;margin:10px}.gm-modal-header{padding:16px 20px}.gm-modal-header h2{font-size:18px}.gm-modal-body{padding:16px}.gm-modal-footer{flex-direction:column}.gm-profile-btn{width:100%;min-width:unset}}@media (width<=480px){.gm-profile-container{padding:12px}.gm-profile-title{font-size:20px}.gm-profile-edit-btn{padding:8px 16px;font-size:13px}.gm-profile-edit-btn svg{width:16px;height:16px}.gm-profile-card{border-radius:8px;padding:12px}.gm-profile-card-title{margin-bottom:16px;font-size:15px}.gm-profile-label{font-size:13px}.gm-profile-label svg{width:14px;height:14px}.gm-profile-value{min-height:32px;padding:8px 10px;font-size:12px}.gm-profile-input,.gm-profile-textarea{border-radius:6px;padding:8px 10px;font-size:12px}.gm-profile-error,.gm-profile-success{padding:10px 12px;font-size:13px}.gm-profile-error svg,.gm-profile-success svg{width:16px;height:16px}.gm-modal-header{padding:14px 16px}.gm-modal-header h2{font-size:16px}.gm-modal-body{padding:14px}.gm-modal-footer{gap:8px}.gm-profile-btn{padding:8px 16px;font-size:13px}}@media (width<=360px){.gm-profile-container{padding:8px}.gm-profile-title{font-size:18px}.gm-profile-card{padding:10px}.gm-profile-value{min-height:28px;padding:6px 8px;font-size:11px}.gm-profile-input,.gm-profile-textarea{padding:6px 8px;font-size:11px}.gm-modal-header h2{font-size:15px}.gm-profile-btn{padding:6px 12px;font-size:12px}}.gm-modal::-webkit-scrollbar{width:6px}.gm-modal::-webkit-scrollbar-track{background:#f3f4f6}.gm-modal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.gm-modal::-webkit-scrollbar-thumb:hover{background:#9ca3af}.gm-modal{scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6}.manager-login-container{background:#f5f7fa;justify-content:center;align-items:center;min-height:100vh;padding:48px 16px;display:flex;position:relative;overflow:hidden}.manager-login-bg-decoration{pointer-events:none;z-index:0;position:fixed;inset:0}.manager-login-bg-circle{opacity:.4;border-radius:50%;position:absolute}.manager-login-bg-circle-1{background:radial-gradient(circle,#1f29371a,#0000 70%);width:400px;height:400px;animation:20s ease-in-out infinite managerFloat;top:-150px;right:-100px}.manager-login-bg-circle-2{background:radial-gradient(circle,#37415114,#0000 70%);width:300px;height:300px;animation:25s ease-in-out infinite reverse managerFloat;bottom:-100px;left:-80px}.manager-login-bg-circle-3{background:radial-gradient(circle,#1f29370f,#0000 70%);width:200px;height:200px;animation:15s ease-in-out 5s infinite managerFloat;top:30%;right:20%}@keyframes managerFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}.manager-login-wrapper{z-index:1;background:#fff;border:1px solid #00000008;border-radius:24px;width:100%;max-width:440px;animation:.6s ease-out managerSlideUp;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000f,0 1px 3px #0000000a}@keyframes managerSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.manager-login-content{flex-direction:column;padding:45px 40px;display:flex}.manager-login-brand{text-align:center;margin-bottom:28px}.manager-brand-icon-wrapper{margin-bottom:12px;display:inline-block}.manager-brand-icon{color:#fff;background:linear-gradient(135deg,#1f2937,#374151);border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .3s;display:flex;box-shadow:0 8px 24px #1f293740,inset 0 1px #ffffff26}.manager-brand-icon:hover{transform:scale(1.05)rotate(-3deg)}.manager-brand-title{color:#0b172b;letter-spacing:-.5px;margin:0 0 4px;font-size:28px;font-weight:700}.manager-brand-subtitle{color:#6b7280;margin:0;font-size:15px}.manager-error-message{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.manager-login-form{flex-direction:column;gap:18px;display:flex}.manager-form-group{flex-direction:column;gap:5px;display:flex}.manager-form-group label{color:#0b172b;font-size:14px;font-weight:600}.manager-input-wrapper{background:#f7f8fa;border:2px solid #e5e7eb;border-radius:12px;align-items:center;width:100%;transition:all .3s;display:flex;position:relative}.manager-input-wrapper.manager-focused{background:#fff;border-color:#1f2937;box-shadow:0 0 0 4px #1f293714}.manager-input-wrapper.manager-filled{background:#fff}.manager-input-wrapper:hover:not(.manager-focused){background:#fafbfc;border-color:#d1d5db}.manager-input-border{background:linear-gradient(90deg,#1f2937,#374151);border-radius:0 0 12px 12px;width:0;height:2px;transition:all .3s;position:absolute;bottom:-2px;left:50%}.manager-input-wrapper.manager-focused .manager-input-border{width:100%;left:0}.manager-input-icon{color:#9ca3af;z-index:1;pointer-events:none;transition:color .3s;position:absolute;left:14px}.manager-input-wrapper.manager-focused .manager-input-icon{color:#1f2937}.manager-input-wrapper input{color:#0b172b;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;height:52px;padding:14px 16px 14px 44px;font-size:15px;transition:all .3s}.manager-input-wrapper input::placeholder{color:#9ca3af}.manager-password-toggle{cursor:pointer;color:#9ca3af;z-index:1;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;right:14px}.manager-password-toggle:hover{color:#1f2937;background:#1f293714}.manager-form-options{justify-content:flex-end;font-size:14px;display:flex}.manager-forgot-link{color:#1f2937;font-weight:600;text-decoration:none;transition:color .2s}.manager-forgot-link:hover{color:#374151;text-decoration:underline}.manager-login-btn{cursor:pointer;background:linear-gradient(135deg,#1f2937,#374151);border:none;border-radius:12px;width:100%;height:52px;padding:0;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 16px #1f293740,inset 0 1px #ffffff1a}.manager-login-btn-inner{color:#fff;z-index:2;justify-content:center;align-items:center;gap:8px;padding:14px 16px;font-size:16px;font-weight:600;display:flex;position:relative}.manager-login-btn-shine{z-index:1;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.manager-login-btn:hover:not(:disabled) .manager-login-btn-shine{left:100%}.manager-login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #1f293759,inset 0 1px #ffffff1a}.manager-login-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 12px #1f293733}.manager-login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.manager-btn-arrow{transition:transform .3s;display:inline-block}.manager-login-btn:hover:not(:disabled) .manager-btn-arrow{transform:translate(4px)}.manager-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite managerSpin;display:inline-block}@keyframes managerSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.manager-role-selector{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:20px}.manager-role-label{color:#6b7280;text-align:center;margin-bottom:10px;font-size:13px;display:block}.manager-role-options{justify-content:center;gap:16px;display:flex}.manager-role-option{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.manager-role-option:hover{color:#fff;background:#0b172b}.manager-role-dot{background:#d1d5db;border-radius:50%;width:8px;height:8px;transition:all .3s}.manager-login-footer{text-align:center;color:#6b7280;border-top:1px solid #f3f4f6;margin-top:24px;padding-top:20px;font-size:12px}.manager-login-footer p{margin:0}@media (width<=768px){.manager-login-container{padding:32px 16px}.manager-login-content{padding:35px 30px}.manager-brand-title{font-size:26px}.manager-brand-icon{width:64px;height:64px}.manager-input-wrapper input{height:48px;font-size:14px}.manager-login-btn{height:48px}.manager-login-btn-inner{padding:12px 16px;font-size:15px}}@media (width<=480px){.manager-login-container{padding:20px 12px}.manager-login-wrapper{border-radius:16px;max-width:100%}.manager-login-content{padding:28px 20px}.manager-brand-title{font-size:22px}.manager-brand-subtitle{font-size:13px}.manager-brand-icon{width:56px;height:56px}.manager-brand-icon svg{width:24px;height:24px}.manager-input-wrapper input{height:44px;padding:12px 14px 12px 40px;font-size:14px}.manager-input-icon{width:16px;height:16px;left:12px}.manager-password-toggle{right:12px}.manager-password-toggle svg{width:16px;height:16px}.manager-login-btn{height:44px}.manager-login-btn-inner{padding:10px 16px;font-size:14px}.manager-role-options{flex-direction:column;align-items:center;gap:4px}.manager-role-option{padding:6px 12px;font-size:13px}}@media (width<=380px){.manager-login-container{padding:16px 8px}.manager-login-content{padding:20px 16px}.manager-brand-title{font-size:20px}.manager-brand-icon{width:48px;height:48px}.manager-brand-icon svg{width:20px;height:20px}.manager-input-wrapper input{height:40px;padding:10px 12px 10px 36px;font-size:13px}.manager-input-icon{width:14px;height:14px;left:10px}.manager-password-toggle{right:10px}.manager-password-toggle svg{width:14px;height:14px}.manager-login-btn{height:40px}.manager-login-btn-inner{padding:8px 14px;font-size:13px}.manager-login-footer{font-size:10px}}@media (height<=700px){.manager-login-wrapper{max-height:95vh}.manager-login-content{padding:30px 35px}.manager-login-brand{margin-bottom:20px}.manager-brand-title{font-size:24px}.manager-brand-icon{width:56px;height:56px}.manager-login-form{gap:14px}.manager-input-wrapper input{height:42px;font-size:14px}.manager-login-btn{height:42px}}.manager-layout{background:#f5f7fa;min-height:100vh;display:flex}.manager-sidebar{color:#fff;z-index:1000;background:#0b172b;flex-direction:column;width:260px;height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:4px 0 30px #0006}.manager-layout.sidebar-closed .manager-sidebar{width:72px}.manager-layout.sidebar-closed .manager-sidebar .logo-text,.manager-layout.sidebar-closed .manager-sidebar .nav-label,.manager-layout.sidebar-closed .manager-sidebar .user-info,.manager-layout.sidebar-closed .manager-sidebar .logout-btn span{display:none}.manager-layout.sidebar-closed .manager-main{margin-left:72px}.manager-sidebar::-webkit-scrollbar{width:4px}.manager-sidebar::-webkit-scrollbar-track{background:0 0}.manager-sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.manager-sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff40}.manager-sidebar{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent}.sidebar-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;min-height:72px;padding:20px 16px;display:flex}.sidebar-logo{align-items:center;gap:12px;display:flex}.logo-icon{color:#60a5fa;flex-shrink:0}.logo-text{letter-spacing:.5px;color:#fff;font-size:18px;font-weight:700}.sidebar-toggle{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px 8px;transition:all .2s;display:flex}.sidebar-toggle:hover{color:#fff;background:#ffffff1a}.sidebar-user{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:16px;display:flex}.user-avatar{color:#60a5fa;background:#60a5fa26;border:2px solid #60a5fa33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.user-info{flex-direction:column;flex:1;min-width:0;display:flex}.user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.user-role{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.sidebar-nav{flex:1;padding:16px 12px;overflow-y:auto}.nav-link{color:#fff9;cursor:pointer;border-radius:8px;align-items:center;gap:14px;margin-bottom:2px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.nav-link:hover{color:#000;background-color:#fff;transform:translate(4px);box-shadow:0 4px 12px #00000026}.nav-link:hover .nav-icon{color:#000}.nav-link.active{color:#000;background-color:#fff;box-shadow:0 4px 12px #00000026}.nav-link.active .nav-icon{color:#000}.nav-link:hover .nav-icon,.nav-link.active .nav-icon{color:#000}.nav-label{font-size:14px;font-weight:500}.sidebar-footer{border-top:1px solid #ffffff14;padding:16px 12px}.logout-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.logout-btn:hover{color:#000;background-color:#fff;transform:translate(4px);box-shadow:0 4px 12px #00000026}.logout-btn:hover svg{color:#000}.logout-btn svg{color:#ffffff80;transition:color .25s}.user-department{color:#fff9;background:#ffffff0f;border-radius:4px;align-items:center;gap:6px;width:fit-content;margin-top:4px;padding:3px 10px;font-size:11px;display:flex}.user-department .dept-icon{color:#60a5fa}.manager-layout.sidebar-closed .user-department{display:none}.manager-main{flex:1;margin-left:260px;transition:margin-left .3s}.manager-header{z-index:100;background:#fff;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000000f}.hamburger-btn{cursor:pointer;color:#4b5563;background:0 0;border:none;border-radius:6px;padding:4px 8px;transition:all .2s;display:none}.hamburger-btn:hover{color:#111827;background:#f3f4f6}.header-title{color:#0b172b;margin:0;font-size:20px;font-weight:600}.header-right{align-items:center;display:flex}.header-user-info{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.header-greeting{color:#0b172b;font-size:14px;font-weight:500}.header-department{color:#6b7280;background:#f3f4f6;border-radius:12px;align-items:center;gap:6px;padding:2px 12px;font-size:12px;display:flex}.header-dept-icon{color:#0b172b}.manager-content{min-height:calc(100vh - 72px);padding:24px}@media (width<=992px){.manager-content{padding:16px}}@media (width<=768px){.hamburger-btn{justify-content:center;align-items:center;display:flex}.manager-sidebar{width:280px;transform:translate(-100%);box-shadow:4px 0 30px #00000080}.manager-sidebar.mobile-open{transform:translate(0)}.manager-main{margin-left:0!important}.manager-layout.sidebar-open .manager-main,.manager-layout.sidebar-closed .manager-main{margin-left:0}.header-title{font-size:16px}.manager-content{padding:12px}.sidebar-overlay.open{display:block}.header-user-info{align-items:flex-start}.header-department{padding:2px 10px;font-size:11px}}@media (width<=576px){.manager-sidebar{width:260px}.sidebar-header{min-height:64px;padding:16px 14px}.logo-text{font-size:16px}.logo-icon{width:20px;height:20px}.sidebar-user{padding:14px}.user-avatar{width:38px;height:38px}.user-avatar svg{width:18px;height:18px}.user-name{font-size:13px}.sidebar-nav{padding:12px 8px}.nav-link{border-radius:6px;gap:12px;padding:10px 14px;font-size:13px}.nav-icon{width:18px;height:18px}.nav-label{font-size:13px}.sidebar-footer{padding:12px 8px}.logout-btn{gap:12px;padding:10px 14px;font-size:13px}.logout-btn svg{width:18px;height:18px}.header-title{font-size:14px}.header-greeting{font-size:12px}.header-department{padding:2px 8px;font-size:10px}.manager-content{padding:10px}.manager-header{padding:12px 16px}.hamburger-btn svg{width:20px;height:20px}}@media (width<=380px){.manager-sidebar{width:240px}.sidebar-header{min-height:56px;padding:12px}.logo-text{font-size:14px}.logo-icon{width:18px;height:18px}.sidebar-user{gap:10px;padding:12px}.user-avatar{width:34px;height:34px}.user-avatar svg{width:16px;height:16px}.user-name{font-size:12px}.user-role{font-size:10px}.user-department{padding:2px 8px;font-size:10px}.nav-link{gap:10px;padding:8px 12px;font-size:12px}.nav-icon{width:16px;height:16px}.nav-label{font-size:12px}.logout-btn{gap:10px;padding:8px 12px;font-size:12px}.logout-btn svg{width:16px;height:16px}.header-title{font-size:13px}.header-greeting{font-size:11px}.manager-header{padding:10px 12px}.hamburger-btn svg{width:18px;height:18px}.manager-content{padding:8px}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.nav-link{animation:.3s forwards slideIn}.nav-link:first-child{animation-delay:50ms}.nav-link:nth-child(2){animation-delay:.1s}.nav-link:nth-child(3){animation-delay:.15s}.nav-link:nth-child(4){animation-delay:.2s}@media (prefers-color-scheme:dark){.manager-sidebar{background:#0b172b}}.manager-dashboard-container{max-width:1200px;margin:0 auto;padding:0 4px}.manager-dashboard-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.manager-dashboard-loading .spinning{color:#1a237e;font-size:40px;animation:1s linear infinite manager-spin}.manager-dashboard-header{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:20px 24px;display:flex;box-shadow:0 1px 3px #0000000a}.manager-dashboard-header .header-left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.manager-dashboard-header .page-title{color:#1a237e;align-items:center;gap:10px;margin:0;font-size:24px;font-weight:700;display:flex}.manager-dashboard-header .page-title:before{content:"";background:linear-gradient(135deg,#1a237e,#4f46e5);border-radius:4px;width:4px;height:28px}.manager-dashboard-header .last-updated{color:#6b7280;background:#f3f4f6;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;display:inline-flex}.manager-dashboard-header .last-updated:before{content:"🔄";font-size:12px}.manager-dashboard-header .header-right{gap:10px;display:flex}.manager-dashboard-header .refresh-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#1a237e,#4f46e5);border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .56s;display:flex;box-shadow:0 2px 8px #1a237e33}.manager-dashboard-header .refresh-btn:hover:not(:disabled){color:#000;box-shadow:0 4px 16px #1a237e4d}.manager-dashboard-header .refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.manager-dashboard-header .refresh-btn .spinning{animation:1s linear infinite manager-spin}.manager-category-banner{background:linear-gradient(135deg,#e0e7ff 0%,#dbeafe 100%);border:1px solid #c7d2fe;border-radius:12px;align-items:center;gap:12px;margin-bottom:20px;padding:14px 20px;display:flex}.manager-category-banner .banner-icon{color:#1a237e;font-size:20px}.manager-category-banner span{color:#3730a3;font-size:14px}.manager-category-banner strong{color:#1a237e;font-weight:700}.manager-dashboard-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;align-items:center;gap:10px;margin-bottom:16px;padding:14px 18px;display:flex}.manager-dashboard-error:before{content:"⚠️";font-size:18px}.manager-overdue-alert{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:2px solid #fca5a5;border-radius:12px;align-items:center;gap:16px;margin-bottom:20px;padding:16px 24px;animation:2s infinite manager-alert-pulse;display:flex;box-shadow:0 2px 12px #dc262614}@keyframes manager-alert-pulse{0%{border-color:#fca5a5}50%{border-color:#ef4444}to{border-color:#fca5a5}}.manager-overdue-alert .alert-icon{color:#dc2626;flex-shrink:0;font-size:28px}.manager-overdue-alert .alert-content{flex-wrap:wrap;flex:1;align-items:center;gap:12px;display:flex}.manager-overdue-alert .alert-title{color:#991b1b;font-size:16px;font-weight:700}.manager-overdue-alert .alert-critical{color:#dc2626;background:#dc26261a;border:1px solid #fca5a5;border-radius:20px;padding:4px 14px;font-size:13px;font-weight:600}.manager-overdue-alert .alert-view-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:10px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #dc262640}.manager-overdue-alert .alert-view-btn:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 4px 16px #dc262659}.manager-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;display:grid}.manager-stats-grid.secondary{margin-bottom:24px}.manager-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:16px;padding:20px 24px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000f}.manager-stat-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.manager-stat-card:hover{border-color:#d1d5db;transform:translateY(-4px);box-shadow:0 8px 24px #00000014}.manager-stat-card .stat-icon-wrapper{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:24px;transition:all .3s;display:flex}.manager-stat-card:hover .stat-icon-wrapper{transform:scale(1.05)}.manager-stat-card.stat-total:before{background:linear-gradient(90deg,#4f46e5,#818cf8)}.manager-stat-card.stat-total .stat-icon-wrapper{color:#1a237e;background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}.manager-stat-card.stat-total .stat-value{color:#1a237e}.manager-stat-card.stat-open:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.manager-stat-card.stat-open .stat-icon-wrapper{color:#d97706;background:linear-gradient(135deg,#fef3c7,#fde68a)}.manager-stat-card.stat-open .stat-value{color:#92400e}.manager-stat-card.stat-progress:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.manager-stat-card.stat-progress .stat-icon-wrapper{color:#2563eb;background:linear-gradient(135deg,#dbeafe,#93c5fd)}.manager-stat-card.stat-progress .stat-value{color:#1e40af}.manager-stat-card.stat-resolved:before{background:linear-gradient(90deg,#10b981,#34d399)}.manager-stat-card.stat-resolved .stat-icon-wrapper{color:#059669;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.manager-stat-card.stat-resolved .stat-value{color:#065f46}.manager-stat-card.stat-workers:before{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.manager-stat-card.stat-workers .stat-icon-wrapper{color:#5b21b6;background:linear-gradient(135deg,#ede9fe,#c4b5fd)}.manager-stat-card.stat-workers .stat-value{color:#4c1d95}.manager-stat-card.stat-high:before{background:linear-gradient(90deg,#ef4444,#f87171)}.manager-stat-card.stat-high .stat-icon-wrapper{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fca5a5)}.manager-stat-card.stat-high .stat-value{color:#991b1b}.manager-stat-card.stat-urgent:before{background:linear-gradient(90deg,#dc2626,#ef4444)}.manager-stat-card.stat-urgent .stat-icon-wrapper{color:#b91c1c;background:linear-gradient(135deg,#fef2f2,#fecaca)}.manager-stat-card.stat-urgent .stat-value{color:#7f1d1d}.manager-stat-card.stat-overdue:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.manager-stat-card.stat-overdue .stat-icon-wrapper{color:#d97706;background:linear-gradient(135deg,#fef3c7,#fcd34d)}.manager-stat-card.stat-overdue .stat-value{color:#92400e}.manager-stat-card.stat-view-all .stat-icon-wrapper{color:#6b7280;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.manager-stat-card .stat-content{flex:1;min-width:0}.manager-stat-card .stat-value{margin:0;font-size:28px;font-weight:700;line-height:1.2}.manager-stat-card .stat-label{color:#6b7280;margin:4px 0 0;font-size:13px;font-weight:500}.manager-stat-card .stat-sub-label{color:#78350f;margin-top:2px;font-size:11px;font-weight:500;display:block}.manager-stat-card .stat-sub-label.stat-all-good{color:#059669}.manager-stat-card .view-all-btn{color:#1a237e;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:14px;font-weight:600;transition:all .2s;display:flex}.manager-stat-card .view-all-btn:hover{color:#0d1445;transform:translate(4px)}.manager-recent-complaints-section{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:24px;padding:20px 24px;box-shadow:0 1px 3px #0000000a}.manager-recent-complaints-section .section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.manager-recent-complaints-section .section-header h3{color:#1a237e;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.manager-recent-complaints-section .view-all-link{color:#4f46e5;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.manager-recent-complaints-section .view-all-link:hover{color:#1a237e;transform:translate(4px)}.manager-recent-complaints-section .empty-state{text-align:center;color:#6b7280;padding:40px 20px}.manager-recent-complaints-section .empty-icon{color:#d1d5db;margin-bottom:12px;font-size:48px}.manager-recent-complaints-section .recent-complaints-list{flex-direction:column;gap:8px;display:flex}.manager-recent-complaints-section .recent-complaint-item{cursor:pointer;background:#f9fafb;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;transition:all .3s;display:flex;position:relative}.manager-recent-complaints-section .recent-complaint-item:hover{background:#f3f4f6;border-color:#e5e7eb;transform:translate(4px)}.manager-recent-complaints-section .recent-complaint-item.item-overdue{background:#fef2f2;border-left:4px solid #dc2626}.manager-recent-complaints-section .recent-complaint-item.item-overdue:hover{background:#fee2e2}.manager-recent-complaints-section .complaint-info{flex:1;min-width:0}.manager-recent-complaints-section .complaint-id{color:#1a237e;opacity:.6;font-size:12px;font-weight:600}.manager-recent-complaints-section .complaint-subject{color:#1a237e;flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;font-weight:500;display:flex}.manager-recent-complaints-section .complaint-meta{color:#6b7280;flex-wrap:wrap;gap:12px;margin-top:4px;font-size:13px;display:flex}.manager-recent-complaints-section .complaint-resident{align-items:center;gap:4px;display:flex}.manager-recent-complaints-section .complaint-resident:before{content:"👤";font-size:12px}.manager-recent-complaints-section .complaint-date{align-items:center;gap:4px;display:flex}.manager-recent-complaints-section .complaint-badges{flex-wrap:wrap;flex-shrink:0;gap:8px;display:flex}.manager-status-badge,.manager-priority-badge,.manager-overdue-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:4px 14px;font-size:12px;font-weight:600;display:inline-flex}.manager-status-badge.status-open{color:#92400e;background:#fef3c7}.manager-status-badge.status-progress{color:#1e40af;background:#dbeafe}.manager-status-badge.status-resolved{color:#065f46;background:#d1fae5}.manager-status-badge.status-closed{color:#475569;background:#f1f5f9}.manager-priority-badge.priority-high{color:#991b1b;background:#fee2e2}.manager-priority-badge.priority-urgent{color:#991b1b;background:#fef2f2}.manager-priority-badge.priority-medium{color:#92400e;background:#fef3c7}.manager-priority-badge.priority-low{color:#065f46;background:#d1fae5}.manager-overdue-badge{border-radius:12px;padding:2px 12px;font-size:11px;font-weight:700}.manager-overdue-badge.overdue-low{color:#92400e;background:#fef3c7}.manager-overdue-badge.overdue-medium{color:#78350f;background:#fde68a}.manager-overdue-badge.overdue-high{color:#7f1d1d;background:#fca5a5;animation:2s infinite manager-pulse}.manager-overdue-badge.overdue-critical{color:#fff;background:#dc2626;animation:1s infinite manager-pulse}@keyframes manager-pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.manager-complaint-overdue-hours{color:#dc2626;background:#fee2e2;border-radius:12px;padding:2px 10px;font-size:12px;font-weight:700}.manager-complaint-sla-hours{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;padding:2px 10px;font-size:11px}.manager-quick-stats-grid{grid-template-columns:repeat(6,1fr);gap:12px;margin-top:20px;display:grid}.manager-quick-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;transition:all .3s;display:flex;box-shadow:0 1px 3px #0000000a}.manager-quick-stat-card:hover{border-color:#d1d5db;transform:translateY(-3px);box-shadow:0 6px 20px #00000014}.manager-quick-stat-card .quick-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;transition:all .3s;display:flex}.manager-quick-stat-card:hover .quick-stat-icon{transform:scale(1.05)}.manager-quick-stat-card .quick-stat-icon.green{color:#059669;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.manager-quick-stat-card .quick-stat-icon.orange{color:#d97706;background:linear-gradient(135deg,#fef3c7,#fde68a)}.manager-quick-stat-card .quick-stat-icon.red{color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fca5a5)}.manager-quick-stat-card .quick-stat-icon.yellow{color:#b45309;background:linear-gradient(135deg,#fef3c7,#fcd34d)}.manager-quick-stat-card .quick-stat-icon.blue{color:#2563eb;background:linear-gradient(135deg,#dbeafe,#93c5fd)}.manager-quick-stat-card .quick-stat-icon.purple{color:#7c3aed;background:linear-gradient(135deg,#ede9fe,#c4b5fd)}.manager-quick-stat-card .quick-stat-info{flex-direction:column;min-width:0;display:flex}.manager-quick-stat-card .quick-stat-value{color:#1f2937;font-size:20px;font-weight:700;line-height:1.2}.manager-quick-stat-card .quick-stat-label{color:#6b7280;font-size:11px}@keyframes manager-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.manager-recent-complaints-section .recent-complaints-list::-webkit-scrollbar{width:6px}.manager-recent-complaints-section .recent-complaints-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:8px}.manager-recent-complaints-section .recent-complaints-list::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:8px}.manager-recent-complaints-section .recent-complaints-list::-webkit-scrollbar-thumb:hover{background:#818cf8}@media (width<=1200px){.manager-quick-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=992px){.manager-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.manager-dashboard-header{flex-direction:column;align-items:flex-start;padding:16px 18px}.manager-dashboard-header .header-left,.manager-dashboard-header .header-right{width:100%}.manager-dashboard-header .refresh-btn{justify-content:center;width:100%}.manager-stats-grid{grid-template-columns:1fr 1fr;gap:12px}.manager-stat-card{padding:16px 18px}.manager-stat-card .stat-value{font-size:22px}.manager-recent-complaints-section .recent-complaint-item{flex-direction:column;align-items:flex-start;gap:10px}.manager-recent-complaints-section .complaint-badges{align-self:flex-start}.manager-quick-stats-grid{grid-template-columns:repeat(2,1fr)}.manager-overdue-alert{text-align:center;flex-direction:column;padding:16px}.manager-overdue-alert .alert-content{justify-content:center}.manager-recent-complaints-section{padding:16px}}@media (width<=480px){.manager-stats-grid{grid-template-columns:1fr;gap:10px}.manager-quick-stats-grid{grid-template-columns:1fr 1fr;gap:10px}.manager-quick-stat-card{padding:12px 14px}.manager-quick-stat-card .quick-stat-value{font-size:16px}.manager-quick-stat-card .quick-stat-icon{width:38px;height:38px;font-size:16px}.manager-stat-card .stat-value{font-size:20px}.manager-stat-card .stat-icon-wrapper{width:44px;height:44px;font-size:20px}.manager-dashboard-header .page-title{font-size:20px}.manager-recent-complaints-section .complaint-subject,.manager-overdue-alert .alert-title{font-size:14px}}.view-all-bottom{border-top:1px solid #e5e7eb;justify-content:center;margin-top:.5rem;padding:1rem 0 .5rem;display:flex}.view-all-bottom-btn{color:#3b82f6;cursor:pointer;background:0 0;border:1px solid #3b82f6;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.view-all-bottom-btn:hover{color:#fff;background:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.manager-complaints-container{max-width:1400px;margin:0 auto;padding:0 16px}.manager-complaints-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.manager-complaints-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.header-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.page-title{color:#1a237e;margin:0;font-size:24px;font-weight:700}.complaint-count{color:#6b7280;white-space:nowrap;background:#f3f4f6;border-radius:20px;padding:4px 14px;font-size:14px;font-weight:500}.header-right{gap:10px;display:flex}.refresh-btn{cursor:pointer;color:#333;white-space:nowrap;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:8px 20px;font-size:14px;transition:all .2s;display:flex}.manager-complaints-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:12px 16px}.manager-filters-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:16px 20px;display:flex}.clear-filters{cursor:pointer;color:#6b7280;white-space:nowrap;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:10px 16px;font-size:13px;transition:all .2s}.manager-complaints-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:auto hidden}.manager-complaints-table{border-collapse:collapse;width:100%;min-width:800px;font-size:14px}.manager-complaints-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.manager-complaints-table thead th{text-align:left;color:#1a237e;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:14px 18px;font-size:12px;font-weight:600}.manager-complaints-table tbody tr{cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background .2s}.manager-complaints-table tbody tr:hover{background:#f9fafb}.manager-complaints-table tbody td{vertical-align:middle;padding:14px 18px}.complaint-id{color:#1a237e;white-space:nowrap;font-size:13px;font-weight:700}.complaint-subject{color:#1a237e;flex-wrap:wrap;align-items:center;gap:4px;font-weight:500;display:flex}.complaint-resident{align-items:center;gap:10px;display:flex}.resident-icon{color:#6b7280;flex-shrink:0;font-size:20px}.resident-name{color:#1a237e;font-weight:500}.resident-unit{color:#6b7280;font-size:12px}.complaint-department{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.dept-icon{color:#6b7280;flex-shrink:0;font-size:14px}.dept-name{color:#1a237e;font-weight:500}.dept-category{color:#6b7280;white-space:nowrap;background:#f3f4f6;border-radius:12px;padding:2px 8px;font-size:12px}.complaint-date{color:#6b7280;white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.date-icon{color:#9ca3af;flex-shrink:0}.status-badge,.priority-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.action-buttons{gap:6px;display:flex}.action-view:hover{color:#1a237e;background:#dbeafe}.action-forward:hover{color:#059669;background:#d1fae5}.manager-no-complaints{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:60px 20px}.no-complaints-icon{color:#d1d5db;margin-bottom:16px;font-size:56px}.manager-no-complaints h3{color:#1a237e;margin:0 0 8px;font-size:20px}.manager-no-complaints p{color:#6b7280;max-width:500px;margin:0 auto;font-size:14px}.pagination{border-top:1px solid #e5e7eb;justify-content:center;align-items:center;gap:16px;padding:16px 20px;display:flex}.pagination-btn{cursor:pointer;color:#333;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:8px 20px;font-size:14px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#e5e7eb}@media (width<=1200px){.manager-complaints-table{min-width:900px}.manager-complaints-table thead th,.manager-complaints-table tbody td{padding:12px 14px}}@media (width<=992px){.manager-complaints-container{padding:0 12px}.manager-complaints-table-wrapper{overflow-x:auto}.manager-complaints-table{min-width:800px;font-size:13px}.manager-complaints-table thead th,.manager-complaints-table tbody td{padding:10px 12px}.page-title{font-size:22px}.filter-select{min-width:120px;padding:8px 12px;font-size:13px}}@media (width<=768px){.manager-complaints-container{padding:0 10px}.manager-complaints-header{flex-direction:column;align-items:flex-start;gap:8px}.header-left{justify-content:space-between;width:100%}.header-right{width:100%}.refresh-btn{justify-content:center;width:100%;padding:10px}.manager-filters-section{flex-direction:column;gap:10px;padding:12px 14px}.search-wrapper{width:100%;min-width:unset}.filter-group{flex-wrap:wrap;gap:8px;width:100%}.filter-select{flex:1;min-width:calc(50% - 4px);padding:8px 10px;font-size:13px}.clear-filters{text-align:center;width:100%;padding:8px 12px}.manager-complaints-table{min-width:700px;font-size:12px}.manager-complaints-table thead th,.manager-complaints-table tbody td{padding:8px 10px}.page-title{font-size:20px}.complaint-count{padding:3px 10px;font-size:12px}.manager-complaints-table thead th:nth-child(8),.manager-complaints-table tbody td:nth-child(8){display:none}.status-badge,.priority-badge{gap:4px;padding:3px 10px;font-size:11px}.action-btn{width:30px;height:30px;font-size:12px}.complaint-resident .resident-icon{font-size:16px}.resident-name{font-size:12px}.resident-unit{font-size:10px}}@media (width<=576px){.manager-complaints-container{padding:0 8px}.manager-complaints-header{flex-direction:column;align-items:stretch;gap:8px}.header-left{flex-wrap:wrap;gap:8px}.page-title{font-size:18px}.complaint-count{padding:2px 10px;font-size:11px}.manager-filters-section{border-radius:8px;gap:8px;padding:10px 12px}.search-input{padding:8px 12px 8px 34px;font-size:13px}.search-icon{font-size:14px;left:10px}.filter-group{flex-direction:column;gap:6px}.filter-select{width:100%;min-width:unset;padding:8px 12px;font-size:13px}.clear-filters{text-align:center;width:100%;padding:8px;font-size:12px}.manager-complaints-table{min-width:600px;font-size:11px}.manager-complaints-table thead th,.manager-complaints-table tbody td{padding:6px 8px}.manager-complaints-table thead th{font-size:10px}.manager-complaints-table thead th:nth-child(3),.manager-complaints-table tbody td:nth-child(3),.manager-complaints-table thead th:nth-child(4),.manager-complaints-table tbody td:nth-child(4),.manager-complaints-table thead th:nth-child(8),.manager-complaints-table tbody td:nth-child(8){display:none}.complaint-id{font-size:11px}.complaint-subject{font-size:12px}.status-badge,.priority-badge{gap:3px;padding:2px 8px;font-size:10px}.status-badge svg,.priority-badge svg{font-size:10px}.action-btn{width:28px;height:28px;font-size:11px}.complaint-resident{gap:6px}.complaint-resident .resident-icon{font-size:14px}.resident-name{font-size:11px}.resident-unit{font-size:9px}.complaint-date{font-size:11px}.date-icon{font-size:12px}.overdue-badge{padding:1px 6px;font-size:9px}.escalation-badge{padding:1px 6px;font-size:8px}.feedback-badge{padding:2px 6px;font-size:10px}.dept-name{font-size:11px}.dept-category{padding:1px 6px;font-size:9px}.dept-icon{font-size:12px}.manager-no-complaints{padding:40px 16px}.no-complaints-icon{font-size:40px}.manager-no-complaints h3{font-size:17px}.manager-no-complaints p{max-width:100%;font-size:13px}.pagination-controls{flex-direction:column;align-items:center;gap:10px;padding:12px 14px}.pagination-left,.pagination-right{justify-content:center;width:100%}.pagination-center{flex-wrap:wrap;justify-content:center;gap:4px}.page-number{min-width:30px;height:30px;font-size:12px}.pagination-btn{padding:4px 10px;font-size:12px}.category-banner{gap:8px;padding:10px 14px;font-size:13px}.banner-icon{font-size:15px}.category-banner span{font-size:13px}}@media (width<=400px){.manager-complaints-container{padding:0 6px}.manager-complaints-table{min-width:500px;font-size:10px}.manager-complaints-table thead th,.manager-complaints-table tbody td{padding:5px 6px}.manager-complaints-table thead th{letter-spacing:.3px;font-size:9px}.manager-complaints-table thead th:nth-child(5),.manager-complaints-table tbody td:nth-child(5),.manager-complaints-table thead th:nth-child(9),.manager-complaints-table tbody td:nth-child(9){display:none}.page-title{font-size:16px}.complaint-count{padding:2px 8px;font-size:10px}.refresh-btn{padding:6px 14px;font-size:12px}.search-input{padding:6px 10px 6px 30px;font-size:12px}.filter-select{padding:6px 10px;font-size:12px}.manager-complaints-table tbody td,.complaint-id,.complaint-subject{font-size:10px}.status-badge,.priority-badge{padding:1px 6px;font-size:9px}.action-btn{width:24px;height:24px;font-size:10px}.overdue-badge{padding:1px 5px;font-size:8px}.escalation-badge{padding:1px 4px;font-size:7px}.page-number{min-width:26px;height:26px;font-size:11px}.pagination-btn{padding:3px 8px;font-size:11px}.page-info{font-size:11px}.feedback-badge{padding:1px 4px;font-size:9px}.category-banner{gap:6px;padding:8px 12px;font-size:12px}.banner-icon{font-size:13px}.category-banner span{font-size:12px}}.complaint-assigned{align-items:center;gap:8px;display:flex}.complaint-assigned .assigned-icon{color:#6b7280;flex-shrink:0;font-size:16px}.complaint-assigned .assigned-info{flex-direction:column;gap:2px;display:flex}.complaint-assigned .assigned-name{color:#1f2937;font-size:14px;font-weight:500}.complaint-assigned .assigned-role{color:#6b7280;font-size:11px;font-weight:400}.complaint-assigned .not-assigned{color:#9ca3af;font-size:13px;font-style:italic}.status-assigned{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe}.status-pending{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.pagination-controls{background:#f9fafb;border-top:1px solid #e5e7eb;border-radius:0 0 12px 12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.pagination-left{align-items:center;gap:12px;display:flex}.limit-select{cursor:pointer;color:#333;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:6px 12px;font-size:14px}.limit-select:focus{border-color:#1a237e;outline:none}.total-count{color:#6b7280;font-size:14px}.pagination-center{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.pagination-btn{color:#333;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:4px;padding:6px 14px;font-size:14px;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.page-number{color:#333;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;min-width:36px;height:36px;font-size:14px;transition:all .2s;display:flex}.page-number:hover{background:#f3f4f6;border-color:#d1d5db}.page-number.active{color:#fff;background:#1a237e;border-color:#1a237e}.page-dots{color:#6b7280;padding:0 4px}.pagination-right{align-items:center;display:flex}.page-info{color:#6b7280;font-size:14px}.total-count-badge{color:#6b7280;background:#f3f4f6;border-radius:12px;padding:2px 12px;font-size:13px}.overdue-badge{white-space:nowrap;border-radius:12px;align-items:center;gap:4px;margin-left:8px;padding:2px 10px;font-size:11px;font-weight:700;display:inline-flex}.overdue-low{color:#92400e;background:#fef3c7}.overdue-medium{color:#78350f;background:#fde68a}.overdue-high{color:#7f1d1d;background:#fca5a5;animation:2s infinite overdue-pulse}.overdue-critical{color:#fff;background:#dc2626;animation:1s infinite overdue-pulse}@keyframes overdue-pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.complaint-row.row-overdue{border-left:3px solid #dc2626;background:#fef2f2!important}.complaint-row.row-overdue:hover{background:#fee2e2!important}.sla-info{flex-direction:column;gap:2px;font-size:12px;display:flex}.sla-hours{color:#6b7280;font-weight:500}.sla-overdue{color:#dc2626;font-size:11px;font-weight:700}.escalation-badge{color:#fff;border-radius:10px;margin-left:6px;padding:1px 8px;font-size:10px;font-weight:700;display:inline-block}.filter-overdue{border-color:#f59e0b}.filter-overdue:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.feedback-badge{white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:3px 10px;font-size:.8rem;font-weight:500;display:inline-flex}.feedback-badge.has-feedback{color:#92400e;background:#fef3c7;border:1px solid #f59e0b}.feedback-badge.has-feedback .feedback-star-icon{color:#f59e0b;font-size:.75rem}.feedback-badge.no-feedback{color:#1e40af;background:#dbeafe;border:1px solid #93c5fd}.feedback-badge.not-applicable{color:#6b7280;background:#f3f4f6;border:1px solid #d1d5db}.complaint-detail-container{max-width:1200px;margin:0 auto}.complaint-detail-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;display:flex}.complaint-detail-loading .spinning{color:#3b82f6;font-size:2.5rem;animation:1s linear infinite spin}.complaint-detail-loading p{color:#64748b;font-size:1.1rem}.complaint-detail-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;display:flex}.complaint-detail-error .error-icon{color:#ef4444;font-size:3rem}.complaint-detail-error h3{color:#1e293b;margin:0;font-size:1.5rem}.complaint-detail-error p{color:#64748b;max-width:500px}.btn-retry{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .3s;display:flex}.btn-retry:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.complaint-detail-header{background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex;box-shadow:0 1px 3px #0000001a}.back-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.back-btn:hover{background:#e2e8f0;transform:translate(-2px)}.complaint-badge{color:#1a237e;background:#dbeafe;border-radius:20px;padding:4px 14px;font-weight:700}.refresh-btn{color:#333;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.refresh-btn .spinning{animation:1s linear infinite spin}.category-banner{background:linear-gradient(135deg,#dbeafe 0%,#eff6ff 100%);border:1px solid #bfdbfe;border-radius:10px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1.25rem;display:flex}.category-banner .banner-icon{color:#3b82f6;font-size:1.1rem}.detail-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.category-banner{background:#e8eaf6;border-left:4px solid #1a237e;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;padding:12px 18px;display:flex}.category-banner.small{padding:10px 16px;font-size:14px}.banner-icon{color:#1a237e;font-size:18px}.category-banner span{color:#333;font-size:14px}.category-banner strong{color:#1a237e}.complaint-detail-content{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.detail-header-section{border-bottom:1px solid #e2e8f0;margin-bottom:1.25rem;padding-bottom:1.25rem}.detail-title-area{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.detail-title{color:#0f172a;margin:0;font-size:1.5rem;font-weight:700}.detail-badges{flex-wrap:wrap;flex-shrink:0;gap:.5rem;display:flex}.status-open{color:#2563eb;background:#dbeafe}.status-progress{color:#d97706;background:#fef3c7}.status-resolved{color:#059669;background:#d1fae5}.status-closed{color:#64748b;background:#f1f5f9}.priority-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;align-items:center;gap:.4rem;padding:.35rem .8rem;font-size:.75rem;font-weight:600;display:inline-flex}.detail-meta{flex-wrap:wrap;gap:1rem;margin-top:.5rem;display:flex}.meta-item svg{color:#94a3b8}.meta-assigned,.meta-assigned svg{color:#3b82f6}.feedback-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.feedback-header h4{color:#1e293b;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:1rem;display:flex}.feedback-rating-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.feedback-label{color:#475569;min-width:70px;font-size:.9rem;font-weight:600}.feedback-comment-text{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;margin:0;padding:.5rem .75rem;font-style:italic}.feedback-meta{margin-top:.25rem}.feedback-badge{color:#059669;background:#d1fae5;border-radius:12px;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.feedback-pending{background:#fffbeb;border-color:#fde68a}.feedback-pending-text{color:#92400e;align-items:center;gap:.5rem;margin:0;font-size:.9rem;display:flex}.detail-location-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.location-header{color:#1e293b;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;display:flex}.location-header-icon{color:#3b82f6;font-size:1rem}.location-actions{gap:.5rem;margin-left:auto;display:flex}.location-action-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.copy-location-btn{color:#475569;background:#e2e8f0}.copy-location-btn:hover{background:#cbd5e1;transform:scale(1.02)}.whatsapp-location-btn{color:#fff;background:#25d366}.whatsapp-location-btn:hover{background:#1da851;transform:scale(1.02)}.copy-success-toast{color:#10b981;font-size:.75rem;font-weight:500;animation:2s fadeInOut}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.manager-map-container{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-top:.25rem;overflow:hidden}.manager-map-header{color:#1e293b;background:#f1f5f9;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.875rem;font-weight:600;display:flex}.manager-map-icon{color:#ef4444}.manager-map-actions{gap:.4rem;margin-left:auto;display:flex}.manager-map-action-btn{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.7rem;font-weight:500;transition:all .2s;display:flex}.manager-map-action-btn.copy-btn{color:#475569;background:#e2e8f0}.manager-map-action-btn.copy-btn:hover{background:#cbd5e1}.manager-map-action-btn.whatsapp-btn{color:#fff;background:#25d366}.manager-map-action-btn.whatsapp-btn:hover{background:#1da851}.manager-map-iframe{border:none;width:100%;height:280px;display:block}.manager-map-address{color:#334155;background:#f8fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;display:flex}.manager-map-address svg{color:#ef4444;flex-shrink:0}.manager-map-open-link{color:#3b82f6;margin-left:auto;font-size:.75rem;font-weight:500;text-decoration:none}.manager-map-open-link:hover{text-decoration:underline}.manager-map-coords{color:#64748b;background:#f1f5f9;border-top:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:1.25rem;padding:.4rem 1rem;font-family:monospace;font-size:.75rem;display:flex}.manager-map-coords-link{color:#3b82f6;align-items:center;gap:.25rem;margin-left:auto;font-size:.7rem;font-weight:500;text-decoration:none;display:flex}.manager-map-coords-link:hover{text-decoration:underline}.manager-location-address-only{margin-top:.25rem}.manager-location-address-card{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:10px;gap:1rem;padding:1rem 1.25rem;display:flex}.manager-location-address-icon{color:#2563eb;flex-shrink:0;margin-top:.15rem}.manager-location-address-details{flex-direction:column;gap:.2rem;display:flex}.manager-location-address-label{color:#2563eb;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:600}.manager-location-address-text{color:#1e3a5f;font-size:.95rem;font-weight:500}.manager-location-address-hint{color:#3b82f6;font-size:.75rem}.manager-location-not-available{color:#94a3b8;background:#fff;border:1px dashed #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;font-size:.9rem;display:flex}.manager-details-coordinates{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:.5rem;padding:.4rem 1rem;font-family:monospace;font-size:.75rem;display:flex}.manager-coords-link{color:#3b82f6;align-items:center;gap:.25rem;margin-left:auto;font-size:.7rem;font-weight:500;text-decoration:none;display:flex}.manager-coords-link:hover{text-decoration:underline}.images-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.images-header{color:#1e293b;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;display:flex}.images-icon{color:#3b82f6}.images-header-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.images-download-all-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.images-download-all-btn:hover{background:#059669;transform:scale(1.02)}.images-toggle{color:#475569;cursor:pointer;background:#e2e8f0;border:none;border-radius:6px;padding:.35rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s}.images-toggle:hover{background:#cbd5e1}.images-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;margin-top:.5rem;display:grid}.image-thumbnail{aspect-ratio:1;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;transition:all .2s;position:relative;overflow:hidden}.image-thumbnail:hover{border-color:#3b82f6;transform:scale(1.02);box-shadow:0 4px 12px #00000026}.thumbnail-img{object-fit:cover;width:100%;height:100%}.primary-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#3b82f6;border-radius:4px;padding:.2rem .5rem;font-size:.6rem;font-weight:600;position:absolute;top:.5rem;left:.5rem}.image-actions-overlay{opacity:0;background:linear-gradient(#0000,#000000b3);justify-content:center;gap:.5rem;padding:.5rem;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.image-thumbnail:hover .image-actions-overlay{opacity:1}.image-action-btn{cursor:pointer;color:#1e293b;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.image-action-btn:hover{transform:scale(1.1)}.image-action-btn.download-btn{color:#fff;background:#10b981}.image-action-btn.download-btn:hover{background:#059669}.image-action-btn.expand-btn{color:#fff;background:#3b82f6}.image-action-btn.expand-btn:hover{background:#2563eb}.images-collapsed-info{color:#64748b;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.875rem;display:flex}.images-view-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:.35rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s}.images-view-btn:hover{background:#2563eb}.meta-assigned{color:#1a237e;font-weight:500}.detail-info-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1rem 1.25rem;transition:all .2s}.info-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.info-card.full-width{grid-column:1/-1}.info-card-header{color:#1e293b;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:flex}.info-icon{font-size:1rem}.resident-icon{color:#3b82f6}.dept-icon{color:#8b5cf6}.assigned-icon{color:#10b981}.desc-icon{color:#f59e0b}.info-card-body{flex-direction:column;gap:.3rem;display:flex}.info-main{color:#0f172a;margin:0;font-weight:600}.info-sub{align-items:center;gap:4px;display:flex}.role-badge{color:#475569;background:#e2e8f0;border-radius:12px;align-items:center;gap:.3rem;margin-top:.2rem;padding:.2rem .6rem;font-size:.7rem;font-weight:500;display:inline-flex}.description-text{color:#334155;white-space:pre-wrap;margin:0;line-height:1.6}.detail-actions{border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:.75rem;margin-top:.5rem;padding-top:1.25rem;display:flex}.btn-forward,.btn-resolve,.btn-closed{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.btn-forward:hover:not(:disabled){background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.btn-forward:disabled{opacity:.6;cursor:not-allowed}.btn-already-assigned{color:#64748b;cursor:default;cursor:not-allowed;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;display:flex}.btn-resolve{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.btn-resolve:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-resolve:disabled{opacity:.6;cursor:not-allowed}.btn-closed{color:#64748b;cursor:not-allowed;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;display:flex}.btn-resolve .spinning,.btn-forward .spinning{animation:1s linear infinite spin}.detail-history{border-top:1px solid #e2e8f0;margin-top:1.5rem;padding-top:1.25rem}.history-header{cursor:pointer;-webkit-user-select:none;user-select:none;color:#1e293b;align-items:center;gap:.5rem;padding:.5rem 0;font-weight:600;display:flex}.history-header:hover{color:#3b82f6}.history-icon{color:#94a3b8}.history-toggle{color:#94a3b8;margin-left:auto;font-size:.75rem}.history-list{max-height:400px;margin-top:.75rem;padding-left:.5rem;overflow-y:auto}.history-item{border-bottom:1px solid #f1f5f9;gap:.75rem;padding:.75rem 0;display:flex}.history-item:last-child{border-bottom:none}.history-dot{background:#3b82f6;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:.25rem}.history-dot:before{content:"";background:#e2e8f0;width:2px;height:calc(100% - 10px);position:absolute;top:20px;left:50%}.history-content{flex:1}.history-status{color:#1f2937;font-weight:600}.history-comment{color:#6b7280;margin-top:2px;font-size:13px}.history-meta{color:#9ca3af;gap:12px;margin-top:4px;font-size:12px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;animation:.3s slideUp;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header h3{color:#0f172a;align-items:center;gap:.5rem;margin:0;font-size:1.1rem;display:flex}.modal-close{cursor:pointer;color:#6b7280;background:0 0;border:none;font-size:1.5rem;transition:all .2s}.modal-body{padding:1.5rem}.modal-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.25rem;padding:1rem}.modal-info p{color:#1f2937;margin:0;font-size:14px}.modal-sub-info .status-text{color:#3b82f6;font-weight:600}.modal-category-info{align-items:center;gap:.5rem;display:flex;margin-top:.25rem!important}.category-icon{color:#8b5cf6}.modal-resident-info{align-items:center;gap:.5rem;display:flex;margin-top:.25rem!important}.resident-icon-small{color:#3b82f6}.form-group .required{color:#ef4444}.worker-select{color:#0f172a;background:#fff;border:2px solid #e2e8f0;border-radius:8px;width:100%;padding:.6rem .75rem;font-size:.9rem;transition:all .2s}.worker-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.notes-input,.resolution-textarea{resize:vertical;border:2px solid #e2e8f0;border-radius:8px;width:100%;padding:.6rem .75rem;font-family:inherit;font-size:.9rem;transition:all .2s}.notes-input:focus,.resolution-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.resolution-textarea.error{border-color:#ef4444}.resolution-textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.error-message{color:#ef4444;margin-top:.25rem;font-size:.8rem;display:block}.char-count{color:#94a3b8;text-align:right;margin-top:.25rem;font-size:.75rem;display:block}.loading-workers{color:#64748b;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.loading-workers .spinning{animation:1s linear infinite spin}.no-workers{text-align:center;color:#64748b;padding:1.5rem 0}.no-workers-hint{color:#94a3b8;margin-top:.25rem;font-size:.85rem}.resolution-info-box{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:flex-start;gap:.5rem;margin-top:.5rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.resolution-info-box .info-icon-small{color:#f59e0b;flex-shrink:0;margin-top:.1rem}.available-workers-info{margin-top:8px}.info-badge{color:#1a237e;background:#dbeafe;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.btn-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;padding:.6rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .2s}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}@media (width<=992px){.detail-info-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.detail-info-grid{grid-template-columns:1fr}.detail-title-area{flex-direction:column}.detail-title{font-size:20px}.detail-actions{flex-direction:column}.btn-forward,.btn-resolve,.btn-closed{justify-content:center;width:100%}.complaint-detail-content{padding:16px}.modal-content{margin:12px}.detail-meta{flex-direction:column;gap:4px}}@media (width<=480px){.complaint-detail-header{flex-direction:column;align-items:stretch}.header-left{flex-wrap:wrap}.back-btn,.refresh-btn{justify-content:center}.info-card{padding:12px 16px}.info-main{font-size:14px}}.feedback-section{background:#f8fafc;border-left:4px solid #f59e0b;border-radius:12px;margin:1rem 0 1.5rem;padding:1.25rem 1.5rem}.feedback-section.feedback-pending{background:#eff6ff;border-left-color:#3b82f6}.feedback-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.feedback-header h4{color:#1e293b;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:600;display:flex}.feedback-icon{color:#f59e0b}.feedback-pending-icon{color:#3b82f6}.feedback-content{flex-direction:column;gap:.75rem;display:flex}.feedback-rating-row{align-items:center;gap:.75rem;display:flex}.header-left{flex-wrap:wrap}.header-right{justify-content:flex-end}.feedback-stars{align-items:center;gap:2px;display:flex}.feedback-star{color:#d1d5db;font-size:1.25rem;transition:color .2s}.feedback-star.filled{color:#f59e0b}.feedback-comment-row{align-items:flex-start;gap:.75rem;display:flex}.feedback-comment-text{color:#1e293b;background:#fff;border-left:3px solid #f59e0b;border-radius:6px;flex:1;margin:0;padding:.5rem 1rem;font-style:italic}.manager-map-iframe{height:200px}.manager-map-open-link,.manager-map-coords-link,.manager-coords-link{margin-left:0}.manager-map-coords{flex-direction:column;align-items:flex-start;gap:.15rem}.feedback-pending-text{color:#1e40af;align-items:center;gap:.5rem;margin:0;display:flex}.feedback-info-icon{color:#3b82f6}.resolution-text{color:#1e293b;margin:0;padding:.5rem 0;line-height:1.6}.resolved-icon{color:#10b981}@media (width<=640px){.feedback-rating-row{flex-direction:column;align-items:flex-start;gap:.25rem}.feedback-comment-row{flex-direction:column;gap:.25rem}.feedback-section{padding:1rem}}.resolution-modal .modal-header h3{color:#28a745}.resolution-modal .resolve-icon{color:#28a745;margin-right:10px}.resolution-modal .modal-info{margin-bottom:20px}.resolution-modal .modal-resident-info{color:#666;margin-top:8px;font-size:14px}.resolution-modal .resident-icon-small{color:#667eea;margin-right:6px}.resolution-modal .resolution-textarea{resize:vertical;background:#f8f9ff;border:2px solid #e0e0e0;border-radius:8px;width:100%;min-height:120px;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .3s}.complaint-detail-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.history-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.image-viewer-thumbnails::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.complaint-detail-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.history-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.image-viewer-thumbnails::-webkit-scrollbar-thumb:hover{background:#94a3b8}.summary-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.summary-header{color:#1e293b;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;display:flex}.summary-icon{color:#25d366;font-size:1.1rem}.summary-actions{gap:.5rem;margin-left:auto;display:flex}.summary-action-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.summary-action-btn.copy-summary-btn{color:#475569;background:#e2e8f0}.summary-action-btn.copy-summary-btn:hover{background:#cbd5e1;transform:scale(1.02)}.summary-action-btn.whatsapp-summary-btn{color:#fff;background:#25d366}.summary-action-btn.whatsapp-summary-btn:hover{background:#1da851;transform:scale(1.02)}.summary-preview{background:#0f172a;border:1px solid #1e293b;border-radius:8px;max-height:400px;padding:1rem;overflow-y:auto}.resolution-info-box span{color:#555;font-size:14px;line-height:1.5}.summary-preview::-webkit-scrollbar-track{background:#1e293b;border-radius:3px}.summary-preview::-webkit-scrollbar-thumb{background:#475569;border-radius:3px}.resolve-submit:hover{background:linear-gradient(135deg,#218838 0%,#1aa179 100%)!important}.worker-summary-modal{max-width:750px}.worker-summary-icon{color:#3b82f6}.worker-assigned-info{margin-bottom:1.25rem}.assigned-success-banner{align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.assigned-success-banner h4{color:#065f46;margin:0;font-size:1rem}.assigned-success-banner p{color:#065f46;margin:.25rem 0 0;font-size:.9rem}.worker-phone{font-weight:500;color:#047857!important;margin-top:.25rem!important}.summary-section-in-modal{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1rem}.summary-header-in-modal{color:#1e293b;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;display:flex}.summary-icon-in-modal{color:#3b82f6;font-size:1rem}.summary-actions-in-modal{gap:.5rem;margin-left:auto;display:flex}.summary-action-btn-in-modal{cursor:pointer;border:none;border-radius:5px;align-items:center;gap:.3rem;padding:.3rem .7rem;font-size:.7rem;font-weight:500;transition:all .2s;display:flex}.summary-action-btn-in-modal.copy-summary-btn{color:#475569;background:#e2e8f0}.summary-action-btn-in-modal.copy-summary-btn:hover{background:#cbd5e1;transform:scale(1.02)}.summary-action-btn-in-modal.whatsapp-summary-btn{color:#fff;background:#25d366}.summary-action-btn-in-modal.whatsapp-summary-btn:hover{background:#1da851;transform:scale(1.02)}.summary-preview-in-modal{background:#0f172a;border:1px solid #1e293b;border-radius:8px;max-height:350px;padding:.75rem;overflow-y:auto}.summary-text-in-modal{color:#e2e8f0;white-space:pre-wrap;word-wrap:break-word;margin:0;font-family:Courier New,monospace;font-size:.7rem;line-height:1.5}.summary-preview-in-modal::-webkit-scrollbar{width:5px}.summary-preview-in-modal::-webkit-scrollbar-track{background:#1e293b;border-radius:3px}.summary-preview-in-modal::-webkit-scrollbar-thumb{background:#475569;border-radius:3px}.summary-preview-in-modal::-webkit-scrollbar-thumb:hover{background:#64748b}.modal-footer-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:.75rem;margin-top:1.25rem;padding-top:1rem;display:flex}.btn-done{justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.images-collapsed-info span{color:#6b7280;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.btn-done:hover{background:#2563eb;transform:scale(1.02)}@media (width<=768px){.worker-summary-modal{max-width:95vw}.assigned-success-banner,.summary-header-in-modal{flex-direction:column;align-items:flex-start}.summary-actions-in-modal{justify-content:flex-start;width:100%;margin-left:0}.summary-action-btn-in-modal{flex:1;justify-content:center}.summary-text-in-modal{font-size:.6rem}.modal-footer-actions{flex-direction:column}.btn-done{justify-content:center;width:100%}}.complaint-detail-header .header-right{align-items:center;gap:10px;display:flex;position:relative}.copy-summary-btn-header{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex;position:relative;box-shadow:0 2px 8px #667eea4d}.copy-summary-btn-header:hover{background:linear-gradient(135deg,#5a6fd6 0%,#6a3f9e 100%);transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.copy-summary-btn-header:active{transform:translateY(0);box-shadow:0 2px 4px #667eea33}.copy-summary-btn-header svg{font-size:16px}.copy-success-toast.header-toast{color:#fff;white-space:nowrap;z-index:10;background:#10b981;border-radius:6px;margin-top:8px;padding:6px 14px;font-size:13px;font-weight:600;animation:.3s slideDown;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #10b9814d}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.complaint-detail-header .header-right{flex-wrap:wrap;gap:8px}.copy-summary-btn-header{gap:6px;padding:6px 12px;font-size:12px}.copy-summary-btn-header svg{font-size:13px}.copy-summary-btn-header span{display:none}.copy-summary-btn-header:after{content:"Copy";font-size:11px;font-weight:600}.copy-success-toast.header-toast{padding:4px 10px;font-size:11px;left:50%;right:auto;transform:translate(-50%)}.copy-success-toast.header-toast.slide-down{animation:.3s slideDownMobile}@keyframes slideDownMobile{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}}@media (width<=480px){.complaint-detail-header .header-right{gap:5px}.copy-summary-btn-header{border-radius:6px;padding:5px 10px;font-size:11px}.copy-summary-btn-header svg{font-size:12px}.copy-success-toast.header-toast{padding:3px 8px;font-size:10px;top:calc(100% + 4px)}}@media (width<=768px){.images-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.image-viewer-main{max-width:95vw;max-height:60vh}.image-viewer-img{max-height:60vh}.image-viewer-nav{width:40px;height:40px}.image-viewer-nav svg{width:20px;height:20px}.image-viewer-prev{left:10px}.image-viewer-next{right:10px}.image-viewer-thumbnails{gap:8px;max-width:90vw;padding:8px 12px;bottom:16px}.thumbnail-item{width:48px;height:48px}.image-viewer-close{width:40px;height:40px;top:12px;right:12px}.image-viewer-counter{padding:4px 12px;font-size:.8rem;top:12px}}@media (width<=480px){.images-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:6px}.images-section{padding:1rem}.image-expand-btn{width:24px;height:24px}.image-expand-btn svg{width:12px;height:12px}.thumbnail-item{width:40px;height:40px}.image-viewer-nav{width:32px;height:32px}.image-viewer-nav svg{width:16px;height:16px}.image-viewer-thumbnails{gap:6px;padding:6px 10px}.btn-forward,.btn-resolve,.btn-closed,.btn-already-assigned{padding:6px 14px;font-size:12px}.modal-header{padding:12px 16px}.modal-header h3{font-size:15px}.modal-body{padding:12px 14px}.modal-footer{padding:10px 14px}}.manager-workers-container{max-width:1200px;margin:0 auto}.manager-workers-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.spinning{color:#1a237e;font-size:32px;animation:1s linear infinite spin}.manager-workers-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.page-title{color:#1a237e;align-items:center;gap:10px;margin:0;font-size:24px;font-weight:700;display:flex}.worker-count{color:#6b7280;background:#f3f4f6;border-radius:20px;padding:4px 14px;font-size:14px;font-weight:500}.department-badge{color:#1a237e;background:#dbeafe;border-radius:20px;align-items:center;gap:6px;padding:4px 14px;font-size:13px;font-weight:500;display:inline-flex}.header-right{flex-wrap:wrap;gap:10px;display:flex}.create-btn{color:#fff;cursor:pointer;background:#1a237e;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.create-btn:hover{background:#0d1445;transform:translateY(-2px);box-shadow:0 4px 12px #1a237e4d}.refresh-btn{cursor:pointer;color:#333;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:8px 20px;font-size:14px;transition:all .2s;display:flex}.refresh-btn:hover:not(:disabled){background:#e5e7eb}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.workers-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:12px 16px}.department-info-banner{color:#3730a3;background:#e0e7ff;border:1px solid #c7d2fe;border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 18px;display:flex}.banner-icon{flex-shrink:0;font-size:20px}.department-info-banner strong{color:#1e1b4b}.worker-summary-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:14px;padding:16px 20px;transition:all .2s;display:flex}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.summary-icon{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.summary-card.total .summary-icon{color:#1a237e;background:#dbeafe}.summary-card.available .summary-icon{color:#10b981;background:#d1fae5}.summary-card.busy .summary-icon{color:#d97706;background:#fef3c7}.summary-card.inactive .summary-icon{color:#dc2626;background:#fee2e2}.summary-info{flex-direction:column;display:flex}.summary-value{color:#1a237e;font-size:24px;font-weight:700}.summary-label{color:#6b7280;font-size:13px;font-weight:500}.workers-filters-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}.search-wrapper{flex:1;min-width:200px;position:relative}.search-input:focus{background:#fff;border-color:#1a237e;outline:none}.search-clear{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search-clear:hover{color:#333}.filter-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-select{cursor:pointer;color:#333;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;min-width:140px;padding:10px 14px;font-size:14px}.filter-select:focus{border-color:#1a237e;outline:none}.clear-filters{cursor:pointer;color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;padding:10px 16px;font-size:13px;transition:all .2s}.clear-filters:hover{color:#333;background:#e5e7eb}.workers-list{flex-direction:column;gap:12px;display:flex}.worker-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;transition:all .2s;display:flex}.worker-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000a}.worker-card.available{border-left:4px solid #10b981}.worker-card.busy{border-left:4px solid #d97706}.worker-card.inactive{opacity:.7;border-left:4px solid #dc2626}.worker-avatar{color:#d1d5db;flex-shrink:0;font-size:48px}.worker-info{flex:1;min-width:0}.worker-name{color:#1a237e;font-size:16px;font-weight:600}.worker-details{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.worker-detail{color:#6b7280;align-items:center;gap:4px;font-size:13px;display:flex}.worker-status{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.status-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-badge.available{color:#065f46;background:#d1fae5}.status-badge.busy{color:#92400e;background:#fef3c7}.status-badge.inactive{color:#991b1b;background:#fee2e2}.complaint-count{color:#6b7280;font-size:12px}.worker-actions{flex-shrink:0;gap:6px;display:flex}.action-btn{cursor:pointer;color:#6b7280;background:#f9fafb;border:none;border-radius:6px;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;transition:all .2s;display:flex}.action-btn:hover{transform:scale(1.1)}.action-btn.view:hover{color:#1a237e;background:#dbeafe}.action-btn.edit:hover{color:#d97706;background:#fef3c7}.action-btn.delete:hover{color:#dc2626;background:#fee2e2}.action-btn.restore:hover{color:#10b981;background:#d1fae5}.manager-no-workers{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:60px 20px}.no-workers-icon{color:#d1d5db;margin-bottom:16px;font-size:56px}.manager-no-workers h3{color:#1a237e;margin:0 0 8px;font-size:20px}.manager-no-workers p{color:#6b7280;margin:0;font-size:14px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:500px;max-height:90vh;animation:.3s slideUp;display:flex;box-shadow:0 20px 60px #00000026}.modal-content.delete-modal{max-width:420px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{color:#1a237e;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;display:flex}.modal-close{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:50%;width:32px;height:32px;font-size:20px;transition:all .2s}.modal-close:hover{color:#dc2626;background:#fee2e2}.modal-body{flex:1;padding:20px;overflow-y:auto}.modal-footer{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.required{color:#dc2626}.form-group input:focus{border-color:#1a237e;outline:none}.field-hint{color:#6b7280;margin-top:4px;font-size:12px;display:block}.form-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:14px}.department-info-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.department-info-box .box-icon{color:#10b981;flex-shrink:0;font-size:20px}.department-info-box .box-label{color:#6b7280;font-size:12px;display:block}.department-info-box .box-value{color:#1a237e;font-size:14px;font-weight:600;display:block}.department-info-box .box-sub{color:#6b7280;font-size:12px;display:block}.delete-warning{text-align:center;padding:10px 0}.warning-icon{color:#dc2626;margin-bottom:12px;font-size:48px}.delete-warning p{color:#1f2937;margin:8px 0;font-size:16px}.delete-subtext{color:#6b7280!important;font-size:14px!important}.delete-warning-text{background:#fef2f2;border-radius:8px;padding:10px;color:#dc2626!important;margin-top:12px!important;font-size:14px!important}.btn-cancel{cursor:pointer;color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:8px 20px;font-size:14px;transition:all .2s}.btn-cancel:hover:not(:disabled){background:#e5e7eb}.btn-submit{color:#fff;cursor:pointer;background:#1a237e;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-submit:hover:not(:disabled){background:#0d1445}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.btn-delete{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-delete:hover:not(:disabled){background:#b91c1c}.btn-delete:disabled{opacity:.6;cursor:not-allowed}@media (width<=992px){.worker-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.manager-workers-header{flex-direction:column;align-items:flex-start}.header-right{width:100%}.create-btn,.refresh-btn{flex:1;justify-content:center}.worker-card{flex-wrap:wrap;gap:10px}.worker-actions{justify-content:flex-end;width:100%}.worker-status{align-items:flex-start;width:100%}.workers-filters-section{flex-direction:column}.search-wrapper{width:100%}.filter-group{flex-wrap:wrap;width:100%}.filter-select{flex:1;min-width:100px}.modal-content{margin:12px}}@media (width<=480px){.worker-summary-grid{grid-template-columns:1fr 1fr;gap:10px}.summary-card{padding:12px 14px}.summary-value{font-size:20px}.worker-name{font-size:14px}.worker-details{flex-direction:column;gap:2px}.filter-group{flex-direction:column}.filter-select{width:100%}.clear-filters{text-align:center;width:100%}}.view-modal{max-width:600px}.view-modal-body{padding:20px}.view-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.view-profile{border-bottom:2px solid #f3f4f6;align-items:center;gap:20px;margin-bottom:20px;padding-bottom:20px;display:flex}.view-avatar{color:#d1d5db;flex-shrink:0;font-size:64px}.view-profile-info{flex:1}.view-name{color:#1a237e;margin:0 0 6px;font-size:22px;font-weight:700}.view-status{margin-bottom:6px}.view-meta{color:#6b7280;flex-wrap:wrap;gap:12px;font-size:14px;display:flex}.view-meta span{align-items:center;gap:4px;display:flex}.view-details-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.view-detail-item{background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;align-items:center;gap:12px;padding:12px 14px;display:flex}.view-detail-icon{flex-shrink:0;font-size:20px}.view-detail-icon.dept-icon{color:#8b5cf6}.view-detail-icon.manager-icon{color:#3b82f6}.view-detail-icon.complaints-icon{color:#f59e0b}.view-detail-icon.joined-icon{color:#10b981}.view-detail-content{flex-direction:column;display:flex}.view-detail-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.view-detail-value{color:#1a237e;font-size:15px;font-weight:600}.view-detail-sub{color:#6b7280;font-size:12px}.view-additional-info{background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;padding:12px 16px}.view-info-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;padding:4px 0;display:flex}.view-info-row:last-child{border-bottom:none}.view-info-label{color:#6b7280;font-size:13px}.view-info-value{color:#1a237e;font-size:13px;font-weight:500}.btn-edit{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-edit:hover{background:#d97706}@media (width<=600px){.view-details-grid{grid-template-columns:1fr}.view-profile{text-align:center;flex-direction:column}.view-meta{justify-content:center}.view-modal{max-width:95%;margin:12px}}.manager-profile-container{max-width:900px;margin:0 auto}.manager-profile-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:300px;display:flex}.coming-soon-banner.small{margin-bottom:16px;padding:16px 24px}.profile-grid{gap:20px;display:grid}.profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:400px;margin:0 auto;padding:32px;display:flex;box-shadow:0 1px 3px #0000001a}.profile-avatar{color:#1a237e;margin-bottom:12px;font-size:72px}.profile-name{color:#1a237e;font-size:20px;font-weight:700}.profile-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:24px}.profile-form-card h3{color:#1a237e;align-items:center;gap:10px;margin:0 0 16px;font-size:16px;font-weight:600;display:flex}.password-card{margin-bottom:0}.form-group input{color:#333;background:#fff;border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 14px;font-size:14px;transition:border-color .2s}.form-group input:focus{border-color:#1a237e;outline:none;box-shadow:0 0 0 4px #1a237e1a}.form-group input:disabled{color:#6b7280;background:#f9fafb}.disabled-input{color:#6b7280!important;background:#f9fafb!important}.btn-save:hover:not(:disabled){background:#0d1445;transform:translateY(-2px);box-shadow:0 4px 12px #1a237e4d}.btn-password{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-password:hover:not(:disabled){background:#4b5563;transform:translateY(-2px);box-shadow:0 4px 12px #6b72804d}.btn-password:disabled{opacity:.7;cursor:not-allowed}.form-success{color:#065f46;background:#d1fae5;border-radius:8px;margin-top:12px;padding:10px 16px;font-size:14px}.form-error{color:#991b1b;background:#fee2e2;border-radius:8px;margin-top:12px;padding:10px 16px;font-size:14px}.coming-soon-preview.small{margin-top:20px;padding:12px 16px}.preview-items{flex-wrap:wrap;gap:10px;display:flex}.preview-item{color:#333;background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;display:flex}.preview-icon{color:#1a237e;font-size:14px}@media (width<=768px){.profile-grid{grid-template-columns:1fr}.profile-card{padding:24px}.profile-avatar{font-size:56px}}@media (width<=480px){.profile-form-card{padding:16px}.btn-save,.btn-password{justify-content:center;width:100%}}.resident-login-container{background:#f5f7fa;justify-content:center;align-items:center;min-height:100vh;padding:48px 16px;display:flex;position:relative;overflow:hidden}.resident-login-bg-decoration{pointer-events:none;z-index:0;position:fixed;inset:0}.resident-login-bg-circle{opacity:.4;border-radius:50%;position:absolute}.resident-login-bg-circle-1{background:radial-gradient(circle,#1f29371a,#0000 70%);width:400px;height:400px;animation:20s ease-in-out infinite residentFloat;top:-150px;right:-100px}.resident-login-bg-circle-2{background:radial-gradient(circle,#37415114,#0000 70%);width:300px;height:300px;animation:25s ease-in-out infinite reverse residentFloat;bottom:-100px;left:-80px}.resident-login-bg-circle-3{background:radial-gradient(circle,#1f29370f,#0000 70%);width:200px;height:200px;animation:15s ease-in-out 5s infinite residentFloat;top:30%;right:20%}@keyframes residentFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}.resident-login-wrapper{z-index:1;background:#fff;border:1px solid #00000008;border-radius:24px;width:100%;max-width:440px;animation:.6s ease-out residentSlideUp;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000f,0 1px 3px #0000000a}@keyframes residentSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.resident-login-content{flex-direction:column;padding:45px 40px;display:flex}.resident-login-brand{text-align:center;margin-bottom:28px}.resident-brand-icon-wrapper{margin-bottom:12px;display:inline-block}.resident-brand-icon{color:#fff;background:linear-gradient(135deg,#1f2937,#374151);border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .3s;display:flex;box-shadow:0 8px 24px #1f293740,inset 0 1px #ffffff26}.resident-brand-icon:hover{transform:scale(1.05)rotate(-3deg)}.resident-brand-title{color:#0b172b;letter-spacing:-.5px;margin:0 0 4px;font-size:28px;font-weight:700}.resident-brand-subtitle{color:#6b7280;margin:0;font-size:15px}.resident-error-message{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.resident-success-message{color:#065f46;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.resident-login-form{flex-direction:column;gap:18px;display:flex}.resident-form-group{flex-direction:column;gap:5px;display:flex}.resident-input-wrapper,.resident-password-input-wrapper{background:#f7f8fa;border:2px solid #e5e7eb;border-radius:12px;align-items:center;width:100%;transition:all .3s;display:flex;position:relative}.resident-input-wrapper.resident-focused,.resident-password-input-wrapper.resident-focused{background:#fff;border-color:#1f2937;box-shadow:0 0 0 4px #1f293714}.resident-input-wrapper.resident-filled,.resident-password-input-wrapper.resident-filled{background:#fff}.resident-input-wrapper:hover:not(.resident-focused),.resident-password-input-wrapper:hover:not(.resident-focused){background:#fafbfc;border-color:#d1d5db}.resident-input-border{background:linear-gradient(90deg,#1f2937,#374151);border-radius:0 0 12px 12px;width:0;height:2px;transition:all .3s;position:absolute;bottom:-2px;left:50%}.resident-input-wrapper.resident-focused .resident-input-border,.resident-password-input-wrapper.resident-focused .resident-input-border{width:100%;left:0}.resident-input-icon{color:#9ca3af;z-index:1;pointer-events:none;transition:color .3s;position:absolute;left:14px}.resident-input-wrapper.resident-focused .resident-input-icon,.resident-password-input-wrapper.resident-focused .resident-input-icon{color:#1f2937}.resident-input-wrapper input,.resident-password-input-wrapper input{color:#0b172b;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;height:52px;padding:14px 16px 14px 44px;font-size:15px;transition:all .3s}.resident-input-wrapper input::placeholder,.resident-password-input-wrapper input::placeholder{color:#9ca3af}.resident-input-wrapper input.error,.resident-password-input-wrapper input.error{border-color:#ef4444}.resident-password-input-wrapper input{padding:14px 50px 14px 44px}.resident-toggle-password{cursor:pointer;color:#9ca3af;z-index:1;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;right:14px}.resident-toggle-password:hover{color:#1f2937;background:#1f293714}.resident-error-text{color:#ef4444;margin-top:4px;font-size:13px}.resident-form-options{justify-content:flex-end;font-size:14px;display:flex}.resident-forgot-link{color:#1f2937;font-weight:600;text-decoration:none;transition:color .2s}.resident-forgot-link:hover{color:#374151;text-decoration:underline}.resident-login-btn{cursor:pointer;background:linear-gradient(135deg,#1f2937,#374151);border:none;border-radius:12px;width:100%;height:52px;padding:0;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 16px #1f293740,inset 0 1px #ffffff1a}.resident-login-btn-inner{color:#fff;z-index:2;justify-content:center;align-items:center;gap:8px;padding:14px 16px;font-size:16px;font-weight:600;display:flex;position:relative}.resident-login-btn-shine{z-index:1;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.resident-login-btn:hover:not(:disabled) .resident-login-btn-shine{left:100%}.resident-login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #1f293759,inset 0 1px #ffffff1a}.resident-login-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 12px #1f293733}.resident-login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.resident-btn-arrow{transition:transform .3s;display:inline-block}.resident-login-btn:hover:not(:disabled) .resident-btn-arrow{transform:translate(4px)}.resident-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite residentSpin;display:inline-block}@keyframes residentSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.resident-role-selector{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:20px}.resident-role-label{color:#6b7280;text-align:center;margin-bottom:10px;font-size:13px;display:block}.resident-role-options{justify-content:center;gap:16px;display:flex}.resident-role-option{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.resident-role-option:hover,.resident-role-option.resident-role-active{color:#1f2937;background:#f3f4f6}.resident-role-dot{background:#d1d5db;border-radius:50%;width:8px;height:8px;transition:all .3s}.resident-role-option.resident-role-active .resident-role-dot{background:#1f2937}.resident-login-footer{text-align:center;color:#6b7280;border-top:1px solid #f3f4f6;margin-top:24px;padding-top:20px;font-size:12px}.resident-login-footer p{margin:0}.resident-login-footer a{color:#1f2937;font-weight:700;text-decoration:none;transition:color .2s}.resident-login-footer a:hover{color:#374151;text-decoration:underline}.resident-demo-credentials{text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;margin-top:16px;padding:14px}.resident-demo-credentials p:first-child{color:#1f2937;margin-bottom:4px;font-size:13px;font-weight:700}.resident-demo-credentials p:last-child{color:#6b7280;margin:0;font-size:12px}@media (width<=768px){.resident-login-container{padding:32px 16px}.resident-login-content{padding:35px 30px}.resident-brand-title{font-size:26px}.resident-brand-icon{width:64px;height:64px}.resident-input-wrapper input,.resident-password-input-wrapper input{height:48px;font-size:14px}.resident-login-btn{height:48px}.resident-login-btn-inner{padding:12px 16px;font-size:15px}}@media (width<=480px){.resident-login-container{padding:20px 12px}.resident-login-wrapper{border-radius:16px;max-width:100%}.resident-login-content{padding:28px 20px}.resident-brand-title{font-size:22px}.resident-brand-subtitle{font-size:13px}.resident-brand-icon{width:56px;height:56px}.resident-brand-icon svg{width:24px;height:24px}.resident-input-wrapper input,.resident-password-input-wrapper input{height:44px;padding:12px 14px 12px 40px;font-size:14px}.resident-input-icon{width:16px;height:16px;left:12px}.resident-toggle-password{right:12px}.resident-toggle-password svg{width:16px;height:16px}.resident-login-btn{height:44px}.resident-login-btn-inner{padding:10px 16px;font-size:14px}.resident-role-options{flex-direction:column;align-items:center;gap:4px}.resident-role-option{padding:6px 12px;font-size:13px}.resident-demo-credentials{padding:12px}.resident-demo-credentials p:first-child{font-size:12px}.resident-demo-credentials p:last-child{font-size:11px}}@media (width<=380px){.resident-login-container{padding:16px 8px}.resident-login-content{padding:20px 16px}.resident-brand-title{font-size:20px}.resident-brand-icon{width:48px;height:48px}.resident-brand-icon svg{width:20px;height:20px}.resident-input-wrapper input,.resident-password-input-wrapper input{height:40px;padding:10px 12px 10px 36px;font-size:13px}.resident-input-icon{width:14px;height:14px;left:10px}.resident-toggle-password{right:10px}.resident-toggle-password svg{width:14px;height:14px}.resident-login-btn{height:40px}.resident-login-btn-inner{padding:8px 14px;font-size:13px}.resident-login-footer{font-size:10px}.resident-demo-credentials{padding:10px}.resident-demo-credentials p:first-child{font-size:11px}.resident-demo-credentials p:last-child{font-size:10px}}@media (height<=700px){.resident-login-wrapper{max-height:95vh}.resident-login-content{padding:30px 35px}.resident-login-brand{margin-bottom:20px}.resident-brand-title{font-size:24px}.resident-brand-icon{width:56px;height:56px}.resident-login-form{gap:14px}.resident-input-wrapper input,.resident-password-input-wrapper input{height:42px;font-size:14px}.resident-login-btn{height:42px}.resident-demo-credentials{margin-top:12px;padding:10px}}@media (height<=600px){.resident-login-content{padding:20px 30px}.resident-login-brand{margin-bottom:14px}.resident-brand-title{font-size:20px}.resident-brand-subtitle{font-size:13px}.resident-brand-icon{width:48px;height:48px}.resident-brand-icon svg{width:20px;height:20px}.resident-login-form{gap:10px}.resident-form-group{gap:3px}.resident-input-wrapper input,.resident-password-input-wrapper input{height:36px;padding:8px 12px 8px 36px;font-size:13px}.resident-input-icon{width:14px;height:14px;left:10px}.resident-login-btn{height:36px}.resident-login-btn-inner{padding:8px 14px;font-size:13px}.resident-demo-credentials{margin-top:8px;padding:8px}.resident-demo-credentials p:first-child{font-size:11px}.resident-demo-credentials p:last-child{font-size:10px}.resident-login-footer{margin-top:8px;font-size:12px}}.resident-signup-container{background:#f5f7fa;justify-content:center;align-items:center;min-height:100vh;padding:48px 16px;display:flex;position:relative;overflow:hidden}.resident-signup-bg-decoration{pointer-events:none;z-index:0;position:fixed;inset:0}.resident-signup-bg-circle{opacity:.4;border-radius:50%;position:absolute}.resident-signup-bg-circle-1{background:radial-gradient(circle,#1f29371a,#0000 70%);width:400px;height:400px;animation:20s ease-in-out infinite residentSignupFloat;top:-150px;right:-100px}.resident-signup-bg-circle-2{background:radial-gradient(circle,#37415114,#0000 70%);width:300px;height:300px;animation:25s ease-in-out infinite reverse residentSignupFloat;bottom:-100px;left:-80px}.resident-signup-bg-circle-3{background:radial-gradient(circle,#1f29370f,#0000 70%);width:200px;height:200px;animation:15s ease-in-out 5s infinite residentSignupFloat;top:30%;right:20%}@keyframes residentSignupFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}.resident-signup-wrapper{z-index:1;background:#fff;border:1px solid #00000008;border-radius:24px;width:100%;max-width:520px;animation:.6s ease-out residentSignupSlideUp;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000f,0 1px 3px #0000000a}@keyframes residentSignupSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.resident-signup-content{flex-direction:column;padding:40px 38px;display:flex}.resident-signup-header{text-align:center;margin-bottom:28px}.resident-signup-header h2{color:#0b172b;letter-spacing:-.5px;margin:0 0 4px;font-size:28px;font-weight:700}.resident-signup-header p{color:#6b7280;margin:0;font-size:15px}.resident-signup-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.resident-signup-form{flex-direction:column;gap:16px;display:flex}.resident-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.resident-form-group{flex-direction:column;gap:5px;display:flex;position:relative}.resident-form-group label{color:#0b172b;font-size:14px;font-weight:600}.resident-signup-input-wrapper,.resident-signup-password-wrapper{background:#f7f8fa;border:2px solid #e5e7eb;border-radius:12px;align-items:center;width:100%;transition:all .3s;display:flex;position:relative}.resident-signup-input-wrapper:focus-within,.resident-signup-password-wrapper:focus-within{background:#fff;border-color:#1f2937;box-shadow:0 0 0 4px #1f293714}.resident-signup-input-wrapper:hover:not(:focus-within),.resident-signup-password-wrapper:hover:not(:focus-within){background:#fafbfc;border-color:#d1d5db}.resident-signup-input-wrapper input.error,.resident-signup-password-wrapper input.error{border-color:#ef4444}.resident-signup-input-wrapper input,.resident-signup-password-wrapper input{color:#0b172b;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;height:44px;padding:12px 14px 12px 40px;font-size:14px;transition:all .3s}.resident-signup-input-wrapper input::placeholder,.resident-signup-password-wrapper input::placeholder{color:#9ca3af}.resident-signup-input-wrapper input.read-only,.resident-signup-input-wrapper input:disabled,.resident-signup-password-wrapper input:disabled{color:#6b7280;cursor:not-allowed}.resident-signup-input-icon{color:#9ca3af;z-index:1;pointer-events:none;transition:color .3s;position:absolute;left:12px}.resident-signup-input-wrapper:focus-within .resident-signup-input-icon,.resident-signup-password-wrapper:focus-within .resident-signup-input-icon{color:#1f2937}.resident-signup-password-toggle{cursor:pointer;color:#9ca3af;z-index:1;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;right:12px}.resident-signup-password-toggle:hover{color:#1f2937;background:#1f293714}.resident-signup-input-wrapper select{color:#0b172b;box-sizing:border-box;appearance:none;cursor:pointer;background:0 0;border:none;outline:none;width:100%;height:44px;padding:12px 14px 12px 40px;font-size:14px}.resident-signup-input-wrapper select:disabled{color:#6b7280;cursor:not-allowed}.resident-signup-input-wrapper select.error{border-color:#ef4444}.resident-signup-error-text{color:#ef4444;margin-top:4px;font-size:12px}.resident-address-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-top:4px;padding:16px}.resident-address-section h3{color:#0b172b;margin:0 0 12px;font-size:14px;font-weight:600}.resident-address-section .resident-form-group:last-child{margin-bottom:0}.resident-unit-search-wrapper{cursor:text;position:relative}.resident-unit-search-wrapper input{color:#0b172b;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;height:44px;font-size:14px;transition:all .3s;padding:12px 44px 12px 40px!important}.resident-unit-search-wrapper input::placeholder{color:#9ca3af}.resident-unit-search-wrapper input:not(:placeholder-shown){color:#0b172b;font-weight:500}.resident-unit-search-wrapper input.error,.resident-unit-search-wrapper.resident-unit-error{border-color:#ef4444}.resident-unit-search-wrapper.resident-unit-error:focus-within{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.resident-unit-clear-btn{cursor:pointer;color:#9ca3af;z-index:2;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;right:12px}.resident-unit-clear-btn:hover{color:#1f2937;background:#f3f4f6}.resident-unit-dropdown{z-index:1000;background:#fff;border:2px solid #e5e7eb;border-radius:12px;max-height:200px;padding:4px 0;animation:.2s residentDropdownFade;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}@keyframes residentDropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.resident-unit-dropdown::-webkit-scrollbar{width:6px}.resident-unit-dropdown::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.resident-unit-dropdown::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.resident-unit-dropdown::-webkit-scrollbar-thumb:hover{background:#9ca3af}.resident-unit-item{cursor:pointer;color:#0b172b;align-items:center;gap:10px;padding:10px 14px;font-size:14px;transition:all .15s;display:flex}.resident-unit-item:hover{background:#f3f4f6}.resident-unit-item.resident-unit-selected{background:#e5e7eb;font-weight:600}.resident-unit-item svg{color:#6b7280;flex-shrink:0}.resident-unit-item span{flex:1}.resident-unit-check{color:#1f2937;margin-left:auto;font-weight:700}.resident-unit-no-results{color:#6b7280;text-align:center;justify-content:center;align-items:center;padding:16px 14px;font-size:14px;display:flex}.resident-signup-btn{cursor:pointer;background:linear-gradient(135deg,#1f2937,#374151);border:none;border-radius:12px;width:100%;height:48px;margin-top:4px;padding:0;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 16px #1f293740,inset 0 1px #ffffff1a}.resident-signup-btn-inner{color:#fff;z-index:2;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:15px;font-weight:600;display:flex;position:relative}.resident-signup-btn-shine{z-index:1;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.resident-signup-btn:hover:not(:disabled) .resident-signup-btn-shine{left:100%}.resident-signup-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #1f293759,inset 0 1px #ffffff1a}.resident-signup-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 12px #1f293733}.resident-signup-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.resident-signup-btn-arrow{transition:transform .3s;display:inline-block}.resident-signup-btn:hover:not(:disabled) .resident-signup-btn-arrow{transform:translate(4px)}.resident-signup-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite residentSignupSpin;display:inline-block}@keyframes residentSignupSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.resident-signup-footer{text-align:center;color:#6b7280;margin-top:16px;font-size:14px}.resident-signup-footer a{color:#1f2937;font-weight:700;text-decoration:none;transition:color .2s}.resident-signup-footer a:hover{color:#374151;text-decoration:underline}@media (width<=768px){.resident-signup-container{padding:32px 16px}.resident-signup-content{padding:32px 28px}.resident-signup-header h2{font-size:26px}.resident-form-row{grid-template-columns:1fr;gap:12px}.resident-signup-input-wrapper input,.resident-signup-password-wrapper input,.resident-signup-input-wrapper select,.resident-unit-search-wrapper input{height:44px;font-size:14px}.resident-signup-btn{height:44px}.resident-signup-btn-inner{padding:10px 16px;font-size:14px}.resident-unit-dropdown{max-height:180px}}@media (width<=480px){.resident-signup-container{padding:20px 12px}.resident-signup-wrapper{border-radius:16px;max-width:100%}.resident-signup-content{padding:24px 18px}.resident-signup-header h2{font-size:22px}.resident-signup-header p{font-size:13px}.resident-signup-input-wrapper input,.resident-signup-password-wrapper input,.resident-signup-input-wrapper select,.resident-unit-search-wrapper input{height:40px;font-size:13px;padding:10px 36px!important}.resident-signup-input-icon{width:16px;height:16px;left:10px}.resident-signup-password-toggle{right:10px}.resident-signup-password-toggle svg{width:16px;height:16px}.resident-signup-btn{height:40px}.resident-signup-btn-inner{padding:8px 14px;font-size:13px}.resident-address-section{padding:12px}.resident-address-section h3,.resident-signup-footer{font-size:13px}.resident-unit-dropdown{max-height:160px}.resident-unit-item{padding:8px 12px;font-size:13px}.resident-unit-item svg{width:14px;height:14px}.resident-unit-clear-btn{right:10px}.resident-unit-clear-btn svg{width:14px;height:14px}}@media (width<=380px){.resident-signup-container{padding:16px 8px}.resident-signup-content{padding:20px 14px}.resident-signup-header h2{font-size:20px}.resident-signup-input-wrapper input,.resident-signup-password-wrapper input,.resident-signup-input-wrapper select,.resident-unit-search-wrapper input{height:36px;font-size:12px;padding:8px 32px!important}.resident-signup-input-icon{width:14px;height:14px;left:8px}.resident-signup-password-toggle{right:8px}.resident-signup-password-toggle svg{width:14px;height:14px}.resident-signup-btn{height:36px}.resident-signup-btn-inner{padding:6px 12px;font-size:12px}.resident-signup-footer{font-size:12px}.resident-unit-dropdown{max-height:140px}.resident-unit-item{padding:6px 10px;font-size:12px}.resident-unit-item svg{width:12px;height:12px}.resident-unit-clear-btn svg{width:14px;height:14px}}@media (height<=750px){.resident-signup-wrapper{max-height:95vh;overflow-y:auto}.resident-signup-content{padding:24px 30px}.resident-signup-header{margin-bottom:20px}.resident-signup-header h2{font-size:24px}.resident-signup-form{gap:12px}.resident-form-row{gap:10px}.resident-signup-input-wrapper input,.resident-signup-password-wrapper input,.resident-signup-input-wrapper select,.resident-unit-search-wrapper input{height:38px;font-size:13px}.resident-signup-btn{height:38px}.resident-signup-btn-inner{padding:8px 14px;font-size:13px}.resident-unit-dropdown{max-height:120px}.resident-unit-item{padding:6px 12px;font-size:13px}}@media (height<=600px){.resident-signup-content{padding:16px 20px}.resident-signup-header{margin-bottom:12px}.resident-signup-header h2{font-size:20px}.resident-signup-header p{font-size:12px}.resident-signup-form{gap:8px}.resident-form-row{gap:6px}.resident-form-group{gap:2px}.resident-form-group label{font-size:12px}.resident-signup-input-wrapper input,.resident-signup-password-wrapper input,.resident-signup-input-wrapper select,.resident-unit-search-wrapper input{height:32px;font-size:12px;padding:6px 30px 6px 32px!important}.resident-signup-input-icon{width:14px;height:14px;left:8px}.resident-signup-btn{height:32px;margin-top:2px}.resident-signup-btn-inner{padding:4px 12px;font-size:12px}.resident-address-section{padding:10px}.resident-address-section h3{margin-bottom:8px;font-size:12px}.resident-unit-dropdown{max-height:100px}.resident-unit-item{padding:4px 10px;font-size:12px}.resident-unit-item svg{width:12px;height:12px}.resident-unit-clear-btn{right:8px}.resident-unit-clear-btn svg{width:14px;height:14px}.resident-signup-error-text{font-size:10px}.resident-signup-footer{margin-top:8px;font-size:11px}}.resident-signup-role-selector{border-top:1px solid #e5e7eb;margin-top:20px;padding-top:16px}.resident-signup-role-label{color:#6b7280;text-align:center;margin-bottom:8px;font-size:13px;display:block}.resident-signup-role-options{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.resident-signup-role-option{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.resident-signup-role-option:hover,.resident-signup-role-option.resident-signup-role-active{color:#1f2937;background:#f3f4f6}.resident-signup-role-dot{background:#d1d5db;border-radius:50%;width:6px;height:6px;transition:all .3s}.resident-signup-role-option.resident-signup-role-active .resident-signup-role-dot{background:#1f2937}@media (width<=480px){.resident-signup-role-options{flex-direction:column;align-items:center;gap:4px}}@media (height<=600px){.resident-signup-role-selector{margin-top:8px;padding-top:8px}.resident-signup-role-label{margin-bottom:4px;font-size:11px}.resident-signup-role-option{padding:4px 8px;font-size:11px}}.resident-sidebar.desktop-sidebar{color:#fff;z-index:1000;background:#0b172b;flex-direction:column;width:280px;height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:4px 0 30px #0006}.resident-sidebar.mobile-sidebar{color:#fff;z-index:1000;background:#0b172b;flex-direction:column;width:280px;height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-100%);box-shadow:4px 0 30px #00000080}.resident-sidebar.mobile-sidebar.open{transform:translate(0)}.sidebar-header{border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;min-height:64px;padding:20px 24px;display:flex}.sidebar-brand{letter-spacing:-.5px;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;display:flex}.brand-icon{color:#fff;flex-shrink:0;width:22px;height:22px;transition:transform .3s}.sidebar-brand:hover .brand-icon{transform:rotate(-10deg)scale(1.1)}.brand-text{color:#fff;white-space:nowrap;letter-spacing:.5px;font-size:16px;font-weight:700}.sidebar-user{border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:14px;padding:16px 20px;animation:.5s slideIn;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;font-weight:700;display:flex;position:relative;box-shadow:0 4px 15px #667eea4d}.user-avatar:after{content:"";background:#10b981;border:2px solid #0b172b;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.user-info{flex:1;min-width:0}.user-name{white-space:nowrap;text-overflow:ellipsis;color:#fff;font-size:.85rem;font-weight:600;overflow:hidden}.user-role{opacity:.5;text-transform:uppercase;letter-spacing:.8px;margin-top:1px;font-size:.65rem}.user-unit{color:#60a5fa;margin-top:2px;font-size:.65rem;font-weight:500}.user-society{color:#fff6;margin-top:1px;font-size:.65rem}.sidebar-nav{flex:1;padding:16px 12px;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff40}.sidebar-nav-link{color:#fff9;cursor:pointer;border-radius:8px;align-items:center;gap:14px;margin-bottom:2px;padding:10px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sidebar-nav-link:hover{color:#000;background-color:#fff;transform:translate(4px);box-shadow:0 4px 12px #00000026}.sidebar-nav-link:hover .nav-icon{color:#000}.sidebar-nav-link.active{color:#000;background-color:#fff;box-shadow:0 4px 12px #00000026}.sidebar-nav-link.active .nav-icon{color:#000}.nav-icon{color:#ffffff80;flex-shrink:0;width:18px;height:18px;transition:color .25s}.sidebar-nav-link:hover .nav-icon,.sidebar-nav-link.active .nav-icon{color:#000}.nav-label{white-space:nowrap;font-size:13px;font-weight:500}.sidebar-footer{border-top:1px solid #ffffff14;flex-shrink:0;padding:12px 12px 16px}.sidebar-logout{color:#fff9;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:14px;width:100%;padding:10px 16px;font-size:13px;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-logout:hover{color:#000;background-color:#fff;transform:translate(4px);box-shadow:0 4px 12px #00000026}.sidebar-logout:hover .nav-icon{color:#000}.sidebar-logout .nav-icon{color:#ffffff80;transition:color .25s}.sidebar-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);background:#0009;display:none;position:fixed;inset:0}.sidebar-overlay.open{display:block}.sidebar-mobile-toggle{z-index:100;color:#fff;cursor:pointer;background:#0b172b;border:none;border-radius:8px;justify-content:center;align-items:center;padding:10px;transition:all .2s;display:none;position:fixed;top:12px;right:12px;box-shadow:0 2px 12px #0000004d}.sidebar-mobile-toggle:hover{background:#1a2a44;transform:scale(1.05)}.sidebar-mobile-close{color:#ffffff80;cursor:pointer;z-index:10;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s;display:none;position:absolute;top:12px;right:12px}.sidebar-mobile-close:hover{color:#fff;background:#ffffff1a}.sidebar-toggle-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 8px;transition:all .2s;display:flex}.sidebar-toggle-btn:hover{color:#fff;background:#ffffff1a}.resident-sidebar.desktop-sidebar.sidebar-closed{width:72px}.resident-sidebar.desktop-sidebar.sidebar-closed .brand-text,.resident-sidebar.desktop-sidebar.sidebar-closed .user-info,.resident-sidebar.desktop-sidebar.sidebar-closed .nav-label,.resident-sidebar.desktop-sidebar.sidebar-closed .sidebar-logout .nav-label{display:none}.resident-sidebar.desktop-sidebar.sidebar-closed .sidebar-brand{justify-content:center}.resident-sidebar.desktop-sidebar.sidebar-closed .sidebar-header{padding:20px 12px 16px}.resident-sidebar.desktop-sidebar.sidebar-closed .sidebar-user{justify-content:center;padding:16px 12px}.resident-sidebar.desktop-sidebar.sidebar-closed .user-avatar{width:36px;height:36px;font-size:.85rem}.resident-sidebar.desktop-sidebar.sidebar-closed .user-avatar:after{width:8px;height:8px}.resident-sidebar.desktop-sidebar.sidebar-closed .sidebar-nav{padding:16px 8px}.resident-sidebar.desktop-sidebar.sidebar-closed .sidebar-nav-link{justify-content:center;padding:12px}.resident-sidebar.desktop-sidebar.sidebar-closed .sidebar-nav-link .nav-icon{width:20px;height:20px}.resident-sidebar.desktop-sidebar.sidebar-closed .sidebar-footer{padding:16px 8px 20px}.resident-sidebar.desktop-sidebar.sidebar-closed .sidebar-logout{justify-content:center;padding:12px}.resident-sidebar.desktop-sidebar.sidebar-closed .sidebar-logout .nav-icon{width:20px;height:20px}.resident-sidebar.desktop-sidebar.sidebar-open~.resident-main-content,.resident-sidebar.desktop-sidebar.sidebar-open+.resident-main-content{margin-left:280px}.resident-sidebar.desktop-sidebar.sidebar-closed~.resident-main-content,.resident-sidebar.desktop-sidebar.sidebar-closed+.resident-main-content{margin-left:72px}.resident-main-content{background:#f5f7fa;min-height:100vh;margin-left:280px;padding:20px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}@media (width<=992px){.resident-sidebar.desktop-sidebar{display:none!important}.sidebar-mobile-toggle{display:flex;top:16px;right:16px}.sidebar-mobile-close,.sidebar-overlay.open{display:block}.resident-main-content{margin-left:0!important}}@media (width<=576px){.resident-sidebar.mobile-sidebar{width:260px}.sidebar-header{min-height:56px;padding:16px 18px}.brand-text{font-size:14px}.brand-icon{width:20px;height:20px}.sidebar-user{padding:14px 16px}.user-avatar{border-radius:10px;width:38px;height:38px;font-size:.85rem}.user-name{font-size:.8rem}.sidebar-nav{padding:12px 8px}.sidebar-nav-link{border-radius:6px;gap:12px;padding:8px 14px;font-size:12px}.nav-icon{width:16px;height:16px}.nav-label{font-size:12px}.sidebar-footer{padding:10px 8px 14px}.sidebar-logout{gap:12px;padding:8px 14px;font-size:12px}.sidebar-mobile-toggle{padding:8px;top:12px;right:12px}.sidebar-mobile-toggle svg{width:20px;height:20px}.sidebar-mobile-close{top:10px;right:10px}.sidebar-mobile-close svg{width:20px;height:20px}.user-avatar:after{width:8px;height:8px}.resident-main-content{padding:12px}}@media (width<=380px){.resident-sidebar.mobile-sidebar{width:240px}.sidebar-header{min-height:50px;padding:12px 14px}.brand-text{font-size:13px}.brand-icon{width:18px;height:18px}.sidebar-user{gap:10px;padding:12px 14px}.user-avatar{border-radius:8px;width:34px;height:34px;font-size:.75rem}.user-name{font-size:.75rem}.user-role,.user-unit,.user-society{font-size:.55rem}.sidebar-nav-link{gap:10px;padding:6px 12px;font-size:11px}.nav-icon{width:14px;height:14px}.nav-label{font-size:11px}.sidebar-logout{gap:10px;padding:6px 12px;font-size:11px}.sidebar-mobile-toggle{padding:6px;top:8px;right:8px}.sidebar-mobile-toggle svg{width:18px;height:18px}.user-avatar:after{width:7px;height:7px;bottom:-1px;right:-1px}.resident-main-content{padding:8px}}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent}.sidebar-nav-link{animation:.3s forwards slideDown}.sidebar-nav-link:first-child{animation-delay:50ms}.sidebar-nav-link:nth-child(2){animation-delay:.1s}.sidebar-nav-link:nth-child(3){animation-delay:.15s}.sidebar-nav-link:nth-child(4){animation-delay:.2s}@media (width>=993px){.resident-sidebar.mobile-sidebar,.sidebar-mobile-toggle,.sidebar-mobile-close,.sidebar-overlay{display:none!important}.resident-sidebar.desktop-sidebar{display:flex!important}}@media (prefers-color-scheme:dark){.resident-sidebar{background:#0b172b}}.resident-layout{background:#f0f2f5;min-height:100vh;display:flex;position:relative}.resident-main-content{background:#f0f2f5;flex:1;min-height:100vh;margin-left:280px;padding:25px 35px;transition:all .4s cubic-bezier(.4,0,.2,1)}.resident-main-content:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 70% 30%,#1f293705 0%,#0000 70%);width:100%;height:100%;position:fixed;top:-50%;right:-50%}.resident-main-content>*{z-index:1;position:relative}.resident-top-header{z-index:100;background:#fff;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;height:60px;padding:0 16px;display:none;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #0000000d}@media (width<=992px){.resident-top-header{display:flex}.resident-main-content{margin-left:0;padding:75px 20px 20px}}.header-left{align-items:center;gap:12px;display:flex}.header-brand-mobile{color:#0b172b;align-items:center;gap:10px;display:flex}.header-brand-icon{color:#667eea}.header-brand-text{letter-spacing:-.5px;color:#0b172b;font-size:18px;font-weight:700}.header-right{align-items:center;gap:8px;display:flex}.header-btn{cursor:pointer;color:#4b5563;background:#f3f4f6;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;padding:8px;transition:all .3s;display:flex}.header-btn:hover{background:#e5e7eb;transform:translateY(-1px)}.header-btn.logout-btn{color:#ef4444;background:#fef2f2}.header-btn.logout-btn:hover{background:#fee2e2}@media (width<=768px){.resident-top-header{height:56px;padding:0 12px}.resident-main-content{padding:68px 16px 16px}.header-brand-text{font-size:16px}.header-btn{width:36px;height:36px;padding:6px}.header-btn svg{width:18px;height:18px}}@media (width<=576px){.resident-top-header{height:50px;padding:0 10px}.resident-main-content{padding:62px 12px 12px}.header-brand-text{font-size:14px}.header-brand-icon{width:18px;height:18px}.header-btn{border-radius:8px;width:32px;height:32px;padding:4px}.header-btn svg{width:16px;height:16px}}@media (width<=380px){.resident-top-header{height:46px;padding:0 8px}.resident-main-content{padding:56px 8px 8px}.header-brand-text{font-size:13px}.header-btn{border-radius:6px;width:28px;height:28px;padding:4px}.header-btn svg{width:14px;height:14px}}.resident-bottom-nav{z-index:999;height:70px;padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #0000000f;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000000f}@media (width<=992px){.resident-bottom-nav{display:flex}.resident-main-content{padding-bottom:85px!important}}.bottom-nav-item{cursor:pointer;color:#9ca3af;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-width:60px;height:100%;padding:4px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.bottom-nav-item:hover,.bottom-nav-item.active{color:#1f2937}.bottom-nav-icon{flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.bottom-nav-icon.active{color:#1f2937;transform:scale(1.1)}.bottom-nav-label{letter-spacing:.3px;text-transform:uppercase;opacity:.7;white-space:nowrap;font-size:.6rem;font-weight:600;transition:all .3s}.bottom-nav-item.active .bottom-nav-label{opacity:1;color:#1f2937;font-weight:700}.bottom-nav-indicator{background:#1f2937;border-radius:0 0 4px 4px;width:24px;height:3px;animation:.3s slideDown;position:absolute;top:0;left:50%;transform:translate(-50%)}@media (width>=577px) and (width<=992px){.resident-bottom-nav{height:75px}.bottom-nav-item{min-width:80px;padding:6px 16px}.bottom-nav-icon{width:26px;height:26px}.bottom-nav-label{font-size:.65rem}.resident-main-content{padding-bottom:90px!important}}@media (width<=576px){.resident-bottom-nav{height:65px}.bottom-nav-item{min-width:50px;padding:4px 8px}.bottom-nav-icon{width:22px;height:22px}.bottom-nav-label{font-size:.55rem}.bottom-nav-indicator{width:20px;height:2px}.resident-main-content{padding-bottom:75px!important}}@media (width<=380px){.resident-bottom-nav{height:58px}.bottom-nav-item{min-width:40px;padding:2px 6px}.bottom-nav-icon{width:20px;height:20px}.bottom-nav-label{font-size:.5rem}.resident-main-content{padding-bottom:68px!important}}@media (height<=400px){.resident-bottom-nav{height:50px}.bottom-nav-label{display:none}.bottom-nav-item{padding:8px}.resident-main-content{padding-bottom:60px!important}}@supports (padding-bottom:env(safe-area-inset-bottom)){.resident-bottom-nav{padding-bottom:env(safe-area-inset-bottom)}}@media (width>=993px){.resident-bottom-nav{display:none!important}.resident-main-content{margin-left:280px;padding:25px 35px}.resident-sidebar.sidebar-closed~.resident-main-content{margin-left:72px}}.resident-main-content::-webkit-scrollbar{width:6px}.resident-main-content::-webkit-scrollbar-track{background:#f3f4f6}.resident-main-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.resident-main-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.resident-main-content{scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6}.resident-stats{grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:30px;display:grid}.stat-card{cursor:default;background:#fff;border:1px solid #e5e7eb;border-radius:20px;align-items:center;gap:18px;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}.stat-card:before{content:"";opacity:0;background:linear-gradient(135deg,#1f293705 0%,#0000 100%);transition:opacity .4s;position:absolute;inset:0}.stat-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0000000f}.stat-card:hover:before{opacity:1}.stat-card:after{content:"";background:linear-gradient(90deg, var(--stat-color,#1f2937), transparent);opacity:.6;height:3px;position:absolute;top:0;left:0;right:0}.stat-card:first-child{--stat-color:#1f2937}.stat-card:nth-child(2){--stat-color:#f59e0b}.stat-card:nth-child(3){--stat-color:#3b82f6}.stat-card:nth-child(4){--stat-color:#10b981}.stat-card:nth-child(5){--stat-color:#ef4444}.stat-icon{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.6rem;transition:transform .3s;display:flex}.stat-card:hover .stat-icon{transform:scale(1.05)rotate(-2deg)}.stat-content{flex:1}.stat-value{color:#1f2937;letter-spacing:-.5px;margin:0;font-size:2rem;font-weight:800;line-height:1.2}.stat-title{color:#6b7280;margin:0;font-size:.85rem;font-weight:500}@media (width<=1200px){.resident-stats{grid-template-columns:repeat(5,1fr);gap:15px}}@media (width<=992px){.resident-stats{grid-template-columns:repeat(3,1fr);gap:15px}}@media (width<=768px){.resident-stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px}.stat-value{font-size:1.6rem}.stat-icon{width:44px;height:44px;font-size:1.2rem}}@media (width<=480px){.resident-stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat-card{gap:12px;padding:14px}.stat-value{font-size:1.4rem}.stat-title{font-size:.7rem}.stat-icon{width:38px;height:38px;font-size:1rem}}@media (width<=360px){.resident-stats{grid-template-columns:1fr 1fr;gap:8px}.stat-card{gap:10px;padding:12px}.stat-value{font-size:1.2rem}.stat-title{font-size:.65rem}.stat-icon{width:34px;height:34px;font-size:.9rem}}.recent-complaints{background:#fff;border:1px solid #e5e7eb;border-radius:20px;height:100%;padding:28px;transition:all .3s;box-shadow:0 4px 20px #0000000a}.recent-complaints:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000000f}.recent-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.recent-header h3{color:#1f2937;margin:0;font-size:1.1rem;font-weight:700}.view-all{color:#1f2937;background:#f3f4f6;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.view-all:hover{background:#e5e7eb;transform:translate(2px)}.view-all svg{transition:transform .3s}.view-all:hover svg{transform:translate(3px)}.no-complaints{text-align:center;color:#6b7280;padding:50px 20px}.no-complaints p{margin-bottom:15px;font-size:.95rem}.create-complaint-link{color:#fff;background:linear-gradient(135deg,#1f2937 0%,#374151 100%);border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #1f293733}.create-complaint-link:hover{transform:translateY(-2px);box-shadow:0 8px 30px #1f29374d}.recent-loading{text-align:center;color:#6b7280;padding:50px 20px}@media (width<=768px){.recent-complaints{padding:20px}}@media (width<=576px){.recent-complaints{padding:16px}}.recent-complaints{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a}.section-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.section-header h3{color:#1f2937;margin:0;font-size:16px;font-weight:600}.view-all-btn{color:#667eea;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.view-all-btn:hover{color:#5a67d8;transform:translate(2px)}.complaints-list{flex-direction:column;gap:8px;display:flex}.complaint-item{cursor:pointer;background:#fff;border:1px solid #f3f4f6;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .3s;display:flex}.complaint-item:hover{background:#f8f9ff;border-color:#667eea;transform:translate(4px);box-shadow:0 2px 8px #667eea1a}.complaint-info{flex:1;min-width:0}.complaint-subject{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:15px;font-weight:500;overflow:hidden}.complaint-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.priority-badge{text-transform:uppercase;border-radius:12px;padding:2px 10px;font-size:11px;font-weight:600}.priority-urgent{color:#dc2626;background:#fee2e2}.priority-high{color:#d97706;background:#fef3c7}.priority-medium{color:#2563eb;background:#dbeafe}.priority-low{color:#059669;background:#d1fae5}.complaint-date{color:#6b7280;font-size:12px}.complaint-category{color:#6b7280;background:#f3f4f6;border-radius:4px;padding:2px 8px;font-size:12px}.complaint-image-count{color:#6b7280;font-size:12px}.complaint-status{flex-shrink:0;align-items:center;gap:8px;margin-left:12px;display:flex}.status-badge{color:#000;white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;display:flex}.status-badge.open{background:#f59e0b}.status-badge.in-progress{background:#3b82f6}.status-badge.resolved{background:#10b981}.status-badge.rejected{background:#ef4444}.status-badge.closed{background:#6b7280}.complaint-arrow{color:#9ca3af;transition:color .3s}.complaint-item:hover .complaint-arrow{color:#667eea}.recent-complaints.empty .empty-state{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.recent-complaints.empty .empty-state p{color:#6b7280;margin:0;font-size:14px}.recent-complaints.empty .empty-state .btn-primary{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.recent-complaints.empty .empty-state .btn-primary:hover{background:#5a67d8;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}@media (width<=768px){.recent-complaints{padding:16px}.complaint-item{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.complaint-status{justify-content:space-between;width:100%;margin-left:0}.complaint-subject{white-space:normal;font-size:14px}.complaint-meta{gap:4px}}@media (width<=480px){.section-header{flex-direction:column;align-items:flex-start;gap:8px}.complaint-item{padding:10px}.priority-badge{padding:2px 8px;font-size:10px}.status-badge{padding:3px 8px;font-size:11px}.complaint-date,.complaint-category{font-size:11px}}.resident-dashboard{background:#f5f7fa;width:100%;max-width:1400px;min-height:calc(100vh - 64px);margin:0 auto;padding:24px;animation:.3s ease-out fadeIn}.dashboard-loading{justify-content:center;align-items:center;min-height:400px;padding:20px;display:flex}.loading-spinner-container{flex-direction:column;align-items:center;gap:16px;display:flex}.spinner{color:#667eea;animation:1s linear infinite spin}.dashboard-loading p{color:#6b7280;margin:0;font-size:16px}.dashboard-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;padding:20px;display:flex}.error-message{color:#ef4444;text-align:center;margin:0;font-size:16px}.dashboard-header-modern{background:#fff;border:1px solid #f0f0f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:20px 28px;display:flex;box-shadow:0 1px 3px #00000014}.header-left{flex:1;min-width:200px}.greeting-title{color:#0b172b;margin:0 0 4px;font-size:24px;font-weight:700;line-height:1.2}.greeting-subtitle{color:#6b7280;margin:0;font-size:14px;line-height:1.5}.header-right{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.search-bar{background:#f3f4f6;border:1px solid #0000;border-radius:10px;align-items:center;min-width:200px;padding:8px 14px;transition:all .3s;display:flex}.search-bar:focus-within{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.search-icon{color:#9ca3af;margin-right:10px}.search-input{color:#1f2937;background:0 0;border:none;outline:none;width:100%;padding:4px 0;font-size:14px}.search-input::placeholder{color:#9ca3af}.notifications-container{position:relative}.notification-btn{cursor:pointer;color:#4b5563;background:#f3f4f6;border:none;border-radius:10px;justify-content:center;align-items:center;padding:10px;transition:all .3s;display:flex;position:relative}.notification-btn:hover{background:#e5e7eb;transform:translateY(-1px)}.notification-btn.has-unread{background:#eef2ff}.notification-badge{color:#fff;background:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.notifications-dropdown{z-index:1000;background:#fff;border-radius:12px;width:360px;max-height:420px;animation:.2s slideDown;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 40px #00000026}.notifications-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.notifications-title{color:#0b172b;font-size:16px;font-weight:600}.mark-all-read{color:#667eea;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500;transition:background .2s}.mark-all-read:hover{background:#f3f4f6}.notifications-list{max-height:340px;padding:8px 0;overflow-y:auto}.notification-item{cursor:pointer;border-left:3px solid #0000;padding:12px 20px;transition:background .2s}.notification-item:hover{background:#f9fafb}.notification-item.unread{background:#f8f9ff;border-left-color:#667eea}.notification-message{color:#1f2937;margin:0 0 4px;font-size:14px;line-height:1.4}.notification-time{color:#9ca3af;font-size:12px}.no-notifications{text-align:center;color:#9ca3af;padding:40px 20px;font-size:14px}.user-menu-container{position:relative}.user-menu-btn{cursor:pointer;background:#f3f4f6;border:none;border-radius:10px;align-items:center;gap:8px;padding:6px 12px 6px 6px;transition:all .3s;display:flex}.user-menu-btn:hover{background:#e5e7eb;transform:translateY(-1px)}.user-avatar-small{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.user-menu-chevron{color:#6b7280;transition:transform .3s}.user-menu-btn:hover .user-menu-chevron{transform:rotate(180deg)}.user-menu-dropdown{z-index:1000;background:#fff;border-radius:12px;width:280px;animation:.2s slideDown;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 40px #00000026}.user-menu-header{background:#f8f9ff;align-items:center;gap:14px;padding:20px;display:flex}.user-menu-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:flex}.user-menu-info{flex:1;min-width:0}.user-menu-name{color:#0b172b;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.user-menu-email{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.user-menu-divider{background:#f3f4f6;height:1px;margin:4px 0}.user-menu-item{cursor:pointer;color:#4b5563;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 20px;font-size:14px;transition:all .2s;display:flex}.user-menu-item:hover{color:#0b172b;background:#f3f4f6}.user-menu-item.logout-item{color:#ef4444}.user-menu-item.logout-item:hover{background:#fef2f2}.stats-summary{background:#fff;border:1px solid #f0f0f0;border-radius:16px;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:24px;padding:20px 24px;display:grid;box-shadow:0 1px 3px #00000014}.stat-summary-item{align-items:center;gap:14px;padding:8px 12px;display:flex}.stat-summary-divider{background:#f0f0f0;align-self:stretch;width:1px}.stat-summary-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-summary-icon.total{color:#667eea;background:#eef2ff}.stat-summary-icon.pending{color:#f59e0b;background:#fef3c7}.stat-summary-icon.progress{color:#3b82f6;background:#dbeafe}.stat-summary-icon.resolved{color:#10b981;background:#d1fae5}.stat-summary-info{flex-direction:column;display:flex}.stat-summary-value{color:#0b172b;font-size:22px;font-weight:700;line-height:1.2}.stat-summary-label{color:#6b7280;font-size:12px;font-weight:500}.last-updated-modern{color:#6b7280;background:#f8f9ff;border:1px solid #e5e7eb;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;padding:10px 18px;font-size:13px;display:flex}.last-updated-modern svg{color:#9ca3af}.update-dot{color:#d1d5db}.auto-refresh-text{color:#9ca3af;font-size:12px}.refresh-btn-mini{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin-left:auto;padding:4px;transition:all .2s;display:flex}.refresh-btn-mini:hover:not(:disabled){color:#0b172b;background:#e5e7eb}.refresh-btn-mini:disabled{opacity:.5;cursor:not-allowed}.refresh-btn-mini .spinning{animation:1s linear infinite spin}.dashboard-recent-modern{background:#fff;border:1px solid #f0f0f0;border-radius:16px;padding:24px;animation:.4s ease-out fadeIn;overflow:hidden;box-shadow:0 1px 3px #00000014}.recent-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.recent-header-left{align-items:center;gap:12px;display:flex}.recent-title{color:#0b172b;margin:0;font-size:18px;font-weight:600}.recent-count{color:#6b7280;background:#f3f4f6;border-radius:12px;padding:2px 10px;font-size:13px}.recent-actions{align-items:center;gap:10px;display:flex}.btn-new-complaint{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.btn-new-complaint:hover{background:#5a67d8;transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-view-all{color:#667eea;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:4px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .3s;display:flex}.btn-view-all:hover{color:#5a67d8;background:#f3f4f6}.dashboard-grid{grid-template-columns:1fr;gap:24px;margin-top:0;display:grid}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1024px){.resident-dashboard{padding:20px}.dashboard-header-modern{padding:18px 24px}.greeting-title{font-size:22px}.stats-summary{padding:16px 20px}.stat-summary-value{font-size:20px}.notifications-dropdown{width:320px;right:-20px}.user-menu-dropdown{right:-10px}}@media (width<=767px){.resident-dashboard{padding:16px}.dashboard-header-modern{flex-direction:column;align-items:stretch;gap:16px;padding:16px 20px}.header-left{min-width:unset}.greeting-title{font-size:20px}.greeting-subtitle{font-size:13px}.header-right{gap:10px;width:100%}.search-bar{flex:1;min-width:120px}.stats-summary{grid-template-columns:repeat(2,1fr);gap:16px;padding:16px}.stat-summary-divider{display:none}.stat-summary-item{padding:4px 8px}.stat-summary-value{font-size:18px}.last-updated-modern{padding:8px 14px;font-size:12px}.dashboard-recent-modern{padding:16px}.recent-header{flex-direction:column;align-items:flex-start;gap:12px}.recent-actions{width:100%}.btn-new-complaint,.btn-view-all{flex:1;justify-content:center}.notifications-dropdown{width:300px;right:-40px}.user-menu-dropdown{width:260px;right:-20px}}@media (width<=480px){.resident-dashboard{padding:12px}.dashboard-header-modern{border-radius:12px;padding:14px 16px}.greeting-title{font-size:18px}.greeting-subtitle{font-size:12px}.header-right{gap:8px}.search-bar{min-width:100px;padding:6px 12px}.search-input{font-size:13px}.notification-btn{padding:8px}.notification-btn svg{width:18px;height:18px}.user-menu-btn{padding:4px 8px 4px 4px}.user-avatar-small{width:32px;height:32px;font-size:12px}.stats-summary{border-radius:12px;grid-template-columns:1fr 1fr;gap:12px;padding:12px}.stat-summary-item{gap:10px;padding:2px 4px}.stat-summary-icon{width:36px;height:36px}.stat-summary-icon svg{width:16px;height:16px}.stat-summary-value{font-size:16px}.stat-summary-label{font-size:10px}.last-updated-modern{gap:6px;padding:6px 12px;font-size:11px}.dashboard-recent-modern{border-radius:12px;padding:12px}.recent-title{font-size:16px}.recent-count{font-size:11px}.btn-new-complaint{padding:6px 12px;font-size:12px}.btn-view-all{padding:6px 10px;font-size:12px}.notifications-dropdown{width:280px;max-height:360px;right:-50px}.notification-item{padding:10px 16px}.notification-message{font-size:13px}.user-menu-dropdown{width:240px;right:-30px}.user-menu-header{padding:16px}.user-menu-avatar{width:40px;height:40px;font-size:16px}.user-menu-name{font-size:14px}.user-menu-email{font-size:12px}.user-menu-item{padding:10px 16px;font-size:13px}}@media (width<=360px){.resident-dashboard{padding:8px}.dashboard-header-modern{padding:12px 14px}.greeting-title{font-size:16px}.greeting-subtitle{font-size:11px}.search-bar{min-width:80px;padding:4px 10px}.search-input{font-size:12px}.search-icon{width:14px;height:14px;margin-right:6px}.stats-summary{grid-template-columns:1fr 1fr;gap:8px;padding:10px}.stat-summary-item{gap:8px}.stat-summary-icon{width:32px;height:32px}.stat-summary-icon svg{width:14px;height:14px}.stat-summary-value{font-size:14px}.stat-summary-label{font-size:9px}.last-updated-modern{padding:4px 10px;font-size:10px}.last-updated-modern svg{width:12px;height:12px}.dashboard-recent-modern{padding:10px}.recent-title{font-size:14px}.recent-count{padding:1px 8px;font-size:10px}.btn-new-complaint{padding:4px 10px;font-size:11px}.btn-new-complaint svg{width:14px;height:14px}.btn-view-all{padding:4px 8px;font-size:11px}.notifications-dropdown{width:260px;right:-60px}.user-menu-dropdown{width:220px;right:-40px}.user-menu-avatar{width:36px;height:36px;font-size:14px}}.resident-dashboard::-webkit-scrollbar{width:6px}.resident-dashboard::-webkit-scrollbar-track{background:#f3f4f6}.resident-dashboard::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.resident-dashboard::-webkit-scrollbar-thumb:hover{background:#9ca3af}.resident-dashboard{scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6}.notifications-list::-webkit-scrollbar{width:4px}.notifications-list::-webkit-scrollbar-track{background:0 0}.notifications-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.notifications-list{scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.header-logout-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ef4444;border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.header-logout-btn:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.header-logout-btn:active{transform:translateY(0)}@media (width<=767px){.header-logout-btn span{display:none}.header-logout-btn{border-radius:8px;padding:8px 12px}}@media (width<=480px){.header-logout-btn{padding:6px 10px}.header-logout-btn svg{width:16px;height:16px}}.resident-complaints{padding:0;animation:.6s fadeInUp}.complaints-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:25px;display:flex}.complaints-title{color:#1f2937;letter-spacing:-.5px;margin-bottom:4px;font-size:2rem;font-weight:800}.complaints-subtitle{color:#6b7280;margin:0;font-size:.95rem}.complaints-header .btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1f2937 0%,#374151 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 28px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 15px #1f293733}.complaints-header .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #1f29374d}.complaints-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;padding:12px 18px;display:flex;box-shadow:0 4px 20px #0000000a}.filter-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 16px;font-size:.85rem;font-weight:500;transition:all .3s}.filter-btn:hover{color:#1f2937;background:#f3f4f6}.filter-btn.active{color:#fff;background:#1f2937;box-shadow:0 4px 12px #1f293733}.search-section{flex:1;min-width:200px;position:relative}.search-icon{color:#9ca3af;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;width:100%;padding:8px 16px 8px 40px;font-size:.9rem;transition:all .3s}.search-input:focus{border-color:#1f2937;outline:none;box-shadow:0 0 0 4px #1f29370d}.complaints-grid{flex-direction:column;gap:12px;display:flex}.complaint-item{color:inherit;background:#fff;border:1px solid #f3f4f6;border-radius:16px;padding:20px 24px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 10px #00000005}.complaint-item:before{content:"";opacity:0;background:linear-gradient(135deg,#1f293705 0%,#0000 100%);transition:opacity .3s;position:absolute;inset:0}.complaint-item:hover:before{opacity:1}.complaint-item-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:8px;display:flex}.complaint-item-title{color:#1f2937;flex:1;margin:0;font-size:1.05rem;font-weight:600}.complaint-item-badges{flex-wrap:wrap;flex-shrink:0;gap:6px;display:flex}.complaint-status{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:3px 14px;font-size:.7rem;font-weight:700}.complaint-priority{color:#1f2937;text-transform:uppercase;background:#f3f4f6;border-radius:20px;padding:3px 14px;font-size:.7rem;font-weight:700}.complaint-item-description{color:#6b7280;margin:0 0 12px;line-height:1.6}.complaint-item-footer{color:#9ca3af;justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.complaint-item-image{align-items:center;gap:4px;display:inline-flex}.complaints-loading,.no-complaints{text-align:center;color:#6b7280;padding:60px 20px}.no-complaints .create-complaint-link{color:#fff;background:linear-gradient(135deg,#1f2937 0%,#374151 100%);border-radius:10px;align-items:center;gap:8px;margin-top:12px;padding:10px 24px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #1f293733}.no-complaints .create-complaint-link:hover{transform:translateY(-2px);box-shadow:0 8px 30px #1f29374d}@media (width<=768px){.complaints-toolbar{flex-direction:column;align-items:stretch;padding:12px}.filter-section{justify-content:center}.complaints-title{font-size:1.5rem}.complaint-item{padding:16px 18px}.complaint-item-header{flex-direction:column}.complaint-item-badges{width:100%}}@media (width<=576px){.complaints-header{flex-direction:column}.complaints-header .btn-primary{justify-content:center;width:100%}.filter-section{gap:4px}.filter-btn{padding:4px 12px;font-size:.75rem}.complaint-item-title{font-size:.95rem}.complaint-item{padding:14px 16px}}.complaints-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.complaints-loading .spinner{color:#667eea;animation:1s linear infinite spin}.complaints-error{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.complaints-error .error-message{color:#ef4444;font-size:16px}.complaint-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .3s;box-shadow:0 1px 3px #0000001a}.complaint-item:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.complaint-item-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.complaint-item-time{color:#9ca3af;margin-left:4px;font-size:12px}.complaint-item-category{color:#6b7280;background:#f3f4f6;border-radius:4px;padding:2px 8px;font-size:12px}.complaint-item-assigned{color:#6b7280;border-top:1px solid #f3f4f6;margin-top:8px;padding-top:8px;font-size:12px}.complaint-item-actions{align-items:center;gap:12px;display:flex}.complaint-item-arrow{color:#9ca3af;transition:color .3s}.complaint-item:hover .complaint-item-arrow{color:#667eea}.pagination{border-top:1px solid #e5e7eb;justify-content:center;align-items:center;gap:16px;margin-top:24px;padding-top:20px;display:flex}.pagination-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .3s}.pagination-btn:hover:not(:disabled){color:#fff;background:#667eea;border-color:#667eea}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#6b7280;font-size:14px}.filter-section{flex-wrap:wrap;gap:8px;display:flex}.filter-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:6px 14px;font-size:13px;transition:all .3s}.filter-btn:hover{background:#f3f4f6}.filter-btn.active{color:#fff;background:#667eea;border-color:#667eea}@media (width<=768px){.complaints-toolbar{flex-direction:column;gap:12px}.filter-section{justify-content:center}.search-section,.search-input{width:100%}.complaint-item-header{flex-direction:column;align-items:flex-start;gap:8px}.complaint-item-badges,.pagination{flex-wrap:wrap}}.complaint-details-container{max-width:900px;margin:0 auto;padding:24px}.complaint-details-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.complaint-details-header h1{color:#1f2937;margin:0;font-size:24px;font-weight:700}.back-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;transition:all .3s;display:flex}.back-btn:hover{color:#1f2937;background:#f3f4f6}.complaint-details-loading,.complaint-details-error,.complaint-details-not-found{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.complaint-details-loading .spinner{color:#667eea;animation:1s linear infinite spin}.btn-secondary{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;padding:10px 20px;font-size:14px;transition:all .3s}.btn-secondary:hover{background:#e5e7eb}.complaint-details-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a}.details-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.details-header h2{color:#1f2937;flex:1;margin:0;font-size:22px;font-weight:700}.details-badges{flex-shrink:0;gap:8px;display:flex}.detail-status,.detail-priority{color:#fff;white-space:nowrap;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600}.detail-priority{background:#6b7280}.details-meta{border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-bottom:24px;padding:16px 0;display:grid}.meta-item{color:#6b7280;align-items:center;gap:8px;font-size:14px;display:flex}.meta-icon{color:#9ca3af;flex-shrink:0}.meta-label{color:#4b5563;font-weight:500}.meta-value{color:#1f2937}.details-description{margin-bottom:24px}.details-description h3{color:#1f2937;margin:0 0 8px;font-size:16px;font-weight:600}.details-description p{color:#374151;white-space:pre-wrap;margin:0;font-size:15px;line-height:1.8}.details-coordinates{background:#f8f9ff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:16px}.details-coordinates h3{color:#1f2937;margin:0 0 8px;font-size:14px;font-weight:600}.details-coordinates p{color:#374151;margin:0;font-size:14px;line-height:1.6}.details-images{margin-bottom:24px}.details-images h3{color:#1f2937;align-items:center;gap:8px;margin:0 0 12px;font-size:16px;font-weight:600;display:flex}.images-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.image-item:hover{border-color:#667eea;transform:scale(1.02)}.complaint-image{object-fit:cover;width:100%;height:100%}.primary-badge{color:#fff;background:#667eea;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600;position:absolute;top:8px;left:8px}.details-assigned h3{color:#065f46;margin:0 0 4px;font-size:14px;font-weight:600}.details-assigned p{color:#374151;margin:0;font-size:14px}.details-resolved{background:#f0fdf4;border:1px solid #d1fae5;border-radius:8px;margin-bottom:24px;padding:16px}.details-resolved h3{color:#065f46;margin:0 0 4px;font-size:14px;font-weight:600}.details-resolved p{color:#374151;margin:0;font-size:14px}.details-feedback{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:16px}.details-feedback h3{color:#92400e;margin:0 0 8px;font-size:14px;font-weight:600}.feedback-rating{align-items:center;gap:2px;display:flex}.star{color:#d1d5db;font-size:20px;transition:color .3s}.star.filled{color:#f59e0b}.rating-label{color:#6b7280;margin-left:8px;font-size:14px}.feedback-comment{color:#374151;margin:8px 0 0;font-size:14px;font-style:italic}@media (width<=768px){.complaint-details-container{padding:16px}.complaint-details-card{padding:20px}.complaint-details-header{flex-direction:column;align-items:flex-start;gap:12px}.details-header{flex-direction:column}.details-header h2{font-size:18px}.details-meta{grid-template-columns:1fr}.images-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.image-item{aspect-ratio:1;cursor:pointer;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;transition:all .3s;position:relative;overflow:hidden}.image-item:hover{border-color:#667eea;transform:scale(1.03);box-shadow:0 4px 12px #667eea4d}.image-item .image-overlay{opacity:0;color:#fff;background:#0009;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:opacity .3s;display:flex;position:absolute;inset:0}.image-item:hover .image-overlay{opacity:1}.image-item .image-overlay svg{color:#fff}.image-item .image-overlay span{font-size:12px;font-weight:500}.image-modal-overlay{z-index:9999;background:#000000eb;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.image-modal-content{background:0 0;flex-direction:column;justify-content:center;align-items:center;width:95vw;height:95vh;display:flex;position:relative}.modal-close-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:10;background:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.modal-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#0009;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:8px 16px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%)}.modal-controls button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .3s;display:flex}.modal-controls button:hover{background:#ffffff26}.zoom-level{color:#fff;text-align:center;min-width:50px;font-size:13px;font-weight:500}.modal-nav-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.modal-nav-btn:hover:not(:disabled){background:#ffffff40}.modal-nav-btn:disabled{opacity:.3;cursor:not-allowed}.modal-prev{left:24px}.modal-next{right:24px}.image-counter{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#0009;border:1px solid #ffffff1a;border-radius:20px;padding:6px 16px;font-size:14px;font-weight:500;position:absolute;bottom:80px;left:50%;transform:translate(-50%)}.modal-image-wrapper{justify-content:center;align-items:center;width:100%;height:100%;padding:60px 20px;display:flex;overflow:hidden}.modal-image{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;max-height:100%;transition:transform .3s}.modal-image-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;color:#fffc;background:#0009;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:12px;padding:8px 16px;font-size:13px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.image-filename{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.image-primary-badge{color:#fff;background:#667eea;border-radius:4px;padding:2px 10px;font-size:11px;font-weight:600}.image-filesize{color:#fff9;font-size:12px}.modal-shortcuts{color:#fff6;z-index:10;flex-direction:column;align-items:flex-end;gap:4px;font-family:monospace;font-size:11px;display:flex;position:absolute;bottom:20px;right:24px}.modal-shortcuts span{background:#0006;border-radius:4px;padding:2px 8px}@media (width<=768px){.modal-controls{gap:8px;padding:6px 12px;top:16px}.modal-controls button{padding:4px}.modal-nav-btn{width:40px;height:40px}.modal-prev{left:12px}.modal-next{right:12px}.modal-close-btn{width:36px;height:36px;top:12px;right:12px}.modal-image-wrapper{padding:40px 12px}.modal-image-info{flex-wrap:wrap;justify-content:center;padding:6px 12px;bottom:12px}.image-filename{max-width:120px}.modal-shortcuts{display:none}.image-counter{padding:4px 12px;font-size:12px;bottom:60px}}@media (width<=480px){.modal-nav-btn{width:32px;height:32px}.modal-nav-btn svg{width:20px;height:20px}.modal-prev{left:8px}.modal-next{right:8px}.modal-close-btn{width:32px;height:32px}.modal-close-btn svg{width:18px;height:18px}.modal-controls{gap:4px;padding:4px 10px}.zoom-level{min-width:40px;font-size:11px}}.details-department{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-bottom:24px;padding:16px}.details-department h3{color:#0369a1;align-items:center;gap:8px;margin:0 0 8px;font-size:14px;font-weight:600;display:flex}.department-info{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.department-name{color:#1f2937;font-size:15px;font-weight:600}.department-sub{color:#6b7280;font-size:14px}.details-assigned{background:#f0fdf4;border:1px solid #d1fae5;border-radius:8px;margin-bottom:24px;padding:16px}.details-assigned h3{color:#065f46;align-items:center;gap:8px;margin:0 0 8px;font-size:14px;font-weight:600;display:flex}.assigned-info{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.assigned-name{color:#1f2937;font-size:15px;font-weight:600}.assigned-department{color:#6b7280;background:#e5e7eb;border-radius:4px;padding:2px 10px;font-size:13px}@media (width<=768px){.details-department,.details-assigned{padding:12px}.department-info,.assigned-info{flex-direction:column;align-items:flex-start;gap:4px}.assigned-department{align-self:flex-start}}.details-assignment{margin-bottom:24px}.assignment-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.assignment-row{align-items:center;gap:16px;padding:14px 20px;display:flex}.assignment-row:first-child{padding-top:16px}.assignment-row:last-child{padding-bottom:16px}.assignment-label{color:#64748b;flex-shrink:0;align-items:center;gap:8px;min-width:120px;font-size:13px;font-weight:600;display:flex}.assignment-label svg{color:#94a3b8}.assignment-value{color:#1e293b;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.department-name{color:#0f172a;font-weight:600}.sub-category{color:#64748b;font-weight:400}.assigned-person{color:#0f172a;font-weight:600}.assigned-role{color:#94a3b8;background:#f1f5f9;border-radius:12px;padding:2px 12px;font-size:12px;font-weight:500}.assignment-divider{background:#e2e8f0;height:1px;margin:0 20px}@media (width<=768px){.assignment-row{flex-direction:column;align-items:flex-start;gap:6px;padding:12px 16px}.assignment-label{min-width:auto;font-size:12px}.assignment-value{width:100%;font-size:14px}.assignment-divider{margin:0 16px}.assigned-role{padding:2px 10px;font-size:11px}}@media (width<=480px){.assignment-row{padding:10px 14px}.assignment-value{flex-direction:column;align-items:flex-start;gap:4px}.assigned-role{align-self:flex-start}}@media (width<=640px){.feedback-rating .star{font-size:1.4rem}.feedback-prompt{padding:1.5rem}.feedback-btn-give,.feedback-btn-update{justify-content:center;width:100%}}.feedback-banner{border-radius:12px;margin-bottom:2rem;padding:.5rem;animation:.5s ease-out slideDown;box-shadow:0 4px 20px #00000014}.feedback-pending-banner{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:2px solid #93c5fd}.feedback-given-banner{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:2px solid #86efac}.feedback-banner-content{align-items:center;gap:1.5rem;padding:1.2rem 1.8rem;display:flex}.feedback-banner-icon{background:#fffc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;box-shadow:0 2px 10px #0000000d}.feedback-icon-pending{color:#3b82f6}.feedback-icon-given{color:#f59e0b}.feedback-banner-text{flex:1}.feedback-banner-text h3{margin:0 0 4px;font-size:1.1rem;font-weight:600}.feedback-pending-banner .feedback-banner-text h3{color:#1e40af}.feedback-given-banner .feedback-banner-text h3{color:#166534}.feedback-banner-text p{color:#4b5563;margin:0;font-size:.95rem;line-height:1.5}.feedback-banner-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:10px 24px;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex}.feedback-banner-btn.btn-give{color:#fff;background:#3b82f6;box-shadow:0 2px 8px #3b82f64d}.feedback-banner-btn.btn-give:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 16px #3b82f666}.feedback-banner-btn.btn-update{color:#fff;background:#f59e0b;box-shadow:0 2px 8px #f59e0b4d}.feedback-banner-btn.btn-update:hover{background:#d97706;transform:translateY(-2px);box-shadow:0 4px 16px #f59e0b66}.feedback-banner-btn svg{transition:transform .3s}.feedback-banner-btn:hover svg{transform:translate(4px)}@media (width<=768px){.feedback-banner-content{text-align:center;flex-direction:column;gap:1rem;padding:1.2rem}.feedback-banner-icon{width:50px;height:50px}.feedback-banner-icon svg{width:24px;height:24px}.feedback-banner-text h3{font-size:1rem}.feedback-banner-text p{font-size:.85rem}.feedback-banner-btn{justify-content:center;width:100%;padding:10px 20px}}@media (width<=480px){.feedback-banner{margin-bottom:1.5rem}.feedback-banner-content{padding:1rem}.feedback-banner-text h3{font-size:.95rem}.feedback-banner-text p{font-size:.8rem}.feedback-banner-btn{padding:8px 16px;font-size:.85rem}}.feedback-given{background:linear-gradient(135deg,#f0fdf4 0%,#f7fee7 100%);border:1px solid #bbf7d0;border-radius:12px;padding:1.5rem}.feedback-given h3{color:#166534;align-items:center;gap:8px;margin-bottom:1rem;font-size:1.1rem;display:flex}.feedback-given .feedback-icon{color:#f59e0b}.feedback-rating{align-items:center;gap:6px;margin:10px 0;display:flex}.feedback-rating .star{color:#d1d5db;font-size:1.8rem;transition:color .2s}.feedback-rating .star.filled{color:#f59e0b}.feedback-rating .rating-label{color:#6b7280;margin-left:10px;font-size:.95rem;font-weight:500}.feedback-comment-wrapper{background:#fff;border-left:4px solid #f59e0b;border-radius:8px;align-items:flex-start;gap:10px;margin:10px 0 15px;padding:1rem;display:flex}.feedback-comment-wrapper .comment-icon{color:#6b7280;flex-shrink:0;margin-top:2px}.feedback-comment{color:#374151;margin:0;font-style:italic;line-height:1.6}.feedback-prompt{text-align:center;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:2px dashed #93c5fd;border-radius:12px;padding:2rem}.feedback-prompt-icon{color:#f59e0b;margin-bottom:1rem}.feedback-prompt-icon svg{width:48px;height:48px}.feedback-prompt h3{color:#1e40af;margin-bottom:.5rem;font-size:1.3rem}.feedback-prompt p{color:#4b5563;margin-bottom:1.5rem}.feedback-btn-give,.feedback-btn-update{color:#fff;cursor:pointer;background:#2196f3;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 28px;font-size:1rem;font-weight:500;transition:all .3s;display:inline-flex}.feedback-btn-give:hover,.feedback-btn-update:hover{background:#1976d2;transform:translateY(-2px);box-shadow:0 4px 12px #2196f34d}.feedback-btn-update{background:#f59e0b}.feedback-btn-update:hover{background:#d97706;box-shadow:0 4px 12px #f59e0b4d}.details-feedback-section{border-top:2px solid #e5e7eb;margin-top:2rem;padding-top:1.5rem}.feedback-details-card{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1px solid #86efac;border-radius:12px;padding:1.5rem}.feedback-details-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.feedback-details-header h3{color:#166534;align-items:center;gap:.5rem;margin:0;font-size:1.1rem;display:flex}.feedback-details-icon{color:#f59e0b}.feedback-provided-badge{color:#fff;background:#166534;border-radius:12px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-flex}.feedback-details-body{flex-direction:column;gap:.75rem;display:flex}.feedback-detail-row{align-items:center;gap:1rem;display:flex}.feedback-detail-label{color:#4b5563;min-width:70px;font-size:.9rem;font-weight:500}.feedback-stars-display{align-items:center;gap:2px;display:flex}.feedback-star-display{color:#d1d5db}.feedback-star-display.filled{color:#f59e0b;fill:#f59e0b}.feedback-rating-text{color:#6b7280;margin-left:.5rem;font-size:.85rem}.feedback-comment-row{align-items:flex-start}.feedback-comment-box{background:#fff;border-left:3px solid #f59e0b;border-radius:8px;flex:1;gap:.5rem;padding:.75rem 1rem;display:flex}.feedback-comment-icon{color:#6b7280;flex-shrink:0;margin-top:2px}.feedback-comment-text{color:#1e293b;margin:0;font-style:italic;line-height:1.6}.feedback-resolution-info{color:#6b7280;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.85rem;display:flex}.feedback-update-btn{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:8px;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .3s;display:inline-flex}.feedback-update-btn:hover{background:#d97706;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.details-feedback-pending{border-top:2px solid #e5e7eb;margin-top:2rem;padding-top:1.5rem}.feedback-pending-card{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:2px dashed #93c5fd;border-radius:12px;align-items:center;gap:1.5rem;padding:1.5rem 2rem;display:flex}.feedback-pending-icon{color:#3b82f6;flex-shrink:0}.feedback-pending-content{flex:1}.feedback-pending-content h4{color:#1e40af;margin:0 0 .25rem;font-size:1.1rem}.feedback-pending-content p{color:#4b5563;margin:0 0 .75rem;font-size:.95rem}.feedback-give-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .3s;display:inline-flex}.feedback-give-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}@media (width<=640px){.feedback-detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}.feedback-comment-row{align-items:flex-start}.feedback-details-header{flex-direction:column;align-items:flex-start;gap:.5rem}.feedback-pending-card{text-align:center;flex-direction:column;padding:1.5rem}.feedback-pending-content{text-align:center}}.map-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:.5rem;overflow:hidden}.map-header{color:#1e293b;background:#f1f5f9;border-bottom:1px solid #e2e8f0;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:600;display:flex}.map-iframe{border:none;width:100%;height:300px;display:block}.map-address{color:#334155;background:#f8fafc;border-top:1px solid #e2e8f0;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.map-coords{color:#64748b;background:#f1f5f9;gap:1rem;padding:.5rem 1rem;font-family:monospace;font-size:.75rem;display:flex}.details-location-section{border-top:1px solid #e2e8f0;margin-top:1.5rem;padding-top:1.5rem}.details-location-section h3{color:#1e293b;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1rem;font-weight:600;display:flex}.location-address-only{margin-top:.5rem}.location-address-card{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bae6fd;border-radius:12px;gap:1rem;padding:1rem 1.25rem;display:flex}.location-address-icon{color:#0284c7;flex-shrink:0;margin-top:.25rem}.location-address-details{flex-direction:column;gap:.25rem;display:flex}.location-address-label{color:#0284c7;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.location-address-text{color:#0c4a6e;font-size:.95rem;font-weight:500}.location-address-hint{color:#0369a1;font-size:.8rem}.location-not-available{color:#94a3b8;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.details-coordinates{color:#475569;background:#f1f5f9;border-radius:8px;gap:1.5rem;margin-top:.5rem;padding:.5rem 1rem;font-family:monospace;font-size:.8rem;display:flex}@media (width<=768px){.map-iframe{height:200px}.location-address-card{flex-direction:column;align-items:flex-start}.details-coordinates{flex-direction:column;gap:.25rem}}.create-complaint-container{background:#f0f2f5;min-height:100vh;padding:40px 20px}.create-complaint-wrapper{background:#fff;border-radius:16px;max-width:900px;margin:0 auto;padding:40px;box-shadow:0 4px 20px #00000014}.create-complaint-header{border-bottom:2px solid #f0f2f5;margin-bottom:32px;padding-bottom:20px}.create-complaint-header h1{color:#1a1a2e;margin:0 0 8px;font-size:28px;font-weight:700}.create-complaint-header p{color:#6b7280;margin:0;font-size:16px}.loading-state{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.loading-state .spinner{color:#667eea;animation:1s linear infinite spin}.success-message{color:#155724;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;align-items:center;gap:10px;margin-bottom:24px;padding:14px 20px;font-weight:500;display:flex}.error-message{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;align-items:center;gap:10px;margin-bottom:24px;padding:14px 20px;font-weight:500;display:flex}.form-section{background:#fafbfc;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.form-section h3{color:#1a1a2e;border-bottom:2px solid #e5e7eb;margin:0 0 20px;padding-bottom:12px;font-size:18px;font-weight:600}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=tel],.form-group select,.form-group textarea{color:#1f2937;box-sizing:border-box;background:#fff;border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 4px #667eea1f}.form-group textarea{resize:vertical;min-height:120px}.form-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.form-group select:disabled{cursor:not-allowed;opacity:.7;background-color:#f3f4f6}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444}.form-group input.error:focus,.form-group select.error:focus,.form-group textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441f}.error-text{color:#ef4444;margin-top:6px;font-size:13px;font-weight:500;display:block}.location-input-wrapper{align-items:center;gap:12px;display:flex;position:relative}.location-input-wrapper .location-icon{color:#6b7280;pointer-events:none;position:absolute;left:14px}.location-input-wrapper .location-input{cursor:default;flex:1;background:#f9fafb!important;padding-left:44px!important}.location-input-wrapper .location-input:focus{box-shadow:none!important;border-color:#e5e7eb!important}.location-refresh-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px;font-size:20px;transition:background .3s}.location-refresh-btn:hover{background:#f3f4f6}.image-upload-area{background:#fafbfc;border:2px dashed #e5e7eb;border-radius:12px;padding:20px;transition:all .3s}.image-input{display:none}.image-upload-label{cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:30px 20px;display:flex}.image-upload-label .upload-icon{color:#6b7280}.image-upload-label span{color:#374151;font-size:15px;font-weight:500}.image-upload-label .upload-hint{color:#6b7280;font-size:13px;font-weight:400}.image-preview-container{border:2px solid #e5e7eb;border-radius:12px;margin-top:16px;display:inline-block;position:relative;overflow:hidden}.image-preview{object-fit:cover;max-width:300px;max-height:300px;display:block}.remove-image-btn{color:#fff;cursor:pointer;background:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s;display:flex;position:absolute;top:8px;right:8px}.form-actions{border-top:2px solid #f0f2f5;justify-content:flex-end;gap:16px;margin-top:8px;padding-top:24px;display:flex}.btn-cancel,.btn-submit{cursor:pointer;border:none;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:600;transition:all .3s}.btn-submit{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}@media (width<=768px){.create-complaint-wrapper{padding:24px 16px}.create-complaint-header h1{font-size:24px}.form-section{padding:16px}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{justify-content:center;width:100%}.image-preview{max-width:100%;max-height:200px}.location-input-wrapper{flex-wrap:wrap}.location-refresh-btn{position:absolute;top:50%;right:8px;transform:translateY(-50%)}.location-input-wrapper .location-input{padding-right:48px!important}}@media (width<=480px){.create-complaint-container{padding:16px 10px}.create-complaint-wrapper{border-radius:12px;padding:16px 12px}.create-complaint-header h1{font-size:20px}.form-group input[type=text],.form-group select,.form-group textarea{padding:10px 14px;font-size:14px}.image-upload-label{padding:20px 12px}.image-upload-label .upload-icon{width:24px;height:24px}.image-upload-label span{font-size:13px}.image-upload-label .upload-hint{font-size:12px}.form-actions{flex-direction:column;gap:12px}.btn-cancel,.btn-submit{width:100%;padding:14px;font-size:15px}.form-section h3{font-size:16px}.success-message,.error-message{padding:12px 16px;font-size:14px}}.create-complaint-form::-webkit-scrollbar{width:6px}.create-complaint-form::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.create-complaint-form::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.create-complaint-form::-webkit-scrollbar-thumb:hover{background:#5a67d8}.text-muted{color:#6b7280;font-size:14px}.mt-2{margin-top:8px}.mb-2{margin-bottom:8px}.flex-center{justify-content:center;align-items:center;display:flex}.gap-2{gap:8px}.gap-3{gap:12px}.create-complaint-wrapper{animation:.4s ease-out fadeIn}.success-message,.error-message,.image-preview-container{animation:.3s ease-out fadeIn}.location-address{color:#1f2937;word-break:break-word;margin:0;font-size:15px;font-weight:500}.location-coords{color:#6b7280;margin:4px 0 0;font-family:monospace;font-size:13px}.location-refresh-btn{cursor:pointer;background:#f3f4f6;border:none;border-radius:6px;flex-shrink:0;padding:8px 20px;font-size:20px;transition:all .3s}.location-hint{color:#6b7280;margin-top:8px;font-size:13px;font-style:italic}@media (width<=768px){.location-display{flex-direction:column;align-items:stretch}.location-info{text-align:center;flex-direction:column;align-items:center}.location-refresh-btn{align-self:center}.location-address{font-size:14px}.location-coords{font-size:12px}}.image-preview-wrapper{aspect-ratio:1;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;position:relative;overflow:hidden}.image-preview-wrapper .image-preview{object-fit:cover;width:100%;height:100%}.image-preview-wrapper .remove-image-btn{color:#fff;cursor:pointer;background:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .3s;display:flex;position:absolute;top:8px;right:8px}.image-preview-wrapper .remove-image-btn:hover{background:#ef4444;transform:scale(1.1)}@media (width<=768px){.image-previews-container{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}}.create-complaint-container{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.create-complaint-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:24px;width:100%;max-width:800px;padding:2.5rem;animation:.5s ease-out slideUp;box-shadow:0 20px 60px #00000026}.create-complaint-header{text-align:center;margin-bottom:2rem}.create-complaint-header h1{color:#1a202c;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2rem;font-weight:700}.create-complaint-header p{color:#718096;font-size:1rem}.loading-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.loading-state .spinner{color:#667eea;margin-bottom:1rem;animation:1s linear infinite spin}.loading-state p{color:#4a5568;font-size:1.1rem}.success-message{color:#fff;background:linear-gradient(135deg,#48bb78 0%,#38a169 100%);border-radius:12px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem;font-weight:500;animation:.3s ease-out fadeIn;display:flex}.error-message{color:#fff;background:linear-gradient(135deg,#fc8181 0%,#e53e3e 100%);border-radius:12px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem;font-weight:500;animation:.3s ease-out fadeIn;display:flex}.create-complaint-form{flex-direction:column;gap:1.5rem;display:flex}.form-section{background:#f7fafc;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;transition:all .3s}.form-section:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a}.form-section h3{color:#2d3748;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:1.1rem;font-weight:600;display:flex}.form-section h3:before{content:"";background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:2px;width:4px;height:20px}.form-group{margin-bottom:1.25rem}.form-group:last-child{margin-bottom:0}.form-group label{color:#2d3748;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.form-group label .required{color:#e53e3e;margin-left:.25rem}.form-group input,.form-group textarea,.form-group select{color:#2d3748;background:#fff;border:2px solid #e2e8f0;border-radius:12px;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.form-group input.error,.form-group textarea.error,.form-group select.error{border-color:#fc8181}.form-group input.error:focus,.form-group textarea.error:focus,.form-group select.error:focus{box-shadow:0 0 0 3px #fc818126}.error-text{color:#e53e3e;margin-top:.5rem;font-size:.875rem;display:block}.address-toggle-group{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.address-toggle-btn{color:#4a5568;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.95rem;font-weight:500;transition:all .3s;display:flex}.address-toggle-btn:hover{background:#f7fafc;border-color:#667eea}.address-toggle-btn.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.address-toggle-btn.active svg{color:#fff}.location-display{background:#fff;border:2px solid #e2e8f0;border-radius:12px;align-items:stretch;gap:.75rem;padding:.75rem;transition:all .3s;display:flex}.location-display:hover{border-color:#667eea}.location-info{flex:1;align-items:flex-start;gap:.75rem;display:flex}.location-icon{color:#667eea;flex-shrink:0;margin-top:.25rem}.location-details{flex:1}.location-address{color:#2d3748;margin:0;font-size:.95rem;font-weight:500}.location-coords{color:#718096;margin:.25rem 0 0;font-size:.8rem}.location-loading{color:#718096;font-size:.95rem}.location-refresh-btn{cursor:pointer;background:#edf2f7;border:none;border-radius:8px;justify-content:center;align-items:center;padding:10px 25px;font-size:1.2rem;transition:all .3s;display:flex}.location-refresh-btn:hover:not(:disabled){background:#e2e8f0}.location-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.location-hint{color:#a0aec0;margin-top:.5rem;font-size:.8rem}.current-address-display{background:linear-gradient(135deg,#ebf8ff 0%,#bee3f8 100%);border:2px solid #90cdf4;border-radius:12px;gap:1rem;padding:1rem;display:flex}.address-icon{color:#3182ce;flex-shrink:0;margin-top:.25rem}.address-details{flex:1}.address-text{color:#2c5282;margin:0;font-size:1rem;font-weight:600}.address-hint{color:#2b6cb0;margin:.25rem 0 0;font-size:.8rem}.image-upload-area{border:2px dashed #e2e8f0;border-radius:12px;transition:all .3s;position:relative;overflow:hidden}.image-upload-area:hover{background:#f7fafc;border-color:#667eea}.image-input{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%;position:absolute}.image-upload-label{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;min-height:150px;padding:2rem 1rem;transition:all .3s;display:flex}.upload-icon{color:#667eea;margin-bottom:.75rem}.image-upload-label span{color:#4a5568;font-weight:500}.image-upload-label .upload-hint{color:#a0aec0;margin-top:.5rem;font-size:.8rem;font-weight:400}.image-previews-container{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;margin-top:1rem;display:grid}.image-preview-wrapper{aspect-ratio:1;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.image-preview{object-fit:cover;width:100%;height:100%}.remove-image-btn{color:#fff;cursor:pointer;background:#e53e3ee6;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .3s;display:flex;position:absolute;top:.5rem;right:.5rem}.remove-image-btn:hover{background:#e53e3e;transform:scale(1.1)}.form-actions{gap:1rem;margin-top:.5rem;display:flex}.btn-cancel,.btn-submit{cursor:pointer;border:none;border-radius:12px;flex:1;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.btn-cancel{color:#4a5568;background:#edf2f7}.btn-cancel:hover{background:#e2e8f0;transform:translateY(-2px)}.btn-submit{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 15px #667eea66}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}select option[value=Low]{color:#48bb78}select option[value=Medium]{color:#ed8936}select option[value=High]{color:#e53e3e}select option[value=Urgent]{color:#c53030;font-weight:700}@media (width<=768px){.create-complaint-wrapper{padding:1.5rem}.create-complaint-header h1{font-size:1.5rem}.form-section{padding:1rem}.address-toggle-group{grid-template-columns:1fr}.location-display{flex-direction:column;align-items:stretch}.location-refresh-btn{align-self:flex-end}.image-previews-container{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{flex:none;width:100%}}@media (width<=480px){.create-complaint-wrapper{border-radius:16px;padding:1rem}.create-complaint-header h1{font-size:1.25rem}.form-group input,.form-group textarea,.form-group select,.address-toggle-btn{padding:.625rem .875rem;font-size:.875rem}.current-address-display{flex-direction:column;align-items:flex-start}}.create-complaint-container::-webkit-scrollbar{width:8px}.create-complaint-container::-webkit-scrollbar-track{background:#f7fafc}.create-complaint-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:4px}.create-complaint-container::-webkit-scrollbar-thumb:hover{background:#5a67d8}.resident-profile-container{max-width:900px;margin:0 auto;padding:0;animation:.6s fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.profile-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:30px;display:flex}.profile-header h1{color:#1f2937;letter-spacing:-.5px;margin:0;font-size:2rem;font-weight:800}.profile-actions{flex-wrap:wrap;gap:10px;display:flex}.btn-edit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1f2937 0%,#374151 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 15px #1f293733}.btn-edit:hover{transform:translateY(-2px);box-shadow:0 8px 30px #1f29374d}.btn-edit.btn-cancel-edit{background:#ef4444;box-shadow:0 4px 15px #ef444433}.btn-edit.btn-cancel-edit:hover{background:#dc2626;box-shadow:0 8px 30px #ef44444d}.btn-logout{color:#1f2937;cursor:pointer;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:12px;align-items:center;gap:8px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .3s;display:inline-flex}.btn-logout:hover{color:#ef4444;background:#fee2e2;border-color:#ef4444}.profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;max-width:100%;padding:32px;box-shadow:0 4px 20px #0000000a}.profile-avatar{color:#fff;background:linear-gradient(135deg,#1f2937 0%,#4b5563 100%);border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:0 8px 30px #1f293726}.profile-role{color:#6b7280;font-size:.85rem;font-weight:500}.profile-form .form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.profile-form .form-group{flex-direction:column;gap:4px;display:flex}.profile-form .form-group label{color:#1f2937;font-size:.82rem;font-weight:600}.profile-form .form-group input{box-sizing:border-box;border:2px solid #e5e7eb;border-radius:10px;width:100%;padding:10px 14px;font-size:.9rem;transition:all .3s}.profile-form .form-group input:focus{border-color:#1f2937;outline:none;box-shadow:0 0 0 4px #1f29370d}.profile-form .form-group input:disabled{cursor:not-allowed;opacity:.7;background:#f9fafb}.profile-form .form-group input.error{border-color:#ef4444}.profile-form .form-group input.disabled-input{cursor:not-allowed;opacity:.6;background:#f3f4f6}.input-with-icon{align-items:center;width:100%;display:flex;position:relative}.input-with-icon .input-icon{color:#9ca3af;z-index:1;position:absolute;left:12px}.input-with-icon input{width:100%;padding-left:40px}.form-actions{margin-top:10px}.btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1f2937 0%,#374151 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 30px;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 15px #1f293733}@media (width<=992px){.resident-profile-container{max-width:100%}.profile-card{padding:28px}}@media (width<=768px){.profile-header{flex-direction:column;align-items:flex-start}.profile-actions{width:100%}.profile-actions button{flex:1;justify-content:center}.profile-avatar-section{text-align:center;flex-direction:column}.profile-form .form-row{grid-template-columns:1fr}.profile-card{padding:20px 16px}.profile-header h1{font-size:1.5rem}}@media (width<=576px){.profile-actions{flex-direction:column}.profile-actions button{width:100%}.profile-header h1{font-size:1.3rem}.profile-card{padding:16px 14px}.profile-avatar{width:64px;height:64px}.profile-avatar svg{width:24px;height:24px}.profile-name h2{font-size:1.1rem}.profile-form .form-group input{padding:8px 12px;font-size:.85rem}.btn-edit,.btn-logout,.btn-save{padding:8px 16px;font-size:.8rem}.success-message{padding:10px 14px;font-size:.85rem}}@media (width<=400px){.profile-card{padding:12px 10px}.profile-header h1{font-size:1.1rem}.profile-avatar{width:56px;height:56px}.profile-avatar svg{width:20px;height:20px}.profile-name h2{font-size:1rem}.profile-form .form-group label{font-size:.7rem}.profile-form .form-group input{padding:6px 10px;font-size:.8rem}.input-with-icon .input-icon{width:14px;height:14px;left:8px}.input-with-icon input{padding-left:32px}.btn-edit,.btn-logout,.btn-save{padding:6px 12px;font-size:.7rem}.btn-edit svg,.btn-logout svg,.btn-save svg{width:14px;height:14px}}.profile-loading,.profile-error{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.profile-loading .spinner{color:#667eea;animation:1s linear infinite spin}.resident-profile-container{max-width:900px;margin:0 auto;padding:24px}.profile-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.profile-header h1{color:#1f2937;margin:0;font-size:24px;font-weight:700}.profile-actions{gap:12px;display:flex}.btn-edit,.btn-cancel-edit,.btn-logout{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.btn-edit{color:#fff;background:#667eea}.btn-edit:hover{background:#5a67d8;transform:translateY(-1px)}.btn-cancel-edit{color:#374151;background:#f3f4f6}.btn-cancel-edit:hover{background:#e5e7eb}.btn-logout{color:#dc2626;background:#fee2e2}.btn-logout:hover{background:#fecaca}.success-message{color:#155724;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-weight:500}.profile-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a}.profile-avatar-section{border-bottom:1px solid #f3f4f6;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:24px;display:flex}.profile-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.profile-name h2{color:#1f2937;margin:0 0 4px;font-size:20px;font-weight:600}.profile-role{color:#6b7280;font-size:14px}.profile-society{color:#667eea;margin-top:2px;font-size:13px;font-weight:500;display:block}.profile-form{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group{flex-direction:column;gap:4px;display:flex}.form-group label{color:#374151;font-size:14px;font-weight:500}.input-with-icon{position:relative}.input-with-icon .input-icon{color:#9ca3af;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-with-icon input{box-sizing:border-box;background:#fff;border:2px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 12px 10px 40px;font-size:14px;transition:all .3s}.input-with-icon input:focus:not(:disabled){border-color:#667eea;outline:none;box-shadow:0 0 0 4px #667eea1f}.input-with-icon input.error{border-color:#ef4444}.input-with-icon input:disabled,.disabled-input{color:#6b7280;cursor:not-allowed;opacity:.8;background:#f9fafb}.error-text{color:#ef4444;margin-top:4px;font-size:13px}.property-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:4px;padding:16px}.property-details h4{color:#1f2937;margin:0 0 12px;font-size:14px;font-weight:600}.property-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.property-item{flex-direction:column;gap:2px;display:flex}.property-label{color:#6b7280;font-size:12px}.property-value{color:#1f2937;font-size:14px;font-weight:500}.form-actions{border-top:1px solid #f3f4f6;justify-content:flex-end;padding-top:20px;display:flex}.btn-save{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 32px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.btn-save:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.btn-save:disabled{opacity:.7;cursor:not-allowed}@media (width<=768px){.resident-profile-container{padding:16px}.profile-header{flex-direction:column;align-items:flex-start;gap:12px}.profile-actions{width:100%}.btn-edit,.btn-cancel-edit,.btn-logout{flex:1;justify-content:center}.profile-card{padding:20px}.form-row{grid-template-columns:1fr}.profile-avatar-section{text-align:center;flex-direction:column}.property-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.profile-avatar{width:56px;height:56px}.profile-name h2{font-size:18px}.property-grid{grid-template-columns:1fr}.btn-edit,.btn-cancel-edit,.btn-logout{padding:6px 12px;font-size:12px}}.feedback-container{max-width:800px;margin:2rem auto;padding:0 20px}.feedback-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 10px #0000001a}.feedback-header{border-bottom:2px solid #f0f0f0;margin-bottom:1.5rem;padding-bottom:1rem}.feedback-header h2{color:#333;margin:0;font-size:1.8rem}.feedback-header p{color:#666;margin:5px 0 0;font-size:.9rem}.feedback-complaint-summary{background:#f8f9fa;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.feedback-complaint-summary p{color:#555;margin:5px 0}.feedback-existing{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.feedback-existing h4{color:#1976d2;margin:0 0 10px}.feedback-existing-rating{gap:5px;margin:10px 0;display:flex}.feedback-star-filled{color:#ffc107;font-size:1.5rem}.feedback-star-empty{color:#e4e5e9;font-size:1.5rem}.feedback-existing-comment{color:#333;margin:5px 0;font-style:italic}.feedback-update-note{color:#666;margin-top:10px;font-size:.9rem}.feedback-form{margin-top:1.5rem}.feedback-rating-section{margin-bottom:2rem}.feedback-rating-section label{color:#333;margin-bottom:.5rem;font-weight:600;display:block}.feedback-star-rating{gap:10px;margin:10px 0;display:flex}.feedback-star{cursor:pointer;transition:transform .2s}.feedback-star:hover{transform:scale(1.1)}.feedback-rating-label{color:#555;margin-top:10px;font-weight:500;display:inline-block}.feedback-comment-section{margin-bottom:1.5rem}.feedback-comment-section label{color:#333;margin-bottom:.5rem;font-weight:600;display:block}.feedback-comment-section textarea{resize:vertical;border:1px solid #ddd;border-radius:8px;width:100%;padding:10px;font-family:inherit;font-size:1rem;transition:border-color .3s}.feedback-comment-section textarea:focus{border-color:#2196f3;outline:none;box-shadow:0 0 0 3px #2196f31a}.feedback-error{color:#c62828;background:#ffebee;border-left:4px solid #c62828;border-radius:8px;margin:10px 0;padding:12px}.feedback-error-message{text-align:center;background:#ffebee;border-radius:8px;padding:2rem}.feedback-error-message h3{color:#c62828;margin-bottom:1rem}.feedback-error-message p{color:#666;margin:5px 0}.feedback-success{color:#2e7d32;background:#e8f5e9;border-left:4px solid #2e7d32;border-radius:8px;margin:10px 0;padding:12px}.feedback-button-group{gap:1rem;margin-top:1.5rem;display:flex}.feedback-btn-cancel{color:#333;cursor:pointer;background:#f5f5f5;border:1px solid #ddd;border-radius:8px;padding:10px 24px;font-size:1rem;transition:all .3s}.feedback-btn-cancel:hover{background:#e0e0e0}.feedback-btn-submit{color:#fff;cursor:pointer;background:#2196f3;border:none;border-radius:8px;padding:10px 24px;font-size:1rem;transition:background .3s}.feedback-btn-submit:hover:not(:disabled){background:#1976d2}.feedback-btn-submit:disabled{opacity:.6;cursor:not-allowed}.feedback-btn-back{color:#fff;cursor:pointer;background:#2196f3;border:none;border-radius:8px;margin-top:1rem;padding:10px 24px;font-size:1rem;transition:background .3s}.feedback-btn-back:hover{background:#1976d2}.feedback-loading{text-align:center;color:#666;padding:3rem;font-size:1.2rem}@media (width<=768px){.feedback-card{padding:1.5rem}.feedback-star{font-size:30px!important}.feedback-button-group{flex-direction:column}.feedback-btn-cancel,.feedback-btn-submit{width:100%}}.verify-code-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.verify-code-card{background:#fff;border-radius:16px;width:100%;max-width:480px;padding:48px;box-shadow:0 20px 60px #0000004d}.verify-code-header{text-align:center;margin-bottom:32px}.mail-icon{color:#667eea;margin-bottom:12px}.verify-code-header h2{color:#333;margin-bottom:8px;font-size:24px}.verify-code-header p{color:#666;margin:4px 0;font-size:14px}.email-display{font-weight:600;color:#667eea!important;font-size:16px!important}.message{border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:14px;display:flex}.message.loading{color:#1976d2;background-color:#e3f2fd}.message.success{color:#155724;background-color:#d4edda}.message.error{color:#721c24;background-color:#f8d7da}.message.info{color:#856404;background-color:#fff3cd}.spinner-small{animation:1s linear infinite spin}.code-input-container{justify-content:center;gap:12px;margin-bottom:32px;display:flex}.code-input{text-align:center;border:2px solid #e0e0e0;border-radius:8px;width:48px;height:56px;font-size:24px;font-weight:600;transition:all .3s}.code-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea33}.code-input.error{border-color:#f44336;animation:.5s shake}.code-input.success{border-color:#4caf50}.code-input:disabled{opacity:.6;cursor:not-allowed}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.verify-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.verify-btn:hover:not(:disabled){background:#5a67d8;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.verify-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{animation:1s linear infinite spin}.resend-section{text-align:center;border-top:1px solid #e0e0e0;margin-top:24px;padding-top:20px}.resend-section p{color:#666;margin-bottom:8px;font-size:14px}.resend-btn{color:#667eea;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 12px;font-size:14px;font-weight:600;transition:all .3s}.resend-btn:hover:not(:disabled){color:#5a67d8;background:#f0f0ff}.resend-btn:disabled{opacity:.6;cursor:not-allowed}.resend-timer{color:#999;font-size:14px}.footer-links{text-align:center;margin-top:20px;font-size:14px}.footer-links a{color:#667eea;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#5a67d8;text-decoration:underline}.divider{color:#e0e0e0;margin:0 12px}@media (width<=480px){.verify-code-card{padding:32px 20px}.code-input{width:40px;height:48px;font-size:20px}.code-input-container{gap:8px}}.admin-login-container{background:#f5f7fa;justify-content:center;align-items:center;min-height:100vh;padding:48px 16px;display:flex;position:relative;overflow:hidden}.admin-login-bg-decoration{pointer-events:none;z-index:0;position:fixed;inset:0}.admin-login-bg-circle{opacity:.4;border-radius:50%;position:absolute}.admin-login-bg-circle-1{background:radial-gradient(circle,#1f29371a,#0000 70%);width:400px;height:400px;animation:20s ease-in-out infinite adminFloat;top:-150px;right:-100px}.admin-login-bg-circle-2{background:radial-gradient(circle,#37415114,#0000 70%);width:300px;height:300px;animation:25s ease-in-out infinite reverse adminFloat;bottom:-100px;left:-80px}.admin-login-bg-circle-3{background:radial-gradient(circle,#1f29370f,#0000 70%);width:200px;height:200px;animation:15s ease-in-out 5s infinite adminFloat;top:30%;right:20%}@keyframes adminFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}.admin-login-wrapper{z-index:1;background:#fff;border:1px solid #00000008;border-radius:24px;width:100%;max-width:440px;animation:.6s ease-out adminSlideUp;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000f,0 1px 3px #0000000a}@keyframes adminSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.admin-login-content{flex-direction:column;padding:45px 40px;display:flex}.admin-login-brand{text-align:center;margin-bottom:28px}.admin-brand-icon-wrapper{margin-bottom:12px;display:inline-block}.admin-brand-icon{color:#fff;background:linear-gradient(135deg,#1f2937,#374151);border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;transition:transform .3s;display:flex;box-shadow:0 8px 24px #1f293740,inset 0 1px #ffffff26}.admin-brand-icon:hover{transform:scale(1.05)rotate(-3deg)}.admin-brand-title{color:#0b172b;letter-spacing:-.5px;margin:0 0 4px;font-size:28px;font-weight:700}.admin-brand-subtitle{color:#6b7280;margin:0;font-size:15px}.admin-error-message{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.admin-login-form{flex-direction:column;gap:18px;display:flex}.admin-form-group{flex-direction:column;gap:5px;display:flex}.admin-form-group label{color:#0b172b;font-size:14px;font-weight:600}.admin-input-wrapper{background:#f7f8fa;border:2px solid #e5e7eb;border-radius:12px;align-items:center;width:100%;transition:all .3s;display:flex;position:relative}.admin-input-wrapper.admin-focused{background:#fff;border-color:#1f2937;box-shadow:0 0 0 4px #1f293714}.admin-input-wrapper.admin-filled{background:#fff}.admin-input-wrapper:hover:not(.admin-focused){background:#fafbfc;border-color:#d1d5db}.admin-input-border{background:linear-gradient(90deg,#1f2937,#374151);border-radius:0 0 12px 12px;width:0;height:2px;transition:all .3s;position:absolute;bottom:-2px;left:50%}.admin-input-wrapper.admin-focused .admin-input-border{width:100%;left:0}.admin-input-icon{color:#9ca3af;z-index:1;pointer-events:none;transition:color .3s;position:absolute;left:14px}.admin-input-wrapper.admin-focused .admin-input-icon{color:#1f2937}.admin-input-wrapper input{color:#0b172b;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;height:52px;padding:14px 16px 14px 44px;font-size:15px;transition:all .3s}.admin-input-wrapper input::placeholder{color:#9ca3af}.admin-password-toggle{cursor:pointer;color:#9ca3af;z-index:1;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex;position:absolute;right:14px}.admin-password-toggle:hover{color:#1f2937;background:#1f293714}.admin-form-options{justify-content:flex-end;font-size:14px;display:flex}.admin-forgot-link{color:#1f2937;font-weight:600;text-decoration:none;transition:color .2s}.admin-forgot-link:hover{color:#374151;text-decoration:underline}.admin-login-btn{cursor:pointer;background:linear-gradient(135deg,#1f2937,#374151);border:none;border-radius:12px;width:100%;height:52px;padding:0;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 16px #1f293740,inset 0 1px #ffffff1a}.admin-login-btn-inner{color:#fff;z-index:2;justify-content:center;align-items:center;gap:8px;padding:14px 16px;font-size:16px;font-weight:600;display:flex;position:relative}.admin-login-btn-shine{z-index:1;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.admin-login-btn:hover:not(:disabled) .admin-login-btn-shine{left:100%}.admin-login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #1f293759,inset 0 1px #ffffff1a}.admin-login-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 12px #1f293733}.admin-login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.admin-btn-arrow{transition:transform .3s;display:inline-block}.admin-login-btn:hover:not(:disabled) .admin-btn-arrow{transform:translate(4px)}.admin-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite adminSpin;display:inline-block}@keyframes adminSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-role-selector{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:20px}.admin-role-label{color:#6b7280;text-align:center;margin-bottom:10px;font-size:13px;display:block}.admin-role-options{justify-content:center;gap:16px;display:flex}.admin-role-option{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.admin-role-option:hover,.admin-role-option.admin-role-active{color:#1f2937;background:#f3f4f6}.admin-role-dot{background:#d1d5db;border-radius:50%;width:8px;height:8px;transition:all .3s}.admin-role-option.admin-role-active .admin-role-dot{background:#1f2937}.admin-login-footer{text-align:center;color:#6b7280;border-top:1px solid #f3f4f6;margin-top:24px;padding-top:20px;font-size:12px}.admin-login-footer p{margin:0}@media (width<=768px){.admin-login-container{padding:32px 16px}.admin-login-content{padding:35px 30px}.admin-brand-title{font-size:26px}.admin-brand-icon{width:64px;height:64px}.admin-input-wrapper input{height:48px;font-size:14px}.admin-login-btn{height:48px}.admin-login-btn-inner{padding:12px 16px;font-size:15px}}@media (width<=480px){.admin-login-container{padding:20px 12px}.admin-login-wrapper{border-radius:16px;max-width:100%}.admin-login-content{padding:28px 20px}.admin-brand-title{font-size:22px}.admin-brand-subtitle{font-size:13px}.admin-brand-icon{width:56px;height:56px}.admin-brand-icon svg{width:24px;height:24px}.admin-input-wrapper input{height:44px;padding:12px 14px 12px 40px;font-size:14px}.admin-input-icon{width:16px;height:16px;left:12px}.admin-password-toggle{right:12px}.admin-password-toggle svg{width:16px;height:16px}.admin-login-btn{height:44px}.admin-login-btn-inner{padding:10px 16px;font-size:14px}.admin-role-options{flex-direction:column;align-items:center;gap:4px}.admin-role-option{padding:6px 12px;font-size:13px}}@media (width<=380px){.admin-login-container{padding:16px 8px}.admin-login-content{padding:20px 16px}.admin-brand-title{font-size:20px}.admin-brand-icon{width:48px;height:48px}.admin-brand-icon svg{width:20px;height:20px}.admin-input-wrapper input{height:40px;padding:10px 12px 10px 36px;font-size:13px}.admin-input-icon{width:14px;height:14px;left:10px}.admin-password-toggle{right:10px}.admin-password-toggle svg{width:14px;height:14px}.admin-login-btn{height:40px}.admin-login-btn-inner{padding:8px 14px;font-size:13px}.admin-login-footer{font-size:10px}}@media (height<=700px){.admin-login-wrapper{max-height:95vh}.admin-login-content{padding:30px 35px}.admin-login-brand{margin-bottom:20px}.admin-brand-title{font-size:24px}.admin-brand-icon{width:56px;height:56px}.admin-login-form{gap:14px}.admin-input-wrapper input{height:42px;font-size:14px}.admin-login-btn{height:42px}}.admin-layout{background:#f0f4f8;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.admin-sidebar{z-index:100;background:linear-gradient(#1a1a2e,#0f0f1a);flex-direction:column;width:260px;min-height:100vh;padding:20px 16px 24px;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.admin-sidebar-brand{border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;margin-bottom:24px;padding:0 8px 24px;display:flex}.admin-sidebar-brand .brand-icon{font-size:28px}.admin-sidebar-brand .brand-text{color:#fff;letter-spacing:-.5px;font-size:20px;font-weight:700}.admin-sidebar-brand .brand-text span{color:#4facfe}.admin-sidebar-nav{flex-direction:column;flex:1;gap:4px;display:flex}.admin-sidebar-nav a{color:#ffffff80;border-radius:10px;align-items:center;gap:14px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.admin-sidebar-nav a:hover{color:#fff;background:#ffffff0f}.admin-sidebar-nav a.active{color:#4facfe;background:#4facfe26}.admin-sidebar-nav a i{text-align:center;width:20px;font-size:16px}.admin-sidebar-footer{border-top:1px solid #ffffff0f;margin-top:auto;padding-top:20px}.admin-user-info{align-items:center;gap:12px;margin-bottom:12px;padding:8px 4px;display:flex}.admin-avatar{color:#fff;background:linear-gradient(135deg,#4facfe,#3a8bd9);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.admin-user-details{flex-direction:column;display:flex;overflow:hidden}.admin-user-name{color:#fff;font-size:14px;font-weight:600}.admin-user-role{color:#fff6;font-size:11px;font-weight:500}.admin-logout-btn{color:#f87171;cursor:pointer;background:#ef444426;border:1px solid #ef444433;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.admin-logout-btn:hover{background:#ef444440}.admin-main{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;display:flex}.admin-topbar{z-index:50;background:#fff;border-bottom:1px solid #0000000a;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.admin-toggle-btn{color:#1a1a2e;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:20px;transition:background .3s}.admin-toggle-btn:hover{background:#0000000a}.admin-topbar-right{align-items:center;gap:16px;display:flex}.admin-society-name{color:#1a1a2e;background:#4facfe14;border:1px solid #4facfe1f;border-radius:50px;padding:6px 14px;font-size:13px;font-weight:600}.admin-page-content{flex:1;padding:0}.admin-layout.sidebar-closed .admin-sidebar{transform:translate(-100%)}.admin-layout.sidebar-closed .admin-main{margin-left:0}.admin-sidebar::-webkit-scrollbar{width:4px}.admin-sidebar::-webkit-scrollbar-track{background:0 0}.admin-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}@media (width<=768px){.admin-sidebar{transform:translate(-100%)}.admin-layout.sidebar-open .admin-sidebar{transform:translate(0)}.admin-main{margin-left:0!important}.admin-topbar{padding:12px 16px}.admin-page-content{padding:0}}:root{--admin-primary:#4f46e5;--admin-primary-dark:#4338ca;--admin-primary-light:#818cf8;--admin-secondary:#7c3aed;--admin-success:#10b981;--admin-success-light:#d1fae5;--admin-warning:#f59e0b;--admin-warning-light:#fef3c7;--admin-danger:#ef4444;--admin-danger-light:#fef2f2;--admin-info:#3b82f6;--admin-info-light:#dbeafe;--admin-gray-50:#f8fafc;--admin-gray-100:#f1f5f9;--admin-gray-200:#e2e8f0;--admin-gray-300:#cbd5e1;--admin-gray-400:#94a3b8;--admin-gray-500:#64748b;--admin-gray-600:#475569;--admin-gray-700:#334155;--admin-gray-800:#1e293b;--admin-gray-900:#0f172a;--admin-shadow-sm:0 1px 2px #0000000d;--admin-shadow:0 1px 3px #00000014, 0 1px 2px #0000000f;--admin-shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000d;--admin-shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--admin-shadow-xl:0 20px 25px -5px #00000014, 0 10px 10px -5px #00000005;--admin-radius:12px;--admin-radius-lg:16px;--admin-radius-xl:20px;--admin-transition:all .3s cubic-bezier(.4, 0, .2, 1)}.admin-title-badge{color:#fff;vertical-align:middle;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:20px;margin-left:10px;padding:2px 12px;font-size:11px;font-weight:700;display:inline-block;box-shadow:0 2px 8px #4f46e54d}.admin-stat-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:2px 12px;font-size:10px;font-weight:700;display:inline-block}.admin-badge-purple{color:#6d28d9;background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.admin-badge-blue{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.admin-badge-green{color:#047857;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.admin-badge-orange{color:#d97706;background:linear-gradient(135deg,#fef3c7,#fde68a)}.admin-section-badge{color:#065f46;vertical-align:middle;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:20px;margin-left:10px;padding:2px 14px;font-size:11px;font-weight:700;display:inline-block}.admin-badge-recent{color:#1e40af;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.admin-chart-badge{color:#6d28d9;vertical-align:middle;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#f3e8ff,#e9d5ff);border-radius:20px;margin-left:10px;padding:2px 10px;font-size:10px;font-weight:700;display:inline-block}.admin-badge-trend{color:#d97706;background:linear-gradient(135deg,#fef3c7,#fde68a)}.admin-complaint-number-badge{background:var(--admin-gray-100);color:var(--admin-gray-500);letter-spacing:.3px;border-radius:20px;margin-left:8px;padding:1px 10px;font-size:10px;font-weight:700;display:inline-block}.admin-dashboard-container{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);max-width:1440px;min-height:100vh;margin:0 auto;padding:28px 32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.admin-dashboard-loading{flex-direction:column;justify-content:center;align-items:center;min-height:500px;display:flex}.admin-loading-spinner{border:4px solid var(--admin-gray-200);border-top:4px solid var(--admin-primary);border-radius:50%;width:56px;height:56px;animation:.8s linear infinite admin-spin}@keyframes admin-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-loading-text{color:var(--admin-gray-500);margin-top:20px;font-size:16px;font-weight:500}.admin-dashboard-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--admin-radius-xl);box-shadow:var(--admin-shadow);background:#fffc;border:1px solid #fffc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;padding:20px 28px;display:flex}.admin-dashboard-header-left{flex:1}.admin-dashboard-title{color:var(--admin-gray-900);letter-spacing:-.02em;margin:0 0 4px;font-size:32px;font-weight:700}.admin-header-icon{color:var(--admin-primary);vertical-align:middle;margin-right:8px;font-size:30px}.admin-dashboard-subtitle{color:var(--admin-gray-500);margin:0;font-size:16px}.admin-dashboard-header-right{align-items:center;gap:12px;display:flex}.admin-header-badge{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0;border-radius:20px;align-items:center;gap:6px;padding:6px 16px;display:flex}.admin-badge-icon{color:var(--admin-success);font-size:14px}.admin-badge-text{color:#065f46;font-size:12px;font-weight:600}.admin-last-updated{color:var(--admin-gray-500);box-shadow:var(--admin-shadow-sm);border:1px solid var(--admin-gray-200);background:#fff;border-radius:20px;padding:6px 16px;font-size:13px}.admin-time-icon{vertical-align:middle;margin-right:4px;font-size:14px}.admin-refresh-btn{background:linear-gradient(135deg, var(--admin-primary), var(--admin-secondary));color:#fff;cursor:pointer;transition:var(--admin-transition);border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 22px;font-size:14px;font-weight:500;display:flex;box-shadow:0 2px 8px #4f46e54d}.admin-refresh-icon{font-size:16px}.admin-refresh-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4f46e566}.admin-refresh-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-dashboard-error{background:var(--admin-danger-light);color:var(--admin-danger);border-radius:var(--admin-radius);border:1px solid #fca5a5;margin-bottom:20px;padding:14px 20px;font-size:14px}.admin-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.admin-stat-card{border-radius:var(--admin-radius-lg);box-shadow:var(--admin-shadow);border:1px solid var(--admin-gray-100);transition:var(--admin-transition);background:#fff;align-items:center;gap:16px;padding:24px 26px;display:flex;position:relative;overflow:hidden}.admin-stat-card:before{content:"";height:4px;position:absolute;top:0;left:0;right:0}.admin-stat-card-purple:before{background:linear-gradient(90deg,#8b5cf6,#6d28d9)}.admin-stat-card-blue:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.admin-stat-card-green:before{background:linear-gradient(90deg,#10b981,#047857)}.admin-stat-card-orange:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.admin-stat-card:hover{box-shadow:var(--admin-shadow-xl);transform:translateY(-4px)}.admin-stat-icon-wrapper{border-radius:var(--admin-radius);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.admin-stat-card-purple .admin-stat-icon-wrapper{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.admin-stat-card-blue .admin-stat-icon-wrapper{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.admin-stat-card-green .admin-stat-icon-wrapper{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.admin-stat-card-orange .admin-stat-icon-wrapper{background:linear-gradient(135deg,#fef3c7,#fde68a)}.admin-stat-icon{font-size:28px}.admin-stat-content{flex:1}.admin-stat-header{align-items:center;gap:8px;margin-bottom:2px;display:flex}.admin-stat-value{color:var(--admin-gray-900);letter-spacing:-.02em;margin:0;font-size:32px;font-weight:700;line-height:1.2}.admin-stat-label{color:var(--admin-gray-500);margin:2px 0 0;font-size:14px;font-weight:500}.admin-stat-trend{border-radius:12px;flex-shrink:0;align-items:center;gap:2px;padding:2px 10px;font-size:12px;font-weight:600;display:flex}.admin-trend-up{background:var(--admin-success-light);color:#065f46}.admin-trend-down{background:var(--admin-danger-light);color:var(--admin-danger)}.admin-section-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.admin-section-title{color:var(--admin-gray-900);margin:0;font-size:20px;font-weight:600}.admin-section-icon{vertical-align:middle;margin-right:8px;font-size:20px}.admin-section-subtitle{color:var(--admin-gray-500);font-size:14px}.admin-complaint-status-section{margin-bottom:32px}.admin-status-cards-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.admin-status-card{border-radius:var(--admin-radius-lg);box-shadow:var(--admin-shadow);border:1px solid var(--admin-gray-100);transition:var(--admin-transition);background:#fff;flex-direction:column;min-height:148px;padding:22px 24px 20px;display:flex;position:relative;overflow:hidden}.admin-status-card:before{content:"";height:4px;position:absolute;top:0;left:0;right:0}.admin-status-card-total:before{background:var(--admin-gray-500)}.admin-status-card-open:before{background:var(--admin-warning)}.admin-status-card-in-progress:before{background:var(--admin-info)}.admin-status-card-resolved:before{background:var(--admin-success)}.admin-status-card:hover{box-shadow:var(--admin-shadow-lg);transform:translateY(-3px)}.admin-status-card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.admin-status-card-icon{font-size:32px}.admin-status-card-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:700}.admin-badge-total{background:var(--admin-gray-100);color:var(--admin-gray-600)}.admin-badge-open{background:var(--admin-warning-light);color:#92400e}.admin-badge-progress{background:var(--admin-info-light);color:#1e40af}.admin-badge-resolved{background:var(--admin-success-light);color:#065f46}.admin-status-card-value{color:var(--admin-gray-900);letter-spacing:-.02em;margin:0;font-size:36px;font-weight:700;line-height:1.2}.admin-status-card-label{color:var(--admin-gray-500);margin:4px 0 0;font-size:14px}.admin-status-card-progress{background:var(--admin-gray-100);border-radius:4px;flex-shrink:0;height:6px;margin-top:14px;overflow:hidden}.admin-progress-bar{border-radius:4px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.admin-progress-total{background:var(--admin-gray-400)}.admin-progress-open{background:linear-gradient(90deg,#f59e0b,#d97706)}.admin-progress-in-progress{background:linear-gradient(90deg,#3b82f6,#2563eb)}.admin-progress-resolved{background:linear-gradient(90deg,#10b981,#059669)}.admin-charts-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px;display:grid}.admin-chart-card{border-radius:var(--admin-radius-lg);box-shadow:var(--admin-shadow);border:1px solid var(--admin-gray-100);transition:var(--admin-transition);background:#fff;padding:24px 26px}.admin-chart-card:hover{box-shadow:var(--admin-shadow-md)}.admin-trend-card{margin-bottom:28px}.admin-chart-header{margin-bottom:16px}.admin-chart-title{color:var(--admin-gray-900);margin:0 0 4px;font-size:18px;font-weight:600}.admin-chart-icon{vertical-align:middle;color:var(--admin-primary);margin-right:8px;font-size:18px}.admin-chart-subtitle{color:var(--admin-gray-500);margin:0;font-size:14px}.admin-chart-container{height:260px;position:relative}.admin-chart-bar,.admin-chart-pie{height:280px}.admin-chart-line{height:300px}.admin-recent-complaints{border-radius:var(--admin-radius-lg);box-shadow:var(--admin-shadow);border:1px solid var(--admin-gray-100);transition:var(--admin-transition);background:#fff;padding:24px 26px}.admin-recent-complaints:hover{box-shadow:var(--admin-shadow-md)}.admin-recent-header{border-bottom:2px solid var(--admin-gray-100);justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;display:flex}.admin-complaint-count{color:var(--admin-gray-500);background:var(--admin-gray-100);border-radius:20px;padding:4px 16px;font-size:14px;font-weight:600}.admin-complaint-list{flex-direction:column;gap:12px;display:flex}.admin-complaint-item{background:var(--admin-gray-50);border-radius:var(--admin-radius);transition:var(--admin-transition);border:1px solid #0000;justify-content:space-between;align-items:stretch;padding:16px 20px;display:flex;position:relative}.admin-complaint-item:before{content:"";background:var(--admin-gray-300);width:4px;transition:var(--admin-transition);border-radius:4px;position:absolute;top:20%;bottom:20%;left:0}.admin-complaint-item:hover{border-color:var(--admin-gray-200);box-shadow:var(--admin-shadow-md);background:#fff;transform:translate(4px)}.admin-complaint-item:hover:before{background:var(--admin-primary);top:10%;bottom:10%}.admin-complaint-item:has(.admin-status-open):before{background:var(--admin-warning)}.admin-complaint-item:has(.admin-status-in-progress):before{background:var(--admin-info)}.admin-complaint-item:has(.admin-status-resolved):before{background:var(--admin-success)}.admin-complaint-item-left{flex:1;align-items:flex-start;gap:14px;min-width:0;display:flex}.admin-complaint-status-badge{white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;border-radius:20px;flex-shrink:0;align-items:center;gap:4px;margin-top:2px;padding:4px 14px;font-size:12px;font-weight:700;display:flex}.admin-status-open{background:var(--admin-warning-light);color:#92400e}.admin-status-in-progress{background:var(--admin-info-light);color:#1e40af}.admin-status-resolved{background:var(--admin-success-light);color:#065f46}.admin-status-closed,.admin-status-default{background:var(--admin-gray-100);color:var(--admin-gray-600)}.admin-complaint-status-badge svg{font-size:13px}.admin-complaint-item-header{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.admin-complaint-item-title{color:var(--admin-gray-900);align-items:center;gap:6px;margin:0 0 6px;font-size:15px;font-weight:600;display:flex}.admin-meta-icon{vertical-align:middle;color:var(--admin-gray-400);margin-right:2px;font-size:12px}.admin-complaint-item-meta{color:var(--admin-gray-500);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;font-size:13px;display:flex}.admin-meta-tag{border:1px solid var(--admin-gray-200);background:#ffffffb3;border-radius:12px;align-items:center;gap:4px;padding:2px 10px;display:inline-flex}.admin-tag-category{color:#6d28d9;background:#f3e8ff;border-color:#e9d5ff}.admin-tag-assigned{color:#1e40af;background:#dbeafe;border-color:#bfdbfe}.admin-complaint-priority{border-radius:12px;align-items:center;gap:4px;padding:2px 12px;font-size:12px;font-weight:600;display:inline-flex}.admin-priority-high{background:var(--admin-danger-light);color:var(--admin-danger)}.admin-priority-medium{color:#d97706;background:#fffbeb}.admin-priority-low{background:var(--admin-success-light);color:#16a34a}.admin-priority-default{background:var(--admin-gray-100);color:var(--admin-gray-500)}.admin-complaint-description{color:var(--admin-gray-600);border-left:3px solid var(--admin-gray-200);background:#fff9;border-radius:6px;margin:4px 0 0;padding:6px 12px;font-size:13px;line-height:1.5}.admin-complaint-item-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;margin-left:16px;display:flex}.admin-complaint-item-date{color:var(--admin-gray-400);white-space:nowrap;background:var(--admin-gray-50);border:1px solid var(--admin-gray-200);border-radius:12px;align-items:center;gap:4px;padding:4px 12px;font-size:13px;display:flex}.admin-complaint-status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.admin-complaint-item:has(.admin-status-open) .admin-complaint-status-dot{background:var(--admin-warning)}.admin-complaint-item:has(.admin-status-in-progress) .admin-complaint-status-dot{background:var(--admin-info)}.admin-complaint-item:has(.admin-status-resolved) .admin-complaint-status-dot{background:var(--admin-success)}.admin-no-complaints{text-align:center;padding:56px 20px}.admin-no-complaints-icon{margin-bottom:16px;font-size:60px}.admin-no-complaints-title{color:var(--admin-gray-900);margin:0 0 8px;font-size:22px;font-weight:600}.admin-no-complaints-text{color:var(--admin-gray-500);margin:0;font-size:16px}.admin-thumbs-up{vertical-align:middle;color:var(--admin-success);margin-right:6px;font-size:18px}@keyframes admin-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-complaint-item{animation:.4s forwards admin-slideUp}.admin-complaint-item:first-child{animation-delay:50ms}.admin-complaint-item:nth-child(2){animation-delay:.1s}.admin-complaint-item:nth-child(3){animation-delay:.15s}.admin-complaint-item:nth-child(4){animation-delay:.2s}.admin-complaint-item:nth-child(5){animation-delay:.25s}.admin-complaint-item:nth-child(6){animation-delay:.3s}@keyframes admin-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.admin-badge-dot{background:var(--admin-success);border-radius:50%;width:8px;height:8px;animation:2s infinite admin-pulse}@media (width<=1200px){.admin-charts-grid{grid-template-columns:1fr}.admin-chart-container{height:240px}.admin-chart-bar,.admin-chart-pie{height:260px}}@media (width<=1024px){.admin-stats-grid,.admin-status-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.admin-dashboard-container{padding:20px}.admin-dashboard-header{flex-direction:column;align-items:flex-start;padding:16px 20px}.admin-dashboard-header-right{flex-wrap:wrap;width:100%}.admin-dashboard-title{font-size:26px}.admin-stat-card{padding:18px 20px}.admin-stat-value{font-size:26px}.admin-status-card{min-height:130px;padding:18px 20px}.admin-status-card-value{font-size:30px}.admin-chart-container{height:220px}.admin-chart-bar,.admin-chart-pie{height:240px}.admin-chart-line{height:250px}.admin-complaint-item{flex-direction:column;padding:14px 16px}.admin-complaint-item-right{flex-direction:row;justify-content:flex-start;gap:12px;width:100%;margin-top:8px;margin-left:0}.admin-complaint-item-left{flex-direction:column;align-items:stretch}.admin-complaint-status-badge{align-self:flex-start}.admin-complaint-item-meta{gap:8px;font-size:12px}.admin-title-badge{padding:2px 10px;font-size:10px}}@media (width<=640px){.admin-dashboard-container{padding:14px}.admin-stats-grid,.admin-status-cards-grid{grid-template-columns:1fr;gap:12px}.admin-dashboard-title{font-size:22px}.admin-stat-icon-wrapper{width:48px;height:48px}.admin-stat-icon,.admin-stat-value{font-size:22px}.admin-stat-header{flex-wrap:wrap}.admin-status-card{min-height:120px;padding:16px 18px}.admin-status-card-value{font-size:26px}.admin-status-card-icon{font-size:28px}.admin-chart-container{height:200px}.admin-chart-bar,.admin-chart-pie{height:220px}.admin-chart-line{height:230px}.admin-chart-card{padding:16px}.admin-complaint-item{flex-direction:column;padding:12px 14px}.admin-complaint-item-left{flex-wrap:wrap}.admin-complaint-item-right{flex-flow:wrap;width:100%;margin-top:8px;margin-left:0}.admin-complaint-item-title{font-size:14px}.admin-complaint-item-meta{flex-wrap:wrap;gap:6px;font-size:12px}.admin-complaint-status-badge{padding:3px 10px;font-size:11px}.admin-recent-complaints{padding:16px}.admin-section-title{font-size:18px}.admin-no-complaints{padding:30px 16px}.admin-no-complaints-icon{font-size:44px}.admin-no-complaints-title{font-size:18px}.admin-last-updated{padding:4px 12px;font-size:11px}.admin-refresh-btn{padding:6px 16px;font-size:12px}.admin-header-badge{padding:4px 12px}.admin-badge-text{font-size:11px}.admin-complaint-description{padding:4px 10px;font-size:12px}.admin-meta-tag{padding:1px 8px;font-size:11px}.admin-title-badge{margin-left:6px;padding:1px 8px;font-size:9px}.admin-section-badge{margin-left:6px;padding:1px 10px;font-size:9px}.admin-chart-badge{margin-left:6px;padding:1px 8px;font-size:9px}}.admin-profile{background:#f0f4f8;min-height:100vh;padding:24px 32px}.admin-profile-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.admin-profile-header h1{color:#1a1a2e;margin:0;font-size:28px;font-weight:700}.admin-profile-header p{color:#6c757d;margin:4px 0 0;font-size:15px}.admin-profile-edit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4facfe,#3a8bd9);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.admin-profile-edit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #4facfe4d}.admin-profile-success{color:#27ae60;background:#2ecc711f;border:1px solid #2ecc7140;border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:14px 18px;font-weight:500;display:flex}.admin-profile-error{color:#ef4444;background:#ef44441f;border:1px solid #ef444440;border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:14px 18px;font-weight:500;display:flex}.admin-profile-content{grid-template-columns:2fr 1fr;gap:24px;display:grid}.admin-profile-card{background:#fff;border:1px solid #0000000a;border-radius:16px;padding:32px;box-shadow:0 2px 8px #0000000a}.admin-profile-avatar-section{text-align:center;margin-bottom:32px}.admin-profile-avatar{color:#fff;background:linear-gradient(135deg,#4facfe,#3a8bd9);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 12px;font-size:32px;font-weight:700;display:flex;box-shadow:0 8px 24px #4facfe40}.admin-profile-avatar-section h2{color:#1a1a2e;margin:0 0 4px;font-size:20px;font-weight:600}.admin-profile-status{border-radius:20px;padding:4px 16px;font-size:13px;font-weight:600;display:inline-block}.admin-profile-status.active{color:#27ae60;background:#2ecc711f}.admin-profile-status.inactive{color:#ef4444;background:#ef44441f}.admin-profile-details{border-top:1px solid #0000000f;padding-top:24px}.admin-profile-field{margin-bottom:20px}.admin-profile-field label{color:#6c757d;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:13px;font-weight:600;display:block}.admin-profile-field p{color:#1a1a2e;margin:0;padding:4px 0;font-size:16px;font-weight:500}.admin-profile-field p.readonly{color:#6c757d;font-size:15px;font-weight:400}.admin-profile-field input{color:#1a1a2e;background:#fff;border:2px solid #e9ecef;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:15px;transition:all .3s}.admin-profile-field input:focus{border-color:#4facfe;box-shadow:0 0 0 4px #4facfe1a}.admin-profile-actions{border-top:1px solid #0000000f;gap:12px;margin-top:24px;padding-top:20px;display:flex}.admin-profile-actions button{cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.btn-cancel{color:#6c757d;background:#f8f9fa;border:2px solid #e9ecef}.btn-cancel:hover{background:#e9ecef}.btn-save{color:#fff;background:linear-gradient(135deg,#2ecc71,#27ae60);border:none}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #2ecc714d}.btn-save:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}.admin-profile-sidebar{flex-direction:column;gap:24px;display:flex}.admin-quick-actions{background:#fff;border:1px solid #0000000a;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000000a}.admin-quick-actions h3{color:#1a1a2e;margin:0 0 16px;font-size:16px;font-weight:600}.quick-action-btn{color:#1a1a2e;cursor:pointer;background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;align-items:center;gap:10px;width:100%;margin-bottom:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.quick-action-btn:last-child{margin-bottom:0}.quick-action-btn:hover{background:#f0f4f8;border-color:#4facfe;transform:translate(4px)}.quick-action-btn i{text-align:center;width:20px}.admin-profile-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.admin-profile-loading .spinner{border:4px solid #e9ecef;border-top-color:#4facfe;border-radius:50%;width:40px;height:40px;animation:.6s linear infinite spin}.admin-profile-loading p{color:#6c757d;font-size:14px}@media (width<=1024px){.admin-profile-content{grid-template-columns:1fr}.admin-profile-sidebar{grid-template-columns:1fr 1fr;gap:24px;display:grid}}@media (width<=768px){.admin-profile{padding:16px}.admin-profile-header{flex-direction:column;align-items:flex-start}.admin-profile-header h1{font-size:22px}.admin-profile-card{padding:20px}.admin-profile-sidebar{grid-template-columns:1fr}.admin-profile-actions{flex-direction:column}.admin-profile-actions button{justify-content:center}}@media (width<=480px){.admin-profile-card{padding:16px}.admin-profile-avatar{width:60px;height:60px;font-size:24px}.admin-profile-avatar-section h2{font-size:18px}.admin-profile-field p{font-size:14px}}