*{box-sizing:border-box}:root{font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-bg:#f5f7fb;--page-bg:#f5f7fb;--surface:#fff;--surface-secondary:#f8fafc;--surface-hover:#f1f5f9;--text-primary:#172033;--text-secondary:#64748b;--text-muted:#94a3b8;--text-inverse:#fff;--border-color:#e2e8f0;--border-light:#edf2f7;--primary:#176a83;--primary-hover:#12576c;--primary-light:#e8f4f7;--sidebar-bg:#fff;--sidebar-border:#e5e7eb;--sidebar-text:#475569;--sidebar-heading:#94a3b8;--sidebar-hover:#f1f5f9;--sidebar-active-bg:#e8f4f7;--sidebar-active-text:#176a83;--topbar-bg:#fff;--topbar-border:#e5e7eb;--card-bg:#fff;--card-border:#e5e7eb;--input-bg:#fff;--input-border:#cbd5e1;--input-text:#172033;--input-placeholder:#94a3b8;--success:#16a34a;--success-bg:#f0fdf4;--danger:#dc2626;--danger-bg:#fef2f2;--warning:#d97706;--warning-bg:#fffbeb;--info:#2563eb;--info-bg:#eff6ff;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 4px 12px #0f172a14;--shadow-lg:0 12px 30px #0f172a1f;--scrollbar-track:#f1f5f9;--scrollbar-thumb:#cbd5e1;color:var(--text-primary);background:var(--app-bg);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#0f172a;--page-bg:#111827;--surface:#182235;--surface-secondary:#1e293b;--surface-hover:#263449;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-inverse:#fff;--border-color:#334155;--border-light:#263449;--primary:#38bdf8;--primary-hover:#0ea5e9;--primary-light:#38bdf81f;--sidebar-bg:#111827;--sidebar-border:#263449;--sidebar-text:#cbd5e1;--sidebar-heading:#64748b;--sidebar-hover:#1e293b;--sidebar-active-bg:#38bdf81f;--sidebar-active-text:#38bdf8;--topbar-bg:#111827;--topbar-border:#263449;--card-bg:#182235;--card-border:#334155;--input-bg:#111827;--input-border:#475569;--input-text:#f8fafc;--input-placeholder:#64748b;--success:#4ade80;--success-bg:#22c55e1f;--danger:#f87171;--danger-bg:#ef44441f;--warning:#fbbf24;--warning-bg:#f59e0b1f;--info:#60a5fa;--info-bg:#3b82f61f;--shadow-sm:0 1px 2px #0003;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 12px 30px #0006;--scrollbar-track:#111827;--scrollbar-thumb:#475569;color:var(--text-primary);background:var(--app-bg)}html{background:var(--app-bg);min-width:320px;min-height:100%;transition:background-color .25s,color .25s}body{background:var(--app-bg);min-width:320px;min-height:100vh;color:var(--text-primary);margin:0;transition:background-color .25s,color .25s}#root{min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}input,textarea,select{color:var(--input-text);background:var(--input-bg);border-color:var(--input-border)}input::placeholder,textarea::placeholder{color:var(--input-placeholder)}a{color:inherit;text-decoration:none}body,.app-shell,.sidebar,.main-area,.topbar,.content-area,.dashboard-page,.stat-card,.dashboard-panel,.settings-card,.profile-card,.profile-dropdown-menu,input,textarea,select,button{transition:background-color .25s,color .25s,border-color .25s}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}::selection{background:var(--primary-light);color:var(--text-primary)}html{width:100%;min-height:100%}body{background:var(--app-bg);width:100%;min-height:100vh;color:var(--text-primary);margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background-color .2s,color .2s}button,input,select,textarea{font:inherit}button{cursor:pointer;font-family:inherit}img{max-width:100%}a{color:inherit}:root{--app-bg:#f5f7fb;--surface:#fff;--surface-secondary:#f8fafc;--surface-tertiary:#f1f5f9;--border:#e7eaf0;--border-light:#eef0f3;--border-strong:#d0d5dd;--text-primary:#172033;--text-secondary:#344054;--text-muted:#667085;--text-light:#98a2b3;--brand:#102f4d;--brand-light:#176a83;--brand-soft:#edf3f8;--success:#087443;--success-bg:#e9f8f0;--warning:#b54708;--warning-bg:#fff6e6;--danger:#b42318;--danger-bg:#fff1f1;--shadow-sm:0 2px 8px #1018280d;--shadow-md:0 4px 16px #1018280f;--shadow-lg:0 12px 30px #0f172a1f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--app-bg:#0f172a;--surface:#172033;--surface-secondary:#1e293b;--surface-tertiary:#243247;--border:#2d3a4d;--border-light:#293548;--border-strong:#405067;--text-primary:#f8fafc;--text-secondary:#e2e8f0;--text-muted:#94a3b8;--text-light:#64748b;--brand:#163b5e;--brand-light:#2d8ca8;--brand-soft:#1e3448;--success:#34d399;--success-bg:#123b2d;--warning:#fbbf24;--warning-bg:#3b2d0d;--danger:#f87171;--danger-bg:#3b1717;--shadow-sm:0 2px 8px #0003;--shadow-md:0 4px 16px #0000003d;--shadow-lg:0 12px 30px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.app-shell{background:var(--app-bg);min-height:100vh;transition:background-color .2s;display:flex}.sidebar{z-index:100;color:#fff;background:#102f4d;flex-direction:column;width:255px;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;height:76px;padding:0 20px;display:flex}.brand-logo{background:#fff;border-radius:10px;flex:0 0 46px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;overflow:hidden}.brand-logo img{object-fit:contain;width:100%;height:100%;display:block}.sidebar-brand strong{color:#fff;letter-spacing:.4px;font-size:15px;display:block}.sidebar-brand span{color:#ffffff94;margin-top:2px;font-size:10px;display:block}.sidebar-community{background:#ffffff0f;border-radius:9px;align-items:center;gap:9px;margin:18px 14px;padding:12px;display:flex}.status-dot{flex:0 0 9px;min-width:9px;min-height:9px;box-shadow:0 0 0 3px #22c55e26,0 0 8px #22c55e99;background-color:#22c55e!important;border-radius:50%!important;width:9px!important;height:9px!important;display:inline-block!important}.sidebar-community strong{font-size:11px;display:block}.sidebar-community small{color:#ffffff80;margin-top:3px;font-size:9px;display:block}.sidebar-nav{flex:1;padding:0 12px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.nav-section{margin-bottom:18px}.nav-section-title{color:#ffffff5c;letter-spacing:1.1px;padding:0 10px 7px;font-size:9px;font-weight:700}.nav-link{color:#ffffffa6;border-radius:7px;align-items:center;gap:11px;min-height:39px;margin-bottom:2px;padding:0 10px;font-size:12px;text-decoration:none;transition:background .15s,color .15s,transform .15s;display:flex}.nav-link:hover{color:#fff;background:#ffffff12}.nav-link.active{color:#fff;background:#ffffff21;font-weight:600}.nav-icon{text-align:center;flex-shrink:0;width:19px;font-size:15px}.admin-nav-section{border-top:1px solid #ffffff14;margin-top:8px;padding-top:8px}.admin-nav-badge{color:#ffffff73;letter-spacing:.5px;background:#ffffff1a;border-radius:4px;margin-left:auto;padding:3px 5px;font-size:7px;font-weight:700}.sidebar-profile-shortcut{border-top:1px solid #ffffff14;margin:8px 0 12px;padding-top:10px}.sidebar-profile-button{color:#fff;text-align:left;background:#ffffff0d;border:0;border-radius:8px;align-items:center;gap:9px;width:100%;padding:9px;transition:background .15s,transform .15s;display:flex}.sidebar-profile-button:hover{background:#ffffff1a;transform:translateY(-1px)}.sidebar-profile-avatar{color:#102f4d;background:#fff;border-radius:50%;flex:0 0 32px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;min-height:32px;font-size:11px;font-weight:800;display:flex;overflow:hidden}.sidebar-profile-avatar img{object-fit:cover;width:100%;height:100%;display:block}.sidebar-profile-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sidebar-profile-info strong{color:#ffffffe6;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;overflow:hidden}.sidebar-profile-info span{color:#ffffff73;text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.sidebar-profile-arrow{color:#ffffff59;font-size:13px;transition:color .15s,transform .15s}.sidebar-profile-button:hover .sidebar-profile-arrow{color:#fff;transform:translate(2px)}.sidebar-bottom{border-top:1px solid #ffffff14;padding:14px}.logout-button{color:#fff9;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.logout-button:hover{color:#fff;background:#ffffff12}.main-area{background:var(--app-bg);width:calc(100% - 255px);min-height:100vh;margin-left:255px}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:76px;padding:0 30px;transition:background-color .2s,border-color .2s;display:flex}.topbar-title{color:var(--text-secondary);font-size:13px;font-weight:600}.topbar-user{flex-shrink:0;align-items:center;gap:10px;display:flex}.notification{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--text-muted);cursor:pointer;border-radius:50%;flex:0 0 40px;justify-content:center;align-items:center;margin:0;font-size:19px;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.notification:hover{background:var(--surface-secondary);border-color:var(--border-strong);color:var(--brand-light)}.theme-toggle{border:1px solid var(--border);background:var(--surface);width:42px;height:42px;color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:50%;flex:0 0 42px;justify-content:center;align-items:center;padding:0;transition:background-color .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s;display:inline-flex}.theme-toggle:hover{background:var(--surface-secondary);border-color:var(--border-strong);color:var(--brand-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.theme-toggle:active{transform:translateY(0)}.theme-toggle:focus-visible{outline-offset:3px;outline:3px solid #176a832e}.theme-toggle-icon{justify-content:center;align-items:center;width:22px;height:22px;font-size:21px;line-height:1;transition:transform .25s;display:flex}.theme-toggle:hover .theme-toggle-icon{transform:rotate(12deg)}[data-theme=dark] .theme-toggle{color:#fbbf24;background:#1e293b;border-color:#334155;box-shadow:0 2px 8px #00000040}[data-theme=dark] .theme-toggle:hover{color:#facc15;background:#263548;border-color:#475569}.topbar-profile-wrapper{z-index:1000;flex-shrink:0;align-items:center;display:flex;position:relative}.topbar-profile-button{width:auto;min-width:48px;height:48px;color:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:4px 8px 4px 5px;transition:background-color .18s,border-color .18s,box-shadow .18s;display:inline-flex}.topbar-profile-button:focus-visible{outline-offset:2px;outline:3px solid #176a832e}.topbar-profile-button .user-avatar{border:2px solid var(--surface);background:var(--brand-light);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;line-height:1;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;overflow:hidden;box-shadow:0 2px 7px #0f172a1f;flex:0 0 40px!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important}.topbar-profile-button:hover .user-avatar{border-color:var(--brand-light);transform:scale(1.04);box-shadow:0 4px 10px #0f172a24}.topbar-profile-button .user-avatar img{object-fit:cover;object-position:center;border-radius:50%;min-width:100%;max-width:100%;min-height:100%;max-height:100%;display:block;width:100%!important;height:100%!important}.topbar-profile-button .user-details{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.topbar-profile-button .user-details strong{max-width:160px;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;line-height:1.3;display:block;overflow:hidden}.topbar-profile-button .user-details span{max-width:160px;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;font-size:10px;font-weight:500;line-height:1.3;display:block;overflow:hidden}.topbar-profile-button:hover .user-details strong{color:var(--brand-light)}.profile-dropdown-arrow{width:18px;height:18px;color:var(--text-light);flex:0 0 18px;justify-content:center;align-items:center;font-size:14px;line-height:1;transition:color .18s,transform .2s;display:inline-flex}.topbar-profile-button:hover .profile-dropdown-arrow{color:var(--text-muted)}.topbar-profile-button[aria-expanded=true] .profile-dropdown-arrow{color:var(--brand-light);transform:rotate(180deg)}.profile-dropdown-menu{z-index:2000;border:1px solid var(--border);background:var(--surface);width:260px;box-shadow:var(--shadow-lg);transform-origin:100% 0;border-radius:12px;padding:7px;animation:.18s ease-out profileDropdownEnter;position:absolute;top:calc(100% + 10px);right:0}@keyframes profileDropdownEnter{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.profile-dropdown-item{width:100%;min-height:44px;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;padding:0 11px;font-size:13px;font-weight:600;transition:background-color .16s,color .16s;display:flex}.profile-dropdown-item:hover{background:var(--surface-tertiary);color:var(--brand-light)}.profile-dropdown-item:focus-visible{outline-offset:-1px;outline:3px solid #176a832e}.profile-dropdown-icon{background:var(--surface-tertiary);width:26px;height:26px;color:var(--brand-light);border-radius:7px;flex:0 0 26px;justify-content:center;align-items:center;font-size:15px;line-height:1;display:inline-flex}.profile-dropdown-item:hover .profile-dropdown-icon{background:var(--brand-soft);color:var(--brand-light)}.profile-admin-label{background:var(--brand-soft);color:var(--brand-light);letter-spacing:.05em;border-radius:999px;margin-left:auto;padding:3px 8px;font-size:9px;font-weight:800;line-height:1}.profile-dropdown-divider{background:var(--border);height:1px;margin:6px 4px}.profile-logout-item{color:var(--danger)}.profile-logout-item:hover,.profile-logout-item .profile-dropdown-icon{background:var(--danger-bg);color:var(--danger)}.content-area{background:var(--app-bg);min-height:calc(100vh - 76px);padding:30px}.placeholder-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:500px;display:flex}.placeholder-icon{background:var(--brand-soft);width:60px;height:60px;color:var(--brand-light);border-radius:15px;justify-content:center;align-items:center;font-size:25px;display:flex}.placeholder-page h1{color:var(--text-primary);margin:18px 0 7px;font-size:23px}.placeholder-page p{max-width:420px;color:var(--text-muted);font-size:13px}.dashboard-page{width:100%;max-width:1500px;margin:0 auto}.breadcrumb{color:var(--text-light);margin-bottom:7px;font-size:10px}.dashboard-header h1{color:var(--text-primary);margin:0;font-size:25px;line-height:1.2}.dashboard-actions{gap:8px;display:flex}.dashboard-button{border-radius:7px;padding:10px 14px;font-size:11px;font-weight:600;text-decoration:none}.dashboard-button.primary{background:var(--brand);color:#fff}.dashboard-button.secondary{background:var(--surface);border:1px solid var(--border-strong);color:var(--text-secondary)}.dashboard-error{background:var(--danger-bg);color:var(--danger);border-radius:8px;margin-bottom:20px;padding:13px 15px;font-size:12px}.dashboard-loading{min-height:400px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.dashboard-loading.small{min-height:150px;padding:30px}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-stats,.dashboard-statistics,.stats-grid,.statistics-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:18px;width:100%;margin-top:0;margin-bottom:18px;display:grid}.dashboard-stat{background:var(--surface);border:1px solid var(--border);width:100%;min-width:0;min-height:150px;box-shadow:var(--shadow-md);border-radius:12px;flex-direction:column;padding:20px;display:flex;position:relative;overflow:hidden}.stat-top{justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;display:flex}.stat-label{min-width:0;color:var(--text-light);letter-spacing:.8px;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:700;line-height:1.4;overflow:hidden}.stat-symbol{background:var(--brand-soft);width:32px;height:32px;color:var(--brand-light);border-radius:8px;flex:0 0 32px;justify-content:center;align-items:center;font-size:15px;display:flex}.dashboard-stat>strong{color:var(--text-primary);margin-top:15px;font-size:30px;line-height:1.1;display:block}.stat-description{color:var(--text-light);margin-top:7px;font-size:10px;line-height:1.4;display:block}.user-stats,.user-stats-grid,.user-statistics,.user-management-stats,.user-management-statistics,.admin-stats-grid,.admin-statistics,.admin-stats{grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;gap:14px;width:100%;margin-bottom:22px;display:grid}.user-stat-card,.user-stat,.user-management-stat,.admin-stat-card,.admin-stat{background:var(--surface);border:1px solid var(--border);width:100%;min-width:0;min-height:118px;box-shadow:var(--shadow-sm);border-radius:11px;flex-direction:column;padding:17px;display:flex;position:relative;overflow:hidden}.user-stat-card .stat-top,.user-stat .stat-top,.user-management-stat .stat-top,.admin-stat-card .stat-top,.admin-stat .stat-top{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.user-stat-card .stat-label,.user-stat .stat-label,.user-management-stat .stat-label,.admin-stat-card .stat-label,.admin-stat .stat-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;line-height:1.3;overflow:hidden}.user-stat-card>strong,.user-stat>strong,.user-management-stat>strong,.admin-stat-card>strong,.admin-stat>strong{color:var(--text-primary);margin-top:12px;font-size:24px;line-height:1.1;display:block}.user-stat-card .stat-description,.user-stat .stat-description,.user-management-stat .stat-description,.admin-stat-card .stat-description,.admin-stat .stat-description{color:var(--text-light);margin-top:5px;font-size:9px;line-height:1.35;display:block}.dashboard-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);align-items:start;gap:18px;width:100%;margin-top:18px;display:grid}.dashboard-panel{background:var(--surface);border:1px solid var(--border);min-width:0;box-shadow:var(--shadow-md);border-radius:12px;overflow:hidden}.panel-header h2{color:var(--text-secondary);margin:0;font-size:14px}.panel-header a{color:var(--brand-light);font-size:10px;font-weight:600;text-decoration:none}.map-preview-area{background:var(--surface-secondary);height:300px;position:relative;overflow:hidden}.map-grid-background{background-image:linear-gradient(#102f4d0f 1px,#0000 1px),linear-gradient(90deg,#102f4d0f 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}[data-theme=dark] .map-grid-background{background-image:linear-gradient(#94a3b812 1px,#0000 1px),linear-gradient(90deg,#94a3b812 1px,#0000 1px)}.map-marker{z-index:2;color:var(--brand-light);font-size:25px;position:absolute;transform:translate(-50%,-50%)}.map-center-label{z-index:3;background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:var(--shadow-md);border-radius:8px;flex-direction:column;align-items:center;padding:10px 16px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-center-label strong{color:var(--text-primary);font-size:20px}.map-center-label span{color:var(--text-muted);font-size:9px}.empty-map{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.empty-map div{color:var(--text-light);font-size:35px}.empty-map strong{color:var(--text-secondary);margin-top:10px;font-size:12px}.empty-map span{color:var(--text-light);margin-top:5px;font-size:10px}.summary-link{background:var(--brand-soft);color:var(--brand-light);text-align:center;border-radius:7px;margin:0 20px 18px;padding:11px;font-size:10px;font-weight:600;text-decoration:none;display:block}.recent-panel{margin-top:18px;overflow:hidden}.resident-table{border-collapse:collapse;width:100%}.resident-table th{background:var(--surface-secondary);border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text-muted);text-align:left;text-transform:uppercase;padding:11px 15px;font-size:9px;font-weight:600}.resident-table td{border-bottom:1px solid var(--border);color:var(--text-secondary);padding:13px 15px;font-size:10px}.resident-name{align-items:center;gap:9px;min-width:0;display:flex}.resident-name>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.resident-name strong{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.resident-name span{color:var(--text-light);font-size:9px}.resident-avatar{background:var(--brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:18px;font-weight:700;display:flex}.resident-small-avatar{background:var(--brand);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:flex}.resident-count-badge{background:var(--surface-tertiary);color:var(--text-secondary);border-radius:20px;align-items:center;padding:6px 10px;font-size:10px;display:inline-flex}.status-badge{background:var(--surface-tertiary);color:var(--text-secondary);text-transform:capitalize;border-radius:6px;align-items:center;padding:5px 9px;font-size:9px;font-weight:600;display:inline-flex}.status-badge.verified{background:var(--success-bg);color:var(--success)}.status-badge.pending{background:var(--warning-bg);color:var(--warning)}.relationship-badge{background:var(--surface-tertiary);color:var(--text-secondary);text-transform:capitalize;border-radius:5px;padding:4px 7px;font-size:9px;display:inline-block}.table-action-button{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-secondary);border-radius:5px;padding:5px 9px;font-size:9px}.table-action-button:hover{background:var(--surface-secondary)}.community-map-wrapper{border-radius:0 0 12px 12px;width:100%;height:550px;position:relative;overflow:hidden}.community-map-container{z-index:1;width:100%;height:100%;min-height:550px}.map-counter{z-index:500;background:#fffffff2;border:1px solid #e4e7ec;border-radius:8px;align-items:center;gap:8px;padding:9px 13px;display:flex;position:absolute;bottom:15px;right:15px;box-shadow:0 3px 12px #0000001f}[data-theme=dark] .map-counter{background:#172033f2;border-color:#334155}.map-counter strong{color:var(--text-primary);font-size:16px}.map-counter span{color:var(--text-muted);font-size:9px}.map-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;padding:15px;display:flex}.map-search{border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;flex:1;align-items:center;gap:8px;max-width:450px;padding:9px 12px;display:flex}.map-search input{width:100%;min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:12px}.map-filters{gap:6px;display:flex}.map-filter{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-muted);border-radius:7px;padding:7px 12px;font-size:10px}.map-filter:hover{background:var(--surface-secondary)}.map-filter.active{background:var(--brand);border-color:var(--brand);color:#fff}.map-result-count{color:var(--text-muted);padding:10px 15px;font-size:10px}.mobile-menu-button{border:1px solid var(--border);background:var(--surface);width:42px;height:42px;color:var(--text-primary);border-radius:9px;justify-content:center;align-items:center;padding:0;font-size:22px;display:none}.mobile-menu-button:hover{background:var(--surface-secondary)}.sidebar-overlay{display:none}@media (width<=1200px){.user-stats,.user-stats-grid,.user-statistics,.user-management-stats,.user-management-statistics,.admin-stats-grid,.admin-statistics,.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1000px){.dashboard-stats,.dashboard-statistics,.stats-grid,.statistics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.user-stats,.user-stats-grid,.user-statistics,.user-management-stats,.user-management-statistics,.admin-stats-grid,.admin-statistics,.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{z-index:90;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#00000073;display:block;position:fixed;inset:0}.main-area{width:100%;margin-left:0}.mobile-menu-button{display:inline-flex}.topbar{height:68px;padding:0 18px}.topbar-title{display:none}.topbar-user{gap:8px}.topbar-profile-button{border-radius:12px;gap:0;width:48px;min-width:48px;height:48px;padding:4px}.topbar-profile-button .user-avatar{flex:0 0 40px!important;width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important}.topbar-profile-button .user-details,.profile-dropdown-arrow{display:none}.notification,.theme-toggle{flex:0 0 40px;width:40px;height:40px}.content-area{padding:20px}}@media (width<=768px){.dashboard-stats,.dashboard-statistics,.stats-grid,.statistics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dashboard-stat{min-height:140px;padding:17px}.dashboard-stat>strong{font-size:27px}}@media (width<=700px){.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-actions{width:100%}.dashboard-button{text-align:center;flex:1}.map-toolbar{flex-direction:column;align-items:stretch}.map-search{max-width:none}.map-filters{flex-wrap:wrap}}@media (width<=600px){.dashboard-stats,.dashboard-statistics,.stats-grid,.statistics-grid{grid-template-columns:1fr;gap:12px}.dashboard-stat{min-height:130px}.content-area{padding:15px}.topbar{height:65px;padding:0 14px}.dashboard-header h1{font-size:21px}.dashboard-actions{flex-direction:column}.community-map-wrapper{height:450px}.community-map-container{min-height:450px}}@media (width<=480px){.topbar{padding:0 10px}.topbar-user{gap:5px}.mobile-menu-button{width:40px;height:40px}.theme-toggle,.notification{flex:0 0 38px;width:38px;height:38px}.topbar-profile-button{width:42px;min-width:42px;height:42px;padding:2px}.topbar-profile-button .user-avatar{flex:0 0 36px!important;width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important}.profile-dropdown-menu{width:auto;max-width:none;position:fixed;top:70px;left:12px;right:12px}.dashboard-stats,.dashboard-statistics,.stats-grid,.statistics-grid{grid-template-columns:1fr}.dashboard-stat{padding:16px}.dashboard-stat>strong{font-size:28px}.stat-symbol{flex-basis:30px;width:30px;height:30px}.panel-header{padding:15px}.summary-list{padding:8px 15px}.summary-link{margin-left:15px;margin-right:15px}}.topbar-user{align-items:center;gap:10px;display:flex}.notification{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;margin:0;padding:0;font-size:20px;transition:background-color .18s,border-color .18s,color .18s;display:inline-flex}.notification:hover{color:#176a83;background:#f1f5f9;border-color:#e2e8f0}.topbar-theme-toggle{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:background-color .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s;display:inline-flex}.topbar-theme-toggle:hover{color:#176a83;background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 3px 10px #0f172a14}.topbar-theme-toggle:active{transform:translateY(0)}.topbar-theme-toggle:focus-visible{outline-offset:2px;outline:3px solid #176a832e}.topbar-theme-icon{justify-content:center;align-items:center;width:20px;height:20px;font-size:20px;line-height:1;display:inline-flex}.topbar-profile-wrapper{flex:none;align-items:center;display:flex;position:relative}.topbar-profile-button{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;height:48px;padding:4px 9px 4px 5px;transition:background-color .18s,border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.topbar-profile-button:hover{background:#f8fafc;border-color:#e2e8f0}.topbar-profile-button[aria-expanded=true]{background:#f8fafc;border-color:#dbe3ea;box-shadow:0 2px 8px #0f172a0f}.topbar-profile-button .user-avatar,.user-avatar{color:#fff;background:#176a83;font-size:13px;font-weight:800;line-height:1;position:relative;border:2px solid #e2e8f0!important;border-radius:50%!important;flex:0 0 38px!important;justify-content:center!important;align-items:center!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;max-height:38px!important;display:flex!important;overflow:hidden!important}.topbar-profile-button .user-avatar img,.user-avatar img{object-fit:cover!important;object-position:center!important;border-radius:50%!important;width:100%!important;min-width:100%!important;max-width:none!important;height:100%!important;min-height:100%!important;display:block!important}.topbar-profile-button .user-details,.user-details{flex-direction:column;gap:2px;min-width:0;display:flex}.topbar-profile-button .user-details strong,.user-details strong{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:12px;font-weight:700;line-height:1.3;display:block;overflow:hidden}.topbar-profile-button .user-details span,.user-details span{color:#64748b;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;max-width:160px;font-size:10px;font-weight:500;line-height:1.3;display:block;overflow:hidden}.profile-dropdown-arrow{color:#94a3b8;flex:none;justify-content:center;align-items:center;width:18px;height:18px;font-size:13px;line-height:1;transition:color .18s,transform .2s;display:inline-flex}.profile-dropdown-arrow-open{color:#176a83;transform:rotate(180deg)}.profile-dropdown-menu{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:280px;padding:8px;animation:.18s ease-out profileDropdownEnter;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 16px 40px #0f172a24,0 4px 12px #0f172a0f}.profile-dropdown-header{align-items:center;gap:11px;padding:8px;display:flex}.profile-dropdown-avatar{color:#fff;background:#176a83;border:2px solid #e2e8f0;border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;font-size:15px;font-weight:800;display:flex;overflow:hidden}.profile-dropdown-avatar img{object-fit:cover;object-position:center;border-radius:50%;width:100%;height:100%;display:block}.profile-dropdown-user-info{flex-direction:column;gap:3px;min-width:0;display:flex}.profile-dropdown-user-info strong{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.profile-dropdown-user-info span{color:#64748b;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize;font-size:10px;overflow:hidden}.theme-dropdown-item{position:relative}.theme-status{color:#176a83;letter-spacing:.08em;background:#eef6f8;border-radius:999px;margin-left:auto;padding:4px 8px;font-size:8px;font-weight:800}[data-theme=dark] .topbar{background:#111827;border-color:#253044}[data-theme=dark] .topbar-title{color:#f8fafc}[data-theme=dark] .notification{color:#94a3b8}[data-theme=dark] .notification:hover{color:#fff;background:#1e293b;border-color:#334155}[data-theme=dark] .topbar-theme-toggle{color:#fbbf24;background:#1e293b;border-color:#334155}[data-theme=dark] .topbar-theme-toggle:hover{background:#263449;border-color:#475569}[data-theme=dark] .topbar-profile-button:hover,[data-theme=dark] .topbar-profile-button[aria-expanded=true]{background:#1e293b;border-color:#334155}[data-theme=dark] .user-avatar,[data-theme=dark] .topbar-profile-button .user-avatar{border-color:#475569!important}[data-theme=dark] .user-details strong{color:#f8fafc}[data-theme=dark] .user-details span{color:#94a3b8}[data-theme=dark] .profile-dropdown-menu{background:#111827;border-color:#293548}[data-theme=dark] .profile-dropdown-header{background:#111827}[data-theme=dark] .profile-dropdown-avatar{border-color:#334155}[data-theme=dark] .profile-dropdown-user-info strong{color:#f8fafc}[data-theme=dark] .profile-dropdown-user-info span{color:#94a3b8}[data-theme=dark] .profile-dropdown-divider{background:#293548}[data-theme=dark] .profile-dropdown-item{color:#dbe4ee}[data-theme=dark] .profile-dropdown-item:hover{color:#fff;background:#1e293b}[data-theme=dark] .profile-dropdown-icon{color:#8ec5d3;background:#1e293b}[data-theme=dark] .theme-status{color:#8ed0df;background:#1e3a45}@media (width<=900px){.topbar-user{gap:8px}.topbar-theme-toggle,.notification{width:40px;height:40px}.topbar-profile-button{gap:0;height:44px;padding:3px}.topbar-profile-button .user-details,.topbar-profile-button .profile-dropdown-arrow{display:none}}@media (width<=480px){.notification{display:none}.profile-dropdown-menu{width:auto;position:fixed;top:68px;left:12px;right:12px}}*,:before,:after{box-sizing:border-box}.login-page{color:#fff;background:linear-gradient(135deg,#030c1e73,#05193059),url(https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=1920&q=85) 50%/cover no-repeat;grid-template-rows:1fr auto;width:100%;min-height:100dvh;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:grid;position:relative;overflow:hidden auto}.login-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#0000000a,#00000059);position:absolute;inset:0}.login-card{z-index:2;-webkit-backdrop-filter:blur(16px);text-align:center;box-sizing:border-box;background:#ffffff14;border:1px solid #ffffff2e;border-radius:16px;place-self:center;width:min(100%,380px);max-height:calc(100dvh - 120px);padding:32px 28px 24px;transition:transform .3s,box-shadow .3s;position:relative;overflow-y:auto;box-shadow:0 20px 40px #00000073,inset 0 1px #ffffff26}.login-card:hover{transform:translateY(-2px);box-shadow:0 26px 50px #00000085,inset 0 1px #ffffff38}.login-logo-container{background:#fff;border:2px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 12px;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 8px 20px #0000004d}.login-logo-container:hover{transform:scale(1.04);box-shadow:0 10px 24px #00000061}.login-logo{object-fit:contain;width:80%;height:80%;display:block}.login-header{margin-bottom:22px}.login-title{color:#fff;text-transform:lowercase;letter-spacing:-.5px;margin:0;font-size:26px;font-weight:700;line-height:1.2}.login-subtitle{color:#ffffffa6;margin-top:6px;font-size:11px;line-height:1.4}.login-form{flex-direction:column;gap:14px;width:100%;display:flex}.login-form .input-group{width:100%}.login-form .input-group input{caret-color:#fff;box-sizing:border-box;border:1px solid #ffffff38;border-radius:22px;outline:none;width:100%;min-height:44px;padding:10px 18px;font-size:13px;font-weight:400;transition:border-color .2s,background .2s,box-shadow .2s;color:#fff!important;-webkit-text-fill-color:#fff!important;background:#ffffff1f!important}.login-form .input-group input::placeholder{-webkit-text-fill-color:#ffffff8c;text-transform:lowercase;opacity:1;color:#ffffff8c!important}.login-form .input-group input:focus{border-color:#ffffffa6;box-shadow:0 0 0 3px #ffffff1f;background:#ffffff2e!important}.login-form .input-group input:-webkit-autofill{caret-color:#fff;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #18283b!important}.login-form .input-group input:-webkit-autofill:hover{caret-color:#fff;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #18283b!important}.login-form .input-group input:-webkit-autofill:focus{caret-color:#fff;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #18283b!important}.login-form .input-group input:-webkit-autofill:active{caret-color:#fff;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #18283b!important}.password-group{align-items:center;display:flex;position:relative}.password-group input{padding-right:48px!important}.password-toggle-btn{color:#ffffffa6;cursor:pointer;z-index:3;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:4px;transition:color .2s,background-color .2s;display:inline-flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle-btn:hover{color:#fff;background:#ffffff1a}.eye-icon{pointer-events:none;width:18px;height:18px;display:block}.form-options{color:#ffffffd9;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-top:-2px;padding:0 4px;font-size:11px;display:flex}.remember-me{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:6px;display:flex}.remember-me input[type=checkbox]{appearance:none;cursor:pointer;background:0 0;border:1px solid #fff9;border-radius:3px;place-content:center;width:13px;height:13px;margin:0;display:grid;position:relative}.remember-me input[type=checkbox]:checked{background:#fff;border-color:#fff}.remember-me input[type=checkbox]:checked:before{content:"";clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);background-color:#000;width:7px;height:7px}.forgot-password-link{color:#ffffffd9;white-space:nowrap;font-weight:500;text-decoration:none;transition:color .2s}.forgot-password-link:hover{color:#fff;text-decoration:underline}.fingerprint-info{text-align:left;background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;display:flex}.fingerprint-info-icon{color:#fff;flex-shrink:0;width:24px;height:24px}.fingerprint-info-text{flex-direction:column;font-size:11px;display:flex}.fingerprint-info-text strong{color:#fff;font-weight:600}.fingerprint-info-text span{color:#ffffffb3}.login-error{color:#fca5a5;text-align:left;-webkit-backdrop-filter:blur(5px);background:#ef444433;border:1px solid #f8717166;border-radius:12px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:11px;line-height:1.4;display:flex}.login-error-icon{background:#ef44444d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-weight:700;display:inline-flex}.login-action-row{align-items:center;gap:8px;width:100%;margin-top:4px;display:flex}.login-submit-btn{color:#000;cursor:pointer;text-transform:lowercase;background:#fff;border:none;border-radius:22px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:42px;padding:10px 18px;font-size:13px;font-weight:700;transition:transform .2s,opacity .2s,background .2s;display:flex;box-shadow:0 4px 14px #00000040}.login-submit-btn:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.login-submit-btn:active:not(:disabled){transform:scale(.98)}.login-submit-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.button-fingerprint-icon{width:16px;height:16px;display:inline-flex}.button-spinner{border:2px solid #0003;border-top-color:#000;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite login-spinner}@keyframes login-spinner{to{transform:rotate(360deg)}}.fingerprint-switch{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;min-height:42px;padding:0;transition:transform .2s,background .2s,border-color .2s;display:flex}.fingerprint-switch:hover:not(:disabled){background:#ffffff47;border-color:#fff6;transform:translateY(-1px)}.fingerprint-switch.active{background:#ffffff59;border-color:#fff;box-shadow:0 0 0 3px #ffffff26}.fingerprint-switch:active:not(:disabled){transform:scale(.95)}.fingerprint-switch:disabled{opacity:.4;cursor:not-allowed}.fingerprint-icon{pointer-events:none;width:20px;height:20px;display:block}.biometric-status{text-align:center;border-radius:12px;width:100%;padding:8px 12px;font-size:11px;line-height:1.4}.biometric-status.available{color:#86efac;background:#22c55e26;border:1px solid #22c55e4d}.biometric-status.unavailable{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.register-text{color:#ffffffd9;margin:18px 0 0;font-size:12px}.register-text a{color:#fff;margin-left:3px;font-weight:700;text-decoration:none;transition:-webkit-text-decoration .2s,text-decoration .2s}.register-text a:hover{text-decoration:underline}.login-community-info{color:#ffffff80;letter-spacing:.4px;text-transform:uppercase;border-top:1px solid #ffffff1f;margin-top:14px;padding-top:10px;font-size:9.5px;line-height:1.4}.developer-footer{z-index:2;text-align:center;color:#fff9;letter-spacing:.3px;justify-content:center;align-self:end;align-items:center;gap:6px;width:100%;padding-top:16px;padding-bottom:4px;font-size:10px;line-height:1.5;display:flex;position:relative}.footer-separator{opacity:.5}@media (width<=768px){.login-page{padding:20px}.login-card{width:min(100%,370px);padding:28px 24px 22px}}@media (width<=480px){.login-page{padding:14px 14px 10px}.login-card{border-radius:14px;width:min(100%,360px);max-height:calc(100dvh - 90px);padding:24px 20px 20px}.login-logo-container{width:56px;height:56px;margin-bottom:10px}.login-title{font-size:22px}.login-form{gap:12px}.login-form .input-group input{min-height:42px;padding:9px 16px;font-size:12.5px}.password-group input{padding-right:44px!important}.password-toggle-btn{right:10px}.form-options{font-size:10.5px}.login-submit-btn{min-height:42px;font-size:12px}.fingerprint-switch{width:42px;min-width:42px;height:42px;min-height:42px}.register-text{margin-top:14px;font-size:11px}.developer-footer{padding-top:12px;font-size:9px}}@media (height<=700px){.login-page{padding-top:10px;padding-bottom:6px}.login-card{max-height:calc(100dvh - 70px);padding-top:20px;padding-bottom:16px}.login-logo-container{width:48px;height:48px;margin-bottom:8px}.login-header{margin-bottom:16px}.login-title{font-size:20px}.login-form{gap:10px}.login-form .input-group input{min-height:38px;padding-top:7px;padding-bottom:7px}.login-submit-btn,.fingerprint-switch{height:38px;min-height:38px}.register-text{margin-top:12px}.developer-footer{padding-top:8px}}.login-submit-btn:focus-visible,.fingerprint-switch:focus-visible,.password-toggle-btn:focus-visible,.forgot-password-link:focus-visible,.register-text a:focus-visible{outline-offset:2px;outline:2px solid #fff}@media (prefers-reduced-motion:reduce){.login-card,.login-logo-container,.login-submit-btn,.fingerprint-switch,.password-toggle-btn{transition:none}.button-spinner{animation-duration:1.5s}}:root,html[data-theme=light]{--dashboard-bg:#f6f8fb;--dashboard-surface:#fff;--dashboard-surface-soft:#f9fafb;--dashboard-border:#e5e7eb;--dashboard-border-light:#eef0f3;--dashboard-text:#172033;--dashboard-heading:#101828;--dashboard-muted:#667085;--dashboard-subtle:#98a2b3;--dashboard-primary:#2563eb;--dashboard-primary-hover:#1d4ed8;--dashboard-success:#16a34a;--dashboard-success-bg:#ecfdf3;--dashboard-warning:#d97706;--dashboard-warning-bg:#fff7ed;--dashboard-danger:#dc2626;--dashboard-danger-bg:#fef2f2;--dashboard-map-bg:#edf2f7;--dashboard-shadow:0 1px 3px #1018280f, 0 1px 2px #1018280a;--dashboard-shadow-hover:0 12px 30px #1018281a;--dashboard-table-hover:#f8fafc;--dashboard-scrollbar:#cbd5e1}html[data-theme=dark]{--dashboard-bg:#101827;--dashboard-surface:#172033;--dashboard-surface-soft:#1c2638;--dashboard-border:#2b3648;--dashboard-border-light:#243044;--dashboard-text:#e5e7eb;--dashboard-heading:#f8fafc;--dashboard-muted:#98a2b3;--dashboard-subtle:#667085;--dashboard-primary:#60a5fa;--dashboard-primary-hover:#93c5fd;--dashboard-success:#4ade80;--dashboard-success-bg:#22c55e1f;--dashboard-warning:#fbbf24;--dashboard-warning-bg:#f59e0b1f;--dashboard-danger:#f87171;--dashboard-danger-bg:#ef44441f;--dashboard-map-bg:#121b2b;--dashboard-shadow:0 1px 3px #00000040;--dashboard-shadow-hover:0 12px 30px #00000059;--dashboard-table-hover:#1d2939;--dashboard-scrollbar:#3b4758}.dashboard-page{background:var(--dashboard-bg);width:100%;min-height:100%;color:var(--dashboard-text);padding:28px;transition:background-color .25s,color .25s}.dashboard-header>div:first-child{min-width:0}.breadcrumb{letter-spacing:.08em;color:var(--dashboard-muted);text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700}.dashboard-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.dashboard-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-size:13px;font-weight:600;text-decoration:none;transition:transform .2s,background-color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.dashboard-button:hover{transform:translateY(-1px)}.dashboard-button.primary{background:var(--dashboard-primary);color:#fff;border:1px solid var(--dashboard-primary);box-shadow:0 4px 10px #2563eb2e}.dashboard-button.primary:hover{background:var(--dashboard-primary-hover);border-color:var(--dashboard-primary-hover)}.dashboard-button.secondary{background:var(--dashboard-surface);color:var(--dashboard-text);border:1px solid var(--dashboard-border);box-shadow:var(--dashboard-shadow)}.dashboard-button.secondary:hover{background:var(--dashboard-surface-soft);border-color:var(--dashboard-primary)}.dashboard-error{background:var(--dashboard-danger-bg);color:var(--dashboard-danger);border:1px solid #dc26262e;border-radius:8px;align-items:center;margin-bottom:22px;padding:14px 16px;font-size:14px;display:flex}.dashboard-loading p{margin:0;font-size:14px}@keyframes dashboard-spin{to{transform:rotate(360deg)}}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px;display:grid}.stat-card{background:var(--dashboard-surface);border:1px solid var(--dashboard-border);box-shadow:var(--dashboard-shadow);border-radius:12px;padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s,background-color .25s;position:relative;overflow:hidden}.stat-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.stat-label{letter-spacing:.08em;color:var(--dashboard-muted);text-transform:uppercase;font-size:10px;font-weight:700}.stat-symbol{width:38px;height:38px;color:var(--dashboard-primary);background:#2563eb1a;border-radius:10px;justify-content:center;align-items:center;font-size:19px;font-weight:700;transition:background-color .25s,color .25s;display:flex}.stat-symbol.verified{background:var(--dashboard-success-bg);color:var(--dashboard-success)}.stat-symbol.pending{background:var(--dashboard-warning-bg);color:var(--dashboard-warning)}.dashboard-stat>strong{color:var(--dashboard-heading);letter-spacing:-.03em;margin-bottom:6px;font-size:30px;font-weight:700;line-height:1;display:block}.stat-description{color:var(--dashboard-muted);font-size:12px;line-height:1.5;display:block}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,.9fr);gap:22px;margin-bottom:22px;display:grid}.dashboard-panel{background:var(--dashboard-surface);border:1px solid var(--dashboard-border);box-shadow:var(--dashboard-shadow);border-radius:12px;transition:background-color .25s,border-color .25s,box-shadow .2s;overflow:hidden}.panel-header{border-bottom:1px solid var(--dashboard-border-light);justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px;display:flex}.panel-header h2{color:var(--dashboard-heading);margin:0;font-size:16px;font-weight:700;line-height:1.4}.panel-header a{color:var(--dashboard-primary);flex-shrink:0;font-size:12px;font-weight:600;text-decoration:none;transition:opacity .2s}.panel-header a:hover{opacity:.75}.map-preview-area{background:var(--dashboard-map-bg);min-height:300px;transition:background-color .25s;position:relative;overflow:hidden}.map-grid-background{opacity:.5;background-image:linear-gradient(var(--dashboard-border-light) 1px, transparent 1px), linear-gradient(90deg, var(--dashboard-border-light) 1px, transparent 1px);background-size:34px 34px;position:absolute;inset:0}.map-marker{z-index:2;width:20px;height:20px;color:var(--dashboard-primary);text-shadow:0 2px 6px #2563eb59;cursor:pointer;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:transform .2s;display:flex;position:absolute;transform:translate(-50%,-50%)}.map-marker:hover{transform:translate(-50%,-50%)scale(1.35)}.map-center-label{z-index:3;background:var(--dashboard-surface);border:1px solid var(--dashboard-border);width:150px;height:150px;box-shadow:var(--dashboard-shadow-hover);text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:background-color .25s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-center-label strong{color:var(--dashboard-heading);font-size:32px;font-weight:700;line-height:1}.map-center-label span{max-width:90px;color:var(--dashboard-muted);margin-top:7px;font-size:11px;line-height:1.4}.empty-map{text-align:center;min-height:300px;color:var(--dashboard-muted);flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.empty-map>div{background:var(--dashboard-surface);border:1px solid var(--dashboard-border);width:54px;height:54px;color:var(--dashboard-primary);border-radius:14px;justify-content:center;align-items:center;margin-bottom:14px;font-size:26px;display:flex}.empty-map strong{color:var(--dashboard-heading);font-size:14px}.empty-map span{max-width:220px;margin-top:6px;font-size:12px;line-height:1.5}.summary-list{padding:4px 22px}.summary-row{border-bottom:1px solid var(--dashboard-border-light);justify-content:space-between;align-items:center;gap:20px;min-height:60px;display:flex}.summary-row:last-child{border-bottom:none}.summary-row span{color:var(--dashboard-muted);font-size:13px}.summary-row strong{color:var(--dashboard-heading);font-size:16px}.summary-link{border-top:1px solid var(--dashboard-border-light);color:var(--dashboard-primary);padding:18px 22px;font-size:13px;font-weight:600;text-decoration:none;transition:background-color .2s;display:block}.summary-link:hover{background:var(--dashboard-surface-soft)}.recent-panel{margin-bottom:10px}.resident-table-wrapper{width:100%;overflow-x:auto}.resident-table{border-collapse:collapse;width:100%;min-width:680px}.resident-table th{background:var(--dashboard-surface-soft);border-bottom:1px solid var(--dashboard-border);text-align:left;letter-spacing:.07em;text-transform:uppercase;color:var(--dashboard-muted);padding:13px 22px;font-size:10px;font-weight:700}.resident-table td{border-bottom:1px solid var(--dashboard-border-light);color:var(--dashboard-text);vertical-align:middle;padding:15px 22px;font-size:13px}.resident-table tbody tr{transition:background-color .2s}.resident-table tbody tr:hover{background:var(--dashboard-table-hover)}.resident-table tbody tr:last-child td{border-bottom:none}.resident-avatar{width:38px;height:38px;color:var(--dashboard-primary);background:#2563eb1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.resident-name strong{color:var(--dashboard-heading);margin-bottom:3px;font-size:13px;font-weight:600;display:block}.status-badge{text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;min-height:26px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-verified{background:var(--dashboard-success-bg);color:var(--dashboard-success)}.status-pending{background:var(--dashboard-warning-bg);color:var(--dashboard-warning)}.empty-table{text-align:center;min-height:260px;color:var(--dashboard-muted);flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.empty-table>div{background:var(--dashboard-surface-soft);border:1px solid var(--dashboard-border);width:56px;height:56px;color:var(--dashboard-primary);border-radius:16px;justify-content:center;align-items:center;margin-bottom:15px;font-size:26px;display:flex}.empty-table strong{color:var(--dashboard-heading);font-size:14px}.empty-table span{margin-top:6px;font-size:12px;line-height:1.5}.resident-table-wrapper::-webkit-scrollbar{height:7px}.resident-table-wrapper::-webkit-scrollbar-track{background:0 0}.resident-table-wrapper::-webkit-scrollbar-thumb{background:var(--dashboard-scrollbar);border-radius:999px}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media (width<=900px){.dashboard-page{padding:22px}.dashboard-header{flex-direction:column}.dashboard-actions{width:100%}.dashboard-button{flex:1}}@media (width<=640px){.dashboard-page{padding:18px 14px}.dashboard-header{gap:18px;margin-bottom:22px}.dashboard-header h1{font-size:23px}.dashboard-header p{font-size:13px}.dashboard-actions{flex-direction:column;align-items:stretch}.dashboard-button{width:100%}.stats-grid{grid-template-columns:1fr;gap:14px;margin-bottom:16px}.stat-card{padding:18px}.dashboard-grid{gap:16px;margin-bottom:16px}.panel-header{padding:18px 16px}.map-preview-area,.empty-map{min-height:250px}.map-center-label{width:125px;height:125px}.map-center-label strong{font-size:28px}.summary-list{padding:4px 16px}.summary-row{min-height:56px}.summary-link{padding:16px}.resident-table th,.resident-table td{padding:14px 16px}}@media (width<=400px){.dashboard-page{padding:15px 10px}.dashboard-header h1{font-size:21px}.stat-card{padding:16px}.dashboard-stat>strong{font-size:27px}}.household-registration-page{box-sizing:border-box;width:100%;max-width:1100px;margin:0 auto;padding:24px}.dashboard-panel.household-registration-form{border:1px solid var(--slate-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:28px}.household-registration-form form{flex-direction:column;gap:24px;display:flex}.form-group input,.form-group textarea{box-sizing:border-box;border:1px solid var(--slate-300);border-radius:var(--radius-md);width:100%;min-height:42px;color:var(--slate-900);box-shadow:var(--shadow-xs);transition:border-color var(--transition-normal), box-shadow var(--transition-normal), background-color var(--transition-normal);background:#fff;outline:none;padding:9px 13px;font-family:inherit;font-size:14px;line-height:1.4}.form-group textarea{resize:vertical;min-height:104px}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--slate-400)}.form-group input:hover:not([readonly]),.form-group textarea:hover:not([readonly]){border-color:var(--slate-400)}.form-group input:focus:not([readonly]),.form-group textarea:focus:not([readonly]){border-color:var(--primary-600);box-shadow:0 0 0 3px #2563eb1f}.form-group input[readonly]{background:var(--slate-50);color:var(--slate-700);border-color:var(--slate-200);cursor:default;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px}.gps-section{border:1px solid var(--slate-200);border-radius:var(--radius-md);background:var(--slate-50);flex-direction:column;gap:16px;margin-top:8px;padding:20px;display:flex}.gps-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.gps-header h3{color:var(--slate-900);margin:0 0 2px;font-size:15px;font-weight:700}.gps-header p{color:var(--slate-500);margin:0;font-size:13px}.gps-section .form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-error{border:1px solid var(--danger-100);border-radius:var(--radius-md);background:var(--danger-50);color:var(--danger-700);align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:13px;font-weight:600;line-height:1.45;display:flex}.dashboard-success{border:1px solid var(--success-100);border-radius:var(--radius-md);background:var(--success-50);color:var(--success-700);align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:13px;font-weight:600;line-height:1.45;display:flex}.btn-primary{border:1px solid var(--primary-600);border-radius:var(--radius-md);background:var(--primary-600);color:#fff;cursor:pointer;min-height:42px;box-shadow:var(--shadow-xs);transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:9px 20px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.btn-primary:hover{background:var(--primary-700);border-color:var(--primary-700);box-shadow:0 4px 12px #2563eb38}.btn-primary:active{transform:translateY(1px)}.btn-secondary,.back-button{border:1px solid var(--slate-300);border-radius:var(--radius-md);min-height:42px;color:var(--slate-700);cursor:pointer;box-shadow:var(--shadow-xs);transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:#fff;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.btn-secondary:hover,.back-button:hover{background:var(--slate-50);border-color:var(--slate-400);color:var(--slate-900)}.btn-primary:focus-visible,.btn-secondary:focus-visible,.back-button:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb33}.btn-primary:disabled,.btn-secondary:disabled,.back-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.form-actions{border-top:1px solid var(--slate-100);justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;padding-top:20px;display:flex}.form-actions .btn-primary{min-width:160px}@media (width<=900px){.gps-section .form-grid{grid-template-columns:1fr;gap:12px}}@media (width<=768px){.household-registration-page{padding:16px}.dashboard-header{flex-direction:column;align-items:stretch}.dashboard-header .back-button{align-self:flex-start}.dashboard-panel.household-registration-form{padding:20px}.form-grid{grid-template-columns:1fr;gap:16px}.gps-header{flex-direction:column;align-items:flex-start;gap:12px}.gps-header .btn-secondary{width:100%}.form-actions{flex-direction:column-reverse;align-items:stretch}.form-actions button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--hhd-primary:#2563eb;--hhd-primary-hover:#1d4ed8;--hhd-bg-page:#f8fafc;--hhd-bg-card:#fff;--hhd-bg-subtle:#f1f5f9;--hhd-text-main:#0f172a;--hhd-text-muted:#64748b;--hhd-border:#e2e8f0;--hhd-border-hover:#cbd5e1;--hhd-shadow-sm:0 1px 2px 0 #0000000d;--hhd-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--hhd-radius-sm:6px;--hhd-radius-md:10px;--hhd-radius-lg:16px;--hhd-radius-full:9999px;--hhd-success-bg:#dcfce7;--hhd-success-text:#15803d;--hhd-pending-bg:#fef3c7;--hhd-pending-text:#b45309;--hhd-transition:all .2s cubic-bezier(.4, 0, .2, 1)}.back-button:hover{background-color:var(--hhd-bg-subtle);border-color:var(--hhd-border-hover);transform:translateY(-1px)}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.resident-count-badge{background-color:var(--hhd-bg-subtle);color:var(--hhd-text-main);border-radius:var(--hhd-radius-full);border:1px solid var(--hhd-border);padding:.375rem .875rem;font-size:.8125rem;font-weight:600}.detail-item{background-color:var(--hhd-bg-page);border:1px solid var(--hhd-border);border-radius:var(--hhd-radius-md);flex-direction:column;padding:.875rem 1rem;display:flex}.detail-item span{text-transform:uppercase;letter-spacing:.05em;color:var(--hhd-text-muted);margin-bottom:.35rem;font-size:.75rem;font-weight:600}.detail-item strong{color:var(--hhd-text-main);word-break:break-word;font-size:.95rem;font-weight:600}.household-notes{border-radius:var(--hhd-radius-md);background-color:#fffbe8;border:1px solid #fde68a;margin-top:1.5rem;padding:1rem}.household-notes span{text-transform:uppercase;color:#b45309;margin-bottom:.25rem;font-size:.75rem;font-weight:700;display:block}.household-notes p{color:#78350f;margin:0;font-size:.875rem}.resident-highlight{background-color:var(--hhd-bg-page);border:1px solid var(--hhd-border);border-radius:var(--hhd-radius-md);flex-wrap:wrap;align-items:center;gap:1.25rem;padding:1.25rem;display:flex}.resident-avatar{border-radius:var(--hhd-radius-full);background-color:var(--hhd-primary);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;font-weight:700;display:flex}.resident-highlight-info{flex-direction:column;flex:1;gap:.2rem;display:flex}.resident-highlight-info strong{color:var(--hhd-text-main);font-size:1.125rem}.resident-highlight-info span{color:var(--hhd-text-muted);font-size:.85rem}.resident-highlight button{background-color:var(--hhd-bg-card);color:var(--hhd-primary);border:1px solid var(--hhd-primary);border-radius:var(--hhd-radius-sm);cursor:pointer;transition:var(--hhd-transition);padding:.5rem 1rem;font-size:.875rem;font-weight:600}.resident-highlight button:hover{background-color:var(--hhd-primary);color:#fff}.resident-table-wrapper{border:1px solid var(--hhd-border);border-radius:var(--hhd-radius-md);width:100%;overflow-x:auto}.resident-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.resident-table th{background-color:var(--hhd-bg-page);color:var(--hhd-text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--hhd-border);padding:.875rem 1rem;font-size:.75rem;font-weight:600}.resident-table td{border-bottom:1px solid var(--hhd-border);vertical-align:middle;color:var(--hhd-text-main);padding:1rem}.resident-table tr:last-child td{border-bottom:none}.resident-table tr:hover td{background-color:#f1f5f980}.resident-name{align-items:center;gap:.75rem;display:flex}.resident-small-avatar{border-radius:var(--hhd-radius-full);width:36px;height:36px;color:var(--hhd-text-main);background-color:#e2e8f0;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.resident-name strong{color:var(--hhd-text-main);font-size:.9rem;display:block}.resident-name span{color:var(--hhd-text-muted);font-size:.75rem;display:block}.relationship-badge{color:var(--hhd-text-muted);font-size:.8125rem;font-weight:500;display:inline-block}.status-badge{border-radius:var(--hhd-radius-full);text-transform:capitalize;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-block}.table-action-button{background-color:var(--hhd-bg-page);border:1px solid var(--hhd-border);color:var(--hhd-text-main);border-radius:var(--hhd-radius-sm);cursor:pointer;transition:var(--hhd-transition);padding:.375rem .75rem;font-size:.8125rem;font-weight:600}.table-action-button:hover{background-color:var(--hhd-primary);border-color:var(--hhd-primary);color:#fff}.household-actions{justify-content:flex-end;margin-top:1.5rem;display:flex}.household-actions button{background-color:var(--hhd-primary);color:#fff;border-radius:var(--hhd-radius-md);cursor:pointer;transition:var(--hhd-transition);border:none;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600}.household-actions button:hover{background-color:var(--hhd-primary-hover)}.household-action-grid button:hover{border-color:var(--hhd-primary);background-color:var(--hhd-bg-card);box-shadow:var(--hhd-shadow-md);transform:translateY(-2px)}.dashboard-loading.small{padding:2rem 1rem}@keyframes hhd-spin{to{transform:rotate(360deg)}}@media (width<=768px){.dashboard-header{flex-direction:column;align-items:flex-start}.back-button{text-align:center;width:100%}.resident-highlight{flex-direction:column;align-items:flex-start}.resident-highlight button{width:100%}.household-actions{justify-content:stretch}.household-actions button{width:100%}}:root{--tree-primary:#2563eb;--tree-primary-hover:#1d4ed8;--tree-bg-page:#f8fafc;--tree-bg-card:#fff;--tree-bg-subtle:#f1f5f9;--tree-text-main:#0f172a;--tree-text-muted:#64748b;--tree-border:#e2e8f0;--tree-border-hover:#cbd5e1;--tree-line-color:#cbd5e1;--tree-shadow-sm:0 1px 2px 0 #0000000d;--tree-shadow-md:0 4px 6px -1px #00000014;--tree-radius-sm:6px;--tree-radius-md:8px;--tree-radius-lg:12px;--tree-radius-full:9999px;--tree-success-bg:#dcfce7;--tree-success-text:#15803d;--tree-pending-bg:#fef3c7;--tree-pending-text:#b45309;--tree-transition:all .2s ease-in-out}.back-button{background-color:var(--tree-bg-card);color:var(--tree-text-main);border:1px solid var(--tree-border);border-radius:var(--tree-radius-md);cursor:pointer;transition:var(--tree-transition);box-shadow:var(--tree-shadow-sm);padding:.5rem .875rem;font-size:.8125rem;font-weight:600}.back-button:hover{background-color:var(--tree-bg-subtle);border-color:var(--tree-border-hover)}.stat-card{background-color:var(--tree-bg-card);border-radius:var(--tree-radius-md);border:1px solid var(--tree-border);box-shadow:var(--tree-shadow-sm);flex-direction:column;padding:.875rem;display:flex}.family-tree-container{flex-direction:column;align-items:center;width:100%;padding:.5rem 0;display:flex}.family-tree-root{justify-content:center;width:100%;display:flex}.tree-root-connector{justify-content:center;width:100%;height:18px;display:flex}.tree-line-vertical{background-color:var(--tree-line-color);width:2px;height:100%}.tree-level{flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.tree-horizontal-line{background-color:var(--tree-line-color);height:2px;position:absolute;top:0;left:10%;right:10%}.tree-members{flex-wrap:wrap;justify-content:center;gap:.875rem;width:100%;display:flex}.tree-member-branch{flex-direction:column;flex:1;align-items:center;min-width:220px;max-width:260px;display:flex}.tree-branch-line{background-color:var(--tree-line-color);width:2px;height:14px}.tree-relationship-label{background-color:var(--tree-bg-subtle);color:var(--tree-primary);border:1px solid var(--tree-border);border-radius:var(--tree-radius-full);text-transform:uppercase;white-space:nowrap;margin-bottom:.5rem;padding:.15rem .5rem;font-size:.6875rem;font-weight:700}.tree-no-relationships{text-align:center;color:var(--tree-text-muted);flex-direction:column;align-items:center;font-size:.8125rem;display:flex}.tree-no-relationships .tree-line-vertical{height:16px;margin-bottom:.5rem}.family-member-card{background-color:var(--tree-bg-card);border:1px solid var(--tree-border);border-radius:var(--tree-radius-md);color:var(--tree-text-main);transition:var(--tree-transition);box-shadow:var(--tree-shadow-sm);grid-template-rows:auto auto auto;grid-template-columns:auto 1fr;align-items:center;gap:.125rem .625rem;width:100%;padding:.625rem .75rem;text-decoration:none;display:grid}.family-member-card:hover{border-color:var(--tree-primary);box-shadow:var(--tree-shadow-md);transform:translateY(-1px)}.family-member-card.family-head-card{border:2px solid var(--tree-primary);background-color:#f8fafc;max-width:320px}.family-card-top{display:contents}.family-avatar{border-radius:var(--tree-radius-full);background-color:var(--tree-primary);color:#fff;grid-row:1/span 3;justify-content:center;align-items:center;width:34px;height:34px;font-size:.875rem;font-weight:700;display:flex}.family-head-card .family-avatar{width:38px;height:38px;font-size:1rem}.family-verification{border-radius:var(--tree-radius-full);grid-area:1/2;justify-self:end;padding:.1rem .4rem;font-size:.65rem;font-weight:700}.family-verification.verified{background-color:var(--tree-success-bg);color:var(--tree-success-text)}.family-verification.pending{background-color:var(--tree-pending-bg);color:var(--tree-pending-text)}.family-member-details{flex-direction:column;grid-area:1/2/span 2;padding-right:3rem;display:flex}.family-member-details strong{color:var(--tree-text-main);font-size:.875rem;font-weight:700;line-height:1.2}.family-member-details span{color:var(--tree-text-muted);font-size:.725rem}.family-role{font-weight:600;color:var(--tree-primary)!important}.family-profile-link{color:var(--tree-primary);grid-area:3/2;margin-top:.125rem;font-size:.7rem;font-weight:600}.family-member-card:hover .family-profile-link{text-decoration:underline}.unconnected-members{border-top:1px dashed var(--tree-border);width:100%;margin-top:1.5rem;padding-top:1rem}.unconnected-title{text-transform:uppercase;letter-spacing:.05em;color:var(--tree-text-muted);text-align:center;margin-bottom:.875rem;font-size:.75rem;font-weight:700}.unconnected-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;width:100%;display:grid}.registered-relationships{flex-direction:column;gap:.5rem;display:flex}.registered-relationship{background-color:var(--tree-bg-page);border:1px solid var(--tree-border);border-radius:var(--tree-radius-md);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.relationship-person{flex-direction:column;flex:1;text-decoration:none;display:flex}.relationship-person strong{color:var(--tree-text-main);font-size:.8125rem}.relationship-person span{color:var(--tree-text-muted);font-size:.7rem}.relationship-person:hover strong{color:var(--tree-primary)}.relationship-type{background-color:var(--tree-bg-card);border:1px solid var(--tree-border);border-radius:var(--tree-radius-full);align-items:center;gap:.35rem;padding:.2rem .5rem;display:flex}.relationship-type span{color:var(--tree-text-main);font-size:.725rem;font-weight:600}.relationship-type strong{color:var(--tree-primary);font-size:.8125rem}.household-action-grid button{background-color:var(--tree-bg-page);border:1px solid var(--tree-border);border-radius:var(--tree-radius-md);cursor:pointer;text-align:left;transition:var(--tree-transition);flex-direction:column;align-items:flex-start;padding:.75rem;display:flex}.household-action-grid button:hover{border-color:var(--tree-primary);background-color:var(--tree-bg-card);box-shadow:var(--tree-shadow-sm)}.household-action-grid button strong{color:var(--tree-text-main);margin-bottom:.125rem;font-size:.875rem}.household-action-grid button span{color:var(--tree-text-muted);font-size:.75rem}.dashboard-loading{color:var(--tree-text-muted);flex-direction:column;align-items:center;padding:3rem 1rem;display:flex}@keyframes tree-spin{to{transform:rotate(360deg)}}.dashboard-error{color:#991b1b;border-radius:var(--tree-radius-md);background-color:#fef2f2;border:1px solid #fecaca;margin-bottom:1rem;padding:.75rem 1rem;font-size:.8125rem}.empty-state{text-align:center;background-color:var(--tree-bg-page);border-radius:var(--tree-radius-md);border:1px dashed var(--tree-border);width:100%;padding:2rem 1rem}@media (width<=640px){.dashboard-header{flex-direction:column;align-items:flex-start}.back-button{text-align:center;width:100%}.tree-horizontal-line{display:none}.tree-members{flex-direction:column;align-items:center}.tree-member-branch{width:100%;max-width:100%}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}:root{--cmp-primary:#2563eb;--cmp-primary-hover:#1d4ed8;--cmp-bg-page:#f8fafc;--cmp-bg-card:#fff;--cmp-text-main:#0f172a;--cmp-text-muted:#64748b;--cmp-border:#e2e8f0;--cmp-border-hover:#cbd5e1;--cmp-shadow-sm:0 1px 2px 0 #0000000d;--cmp-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--cmp-radius-sm:6px;--cmp-radius-md:10px;--cmp-radius-lg:16px;--cmp-success:#10b981;--cmp-warning:#f59e0b;--cmp-danger:#ef4444;--cmp-transition:all .2s cubic-bezier(.4, 0, .2, 1)}.dashboard-page{background-color:var(--cmp-bg-page);max-width:1280px;color:var(--cmp-text-main);box-sizing:border-box;margin:0 auto;padding:2rem 1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.dashboard-page *{box-sizing:border-box}.dashboard-header{border-bottom:1px solid var(--cmp-border);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.dashboard-header h1{color:var(--cmp-text-main);margin:0 0 .375rem;font-size:1.875rem;font-weight:700;line-height:1.2}.map-stat{background-color:var(--cmp-bg-card);border-radius:var(--cmp-radius-md);border:1px solid var(--cmp-border);box-shadow:var(--cmp-shadow-sm);flex-direction:column;align-items:flex-end;padding:.75rem 1.25rem;display:flex}.map-stat strong{color:var(--cmp-primary);font-size:1.5rem;font-weight:800;line-height:1}.map-stat span{color:var(--cmp-text-muted);text-transform:uppercase;margin-top:.25rem;font-size:.75rem;font-weight:600}.dashboard-error{color:#991b1b;border-radius:var(--cmp-radius-md);background-color:#fef2f2;border:1px solid #fecaca;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.875rem;font-weight:500}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.stat-card{background-color:var(--cmp-bg-card);border-radius:var(--cmp-radius-md);border:1px solid var(--cmp-border);box-shadow:var(--cmp-shadow-sm);transition:var(--cmp-transition);flex-direction:column;justify-content:space-between;padding:1.25rem;display:flex}.stat-card:hover{box-shadow:var(--cmp-shadow-md);border-color:var(--cmp-border-hover);transform:translateY(-2px)}.stat-card span{color:var(--cmp-text-muted);text-transform:uppercase;letter-spacing:.025em;font-size:.8125rem;font-weight:600}.stat-card strong{color:var(--cmp-text-main);margin-top:.5rem;font-size:1.75rem;font-weight:700}.dashboard-panel{background-color:var(--cmp-bg-card);border-radius:var(--cmp-radius-lg);border:1px solid var(--cmp-border);box-shadow:var(--cmp-shadow-sm);margin-bottom:2rem;padding:1.5rem}.panel-header{margin-bottom:1.25rem}.map-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.map-search{background-color:var(--cmp-bg-page);border:1px solid var(--cmp-border);border-radius:var(--cmp-radius-md);min-width:280px;transition:var(--cmp-transition);flex:1;align-items:center;padding:.6rem 1rem;display:flex}.map-search:focus-within{border-color:var(--cmp-primary);background-color:#fff;box-shadow:0 0 0 3px #2563eb26}.map-search span{opacity:.7;margin-right:.6rem;font-size:.9rem}.map-search input{width:100%;color:var(--cmp-text-main);background:0 0;border:none;outline:none;font-size:.9rem}.map-search input::placeholder{color:var(--cmp-text-muted)}.map-filters{background-color:var(--cmp-bg-page);border-radius:var(--cmp-radius-md);border:1px solid var(--cmp-border);gap:.5rem;padding:.25rem;display:flex}.map-filter{color:var(--cmp-text-muted);border-radius:var(--cmp-radius-sm);cursor:pointer;transition:var(--cmp-transition);background:0 0;border:none;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.map-filter:hover{color:var(--cmp-text-main)}.map-filter.active{background-color:var(--cmp-bg-card);color:var(--cmp-primary);box-shadow:var(--cmp-shadow-sm)}.map-result-count{color:var(--cmp-text-muted);margin-bottom:1.25rem;font-size:.8125rem}.map-result-count strong{color:var(--cmp-text-main)}.household-list{flex-direction:column;gap:.75rem;display:flex}.household-list-item{background-color:var(--cmp-bg-page);border:1px solid var(--cmp-border);border-radius:var(--cmp-radius-md);transition:var(--cmp-transition);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.household-list-item:hover{border-color:var(--cmp-border-hover);box-shadow:var(--cmp-shadow-sm);background-color:#fff}.household-list-item strong{color:var(--cmp-text-main);margin-bottom:.25rem;font-size:1rem;display:block}.household-list-item span{color:var(--cmp-text-muted);font-size:.85rem}.household-list-meta{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.household-list-meta span{background-color:var(--cmp-bg-card);border-radius:var(--cmp-radius-sm);border:1px solid var(--cmp-border);padding:.35rem .75rem;font-size:.8125rem;font-weight:500}.household-list-meta button{background-color:var(--cmp-primary);color:#fff;border-radius:var(--cmp-radius-sm);cursor:pointer;transition:var(--cmp-transition);border:none;padding:.5rem 1rem;font-size:.85rem;font-weight:600}.household-list-meta button:hover{background-color:var(--cmp-primary-hover)}.dashboard-loading{color:var(--cmp-text-muted);flex-direction:column;justify-content:center;align-items:center;padding:4rem 1rem;display:flex}.loading-spinner{border:3px solid var(--cmp-border);border-top-color:var(--cmp-primary);border-radius:50%;width:36px;height:36px;margin-bottom:1rem;animation:.8s linear infinite cmp-spin}@keyframes cmp-spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;background-color:var(--cmp-bg-page);border-radius:var(--cmp-radius-md);border:1px dashed var(--cmp-border);padding:3rem 1rem}.empty-state strong{color:var(--cmp-text-main);margin-bottom:.35rem;font-size:1.1rem;display:block}@media (width<=768px){.dashboard-header{flex-direction:column;align-items:flex-start}.map-stat{align-items:flex-start;width:100%}.map-toolbar{flex-direction:column;align-items:stretch}.map-filters{justify-content:space-around}.household-list-item{flex-direction:column;align-items:flex-start}.household-list-meta{justify-content:space-between;width:100%;margin-top:.5rem}}.residents-page{--resident-primary:#2563eb;--resident-primary-dark:#1d4ed8;--resident-primary-light:#eff6ff;--resident-success:#15803d;--resident-success-bg:#f0fdf4;--resident-success-border:#bbf7d0;--resident-warning:#b45309;--resident-warning-bg:#fffbeb;--resident-warning-border:#fde68a;--resident-danger:#b91c1c;--resident-danger-dark:#991b1b;--resident-danger-hover:#fee2e2;--resident-danger-bg:#fef2f2;--resident-danger-border:#fecaca;--resident-text:#0f172a;--resident-text-secondary:#475569;--resident-muted:#64748b;--resident-light-muted:#94a3b8;--resident-border:#e2e8f0;--resident-border-light:#eef2f7;--resident-surface:#fff;--resident-surface-soft:#f8fafc;--resident-radius-sm:6px;--resident-radius-md:10px;--resident-radius-lg:14px;--resident-shadow-sm:0 1px 2px #0f172a0a;--resident-shadow-md:0 4px 16px #0f172a12;width:100%;min-width:0}.residents-page-header{align-items:flex-start}.residents-page-header .header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.resident-tools-panel{position:relative}.resident-tools-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.resident-export-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.export-button{border:1px solid var(--resident-border);background:var(--resident-surface);min-width:96px;min-height:40px;color:var(--resident-text-secondary);white-space:nowrap;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:700;line-height:1;transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s,color .18s;display:inline-flex}.export-button:hover:not(:disabled){box-shadow:var(--resident-shadow-md);transform:translateY(-1px)}.export-button:active:not(:disabled){transform:translateY(0)}.export-button:disabled{opacity:.6;cursor:not-allowed}.export-excel{background:var(--resident-success-bg);border-color:var(--resident-success-border);color:var(--resident-success)}.export-excel:hover:not(:disabled){background:#dcfce7;border-color:#86efac}.export-pdf{background:var(--resident-danger-bg);border-color:var(--resident-danger-border);color:var(--resident-danger)}.export-pdf:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}.export-icon{color:#fff;letter-spacing:.4px;background:currentColor;border-radius:4px;justify-content:center;align-items:center;min-width:28px;height:22px;padding:0 4px;font-size:8px;font-weight:800;display:inline-flex}.button-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite residentsButtonSpin}@keyframes residentsButtonSpin{to{transform:rotate(360deg)}}.resident-search-form{align-items:center;gap:10px;width:100%;margin-top:8px;display:flex}.resident-search-input{flex:1;align-items:center;min-width:220px;display:flex;position:relative}.resident-search-input input{box-sizing:border-box;border:1px solid var(--resident-border);background:var(--resident-surface);width:100%;min-height:44px;color:var(--resident-text);border-radius:8px;outline:none;padding:10px 44px 10px 42px;font-size:14px;transition:border-color .18s,box-shadow .18s,background-color .18s}.resident-search-input input::placeholder{color:var(--resident-light-muted)}.resident-search-input input:hover{border-color:#cbd5e1}.resident-search-input input:focus{border-color:var(--resident-primary);box-shadow:0 0 0 3px #2563eb1f}.search-icon{z-index:1;width:18px;height:18px;color:var(--resident-muted);pointer-events:none;justify-content:center;align-items:center;font-size:21px;line-height:1;display:flex;position:absolute;left:14px}.search-clear-button{width:24px;height:24px;color:var(--resident-text-secondary);cursor:pointer;background:#e2e8f0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:17px;line-height:1;transition:background-color .18s,color .18s,transform .18s;display:flex;position:absolute;right:10px}.search-clear-button:hover{color:var(--resident-text);background:#cbd5e1}.search-clear-button:active{transform:scale(.92)}.search-submit-button{min-width:95px}.search-clear-action{min-width:108px}.search-result-info{background:var(--resident-primary-light);color:var(--resident-text-secondary);border:1px solid #dbeafe;border-radius:8px;flex-wrap:wrap;align-items:center;gap:5px;margin-top:14px;padding:10px 13px;font-size:12px;line-height:1.5;display:flex}.search-result-info strong{color:var(--resident-primary-dark);font-weight:700}.resident-page-error{border-left:4px solid #dc2626;justify-content:space-between;align-items:center;gap:16px;display:flex}.resident-page-error>div{flex-direction:column;gap:4px;display:flex}.resident-page-error strong{color:#991b1b;font-size:13px}.resident-page-error span{color:var(--resident-danger);font-size:13px}.resident-registry-panel{overflow:hidden}.resident-registry-panel .panel-count{border:1px solid var(--resident-border);background:var(--resident-surface-soft);min-height:30px;color:var(--resident-text-secondary);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.residents-table-wrapper{border:1px solid var(--resident-border);border-radius:var(--resident-radius-md);background:var(--resident-surface);-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.residents-table-wrapper::-webkit-scrollbar{height:8px}.residents-table-wrapper::-webkit-scrollbar-track{background:var(--resident-surface-soft)}.residents-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.residents-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.residents-table{border-collapse:separate;border-spacing:0;width:100%;min-width:1250px;color:var(--resident-text-secondary);font-size:13px}.residents-table thead th{z-index:2;border-bottom:1px solid var(--resident-border);background:var(--resident-surface-soft);color:var(--resident-text-secondary);letter-spacing:.06em;text-align:left;text-transform:uppercase;white-space:nowrap;padding:13px;font-size:10px;font-weight:800;position:sticky;top:0}.residents-table thead th:first-child{padding-left:16px}.residents-table thead th:last-child{padding-right:16px}.residents-table tbody td{border-bottom:1px solid var(--resident-border-light);background:var(--resident-surface);vertical-align:middle;padding:14px 13px;transition:background-color .16s}.residents-table tbody tr:last-child td{border-bottom:0}.residents-table tbody tr:hover td{background:#f8fbff}.residents-table tbody tr:hover .resident-table-avatar{border-color:#bfdbfe}.resident-table-person{min-width:215px;color:inherit;align-items:center;gap:11px;text-decoration:none;display:inline-flex}.resident-table-person:hover .resident-person-details strong{color:var(--resident-primary)}.resident-table-avatar{background:var(--resident-primary-light);width:42px;height:42px;color:var(--resident-primary);border:1px solid #dbe3ed;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:800;transition:border-color .18s,box-shadow .18s;display:flex;overflow:hidden}.resident-table-avatar img{object-fit:cover;width:100%;height:100%;display:block}.resident-table-avatar span{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.resident-table-avatar.avatar-image-error{background:var(--resident-primary-light)}.resident-person-details{flex-direction:column;gap:3px;min-width:0;display:flex}.resident-person-details strong{max-width:205px;color:var(--resident-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;line-height:1.35;transition:color .18s;overflow:hidden}.resident-person-details span{max-width:190px;color:var(--resident-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.3;overflow:hidden}.resident-id{background:var(--resident-primary-light);color:var(--resident-primary-dark);white-space:nowrap;border:1px solid #dbeafe;border-radius:6px;align-items:center;padding:5px 8px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;font-weight:700;display:inline-flex}.household-link{color:var(--resident-primary);align-items:center;font-size:12px;font-weight:700;text-decoration:none;transition:color .18s;display:inline-flex}.household-link:hover{color:var(--resident-primary-dark);text-decoration:underline}.muted-text{color:var(--resident-light-muted);font-size:12px}.resident-demographics{flex-direction:column;gap:3px;display:flex}.resident-demographics>span{color:var(--resident-text-secondary);font-size:12px;font-weight:600}.resident-demographics small{color:var(--resident-light-muted);font-size:10px;line-height:1.4}.relationship-text{color:var(--resident-text-secondary);font-size:12px;font-weight:600}.status-badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;min-height:26px;padding:4px 9px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px}.status-success{border-color:var(--resident-success-border);background:var(--resident-success-bg);color:var(--resident-success)}.status-warning{border-color:var(--resident-warning-border);background:var(--resident-warning-bg);color:var(--resident-warning)}.status-danger{border-color:var(--resident-danger-border);background:var(--resident-danger-bg);color:var(--resident-danger)}.status-neutral{border-color:var(--resident-border);background:var(--resident-surface-soft);color:var(--resident-muted)}.action-column,.resident-action-cell{text-align:right!important}.resident-row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.table-action-button{white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;min-width:56px;min-height:32px;padding:0 10px;font-size:11px;font-weight:700;line-height:1;text-decoration:none;transition:transform .18s,background-color .18s,border-color .18s,color .18s,opacity .18s;display:inline-flex}.table-action-button:hover:not(:disabled){transform:translateY(-1px)}.table-action-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.view-action{background:var(--resident-primary-light);color:var(--resident-primary-dark);border-color:#dbeafe}.view-action:hover{color:#1e40af;background:#dbeafe;border-color:#bfdbfe}.edit-action{border-color:var(--resident-border);background:var(--resident-surface);color:var(--resident-text-secondary)}.edit-action:hover{background:var(--resident-surface-soft);color:var(--resident-text);border-color:#cbd5e1}.delete-action{border-color:var(--resident-danger-border);background:var(--resident-danger-bg);color:var(--resident-danger)}.delete-action:hover:not(:disabled){background:var(--resident-danger-hover);color:var(--resident-danger-dark);border-color:#fca5a5}.delete-action:active:not(:disabled){transform:translateY(0)}.delete-action.is-deleting{pointer-events:none}.delete-action .button-spinner{border-width:2px;width:12px;height:12px}.residents-mobile-list{display:none}.resident-mobile-card{border:1px solid var(--resident-border);border-radius:var(--resident-radius-md);background:var(--resident-surface);box-shadow:var(--resident-shadow-sm);padding:16px;transition:border-color .18s,box-shadow .18s}.resident-mobile-card:hover{box-shadow:var(--resident-shadow-md);border-color:#cbd5e1}.resident-mobile-main{align-items:center;gap:12px;display:flex}.mobile-avatar{width:50px;height:50px}.resident-mobile-identity{flex-direction:column;gap:3px;min-width:0;display:flex}.resident-mobile-identity strong{color:var(--resident-text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.resident-mobile-identity span{color:var(--resident-primary);font-family:SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:700}.resident-mobile-identity small{color:var(--resident-muted);font-size:11px}.resident-mobile-details{border-top:1px solid var(--resident-border-light);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;padding-top:14px;display:grid}.resident-mobile-details>div{flex-direction:column;gap:3px;min-width:0;display:flex}.resident-mobile-details span{color:var(--resident-light-muted);letter-spacing:.03em;text-transform:uppercase;font-size:10px;font-weight:700}.resident-mobile-details strong{color:var(--resident-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.resident-mobile-statuses{flex-wrap:wrap;align-items:center;gap:7px;margin-top:14px;display:flex}.resident-mobile-statuses .status-badge{font-size:9px}.resident-mobile-actions{border-top:1px solid var(--resident-border-light);flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:14px;display:flex}.resident-mobile-actions .table-action-button{flex:1}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:40px 20px;display:flex}.empty-state-icon{background:var(--resident-primary-light);border:1px solid #dbeafe;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:15px;font-size:26px;display:flex}.empty-state strong{color:#1e293b;font-size:16px;font-weight:700}.empty-state span{max-width:440px;color:var(--resident-muted);margin-top:7px;font-size:12px;line-height:1.6}.empty-state .primary-button,.empty-state .secondary-button{margin-top:18px}.pagination-panel{justify-content:space-between;align-items:center;gap:20px;display:flex}.pagination-info{color:var(--resident-muted);flex-wrap:wrap;align-items:center;gap:5px;font-size:12px;display:flex}.pagination-info strong{color:var(--resident-text-secondary);font-weight:700}.pagination-info span{color:var(--resident-light-muted)}.pagination-controls{justify-content:flex-end;align-items:center;gap:6px;display:flex}.pagination-pages{align-items:center;gap:5px;display:flex}.pagination-page-group{align-items:center;gap:5px;display:inline-flex}.pagination-page{border:1px solid var(--resident-border);background:var(--resident-surface);width:34px;height:34px;color:var(--resident-text-secondary);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:0;font-size:12px;font-weight:700;transition:background-color .18s,border-color .18s,color .18s;display:inline-flex}.pagination-page:hover:not(.active){background:var(--resident-surface-soft);color:var(--resident-text);border-color:#cbd5e1}.pagination-page.active{border-color:var(--resident-primary);background:var(--resident-primary);color:#fff;cursor:default}.pagination-ellipsis{width:20px;color:var(--resident-light-muted);justify-content:center;align-items:center;font-size:14px;display:inline-flex}.pagination-nav-button{min-height:34px;padding:0 12px;font-size:11px}.resident-management-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.resident-management-grid button{text-align:left;border:1px solid var(--resident-border);border-radius:var(--resident-radius-md);background:var(--resident-surface);cursor:pointer;min-height:96px;padding:16px;transition:transform .18s,border-color .18s,box-shadow .18s}.resident-management-grid button:hover{border-color:var(--resident-primary);box-shadow:var(--resident-shadow-md);transform:translateY(-2px)}.resident-management-grid button strong{color:var(--resident-text);margin-bottom:6px;font-size:14px;display:block}.resident-management-grid button span{color:var(--resident-muted);font-size:12px;line-height:1.4;display:block}.export-button:focus-visible,.table-action-button:focus-visible,.pagination-page:focus-visible,.search-clear-button:focus-visible,.household-link:focus-visible,.resident-table-person:focus-visible{outline-offset:2px;outline:3px solid #2563eb38}.delete-action:focus-visible{outline-offset:2px;outline:3px solid #b91c1c38}@media (width<=1100px){.resident-tools-header{flex-direction:column;align-items:flex-start}.resident-export-actions{justify-content:flex-start}.pagination-panel{flex-direction:column;align-items:flex-start}.pagination-controls{justify-content:flex-start;width:100%}}@media (width<=900px){.residents-table{min-width:1150px}.resident-management-grid{grid-template-columns:1fr}}@media (width<=768px){.residents-page-header{gap:16px}.residents-page-header .header-actions{justify-content:flex-start;width:100%}.resident-tools-header{gap:16px}.resident-export-actions{justify-content:flex-start;width:100%}.export-button{min-width:90px;min-height:40px}.resident-search-form{flex-direction:column;align-items:stretch}.resident-search-input{width:100%}.search-submit-button,.search-clear-action{align-self:flex-start;min-width:110px}.residents-table-wrapper{display:none}.residents-mobile-list{flex-direction:column;gap:10px;display:flex}.resident-mobile-actions{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.resident-mobile-actions .table-action-button{width:100%;min-width:0}.pagination-controls{flex-wrap:wrap;align-items:stretch}.pagination-pages{order:3;justify-content:center;width:100%}.pagination-nav-button{flex:1}}@media (width<=480px){.resident-export-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.export-button{width:100%}.resident-mobile-card{padding:14px}.resident-mobile-details{gap:10px}.resident-mobile-actions{grid-template-columns:1fr}.resident-mobile-actions .table-action-button{width:100%;min-height:38px}.pagination-page{width:32px;height:32px}.pagination-controls{gap:5px}.resident-page-error{flex-direction:column;align-items:flex-start}}@media (width<=360px){.resident-mobile-details,.resident-export-actions{grid-template-columns:1fr}.pagination-pages{justify-content:flex-start;max-width:100%;padding-bottom:4px;overflow-x:auto}}:root{--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-50:#eff6ff;--primary-100:#dbeafe;--slate-900:#0f172a;--slate-800:#1e293b;--slate-700:#334155;--slate-600:#475569;--slate-500:#64748b;--slate-400:#94a3b8;--slate-300:#cbd5e1;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--slate-50:#f8fafc;--danger-700:#b91c1c;--danger-600:#dc2626;--danger-100:#fee2e2;--danger-50:#fef2f2;--success-700:#15803d;--success-600:#166534;--success-100:#dcfce7;--success-50:#f0fdf4;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-xs:0 1px 2px 0 #0f172a0d;--shadow-sm:0 1px 3px 0 #0f172a14, 0 1px 2px -1px #0f172a14;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.2s cubic-bezier(.4, 0, .2, 1)}.dashboard-page{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;max-width:1100px;margin:0 auto;padding:24px;display:flex}.breadcrumb{color:var(--slate-500);letter-spacing:-.01em;margin-bottom:6px;font-size:13px;font-weight:500}.dashboard-header p{color:var(--slate-600);margin:0;font-size:14px}.dashboard-page>form{flex-direction:column;gap:20px;display:flex}.dashboard-panel{border:1px solid var(--slate-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:28px}.panel-header{border-bottom:1px solid var(--slate-100);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:16px;display:flex}.panel-header h2{color:var(--slate-900);letter-spacing:-.01em;margin:0 0 4px;font-size:18px;font-weight:700}.photo-status-label{color:var(--slate-600);background:var(--slate-100);white-space:nowrap;border-radius:9999px;padding:4px 10px;font-size:12px;font-weight:600}.resident-photo-file-input{display:none}.resident-photo-upload{grid-template-columns:180px 1fr;align-items:center;gap:28px;display:grid}.resident-photo-preview{border-radius:var(--radius-md);border:2px dashed var(--slate-300);background:var(--slate-50);box-sizing:border-box;justify-content:center;align-items:center;width:180px;height:200px;display:flex;overflow:hidden}.resident-photo-image{object-fit:cover;width:100%;height:100%}.resident-photo-placeholder{text-align:center;flex-direction:column;align-items:center;gap:4px;padding:16px;display:flex}.resident-photo-placeholder-icon{opacity:.7;margin-bottom:4px;font-size:36px}.resident-photo-placeholder strong{color:var(--slate-800);font-size:14px}.resident-photo-placeholder span{color:var(--slate-500);font-size:12px}.resident-photo-details{flex-direction:column;gap:12px;display:flex}.resident-photo-title strong{color:var(--slate-900);margin-bottom:2px;font-size:15px;display:block}.resident-photo-title span{color:var(--slate-500);font-size:13px}.resident-photo-requirements{gap:12px;display:flex}.resident-photo-requirements span{color:var(--slate-600);background:var(--slate-100);border-radius:var(--radius-sm);padding:3px 8px;font-size:12px;font-weight:500}.resident-photo-file-name{color:var(--slate-700);font-size:13px}.resident-photo-file-name strong{color:var(--slate-900);margin-left:4px}.resident-photo-upload-status,.resident-photo-uploaded{border-radius:var(--radius-md);align-items:center;gap:12px;padding:10px 14px;font-size:13px;display:flex}.resident-photo-upload-status{background:var(--primary-50);border:1px solid var(--primary-100);color:var(--primary-700)}.resident-photo-uploaded{background:var(--success-50);border:1px solid var(--success-100);color:var(--success-700)}.resident-photo-upload-status strong,.resident-photo-uploaded strong{font-size:13px;display:block}.resident-photo-upload-status span,.resident-photo-uploaded span{opacity:.85;font-size:12px}.resident-photo-spinner{border:2px solid var(--primary-600);border-top-color:#0000;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.8s linear infinite photoSpinner}@keyframes photoSpinner{to{transform:rotate(360deg)}}.photo-check-icon{font-size:16px;font-weight:700}.resident-photo-error{color:var(--danger-700);background:var(--danger-50);border:1px solid var(--danger-100);border-radius:var(--radius-md);padding:8px 12px;font-size:13px}.resident-photo-actions{gap:10px;margin-top:4px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.form-group{flex-direction:column;gap:6px;min-width:0;display:flex}.form-group-full{grid-column:1/-1}.form-group label{color:var(--slate-700);letter-spacing:-.01em;align-items:center;gap:4px;margin:0;font-size:13px;font-weight:600;line-height:1.4;display:flex}.required{color:var(--danger-600);font-weight:700}.form-group input,.form-group select{box-sizing:border-box;border:1px solid var(--slate-300);border-radius:var(--radius-md);width:100%;height:42px;color:var(--slate-900);box-shadow:var(--shadow-xs);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);background:#fff;outline:none;padding:0 13px;font-family:inherit;font-size:14px}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}.form-group input::placeholder{color:var(--slate-400)}.form-group input:hover,.form-group select:hover{border-color:var(--slate-400)}.form-group input:focus,.form-group select:focus{border-color:var(--primary-600);box-shadow:0 0 0 3px #2563eb1f}.form-help{color:var(--slate-500);margin-top:4px;font-size:12px;line-height:1.4;display:block}.gps-success{background:var(--success-50);border:1px solid var(--success-100);color:var(--success-700);border-radius:var(--radius-md);margin-top:16px;padding:10px 14px;font-size:13px;font-weight:600}.dashboard-error,.dashboard-success{border-radius:var(--radius-md);align-items:center;padding:12px 16px;font-size:13px;font-weight:600;line-height:1.45;display:flex}.dashboard-error{border:1px solid var(--danger-100);background:var(--danger-50);color:var(--danger-700)}.dashboard-success{border:1px solid var(--success-100);background:var(--success-50);color:var(--success-700)}.primary-button{border:1px solid var(--primary-600);border-radius:var(--radius-md);background:var(--primary-600);color:#fff;cursor:pointer;height:42px;box-shadow:var(--shadow-xs);transition:background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:0 20px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.primary-button:hover{background:var(--primary-700);border-color:var(--primary-700);box-shadow:0 4px 12px #2563eb38}.primary-button:active{transform:translateY(1px)}.secondary-button,.back-button{border:1px solid var(--slate-300);border-radius:var(--radius-md);height:42px;color:var(--slate-700);cursor:pointer;box-shadow:var(--shadow-xs);transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:#fff;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.secondary-button:hover,.back-button:hover{background:var(--slate-50);border-color:var(--slate-400);color:var(--slate-900)}.primary-button:focus-visible,.secondary-button:focus-visible,.back-button:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb33}.primary-button:disabled,.secondary-button:disabled,.back-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.registration-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.registration-actions .primary-button{min-width:180px}@media (width<=768px){.dashboard-page{padding:16px}.dashboard-header{flex-direction:column;align-items:stretch}.dashboard-header .back-button{align-self:flex-start}.dashboard-panel{padding:20px}.panel-header{flex-direction:column;align-items:flex-start;gap:12px}.panel-header .secondary-button{width:100%}.resident-photo-upload{grid-template-columns:1fr;justify-items:center}.resident-photo-details{text-align:center;align-items:center;width:100%}.resident-photo-actions{flex-direction:column;width:100%}.resident-photo-actions button{width:100%}.form-grid{grid-template-columns:1fr;gap:16px}.registration-actions{flex-direction:column-reverse;align-items:stretch}.registration-actions button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--rp-bg-page:#f8fafc;--rp-bg-card:#fff;--rp-bg-subtle:#f1f5f9;--rp-border-light:#e2e8f0;--rp-border-hover:#cbd5e1;--rp-text-main:#0f172a;--rp-text-muted:#64748b;--rp-text-light:#94a3b8;--rp-primary:#2563eb;--rp-primary-hover:#1d4ed8;--rp-primary-light:#eff6ff;--rp-primary-border:#dbeafe;--rp-success-bg:#dcfce7;--rp-success-text:#15803d;--rp-warning-bg:#fef3c7;--rp-warning-text:#b45309;--rp-danger-bg:#fee2e2;--rp-danger-text:#b91c1c;--rp-focus-ring:0 0 0 3px #2563eb59;--rp-shadow-sm:0 1px 3px #0f172a0d;--rp-shadow-md:0 4px 12px #0f172a0f;--rp-shadow-lg:0 8px 24px #0f172a14;--rp-radius-sm:8px;--rp-radius-md:12px;--rp-radius-lg:16px;--rp-radius-pill:9999px;--rp-transition:all .2s cubic-bezier(.4, 0, .2, 1)}.resident-profile-page{background-color:var(--rp-bg-page);box-sizing:border-box;width:100%;max-width:1280px;min-height:100vh;color:var(--rp-text-main);-webkit-font-smoothing:antialiased;margin:0 auto;padding:32px 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.resident-profile-page button:focus-visible,.resident-profile-page a:focus-visible{box-shadow:var(--rp-focus-ring);outline:none}.resident-profile-page .resident-profile-loading{min-height:60vh;color:var(--rp-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.resident-profile-page .resident-profile-loading p{margin:0;font-size:15px;font-weight:500}.resident-profile-page .resident-profile-spinner{border:4px solid var(--rp-border-light);border-top-color:var(--rp-primary);border-radius:50%;width:44px;height:44px;animation:.75s linear infinite residentProfileSpin}@keyframes residentProfileSpin{to{transform:rotate(360deg)}}.resident-profile-page .resident-profile-error{border-radius:var(--rp-radius-md);background-color:var(--rp-danger-bg);width:100%;color:var(--rp-danger-text);box-sizing:border-box;border:1px solid #fca5a5;margin-top:16px;padding:16px 20px;font-size:14px;line-height:1.6}.resident-profile-page .resident-profile-empty{border:2px dashed var(--rp-border-hover);border-radius:var(--rp-radius-lg);background:var(--rp-bg-card);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:40px;display:flex}.resident-profile-page .resident-profile-empty strong{color:var(--rp-text-main);margin-bottom:8px;font-size:20px}.resident-profile-page .resident-profile-empty span{color:var(--rp-text-muted);font-size:14px}.resident-profile-page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.resident-profile-breadcrumb{color:var(--rp-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:13px;font-weight:600}.resident-profile-page-header h1{color:var(--rp-text-main);letter-spacing:-.5px;margin:0;font-size:28px;font-weight:800;line-height:1.25}.resident-profile-page-header p{color:var(--rp-text-muted);margin:6px 0 0;font-size:14px;line-height:1.5}.resident-profile-back-button{border:1px solid var(--rp-border-light);border-radius:var(--rp-radius-md);background:var(--rp-bg-card);color:#334155;cursor:pointer;white-space:nowrap;min-height:42px;transition:var(--rp-transition);box-shadow:var(--rp-shadow-sm);justify-content:center;align-items:center;padding:8px 18px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.resident-profile-back-button:hover{background:var(--rp-bg-subtle);border-color:var(--rp-border-hover);color:var(--rp-text-main);transform:translateY(-1px)}.resident-profile-panel{border:1px solid var(--rp-border-light);border-radius:var(--rp-radius-lg);background:var(--rp-bg-card);width:100%;box-shadow:var(--rp-shadow-sm);box-sizing:border-box;transition:var(--rp-transition);margin-bottom:24px;padding:24px}.resident-profile-panel:hover{box-shadow:var(--rp-shadow-md)}.resident-profile-panel-header{border-bottom:1px solid var(--rp-border-light);margin-bottom:20px;padding-bottom:14px}.resident-profile-panel-header h2{color:var(--rp-text-main);margin:0;font-size:18px;font-weight:700}.resident-profile-panel-header p{color:var(--rp-text-muted);margin:4px 0 0;font-size:13px;line-height:1.4}.resident-profile-header-card{align-items:center;gap:24px;display:flex}.resident-profile-photo{border:3px solid var(--rp-primary-border);background:var(--rp-primary-light);width:96px;height:96px;color:var(--rp-primary);box-shadow:var(--rp-shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:38px;font-weight:700;display:flex;overflow:hidden}.resident-profile-photo img{object-fit:cover;width:100%;height:100%}.resident-profile-main{flex:1;min-width:0}.resident-profile-main h2{color:var(--rp-text-main);letter-spacing:-.3px;margin:0 0 4px;font-size:24px;font-weight:800}.resident-profile-main p{color:var(--rp-text-muted);margin:0;font-size:14px}.resident-profile-main p strong{color:var(--rp-text-main);font-weight:600}.resident-status-badge{border-radius:var(--rp-radius-pill);background-color:var(--rp-bg-subtle);min-height:28px;color:var(--rp-text-muted);letter-spacing:.2px;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.resident-status-badge.resident-status-verified{background-color:var(--rp-success-bg);color:var(--rp-success-text)}.resident-status-badge.resident-status-pending,.resident-status-badge.resident-status-rejected{background-color:var(--rp-danger-bg);color:var(--rp-danger-text)}.resident-status-badge.resident-status-default{background-color:var(--rp-primary-light);color:var(--rp-primary)}.resident-details-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.resident-detail-item{border:1px solid var(--rp-border-light);border-radius:var(--rp-radius-md);background:var(--rp-bg-page);box-sizing:border-box;min-width:0;transition:var(--rp-transition);flex-direction:column;justify-content:center;padding:14px 16px;display:flex}.resident-detail-item:hover{border-color:var(--rp-border-hover);background:var(--rp-bg-card)}.resident-detail-item span{color:var(--rp-text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.resident-detail-item strong{overflow-wrap:anywhere;color:var(--rp-text-main);font-size:14px;font-weight:700;line-height:1.4;display:block}.resident-profile-actions{border-top:1px dashed var(--rp-border-light);flex-wrap:wrap;gap:12px;margin-top:20px;padding-top:16px;display:flex}.resident-profile-actions button,.resident-profile-actions .btn-primary{border:1px solid var(--rp-primary);border-radius:var(--rp-radius-md);background:var(--rp-primary);color:#fff;cursor:pointer;min-height:40px;transition:var(--rp-transition);box-shadow:var(--rp-shadow-sm);justify-content:center;align-items:center;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.resident-profile-actions button:hover,.resident-profile-actions .btn-primary:hover{background:var(--rp-primary-hover);border-color:var(--rp-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb40}.resident-profile-actions .btn-secondary{border-color:var(--rp-border-light);background:var(--rp-bg-card);color:var(--rp-text-main)}.resident-profile-actions .btn-secondary:hover{background:var(--rp-bg-subtle);border-color:var(--rp-border-hover);color:var(--rp-text-main);box-shadow:var(--rp-shadow-sm)}.resident-profile-action-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.resident-profile-action-grid button,.resident-profile-action-grid a{border:1px solid var(--rp-border-light);border-radius:var(--rp-radius-md);background:var(--rp-bg-card);text-align:left;cursor:pointer;box-sizing:border-box;min-height:90px;transition:var(--rp-transition);flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:16px;text-decoration:none;display:flex}.resident-profile-action-grid button:hover,.resident-profile-action-grid a:hover{border-color:var(--rp-primary-border);background:var(--rp-primary-light);box-shadow:var(--rp-shadow-md);transform:translateY(-2px)}.resident-profile-action-grid strong{color:var(--rp-text-main);font-size:14px;font-weight:700}.resident-profile-action-grid span{color:var(--rp-text-muted);font-size:12px}@media (width<=1200px){.resident-details-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.resident-profile-page{padding:24px 16px}.resident-details-grid,.resident-profile-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.resident-profile-page-header{flex-direction:column;align-items:stretch;gap:16px}.resident-profile-back-button{align-self:flex-start;width:100%}.resident-profile-header-card{text-align:center;flex-direction:column}.resident-profile-photo{width:84px;height:84px;font-size:32px}.resident-status-row{justify-content:center}.resident-details-grid{grid-template-columns:1fr}.resident-profile-actions{flex-direction:column}.resident-profile-actions button,.resident-profile-actions a{width:100%}.resident-profile-action-grid{grid-template-columns:1fr}.resident-profile-panel{padding:16px}}.resident-edit-page{width:100%;max-width:1400px;margin:0 auto}.resident-edit-page .dashboard-header{margin-bottom:24px}.resident-edit-page .breadcrumb{color:#64748b;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700}.resident-edit-page .dashboard-header h1{color:#0f172a;margin:0;font-size:30px;font-weight:800;line-height:1.2}.resident-edit-page .dashboard-header p{color:#64748b;margin:8px 0 0;font-size:14px;line-height:1.6}.resident-edit-page .dashboard-panel{margin-bottom:20px}.resident-edit-page .panel-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.resident-edit-page .panel-header h2{color:#0f172a;margin:0;font-size:18px;font-weight:750;line-height:1.3}.resident-edit-page .panel-header p{color:#64748b;margin:6px 0 0;font-size:13px;line-height:1.55}.resident-edit-page .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.resident-edit-page .form-group{flex-direction:column;gap:7px;min-width:0;display:flex}.resident-edit-page .form-group-full{grid-column:1/-1}.resident-edit-page .form-group label{color:#334155;font-size:13px;font-weight:700;line-height:1.4;display:block}.resident-edit-page .required{color:#dc2626;margin-left:4px;font-weight:800}.resident-edit-page .form-group input,.resident-edit-page .form-group select,.resident-edit-page .form-group textarea{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;width:100%;min-height:45px;padding:10px 13px;font-family:inherit;font-size:14px;line-height:1.4;transition:border-color .2s,box-shadow .2s,background-color .2s}.resident-edit-page .form-group textarea{resize:vertical;min-height:110px}.resident-edit-page .form-group input::placeholder,.resident-edit-page .form-group textarea::placeholder{color:#94a3b8}.resident-edit-page .form-group input:hover,.resident-edit-page .form-group select:hover,.resident-edit-page .form-group textarea:hover{border-color:#94a3b8}.resident-edit-page .form-group input:focus,.resident-edit-page .form-group select:focus,.resident-edit-page .form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.resident-edit-page .form-group input:disabled,.resident-edit-page .form-group select:disabled,.resident-edit-page .form-group textarea:disabled{color:#64748b;cursor:not-allowed;background:#f8fafc}.resident-edit-page .form-group input.input-error,.resident-edit-page .form-group select.input-error,.resident-edit-page .form-group textarea.input-error{background:snow;border-color:#dc2626}.resident-edit-page .form-group input.input-error:focus,.resident-edit-page .form-group select.input-error:focus,.resident-edit-page .form-group textarea.input-error:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.resident-edit-page .form-help{color:#64748b;margin-top:2px;font-size:12px;line-height:1.5;display:block}.resident-edit-page .form-error{color:#dc2626;margin-top:2px;font-size:12px;font-weight:600;line-height:1.5;display:block}.resident-photo-editor{background:linear-gradient(135deg,#f8fafc 0%,#fff 100%);border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:240px minmax(0,1fr);align-items:center;gap:28px;padding:20px;display:grid}.resident-photo-preview{background:#e2e8f0;border:1px solid #cbd5e1;border-radius:14px;justify-content:center;align-items:center;width:220px;height:220px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #0f172a14}.resident-photo-preview img{object-fit:cover;width:100%;height:100%;display:block}.resident-photo-placeholder{color:#64748b;text-align:center;background:linear-gradient(145deg,#f1f5f9,#e2e8f0);flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.resident-photo-placeholder-icon{opacity:.8;font-size:48px;line-height:1}.resident-photo-placeholder strong{font-size:13px;font-weight:700}.resident-photo-placeholder span{max-width:160px;font-size:11px;line-height:1.4}.resident-photo-status{z-index:2;color:#fff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172ac7;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:700;line-height:1;position:absolute;top:10px;left:10px}.resident-photo-status.uploaded{background:#166534e6}.resident-photo-status.pending{background:#b45309eb}.resident-photo-status.error{background:#b91c1ceb}.resident-photo-content{min-width:0}.resident-photo-content h3{color:#0f172a;margin:0;font-size:17px;font-weight:750}.resident-photo-content>p{color:#64748b;max-width:620px;margin:7px 0 18px;font-size:13px;line-height:1.6}.photo-requirements{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin-bottom:18px;display:grid}.photo-requirement{color:#475569;align-items:center;gap:7px;font-size:12px;line-height:1.4;display:flex}.photo-requirement:before{content:"✓";color:#2563eb;background:#eff6ff;border-radius:50%;flex:0 0 18px;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:800;display:flex}.photo-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.photo-upload-button,.photo-change-button,.photo-remove-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:700;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .15s;display:inline-flex}.photo-upload-button:hover,.photo-change-button:hover,.photo-remove-button:hover{transform:translateY(-1px)}.photo-upload-button{color:#fff;background:#2563eb;border:1px solid #2563eb}.photo-upload-button:hover{background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 4px 10px #2563eb2e}.photo-change-button{color:#334155;background:#fff;border:1px solid #cbd5e1}.photo-change-button:hover{background:#f8fafc;border-color:#94a3b8}.photo-remove-button{color:#b91c1c;background:snow;border:1px solid #fecaca}.photo-remove-button:hover{background:#fef2f2;border-color:#fca5a5}.photo-upload-button:disabled,.photo-change-button:disabled,.photo-remove-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.photo-file-input{display:none}.photo-upload-progress{margin-top:14px}.photo-upload-progress-header{color:#475569;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.photo-upload-progress-bar{background:#e2e8f0;border-radius:999px;width:100%;height:7px;overflow:hidden}.photo-upload-progress-fill{border-radius:inherit;background:#2563eb;height:100%;transition:width .25s}.photo-upload-success,.photo-upload-error{border-radius:8px;margin-top:12px;padding:10px 12px;font-size:12px;font-weight:600;line-height:1.5}.photo-upload-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.photo-upload-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.gps-section{position:relative}.gps-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.gps-coordinates-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.gps-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:8px;margin-top:16px;padding:11px 13px;font-size:13px;font-weight:650;display:flex}.gps-success:before{content:"✓";background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:flex}.resident-record-meta{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.resident-record-meta-item{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;display:inline-flex}.resident-record-meta-item strong{color:#0f172a}.system-field{position:relative}.system-field input{color:#64748b!important;background:#f8fafc!important}.system-field .system-label{color:#64748b;align-items:center;gap:5px;display:inline-flex}.system-field .system-label:after{content:"System";color:#64748b;text-transform:uppercase;background:#f1f5f9;border-radius:4px;padding:3px 6px;font-size:9px;font-weight:700}.edit-status-badge{border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:5px 10px;font-size:11px;font-weight:750;line-height:1;display:inline-flex}.edit-status-badge.pending{color:#c2410c;background:#fff7ed}.edit-status-badge.verified,.edit-status-badge.active{color:#047857;background:#ecfdf5}.edit-status-badge.rejected,.edit-status-badge.suspended{color:#b91c1c;background:#fef2f2}.edit-status-badge.moved{color:#1d4ed8;background:#eff6ff}.edit-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.edit-actions .primary-button,.edit-actions .secondary-button,.edit-actions .back-button{min-height:42px}.danger-button{color:#b91c1c;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:10px 15px;font-family:inherit;font-size:13px;font-weight:700;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.danger-button:hover{background:#fef2f2;border-color:#fca5a5}.danger-button:disabled{opacity:.55;cursor:not-allowed}.resident-edit-page .back-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:10px 15px;font-family:inherit;font-size:13px;font-weight:650;transition:background-color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.resident-edit-page .back-button:hover{background:#f8fafc;border-color:#94a3b8}.resident-edit-page .back-button:disabled{opacity:.55;cursor:not-allowed}.resident-edit-page .primary-button{border-radius:8px;min-height:42px;padding:10px 17px;font-size:13px;font-weight:700}.resident-edit-page .dashboard-error,.resident-edit-page .dashboard-success{border-radius:9px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.resident-edit-page .dashboard-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.resident-edit-page .dashboard-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.resident-edit-loading{color:#64748b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:360px;display:flex}.resident-edit-loading p{margin:0;font-size:13px;font-weight:600}.resident-edit-spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite residentEditSpin}@keyframes residentEditSpin{to{transform:rotate(360deg)}}.photo-upload-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite residentEditSpin}.resident-edit-divider{background:#e2e8f0;height:1px;margin:22px 0}.unsaved-changes-notice{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;align-items:center;gap:8px;margin-bottom:18px;padding:10px 13px;font-size:12px;font-weight:650;display:flex}.unsaved-changes-notice:before{content:"●";color:#f97316;font-size:9px}.resident-edit-empty{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:30px;display:flex}.resident-edit-empty-icon{background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:14px;font-size:26px;display:flex}.resident-edit-empty strong{color:#0f172a;font-size:16px}.resident-edit-empty span{color:#64748b;max-width:450px;margin-top:7px;font-size:13px;line-height:1.6}@media (width<=900px){.resident-photo-editor{grid-template-columns:190px minmax(0,1fr);gap:22px}.resident-photo-preview{width:180px;height:180px}.gps-coordinates-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.resident-edit-page .dashboard-header{align-items:stretch}.resident-edit-page .dashboard-header h1{font-size:24px}.resident-edit-page .dashboard-header p{font-size:13px}.resident-edit-page .panel-header{flex-direction:column;align-items:stretch;gap:14px}.resident-edit-page .form-grid{grid-template-columns:1fr;gap:17px}.resident-edit-page .form-group-full{grid-column:auto}.resident-photo-editor{text-align:center;grid-template-columns:1fr;justify-items:center;padding:18px}.resident-photo-preview{width:200px;height:200px}.resident-photo-content{width:100%}.resident-photo-content>p{margin-left:auto;margin-right:auto}.photo-requirements{text-align:left;grid-template-columns:1fr}.photo-actions{justify-content:center}.gps-coordinates-grid{grid-template-columns:1fr}.gps-header-actions,.gps-header-actions button{width:100%}.edit-actions{flex-direction:column-reverse;align-items:stretch}.edit-actions button,.edit-actions a{width:100%}.resident-edit-page .dashboard-error,.resident-edit-page .dashboard-success{flex-direction:column;align-items:flex-start}}@media (width<=480px){.resident-edit-page .dashboard-header h1{font-size:21px}.resident-edit-page .dashboard-panel{padding:16px}.resident-edit-page .panel-header h2{font-size:16px}.resident-photo-preview{width:170px;height:170px}.resident-photo-placeholder-icon{font-size:38px}.photo-actions{flex-direction:column;align-items:stretch}.photo-upload-button,.photo-change-button,.photo-remove-button{width:100%}.registration-actions,.edit-actions{gap:8px}}.resident-edit-page button:focus-visible,.resident-edit-page input:focus-visible,.resident-edit-page select:focus-visible,.resident-edit-page textarea:focus-visible{outline-offset:2px;outline:3px solid #2563eb2e}@media (prefers-reduced-motion:reduce){.resident-edit-page *,.resident-edit-page :before,.resident-edit-page :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.verification-page{width:100%}.verification-header{align-items:flex-end}.verification-header-actions{align-items:center;gap:10px;display:flex}.verification-refresh-button{color:#123b63;cursor:pointer;background:#fff;border:1px solid #d7dee8;border-radius:9px;min-height:42px;padding:0 16px;font-size:13px;font-weight:700;transition:background .2s,border-color .2s,transform .2s}.verification-refresh-button:hover{background:#f5f8fb;border-color:#123b63}.verification-refresh-button:active{transform:translateY(1px)}.verification-refresh-button:disabled{opacity:.55;cursor:not-allowed}.verification-alert{border:1px solid;border-radius:10px;align-items:center;gap:13px;margin-bottom:18px;padding:14px 16px;display:flex;position:relative}.verification-alert>div:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.verification-alert strong{font-size:13px;font-weight:800}.verification-alert span{font-size:13px;line-height:1.5}.verification-alert button{cursor:pointer;opacity:.7;background:0 0;border:0;padding:2px 5px;font-size:20px}.verification-alert button:hover{opacity:1}.verification-alert-icon{border-radius:50%;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;font-weight:900;display:flex}.verification-alert-error{color:#9d2525;background:#fff5f5;border-color:#f0c4c4}.verification-alert-error .verification-alert-icon{color:#a32020;background:#f9dada}.verification-alert-success{color:#166534;background:#f1faf4;border-color:#c7e6d0}.verification-alert-success .verification-alert-icon{color:#18733c;background:#d7f1df}.verification-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.verification-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;min-height:90px;padding:18px;display:flex;box-shadow:0 2px 8px #0f172a08}.verification-stat-icon{border-radius:11px;justify-content:center;align-items:center;width:46px;min-width:46px;height:46px;font-size:19px;font-weight:800;display:flex}.verification-stat-icon.pending{color:#a16207;background:#fff5dc}.verification-stat-icon.review{color:#1d4f7d;background:#eaf2fb}.verification-stat-icon.secure{color:#16713a;background:#e8f7ed}.verification-stat-card>div:last-child{flex-direction:column;gap:5px;display:flex}.verification-stat-card span{color:#68778a;font-size:12px;font-weight:600}.verification-stat-card strong{color:#172b42;font-size:21px;font-weight:800}.verification-loading-panel{justify-content:center;align-items:center;min-height:300px;display:flex}.verification-loading{text-align:center;color:#526477;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex}.verification-loading strong{color:#1c3046;font-size:15px}.verification-loading span{font-size:13px}.verification-loading .loading-spinner{border:3px solid #dce5ee;border-top-color:#123b63;border-radius:50%;width:38px;height:38px;margin-bottom:5px;animation:.8s linear infinite verification-spin}@keyframes verification-spin{to{transform:rotate(360deg)}}.verification-panel{overflow:hidden}.verification-panel-header{align-items:center}.verification-count{color:#214c74;white-space:nowrap;background:#edf3f9;border-radius:20px;padding:7px 12px;font-size:12px;font-weight:800}.verification-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.verification-search{width:min(100%,520px);position:relative}.verification-search input{color:#1d2e40;box-sizing:border-box;background:#fff;border:1px solid #d7e0e9;border-radius:9px;outline:none;width:100%;height:44px;padding:0 42px 0 40px;font-size:13px;transition:border-color .2s,box-shadow .2s}.verification-search input::placeholder{color:#9aa7b5}.verification-search input:focus{border-color:#3d6b94;box-shadow:0 0 0 3px #123b6314}.verification-search-icon{color:#718198;pointer-events:none;font-size:19px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.verification-search-clear{color:#526477;cursor:pointer;background:#eef2f6;border:0;border-radius:50%;width:25px;height:25px;font-size:16px;line-height:1;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.verification-search-clear:hover{background:#dfe7ef}.verification-toolbar-info{color:#7a8898;text-align:right;font-size:12px}.verification-table-wrapper{border:1px solid #e5eaf0;border-radius:10px;width:100%;overflow-x:auto}.verification-table{border-collapse:collapse;background:#fff;width:100%;min-width:1080px}.verification-table thead{background:#f7f9fb}.verification-table th{color:#667587;text-align:left;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-bottom:1px solid #e1e7ed;padding:13px 14px;font-size:10px;font-weight:800}.verification-table td{vertical-align:middle;border-bottom:1px solid #edf0f3;padding:15px 14px}.verification-table tbody tr:last-child td{border-bottom:0}.verification-table tbody tr{transition:background .15s}.verification-table tbody tr:hover{background:#fafcfe}.verification-action-heading{text-align:right!important}.verification-resident{align-items:center;gap:11px;min-width:220px;display:flex}.verification-avatar{color:#123b63;background:#e8eef5;border-radius:9px;justify-content:center;align-items:center;width:42px;min-width:42px;height:42px;font-size:14px;font-weight:800;display:flex;overflow:hidden}.verification-avatar img{object-fit:cover;width:100%;height:100%}.verification-resident-name{flex-direction:column;gap:4px;min-width:0;display:flex}.verification-resident-name strong{color:#1c2e42;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:750;overflow:hidden}.verification-resident-name span{color:#7b8998;font-size:11px}.resident-id-text{color:#34526e;white-space:nowrap;background:#f2f5f8;border-radius:6px;align-items:center;padding:6px 8px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;font-weight:700;display:inline-flex}.verification-household{flex-direction:column;gap:3px;display:flex}.verification-household strong{color:#2b435a;font-size:12px}.verification-household span{color:#6f7e8f;font-size:11px}.verification-household small{color:#9aa6b3;font-size:10px}.verification-registration{flex-direction:column;gap:4px;display:flex}.verification-registration strong{color:#34495e;font-size:11px}.verification-registration span{color:#84909d;font-size:10px}.verification-status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:6px 9px;font-size:10px;font-weight:800;display:inline-flex}.verification-status-badge.pending{color:#996500;background:#fff6df}.verification-status-badge.verified{color:#176a38;background:#eaf8ee}.verification-status-badge.rejected{color:#a52c2c;background:#fff0f0}.status-dot-small{background:currentColor;border-radius:50%;width:6px;height:6px}.verification-actions{white-space:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.verification-actions button,.verification-modal-actions button{cursor:pointer;border-radius:7px;min-height:34px;padding:0 10px;font-size:11px;font-weight:750;transition:background .15s,border-color .15s,transform .15s,opacity .15s}.verification-actions button:active,.verification-modal-actions button:active{transform:translateY(1px)}.verification-actions button:disabled,.verification-modal-actions button:disabled{opacity:.5;cursor:not-allowed}.verification-view-button{color:#42586e;background:#fff;border:1px solid #d7e0e9}.verification-view-button:hover{background:#f4f7fa;border-color:#bac7d4}.verification-verify-button{color:#fff;background:#247744;border:1px solid #247744}.verification-verify-button:hover{background:#1d6539}.verification-reject-button{color:#a12929;background:#fff7f7;border:1px solid #d7a3a3}.verification-reject-button:hover{background:#fff0f0;border-color:#c98282}.verification-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:310px;padding:40px 20px;display:flex}.verification-empty-icon{color:#23743e;background:#eaf7ee;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:14px;font-size:24px;font-weight:800;display:flex}.verification-empty h3{color:#24384d;margin:0 0 7px;font-size:16px}.verification-empty p{color:#7b8896;max-width:450px;margin:0 0 17px;font-size:13px;line-height:1.6}.verification-secondary-button{color:#31516e;cursor:pointer;background:#fff;border:1px solid #d3dde7;border-radius:8px;min-height:37px;padding:0 14px;font-size:12px;font-weight:700}.verification-info-panel{background:#f8fafc;align-items:flex-start;gap:13px;margin-top:20px;display:flex}.verification-info-icon{color:#315b80;background:#e8eff6;border-radius:50%;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;font-size:14px;font-weight:900;display:flex}.verification-info-panel h3{color:#30475d;margin:0 0 5px;font-size:13px}.verification-info-panel p{color:#718093;margin:0;font-size:12px;line-height:1.6}.verification-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c192794;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.verification-modal{background:#fff;border-radius:14px;width:min(100%,680px);max-height:calc(100vh - 48px);animation:.18s ease-out verification-modal-in;overflow-y:auto;box-shadow:0 20px 60px #0a1b2d40}@keyframes verification-modal-in{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.verification-modal-header{border-bottom:1px solid #e9edf2;justify-content:space-between;align-items:flex-start;gap:15px;padding:21px 23px;display:flex}.verification-modal-label{color:#287144;letter-spacing:.1em;margin-bottom:5px;font-size:9px;font-weight:900;display:block}.verification-modal-label.rejection{color:#a12c2c}.verification-modal-header h2{color:#1f3349;margin:0;font-size:19px}.verification-modal-close{color:#536577;cursor:pointer;background:#f1f4f7;border:0;border-radius:7px;width:32px;height:32px;font-size:21px;line-height:1}.verification-modal-close:hover{color:#24384b;background:#e5eaf0}.verification-details-profile{background:#f8fafc;align-items:center;gap:15px;padding:22px 23px;display:flex}.verification-details-photo{color:#123b63;background:#e3eaf2;border-radius:11px;justify-content:center;align-items:center;width:70px;min-width:70px;height:70px;font-size:22px;font-weight:800;display:flex;overflow:hidden}.verification-details-photo img{object-fit:cover;width:100%;height:100%}.verification-details-profile h3{color:#20364d;margin:0 0 4px;font-size:17px}.verification-details-profile p{color:#718092;margin:0 0 8px;font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.verification-details-grid{background:#e7ebef;border:1px solid #e7ebef;border-radius:9px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.verification-detail-item{background:#fff;flex-direction:column;gap:5px;padding:13px 14px;display:flex}.verification-detail-item span{color:#8793a0;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:650}.verification-detail-item strong{color:#30465b;word-break:break-word;font-size:12px;font-weight:750}.verification-details-modal .verification-details-grid{margin:0 23px}.verification-household-details{padding:20px 0 0}.verification-household-details h3{color:#2b4156;margin:0 23px 10px;font-size:13px}.verification-modal-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding:20px 23px 23px;display:flex}.verification-modal-actions .large{min-height:40px;padding:0 14px;font-size:12px}.verification-profile-button{color:#36546d;background:#fff;border:1px solid #d2dce6}.verification-profile-button:hover{background:#f4f7fa}.verification-cancel-button{color:#536679;background:#fff;border:1px solid #d3dce5}.verification-cancel-button:hover{background:#f5f7f9}.verification-rejection-warning{background:#fff7f7;border:1px solid #f0d2d2;border-radius:9px;align-items:flex-start;gap:12px;margin:21px 23px 18px;padding:14px;display:flex}.verification-warning-icon{color:#a32a2a;background:#f7dddd;border-radius:50%;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;font-weight:900;display:flex}.verification-rejection-warning>div:last-child{flex-direction:column;gap:3px;display:flex}.verification-rejection-warning strong{color:#713030;font-size:11px}.verification-rejection-warning span{color:#9e3535;font-size:13px;font-weight:750}.verification-rejection-warning small{color:#a96d6d;font-size:10px}.verification-form-group{padding:0 23px;position:relative}.verification-form-group label{color:#34495d;margin-bottom:7px;font-size:12px;font-weight:750;display:block}.verification-form-group label span{color:#b72c2c;margin-left:3px}.verification-form-group textarea{resize:vertical;box-sizing:border-box;color:#2d4053;background:#fff;border:1px solid #d3dde6;border-radius:8px;outline:none;width:100%;min-height:120px;padding:12px;font-family:inherit;font-size:12px;line-height:1.55;transition:border-color .2s,box-shadow .2s}.verification-form-group textarea::placeholder{color:#9ba7b3}.verification-form-group textarea:focus{border-color:#9b4242;box-shadow:0 0 0 3px #9b424214}.verification-form-group textarea:disabled{background:#f6f7f8}.verification-character-count{color:#9aa5b0;font-size:9px;position:absolute;bottom:9px;right:34px}.verification-rejection-note{background:#f7f9fb;border:1px solid #e5eaf0;border-radius:8px;flex-direction:column;gap:4px;margin:17px 23px 0;padding:12px 13px;display:flex}.verification-rejection-note strong{color:#596b7d;text-transform:uppercase;letter-spacing:.04em;font-size:10px}.verification-rejection-note span{color:#7a8794;font-size:11px;line-height:1.5}@media (width<=1100px){.verification-table{min-width:1000px}.verification-actions{flex-wrap:wrap}}@media (width<=850px){.verification-stats{grid-template-columns:1fr 1fr}.verification-stat-card:last-child{grid-column:span 2}.verification-toolbar{flex-direction:column;align-items:stretch}.verification-search{width:100%}.verification-toolbar-info{text-align:left}.verification-panel-header{flex-direction:column;align-items:flex-start;gap:10px}}@media (width<=650px){.verification-stats{grid-template-columns:1fr}.verification-stat-card:last-child{grid-column:auto}.verification-header{flex-direction:column;align-items:flex-start;gap:14px}.verification-header-actions,.verification-refresh-button{width:100%}.verification-modal-backdrop{align-items:flex-start;padding:12px}.verification-modal{border-radius:11px;max-height:calc(100vh - 24px)}.verification-modal-header,.verification-details-profile{padding:17px}.verification-details-grid{grid-template-columns:1fr}.verification-details-modal .verification-details-grid{margin:0 17px}.verification-household-details h3{margin-left:17px;margin-right:17px}.verification-modal-actions{padding:17px}.verification-modal-actions button{flex:1;min-width:120px}.verification-rejection-warning{margin:17px 17px 16px}.verification-form-group{padding:0 17px}.verification-rejection-note{margin:15px 17px 0}.verification-character-count{right:28px}}@media (width<=430px){.verification-details-profile{align-items:flex-start}.verification-details-photo{width:58px;min-width:58px;height:58px}.verification-modal-actions{flex-direction:column}.verification-modal-actions button{width:100%}}.identity-page{box-sizing:border-box;width:100%;min-width:0}.identity-page-header{margin-bottom:20px}.identity-alert{box-sizing:border-box;border-radius:10px;align-items:flex-start;gap:12px;width:100%;margin-bottom:16px;padding:14px 16px;display:flex}.identity-alert-icon{border-radius:50%;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;font-size:16px;font-weight:800;display:flex}.identity-alert>div:last-child{flex-direction:column;gap:3px;display:flex}.identity-alert strong{font-size:13px}.identity-alert span{font-size:13px;line-height:1.5}.identity-alert-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.identity-alert-error .identity-alert-icon{color:#b91c1c;background:#fee2e2}.identity-alert-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.identity-alert-success .identity-alert-icon{color:#15803d;background:#dcfce7}.identity-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.identity-stat-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;min-width:0;padding:18px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;box-shadow:0 2px 5px #0f172a08}.identity-stat-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 20px #0f172a0f}.identity-stat-icon{color:#123b63;background:#eff6ff;border-radius:11px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;font-size:20px;font-weight:800;display:flex}.identity-stat-content{flex-direction:column;gap:4px;min-width:0;display:flex}.identity-stat-content span{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.identity-stat-content strong{color:#172033;font-size:23px;font-weight:800;line-height:1.1}.identity-main-panel{min-width:0}.identity-toolbar{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.identity-toolbar-title{min-width:0}.identity-tools{flex-shrink:0;align-items:center;gap:10px;display:flex}.identity-search{background:#fff;border:1px solid #d5dde7;border-radius:9px;align-items:center;height:42px;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.identity-search:focus-within{border-color:#123b63;box-shadow:0 0 0 3px #123b6314}.identity-search span{color:#94a3b8;padding-left:13px;font-size:18px}.identity-tools input,.identity-tools select{color:#334155;box-sizing:border-box;background:#fff;border:1px solid #d5dde7;border-radius:9px;outline:none;height:42px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.identity-search input{border:none;width:220px;height:100%;padding:0 12px 0 8px}.identity-tools select{cursor:pointer;min-width:170px;padding:0 12px}.identity-tools select:focus{border-color:#123b63;box-shadow:0 0 0 3px #123b6314}.identity-results-summary{color:#64748b;border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:15px;padding:12px 0 15px;font-size:12px;display:flex}.identity-results-summary strong{color:#172033}.identity-results-summary button{color:#123b63;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px;font-weight:700}.identity-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:360px;display:flex}.identity-loading p{margin:0;font-size:13px}.identity-empty-state{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:360px;display:flex}.identity-empty-icon{color:#94a3b8;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:4px;font-size:25px;display:flex}.identity-empty-state strong{color:#334155;font-size:16px}.identity-empty-state span{max-width:400px;font-size:13px;line-height:1.6}.identity-empty-state button{color:#123b63;cursor:pointer;background:#fff;border:1px solid #d5dde7;border-radius:8px;min-height:38px;margin-top:8px;padding:0 15px;font-family:inherit;font-size:12px;font-weight:700}.identity-table-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.identity-table{border-collapse:collapse;width:100%;min-width:980px}.identity-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #dfe6ee;padding:14px 15px;font-size:10px;font-weight:800}.identity-table td{color:#475569;vertical-align:middle;border-bottom:1px solid #edf1f5;padding:15px;font-size:12px}.identity-table tbody tr{transition:background .18s}.identity-table tbody tr:hover{background:#f8fafc}.identity-table tbody tr:last-child td{border-bottom:none}.identity-resident{align-items:center;gap:10px;min-width:170px;display:flex}.identity-resident>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.identity-resident strong{color:#172033;overflow-wrap:anywhere;font-size:13px;font-weight:750}.identity-resident span{color:#7a8797;text-transform:capitalize;font-size:11px}.identity-avatar{color:#123b63;box-sizing:border-box;background:#e8edf3;border:1px solid #d9e1ea;border-radius:50%;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;font-size:14px;font-weight:800;display:flex;overflow:hidden}.identity-avatar img{object-fit:cover;width:100%;height:100%;display:block}.identity-resident-id{color:#123b63;white-space:nowrap;font-size:12px;font-weight:750}.status-badge{text-transform:capitalize;white-space:nowrap;box-sizing:border-box;border-radius:999px;justify-content:center;align-items:center;min-height:25px;padding:3px 9px;font-size:10px;font-weight:800;display:inline-flex}.status-badge.verified{color:#166534;background:#dcfce7}.status-badge.pending{color:#92400e;background:#fef3c7}.status-badge.rejected{color:#b91c1c;background:#fee2e2}.qr-status{color:#7a8797;white-space:nowrap;align-items:center;font-size:11px;display:inline-flex}.qr-status.available{color:#16803a;font-weight:750}.identity-action-buttons{white-space:nowrap;align-items:center;gap:7px;display:flex}.identity-action-buttons button,.identity-mobile-actions button{cursor:pointer;border-radius:7px;min-height:34px;padding:0 11px;font-family:inherit;font-size:11px;font-weight:700;transition:background .2s,border-color .2s,color .2s,transform .2s}.identity-view-button{color:#334155;background:#fff;border:1px solid #d6dee8}.identity-view-button:hover{background:#f4f7fa;border-color:#b9c5d3}.identity-qr-button{color:#fff;background:#123b63;border:1px solid #123b63}.identity-qr-button:hover:not(:disabled){background:#0d2d4d;border-color:#0d2d4d}.identity-action-buttons button:disabled,.identity-mobile-actions button:disabled{opacity:.6;cursor:not-allowed}.identity-mobile-list{display:none}@media (width<=1100px){.identity-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.identity-toolbar{flex-direction:column;align-items:flex-start}.identity-tools{width:100%}.identity-search{flex:1}.identity-search input{width:100%}}@media (width<=760px){.identity-page{overflow-x:hidden}.identity-page-header{margin-bottom:16px}.identity-stat-grid{gap:10px;margin-bottom:16px}.identity-stat-card{border-radius:10px;gap:11px;padding:14px}.identity-stat-card:hover{transform:none}.identity-stat-icon{border-radius:9px;width:39px;min-width:39px;height:39px;font-size:17px}.identity-stat-content span{font-size:10px}.identity-stat-content strong{font-size:20px}.identity-toolbar{gap:15px}.identity-tools{flex-direction:column;align-items:stretch;gap:9px}.identity-search{width:100%}.identity-tools select{width:100%;min-width:0}.identity-results-summary{padding:11px 0 13px;font-size:11px}.identity-table-wrapper{display:none}.identity-mobile-list{gap:12px;padding-top:14px;display:grid}.identity-mobile-card{box-sizing:border-box;background:#fff;border:1px solid #e0e7ef;border-radius:11px;width:100%;min-width:0;padding:15px}.identity-mobile-card-header{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:13px;display:flex}.identity-mobile-id{color:#123b63;text-align:right;overflow-wrap:anywhere;background:#f1f5f9;border-radius:6px;max-width:45%;padding:5px 7px;font-size:9px;font-weight:800}.identity-mobile-avatar{width:42px;min-width:42px;height:42px}.identity-mobile-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:15px 0;display:grid}.identity-mobile-details>div{flex-direction:column;gap:5px;min-width:0;display:flex}.identity-mobile-details>div>span{color:#7a8797;text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:750}.identity-mobile-details strong{color:#334155;overflow-wrap:anywhere;min-width:0;font-size:11px}.identity-mobile-available{color:#16803a!important}.identity-mobile-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.identity-mobile-actions button{white-space:normal;width:100%;min-width:0;padding:0 8px}}@media (width<=560px){.identity-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.identity-stat-card{align-items:center;min-height:82px;padding:12px}.identity-stat-icon{width:36px;min-width:36px;height:36px;font-size:15px}.identity-stat-content{gap:3px}.identity-stat-content span{white-space:normal;line-height:1.25}.identity-stat-content strong{font-size:19px}.identity-alert{gap:10px;padding:12px}.identity-alert span{font-size:12px}.identity-results-summary{flex-direction:column;align-items:flex-start;gap:6px}.identity-mobile-card{padding:13px}.identity-mobile-card-header{gap:9px}.identity-mobile-id{max-width:48%;font-size:8px}.identity-resident{gap:8px;min-width:0}.identity-resident strong{font-size:12px}.identity-mobile-details{gap:12px;padding:13px 0}.identity-mobile-actions{gap:7px}.identity-mobile-actions button{min-height:38px;font-size:10px}}@media (width<=390px){.identity-stat-grid{grid-template-columns:1fr}.identity-stat-card{min-height:72px}.identity-mobile-card-header{flex-direction:column}.identity-mobile-id{text-align:left;max-width:100%}.identity-mobile-details,.identity-mobile-actions{grid-template-columns:1fr}}:root{--id-bg-page:#f8fafc;--id-bg-card:#fff;--id-bg-subtle:#f1f5f9;--id-border-light:#e2e8f0;--id-border-hover:#cbd5e1;--id-text-main:#0f172a;--id-text-muted:#64748b;--id-text-light:#94a3b8;--id-primary:#2563eb;--id-primary-hover:#1d4ed8;--id-primary-light:#eff6ff;--id-primary-border:#dbeafe;--id-success-bg:#dcfce7;--id-success-text:#15803d;--id-warning-bg:#fef3c7;--id-warning-text:#b45309;--id-danger-bg:#fee2e2;--id-danger-text:#b91c1c;--id-focus-ring:0 0 0 3px #2563eb59;--id-shadow-sm:0 1px 3px #0f172a0d;--id-shadow-md:0 4px 12px #0f172a0f;--id-shadow-lg:0 8px 24px #0f172a14;--id-radius-sm:8px;--id-radius-md:12px;--id-radius-lg:16px;--id-radius-pill:9999px;--id-transition:all .2s cubic-bezier(.4, 0, .2, 1)}.dashboard-page.resident-identity-page,.dashboard-page{background-color:var(--id-bg-page);box-sizing:border-box;width:100%;max-width:1280px;min-height:100vh;color:var(--id-text-main);-webkit-font-smoothing:antialiased;margin:0 auto;padding:32px 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.resident-identity-page button:focus-visible,.resident-identity-page a:focus-visible{box-shadow:var(--id-focus-ring);outline:none}.dashboard-loading p{margin:0;font-size:15px;font-weight:500}@keyframes identitySpin{to{transform:rotate(360deg)}}.dashboard-error{border-radius:var(--id-radius-md);background-color:var(--id-danger-bg);width:100%;color:var(--id-danger-text);box-sizing:border-box;border:1px solid #fca5a5;margin-top:16px;padding:16px 20px;font-size:14px;line-height:1.6}.empty-state{border:2px dashed var(--id-border-hover);border-radius:var(--id-radius-lg);background:var(--id-bg-card);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:40px;display:flex}.empty-state strong{color:var(--id-text-main);margin-bottom:8px;font-size:20px}.empty-state span{color:var(--id-text-muted);font-size:14px}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.breadcrumb{color:var(--id-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:13px;font-weight:600}.dashboard-header h1{color:var(--id-text-main);letter-spacing:-.5px;margin:0;font-size:28px;font-weight:800;line-height:1.25}.dashboard-header p{color:var(--id-text-muted);margin:6px 0 0;font-size:14px;line-height:1.5}.back-button{border:1px solid var(--id-border-light);border-radius:var(--id-radius-md);background:var(--id-bg-card);color:#334155;cursor:pointer;white-space:nowrap;min-height:42px;transition:var(--id-transition);box-shadow:var(--id-shadow-sm);justify-content:center;align-items:center;padding:8px 18px;font-size:14px;font-weight:600;display:inline-flex}.back-button:hover{background:var(--id-bg-subtle);border-color:var(--id-border-hover);color:var(--id-text-main);transform:translateY(-1px)}.identity-profile-card{border:1px solid var(--id-border-light);border-radius:var(--id-radius-lg);background:var(--id-bg-card);box-shadow:var(--id-shadow-sm);transition:var(--id-transition);align-items:center;gap:24px;margin-bottom:24px;padding:24px;display:flex}.identity-profile-card:hover{box-shadow:var(--id-shadow-md)}.identity-profile-photo{border:3px solid var(--id-primary-border);background:var(--id-primary-light);width:96px;height:96px;color:var(--id-primary);box-shadow:var(--id-shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:38px;font-weight:700;display:flex;overflow:hidden}.identity-profile-photo img{object-fit:cover;width:100%;height:100%}.identity-profile-content{flex:1;min-width:0}.identity-label{color:var(--id-primary);letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:700;display:inline-block}.identity-profile-content h2{color:var(--id-text-main);letter-spacing:-.3px;margin:0 0 4px;font-size:24px;font-weight:800}.identity-number{color:var(--id-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;font-weight:600}.resident-status-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.status-badge{border-radius:var(--id-radius-pill);background-color:var(--id-bg-subtle);min-height:28px;color:var(--id-text-muted);letter-spacing:.2px;text-transform:capitalize;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-badge.verified{background-color:var(--id-success-bg);color:var(--id-success-text)}.status-badge.pending{background-color:var(--id-warning-bg);color:var(--id-warning-text)}.dashboard-panel{border:1px solid var(--id-border-light);border-radius:var(--id-radius-lg);background:var(--id-bg-card);width:100%;box-shadow:var(--id-shadow-sm);box-sizing:border-box;transition:var(--id-transition);margin-bottom:24px;padding:24px}.dashboard-panel:hover{box-shadow:var(--id-shadow-md)}.panel-header p{color:var(--id-text-muted);margin:4px 0 0;font-size:13px;line-height:1.4}.details-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.detail-item{border:1px solid var(--id-border-light);border-radius:var(--id-radius-md);background:var(--id-bg-page);box-sizing:border-box;min-width:0;transition:var(--id-transition);flex-direction:column;justify-content:center;padding:14px 16px;display:flex}.detail-item:hover{border-color:var(--id-border-hover);background:var(--id-bg-card)}.detail-item span{color:var(--id-text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.detail-item strong{overflow-wrap:anywhere;color:var(--id-text-main);text-transform:capitalize;font-size:14px;font-weight:700;line-height:1.4;display:block}.profile-actions{border-top:1px dashed var(--id-border-light);flex-wrap:wrap;gap:12px;margin-top:20px;padding-top:16px;display:flex}.profile-actions button{border:1px solid var(--id-primary);border-radius:var(--id-radius-md);background:var(--id-primary);color:#fff;cursor:pointer;min-height:40px;transition:var(--id-transition);box-shadow:var(--id-shadow-sm);justify-content:center;align-items:center;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.profile-actions button:hover{background:var(--id-primary-hover);border-color:var(--id-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb40}.qr-identity-summary,.qr-empty-state{border-radius:var(--id-radius-md);border:1px solid var(--id-border-light);background:var(--id-bg-page);align-items:center;gap:16px;padding:16px;display:flex}.qr-identity-summary{background:var(--id-primary-light);border-color:var(--id-primary-border)}.qr-success-icon{background:var(--id-success-bg);width:42px;height:42px;color:var(--id-success-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.qr-empty-icon{background:var(--id-bg-subtle);width:42px;height:42px;color:var(--id-text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.qr-identity-summary div,.qr-empty-state div{flex:1}.qr-identity-summary strong,.qr-empty-state strong{color:var(--id-text-main);margin-bottom:2px;font-size:15px;display:block}.qr-identity-summary p,.qr-empty-state p{color:var(--id-text-muted);margin:0;font-size:13px}.qr-identity-summary button,.qr-empty-state button{border:1px solid var(--id-primary);border-radius:var(--id-radius-md);background:var(--id-primary);color:#fff;cursor:pointer;white-space:nowrap;transition:var(--id-transition);padding:10px 18px;font-size:13px;font-weight:600}.qr-identity-summary button:hover,.qr-empty-state button:hover:not(:disabled){background:var(--id-primary-hover);border-color:var(--id-primary-hover);transform:translateY(-1px)}.qr-empty-state button:disabled{opacity:.6;cursor:not-allowed}.household-action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.household-action-grid button{border:1px solid var(--id-border-light);border-radius:var(--id-radius-md);background:var(--id-bg-card);text-align:left;cursor:pointer;min-height:90px;transition:var(--id-transition);flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;padding:16px;display:flex}.household-action-grid button:hover{border-color:var(--id-primary-border);background:var(--id-primary-light);box-shadow:var(--id-shadow-md);transform:translateY(-2px)}.household-action-grid strong{color:var(--id-text-main);font-size:14px;font-weight:700}.household-action-grid span{color:var(--id-text-muted);font-size:12px}@media (width<=1200px){.details-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.dashboard-page{padding:24px 16px}.details-grid,.household-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-identity-summary,.qr-empty-state{flex-wrap:wrap}.qr-identity-summary button,.qr-empty-state button{width:100%;margin-top:8px}}@media (width<=640px){.dashboard-header{flex-direction:column;align-items:stretch;gap:16px}.back-button{align-self:flex-start;width:100%}.identity-profile-card{text-align:center;flex-direction:column}.identity-profile-photo{width:84px;height:84px;font-size:32px}.resident-status-row{justify-content:center}.details-grid,.household-action-grid{grid-template-columns:1fr}.profile-actions button{width:100%}.dashboard-panel{padding:16px}}.resident-qr-page{width:100%;min-width:0;overflow-x:hidden}.qr-main-card{overflow:hidden}.qr-resident-header{border-bottom:1px solid #e2e8f0;align-items:center;gap:16px;min-width:0;margin-bottom:24px;padding-bottom:24px;display:flex}.identity-profile-photo.small{color:#334155;background:#e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:62px;min-width:62px;height:62px;font-size:22px;font-weight:700;display:flex;overflow:hidden}.identity-profile-photo.small img{object-fit:cover;width:100%;height:100%;display:block}.qr-resident-title{min-width:0}.identity-label{color:#64748b;letter-spacing:.08em;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.qr-resident-header h2{color:#0f172a;overflow-wrap:anywhere;margin:0 0 5px;font-size:22px;line-height:1.25}.identity-number{color:#2563eb;overflow-wrap:anywhere;font-family:monospace;font-size:13px;display:block}.qr-display-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:center;gap:50px;max-width:900px;margin:0 auto;display:grid}.qr-code-container{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;width:320px;max-width:100%;height:320px;padding:18px;display:flex;box-shadow:0 10px 30px #0f172a14}.qr-code-container img{object-fit:contain;width:100%;height:100%;display:block}.qr-information{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.qr-active-badge{color:#166534;background:#dcfce7;border-radius:999px;margin-bottom:12px;padding:6px 10px;font-size:11px;font-weight:800;display:inline-flex}.qr-information h2{color:#0f172a;margin:0 0 10px;font-size:25px;line-height:1.25}.qr-information>p{color:#64748b;max-width:520px;margin:0 0 22px;font-size:14px;line-height:1.7}.qr-detail-list{border-top:1px solid #e2e8f0;width:100%;margin-bottom:22px}.qr-detail-list>div{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:20px;min-width:0;padding:12px 0;display:flex}.qr-detail-list span{color:#64748b;flex-shrink:0;font-size:12px}.qr-detail-list strong{color:#0f172a;text-transform:capitalize;text-align:right;overflow-wrap:anywhere;min-width:0;font-size:13px}.profile-actions{flex-wrap:wrap;gap:10px;display:flex}.profile-actions button,.primary-action-button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;min-height:42px;padding:10px 15px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s}.profile-actions button:hover,.primary-action-button:hover:not(:disabled){background:#1d4ed8}.profile-actions button:first-child{color:#334155;background:#f1f5f9}.profile-actions button:first-child:hover{background:#e2e8f0}.primary-action-button:disabled{opacity:.65;cursor:not-allowed}.qr-generate-box{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:360px;padding:40px 20px;display:flex}.qr-large-icon{color:#2563eb;background:#eff6ff;border-radius:18px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:18px;font-size:40px;display:flex}.qr-generate-box h2{color:#0f172a;margin:0 0 8px}.qr-generate-box p{color:#64748b;max-width:460px;margin:0 0 22px;line-height:1.6}.qr-url-box{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:8px;min-width:0;padding:16px;display:flex}.qr-url-box span{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:700}.qr-url-box code{color:#334155;white-space:nowrap;width:100%;font-size:12px;display:block;overflow-x:auto}@media (width<=850px){.qr-display-layout{grid-template-columns:1fr;justify-items:center;gap:30px}.qr-information{text-align:center;align-items:center;width:100%}.qr-information>p{text-align:center}.qr-detail-list{max-width:500px}.profile-actions{justify-content:center}}@media (width<=600px){.qr-resident-header{gap:12px;margin-bottom:20px;padding-bottom:18px}.identity-profile-photo.small{border-radius:10px;width:54px;min-width:54px;height:54px;font-size:20px}.identity-label{letter-spacing:.06em;font-size:9px}.qr-resident-header h2{font-size:18px}.identity-number{font-size:11px}.qr-code-container{aspect-ratio:1;width:min(320px,100%);height:auto;padding:14px}.qr-information h2{font-size:22px}.qr-information>p{font-size:13px}.qr-detail-list,.profile-actions{width:100%}.profile-actions button{flex:160px}}@media (width<=500px){.qr-main-card{overflow:visible}.qr-resident-header{align-items:flex-start}.qr-code-container{width:min(280px,100%)}.qr-detail-list>div{flex-direction:column;align-items:flex-start;gap:4px}.qr-detail-list strong{text-align:left}.profile-actions{flex-direction:column}.profile-actions button,.primary-action-button{width:100%}.qr-generate-box{min-height:320px;padding:30px 15px}.qr-url-box{padding:14px}}@media (width<=360px){.qr-resident-header{text-align:center;flex-direction:column;align-items:center}.qr-resident-title{width:100%}.qr-code-container{width:240px}.qr-information h2{font-size:20px}}.id-cards-page{width:100%}.id-cards-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.id-card-refresh-button{color:#123b63;cursor:pointer;background:#fff;border:1px solid #d8e0e8;border-radius:8px;padding:11px 18px;font-size:14px;font-weight:600;transition:background .2s,border-color .2s,transform .2s}.id-card-refresh-button:hover{background:#f5f8fb;border-color:#123b63}.id-card-refresh-button:active{transform:translateY(1px)}.id-card-refresh-button:disabled{opacity:.65;cursor:not-allowed}.id-card-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:22px;display:grid}.id-card-stat-card{background:#fff;border:1px solid #e5eaf0;border-radius:12px;align-items:center;gap:14px;min-height:92px;padding:18px;display:flex;box-shadow:0 2px 8px #123b630a}.id-card-stat-icon{color:#123b63;background:#eef4f9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:21px;font-weight:700;display:flex}.id-card-stat-icon.verified{color:#16803a;background:#edf8f1}.id-card-stat-icon.active{color:#123b63;background:#edf3fb}.id-card-stat-icon.qr{color:#6741a5;background:#f3effb}.id-card-stat-card span{color:#718096;margin-bottom:4px;font-size:12px;display:block}.id-card-stat-card strong{color:#172b3a;font-size:24px;line-height:1.1;display:block}.id-card-info-banner{background:#f2f7fb;border:1px solid #d9e6f1;border-radius:10px;align-items:flex-start;gap:13px;margin-bottom:22px;padding:15px 17px;display:flex}.id-card-info-icon{color:#fff;background:#123b63;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:25px;height:25px;font-size:13px;font-weight:700;display:flex}.id-card-info-banner strong{color:#123b63}.id-card-info-banner p{color:#536576;margin:4px 0 0;font-size:13px;line-height:1.6}.id-card-info-banner p strong{margin:0 3px}.id-card-registry-panel{overflow:hidden}.id-card-record-count{color:#536576;background:#f1f5f8;border-radius:20px;align-items:center;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.id-card-filters{border-bottom:1px solid #edf0f3;align-items:flex-end;gap:15px;margin-bottom:20px;padding-bottom:18px;display:flex}.id-card-search{flex:1;max-width:600px;position:relative}.id-card-search>span{color:#7b8a98;pointer-events:none;font-size:20px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.id-card-search input{box-sizing:border-box;color:#172b3a;background:#fff;border:1px solid #dce3e9;border-radius:8px;outline:none;width:100%;height:44px;padding:0 42px;font-size:14px;transition:border-color .2s,box-shadow .2s}.id-card-search input:focus{border-color:#123b63;box-shadow:0 0 0 3px #123b6314}.id-card-search input::placeholder{color:#9aa7b2}.id-card-clear-search{color:#536576;cursor:pointer;background:#edf1f4;border:0;border-radius:50%;width:26px;height:26px;font-size:17px;line-height:1;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.id-card-clear-search:hover{background:#dfe5ea}.id-card-filter-select{min-width:190px}.id-card-filter-select label{color:#647484;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.id-card-filter-select select{color:#253746;cursor:pointer;background:#fff;border:1px solid #dce3e9;border-radius:8px;outline:none;width:100%;height:44px;padding:0 35px 0 12px;font-size:13px}.id-card-filter-select select:focus{border-color:#123b63}.id-card-table-wrapper{width:100%;overflow-x:auto}.id-card-table{border-collapse:collapse;width:100%;min-width:1080px}.id-card-table thead th{color:#667786;text-transform:uppercase;letter-spacing:.04em;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e4e9ee;padding:12px 14px;font-size:11px;font-weight:700}.id-card-table tbody td{vertical-align:middle;color:#354857;border-bottom:1px solid #edf0f3;padding:13px 14px;font-size:13px}.id-card-table tbody tr{transition:background .15s}.id-card-table tbody tr:hover{background:#fafcfd}.id-card-table tbody tr:last-child td{border-bottom:0}.id-card-resident-cell{align-items:center;gap:11px;min-width:190px;display:flex}.id-card-avatar{color:#123b63;background:#eaf1f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:700;display:flex;overflow:hidden}.id-card-avatar img{object-fit:cover;width:100%;height:100%}.id-card-resident-name{min-width:0}.id-card-resident-name strong{text-overflow:ellipsis;white-space:nowrap;color:#1d3343;max-width:190px;font-size:13px;font-weight:700;display:block;overflow:hidden}.id-card-resident-name span{color:#81909d;text-transform:capitalize;margin-top:3px;font-size:11px;display:block}.resident-id-value{color:#385066;white-space:nowrap;background:#f2f5f7;border-radius:5px;padding:5px 8px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:11px;font-weight:600;display:inline-block}.id-card-household strong{color:#354c5d;font-size:12px;display:block}.id-card-household span{text-overflow:ellipsis;white-space:nowrap;color:#8996a1;max-width:130px;margin-top:3px;font-size:10px;display:block;overflow:hidden}.id-status-badge{text-transform:capitalize;white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.id-status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.id-status-badge.verified{color:#16803a;background:#edf8f1}.id-status-badge.pending{color:#a56b00;background:#fff8e8}.id-status-badge.rejected{color:#b42318;background:#fff0f0}.qr-ready-badge{color:#16803a;white-space:nowrap;background:#edf8f1;border-radius:20px;align-items:center;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.qr-pending-badge{color:#a56b00;white-space:nowrap;background:#fff8e8;border-radius:20px;align-items:center;padding:5px 8px;font-size:10px;font-weight:600;display:inline-flex}.qr-disabled-badge{color:#7b8791;white-space:nowrap;background:#f1f3f5;border-radius:20px;align-items:center;padding:5px 8px;font-size:10px;font-weight:600;display:inline-flex}.id-card-date{color:#697987;white-space:nowrap;font-size:11px}.id-card-actions{white-space:nowrap;align-items:center;gap:6px;display:flex}.id-card-action-button{color:#536576;cursor:pointer;background:#fff;border:1px solid #d8e0e7;border-radius:6px;padding:7px 10px;font-size:11px;font-weight:600;transition:background .2s,border-color .2s,color .2s}.id-card-action-button.view:hover{color:#123b63;background:#f4f7f9;border-color:#bdc9d3}.id-card-action-button.primary{color:#fff;background:#123b63;border-color:#123b63}.id-card-action-button.primary:hover{background:#0d2d4c;border-color:#0d2d4c}.id-card-action-button.disabled,.id-card-action-button:disabled{opacity:.45;cursor:not-allowed}.id-card-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:260px;display:flex}.id-card-loading p{color:#758594;margin:0;font-size:13px}@keyframes idCardSpinner{to{transform:rotate(360deg)}}.id-card-error{text-align:center;background:#fff7f7;border:1px solid #f0cccc;border-radius:9px;margin:20px 0;padding:22px}.id-card-error strong{color:#a51c1c;margin-bottom:5px;font-size:14px;display:block}.id-card-error p{color:#7c5555;margin:0 0 14px;font-size:12px}.id-card-error button{color:#fff;cursor:pointer;background:#123b63;border:0;border-radius:7px;padding:9px 15px;font-size:12px;font-weight:600}.id-card-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:35px;display:flex}.id-card-empty-icon{color:#718392;background:#f1f5f8;border-radius:14px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:13px;font-size:25px;display:flex}.id-card-empty h3{color:#34495a;margin:0 0 7px;font-size:16px}.id-card-empty p{color:#82909b;max-width:420px;margin:0 0 16px;font-size:12px;line-height:1.6}.id-card-empty button{color:#123b63;cursor:pointer;background:#fff;border:1px solid #d4dee6;border-radius:7px;padding:9px 15px;font-size:12px;font-weight:600}.id-card-empty button:hover{background:#f4f7f9;border-color:#123b63}.id-card-legend-panel{margin-top:22px}.id-card-legend-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.id-card-legend-item{background:#fbfcfd;border:1px solid #e7ebef;border-radius:9px;align-items:flex-start;gap:12px;padding:15px;display:flex}.id-card-legend-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:700;display:flex}.id-card-legend-icon.success{color:#16803a;background:#edf8f1}.id-card-legend-icon.pending{color:#a56b00;background:#fff8e8}.id-card-legend-icon.qr{color:#6741a5;background:#f3effb}.id-card-legend-icon.unavailable{color:#b42318;background:#fff0f0}.id-card-legend-item strong{color:#354a5a;margin-bottom:4px;font-size:12px;display:block}.id-card-legend-item p{color:#7b8995;margin:0;font-size:11px;line-height:1.5}@media (width<=1100px){.id-card-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.id-card-table{min-width:1000px}}@media (width<=768px){.id-cards-header{flex-direction:column}.id-card-refresh-button{width:100%}.id-card-stat-grid{grid-template-columns:1fr 1fr;gap:12px}.id-card-stat-card{padding:14px}.id-card-stat-icon{width:38px;height:38px;font-size:17px}.id-card-stat-card strong{font-size:20px}.id-card-filters{flex-direction:column;align-items:stretch}.id-card-search{max-width:none}.id-card-filter-select{width:100%}.id-card-legend-grid{grid-template-columns:1fr}}@media (width<=480px){.id-card-stat-grid{grid-template-columns:1fr}.id-card-stat-card{min-height:78px}.id-card-info-banner{padding:13px}.id-card-table-wrapper{margin:0 -12px}}.resident-id-card-page{width:100%;min-width:0;overflow-x:hidden}.resident-id-card-header{margin-bottom:20px}.resident-id-card-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:420px;display:flex}.resident-id-card-loading p{margin:0;font-size:14px}.resident-id-card-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:40px;display:flex}.resident-id-card-error-icon{color:#b91c1c;background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:15px;font-size:25px;font-weight:800;display:flex}.resident-id-card-error h2{color:#172033;margin:0 0 8px;font-size:20px}.resident-id-card-error p{color:#64748b;max-width:500px;margin:0 0 20px;line-height:1.6}.resident-id-card-inline-error{color:#b91c1c;word-break:break-word;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:13px 16px;font-size:14px}.resident-id-card-actions-panel{margin-bottom:20px}.resident-id-card-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.resident-id-card-primary-button,.resident-id-card-secondary-button{cursor:pointer;white-space:nowrap;border:1px solid #d7dee8;border-radius:8px;min-height:42px;padding:0 17px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,transform .2s}.resident-id-card-primary-button{color:#fff;background:#123b63;border-color:#123b63;justify-content:center;align-items:center;gap:8px;display:inline-flex}.resident-id-card-primary-button:hover:not(:disabled){background:#0d2d4d;border-color:#0d2d4d}.resident-id-card-secondary-button{color:#26364a;background:#fff}.resident-id-card-secondary-button:hover{background:#f4f7fa;border-color:#b9c5d3}.resident-id-card-primary-button:disabled{opacity:.65;cursor:not-allowed}.button-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;flex:0 0 15px;width:15px;height:15px;animation:.8s linear infinite residentCardSpin}@keyframes residentCardSpin{to{transform:rotate(360deg)}}.resident-id-card-preview-panel{overflow:hidden}.resident-id-card-status{color:#166534;letter-spacing:.04em;white-space:nowrap;background:#dcfce7;border-radius:999px;justify-content:center;align-items:center;padding:6px 11px;font-size:11px;font-weight:800;display:inline-flex}.resident-id-card-stage{background-color:#0000;background-image:linear-gradient(135deg,#f1f5f9 25%,#0000 25%),linear-gradient(315deg,#f1f5f9 25%,#0000 25%);background-position:0 0,14px 14px;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:12px;justify-content:center;align-items:center;min-height:520px;padding:50px 25px;display:flex;overflow:hidden}.resident-id-card{box-sizing:border-box;background:#fff;border:1px solid #d7dee8;border-radius:18px;width:min(760px,100%);min-width:0;min-height:390px;position:relative;overflow:hidden;box-shadow:0 20px 45px #0f172a26,0 3px 10px #0f172a14}.resident-id-card-top{color:#fff;box-sizing:border-box;background:#123b63;justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:15px 22px;display:flex}.resident-id-card-brand{align-items:center;gap:12px;min-width:0;display:flex}.resident-id-card-brand-mark{box-sizing:border-box;background:#fff;border-radius:10px;flex:0 0 50px;justify-content:center;align-items:center;width:50px;height:50px;display:flex;overflow:hidden}.resident-id-card-logo{object-fit:contain;box-sizing:border-box;width:100%;height:100%;padding:3px;display:block}.resident-id-card-brand>div:last-child{min-width:0}.resident-id-card-brand strong{letter-spacing:.01em;overflow-wrap:anywhere;font-size:18px;line-height:1.1;display:block}.resident-id-card-brand span{opacity:.78;letter-spacing:.08em;margin-top:4px;font-size:9px;font-weight:600;display:block}.resident-id-card-community{text-align:right;flex-shrink:0;font-size:12px;font-weight:700}.resident-id-card-community small{opacity:.7;margin-top:4px;font-size:9px;font-weight:400;display:block}.resident-id-card-body{box-sizing:border-box;grid-template-columns:125px minmax(0,1fr) 105px;align-items:start;gap:22px;min-height:235px;padding:23px;display:grid}.resident-id-card-photo{box-sizing:border-box;background:#eef2f6;border:2px solid #d8e0ea;border-radius:8px;width:125px;max-width:100%;height:155px;position:relative;overflow:hidden}.resident-id-card-photo img{object-fit:cover;width:100%;height:100%;display:block}.resident-id-card-photo-fallback{color:#123b63;background:#e8edf3;justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;font-weight:800}.resident-id-card-details{min-width:0}.resident-id-card-name{color:#123b63;overflow-wrap:anywhere;margin-bottom:15px;font-size:21px;font-weight:800;line-height:1.15}.resident-id-card-detail{min-width:0;margin-bottom:9px}.resident-id-card-detail span{color:#7a8797;text-transform:uppercase;letter-spacing:.07em;margin-bottom:2px;font-size:8px;font-weight:700;display:block}.resident-id-card-detail strong{color:#243447;overflow-wrap:anywhere;font-size:11px;font-weight:700;display:block}.resident-id-card-detail-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px;display:grid}.resident-id-card-qr{flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:0;display:flex}.resident-id-card-qr img{object-fit:contain;box-sizing:border-box;border:4px solid #fff;width:92px;max-width:100%;height:92px;display:block;box-shadow:0 0 0 1px #d9e1ea}.resident-id-card-qr span{color:#657387;text-transform:uppercase;letter-spacing:.06em;text-align:center;white-space:nowrap;font-size:8px;font-weight:700}.resident-id-card-qr-empty{color:#94a3b8;box-sizing:border-box;background:#f8fafc;border:1px dashed #c5cfdb;justify-content:center;align-items:center;width:92px;height:92px;font-size:20px;font-weight:800;display:flex}.resident-id-card-status-bar{box-sizing:border-box;background:#f7f9fb;border-top:1px solid #e1e7ee;border-bottom:1px solid #e1e7ee;align-items:center;gap:30px;min-height:48px;padding:8px 22px;display:flex}.resident-id-card-status-bar>div{min-width:0}.resident-id-card-status-bar span{color:#7a8797;letter-spacing:.06em;margin-bottom:2px;font-size:7px;font-weight:700;display:block}.resident-id-card-status-bar strong{color:#123b63;overflow-wrap:anywhere;font-size:9px;font-weight:800}.resident-id-card-valid{white-space:nowrap;margin-left:auto;color:#16803a!important;font-size:9px!important;font-weight:800!important}.resident-id-card-footer{color:#738093;box-sizing:border-box;justify-content:space-between;align-items:center;gap:15px;min-height:31px;padding:7px 22px;font-size:7px;line-height:1.3;display:flex}.resident-id-card-footer span{overflow-wrap:anywhere;min-width:0}.resident-id-card-information-panel{margin-top:20px}.resident-id-card-info-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.resident-id-card-info-item{box-sizing:border-box;background:#fafbfd;border:1px solid #e1e7ee;border-radius:9px;min-width:0;padding:15px}.resident-id-card-info-item span{color:#7a8797;margin-bottom:6px;font-size:10px;font-weight:600;display:block}.resident-id-card-info-item strong{color:#243447;text-transform:capitalize;overflow-wrap:anywhere;font-size:13px;font-weight:700;display:block}.resident-id-card-bottom-panel{margin-top:20px}.resident-id-card-bottom-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.resident-id-card-bottom-actions button{color:#26364a;text-align:left;cursor:pointer;background:#fff;border:1px solid #dce3eb;border-radius:9px;flex-direction:column;justify-content:center;align-items:flex-start;gap:7px;min-width:0;min-height:90px;padding:16px;font-family:inherit;transition:background .2s,border-color .2s,transform .2s;display:flex;overflow:hidden}.resident-id-card-bottom-actions button:hover{background:#f6f8fa;border-color:#b9c5d3;transform:translateY(-1px)}.resident-id-card-bottom-actions strong{overflow-wrap:anywhere;font-size:13px}.resident-id-card-bottom-actions span{color:#7a8797;overflow-wrap:anywhere;font-size:11px;line-height:1.4}@media (width<=1000px){.resident-id-card-info-grid,.resident-id-card-bottom-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.resident-id-card-header{margin-bottom:16px}.resident-id-card-stage{min-height:auto;padding:20px 10px}.resident-id-card{border-radius:12px;width:100%;min-height:auto}.resident-id-card-top{gap:12px;min-height:auto;padding:14px}.resident-id-card-brand-mark{flex:0 0 44px;width:44px;height:44px}.resident-id-card-brand strong{font-size:16px}.resident-id-card-community{font-size:11px}.resident-id-card-body{grid-template-columns:100px minmax(0,1fr);gap:15px;padding:18px}.resident-id-card-photo{width:100px;height:130px}.resident-id-card-qr{flex-direction:row;grid-column:1/-1;justify-content:flex-start;align-items:center;padding-top:8px}.resident-id-card-qr img,.resident-id-card-qr-empty{width:75px;height:75px}.resident-id-card-status-bar{flex-wrap:wrap;gap:12px 20px;padding:10px 15px}.resident-id-card-valid{width:100%;margin-left:0}.resident-id-card-footer{flex-direction:column;align-items:flex-start;gap:4px;padding:8px 15px}}@media (width<=560px){.resident-id-card-error{padding:30px 18px}.resident-id-card-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.resident-id-card-primary-button,.resident-id-card-secondary-button{white-space:normal;width:100%;min-width:0;padding:0 10px;font-size:11px}.resident-id-card-stage{padding:14px 6px}.resident-id-card-top{gap:10px;padding:12px}.resident-id-card-brand{gap:9px;width:100%}.resident-id-card-brand-mark{border-radius:8px;flex:0 0 42px;width:42px;height:42px}.resident-id-card-brand strong{font-size:14px}.resident-id-card-brand span{letter-spacing:.05em;font-size:7px}.resident-id-card-community{white-space:nowrap;font-size:10px}.resident-id-card-community small{font-size:7px}.resident-id-card-body{grid-template-rows:auto auto;grid-template-columns:85px minmax(0,1fr);gap:12px;padding:14px}.resident-id-card-photo{width:85px;height:112px}.resident-id-card-name{margin-bottom:10px;font-size:16px;line-height:1.15}.resident-id-card-detail-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.resident-id-card-detail{margin-bottom:7px}.resident-id-card-detail span{font-size:7px}.resident-id-card-detail strong{font-size:9px;line-height:1.25}.resident-id-card-qr{border-top:1px solid #edf1f5;flex-direction:row;grid-column:1/-1;justify-content:flex-start;align-items:center;gap:10px;width:100%;padding-top:8px}.resident-id-card-qr img,.resident-id-card-qr-empty{flex:0 0 70px;width:70px;height:70px}.resident-id-card-qr span{white-space:normal;text-align:left;font-size:8px}.resident-id-card-status-bar{gap:10px 18px;padding:10px 14px}.resident-id-card-status-bar span{font-size:7px}.resident-id-card-status-bar strong{font-size:8px}.resident-id-card-valid{font-size:8px!important}.resident-id-card-footer{padding:8px 14px;font-size:7px}.resident-id-card-info-grid,.resident-id-card-bottom-actions{grid-template-columns:1fr}}@media (width<=390px){.resident-id-card-actions{grid-template-columns:1fr}.resident-id-card-top{flex-direction:column;align-items:flex-start}.resident-id-card-community{text-align:left;width:100%}.resident-id-card-body{grid-template-columns:78px minmax(0,1fr);gap:10px;padding:12px}.resident-id-card-photo{width:78px;height:105px}.resident-id-card-name{font-size:14px}.resident-id-card-detail-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}.resident-id-card-detail span{font-size:6px}.resident-id-card-detail strong{font-size:8px}.resident-id-card-qr{justify-content:center}.resident-id-card-status-bar{flex-flow:wrap;align-items:flex-start;gap:8px 14px}.resident-id-card-valid{width:100%}}@media print{body{background:#fff!important}.sidebar,.topbar,.resident-id-card-header,.resident-id-card-actions-panel,.resident-id-card-information-panel,.resident-id-card-bottom-panel,.panel-header,.resident-id-card-status,.dashboard-header,.dashboard-panel:not(.resident-id-card-preview-panel){display:none!important}.main-area{width:100%!important;margin:0!important}.content-area,.dashboard-page{margin:0!important;padding:0!important}.resident-id-card-preview-panel{box-shadow:none!important;border:none!important;margin:0!important;padding:0!important;display:block!important}.resident-id-card-stage{background:#fff!important;min-height:auto!important;padding:0!important}.resident-id-card{border:1px solid #cbd5e1;width:760px;max-width:100%;box-shadow:none!important}}:root{--primary-700:#1d4ed8;--primary-600:#2563eb;--primary-100:#dbeafe;--primary-50:#eff6ff;--slate-900:#0f172a;--slate-800:#1e293b;--slate-700:#334155;--slate-600:#475569;--slate-500:#64748b;--slate-400:#94a3b8;--slate-300:#cbd5e1;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--slate-50:#f8fafc;--danger-700:#b91c1c;--danger-600:#dc2626;--danger-100:#fee2e2;--danger-50:#fef2f2;--success-700:#15803d;--success-600:#166534;--success-100:#dcfce7;--success-50:#f0fdf4;--amber-700:#b45309;--amber-600:#d97706;--amber-100:#fef3c7;--purple-700:#6b21a8;--purple-100:#f3e8ff;--teal-700:#0f766e;--teal-100:#ccfbf1;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-xs:0 1px 2px 0 #0f172a0d;--shadow-sm:0 1px 3px 0 #0f172a14, 0 1px 2px -1px #0f172a14;--shadow-md:0 4px 6px -1px #0f172a14, 0 2px 4px -2px #0f172a14;--shadow-xl:0 20px 25px -5px #0f172a1a, 0 8px 10px -6px #0f172a1a;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.2s cubic-bezier(.4, 0, .2, 1)}.users-page{box-sizing:border-box;flex-direction:column;gap:20px;width:100%;max-width:1280px;margin:0 auto;padding:24px;display:flex}.users-page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.users-page-eyebrow{color:var(--slate-500);letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:600}.users-page-header h1{color:var(--slate-900);letter-spacing:-.02em;margin:0 0 4px;font-size:24px;font-weight:700;line-height:1.2}.users-page-header p{color:var(--slate-600);margin:0;font-size:14px}.users-alert{border-radius:var(--radius-md);box-shadow:var(--shadow-xs);align-items:center;gap:12px;padding:12px 16px;font-size:13px;font-weight:500;line-height:1.4;display:flex}.users-alert-error{background:var(--danger-50);border:1px solid var(--danger-100);color:var(--danger-700)}.users-alert-success{background:var(--success-50);border:1px solid var(--success-100);color:var(--success-700)}.users-alert .alert-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:inline-flex}.users-alert-error .alert-icon{background:var(--danger-100);color:var(--danger-700)}.users-alert-success .alert-icon{background:var(--success-100);color:var(--success-700)}.users-alert span:nth-child(2){flex:1}.users-alert button{color:currentColor;cursor:pointer;opacity:.7;border-radius:var(--radius-sm);transition:opacity var(--transition-fast);background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1}.users-alert button:hover{opacity:1}.users-statistics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.users-stat-card{border:1px solid var(--slate-200);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);background:#fff;align-items:center;gap:14px;padding:16px;display:flex}.users-stat-icon{border-radius:var(--radius-md);background:var(--slate-100);width:42px;height:42px;color:var(--slate-700);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.users-stat-card div{flex-direction:column;display:flex}.users-stat-card span{color:var(--slate-500);font-size:12px;font-weight:500}.users-stat-card strong{color:var(--slate-900);font-size:20px;font-weight:700;line-height:1.2}.users-toolbar{border:1px solid var(--slate-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);background:#fff;flex-wrap:wrap;align-items:center;gap:16px;padding:16px;display:flex}.users-search{flex:1;align-items:center;min-width:240px;display:flex;position:relative}.users-search span{color:var(--slate-400);pointer-events:none;font-size:16px;position:absolute;left:12px}.users-search input{border:1px solid var(--slate-300);border-radius:var(--radius-md);width:100%;height:38px;color:var(--slate-900);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);outline:none;padding:0 32px 0 36px;font-size:13px}.users-search input:focus{border-color:var(--primary-600);box-shadow:0 0 0 3px #2563eb1f}.users-search button{color:var(--slate-400);cursor:pointer;background:0 0;border:none;font-size:16px;position:absolute;right:8px}.users-filter{align-items:center;gap:8px;display:flex}.users-filter label{color:var(--slate-600);white-space:nowrap;font-size:13px;font-weight:500}.users-filter select{border:1px solid var(--slate-300);border-radius:var(--radius-md);height:38px;color:var(--slate-900);cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") right 10px center/14px no-repeat;outline:none;padding:0 32px 0 12px;font-size:13px}.users-filter select:focus{border-color:var(--primary-600);box-shadow:0 0 0 3px #2563eb1f}.users-refresh-button{border:1px solid var(--slate-300);border-radius:var(--radius-md);height:38px;color:var(--slate-700);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);background:#fff;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.users-refresh-button:hover:not(:disabled){background:var(--slate-50);border-color:var(--slate-400)}.users-refresh-button:disabled{opacity:.6;cursor:not-allowed}.users-results-summary{color:var(--slate-500);margin-top:-8px;font-size:13px}.users-results-summary strong{color:var(--slate-800)}.users-table-card{border:1px solid var(--slate-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.users-table-wrapper{width:100%;overflow-x:auto}.users-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.users-table th{background:var(--slate-50);color:var(--slate-600);border-bottom:1px solid var(--slate-200);white-space:nowrap;padding:12px 16px;font-weight:600}.users-table td{border-bottom:1px solid var(--slate-100);color:var(--slate-700);vertical-align:middle;padding:14px 16px}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover td{background-color:var(--slate-50)}.users-table-user-cell{align-items:center;gap:12px;display:flex}.users-avatar-image,.users-avatar-placeholder,.user-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}.users-avatar-placeholder{background:var(--primary-100);color:var(--primary-700);justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.users-avatar-placeholder.large{width:64px;height:64px;font-size:22px}.users-table-user-info{flex-direction:column;display:flex}.users-table-user-name{color:var(--slate-900);align-items:center;gap:6px;font-weight:600;display:flex}.users-you-badge{background:var(--primary-100);color:var(--primary-700);text-transform:uppercase;border-radius:9999px;padding:1px 6px;font-size:10px;font-weight:700}.users-table-user-username{color:var(--slate-500);font-size:12px}.user-role-badge{border-radius:var(--radius-sm);text-transform:capitalize;background:var(--slate-100);color:var(--slate-700);padding:3px 8px;font-size:12px;font-weight:600;display:inline-block}.user-role-badge.super-admin{background:var(--purple-100);color:var(--purple-700)}.user-role-badge.registration-officer{background:var(--primary-50);color:var(--primary-700)}.user-role-badge.verification-officer{background:var(--teal-100);color:var(--teal-700)}.user-role-badge.viewer{background:var(--slate-100);color:var(--slate-600)}.user-status-badge,.users-status-badge{border-radius:9999px;align-items:center;gap:6px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.user-status-badge span{border-radius:50%;width:6px;height:6px}.user-status-badge.active,.users-status-badge.status-active{background:var(--success-50);color:var(--success-700)}.user-status-badge.active span,.users-status-badge.status-active span{background:var(--success-600)}.user-status-badge.suspended,.users-status-badge.status-suspended{background:var(--danger-50);color:var(--danger-700)}.user-status-badge.suspended span,.users-status-badge.status-suspended span{background:var(--danger-600)}.users-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.users-action-btn{border-radius:var(--radius-sm);border:1px solid var(--slate-300);height:28px;color:var(--slate-700);cursor:pointer;transition:all var(--transition-fast);background:#fff;padding:0 10px;font-size:12px;font-weight:600}.users-action-btn:hover:not(:disabled){background:var(--slate-100);color:var(--slate-900)}.users-action-btn.suspend{border-color:var(--amber-100);color:var(--amber-700)}.users-action-btn.suspend:hover:not(:disabled){background:var(--amber-100)}.users-action-btn.delete{border-color:var(--danger-100);color:var(--danger-700)}.users-action-btn.delete:hover:not(:disabled){background:var(--danger-50);border-color:var(--danger-600)}.users-action-btn:disabled{opacity:.5;cursor:not-allowed}.users-loading,.users-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 24px;display:flex}.users-spinner{border:3px solid var(--slate-200);border-top-color:var(--primary-600);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite usersSpin}@keyframes usersSpin{to{transform:rotate(360deg)}}.users-empty-icon{opacity:.6;font-size:40px}.users-empty h3{color:var(--slate-800);margin:0;font-size:16px}.users-empty p{color:var(--slate-500);margin:0;font-size:13px}.users-primary-button{background:var(--primary-600);color:#fff;border:1px solid var(--primary-600);border-radius:var(--radius-md);cursor:pointer;height:38px;box-shadow:var(--shadow-xs);transition:background-color var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.users-primary-button:hover:not(:disabled){background:var(--primary-700);border-color:var(--primary-700)}.users-secondary-button{height:38px;color:var(--slate-700);border:1px solid var(--slate-300);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);background:#fff;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.users-secondary-button:hover:not(:disabled){background:var(--slate-50);border-color:var(--slate-400);color:var(--slate-900)}.users-danger-button{background:var(--danger-600);color:#fff;border:1px solid var(--danger-600);border-radius:var(--radius-md);cursor:pointer;height:38px;transition:background-color var(--transition-fast);justify-content:center;align-items:center;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.users-danger-button:hover:not(:disabled){background:var(--danger-700)}.users-danger-outline-button{height:38px;color:var(--danger-700);border:1px solid var(--danger-100);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast);background:#fff;justify-content:center;align-items:center;padding:0 16px;font-size:13px;font-weight:600;display:inline-flex}.users-danger-outline-button:hover:not(:disabled){background:var(--danger-50);border-color:var(--danger-600)}.users-primary-button:disabled,.users-secondary-button:disabled,.users-danger-button:disabled,.users-danger-outline-button:disabled{opacity:.6;cursor:not-allowed}.users-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-sizing:border-box;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.users-modal{border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);background:#fff;flex-direction:column;width:100%;max-width:540px;max-height:90vh;animation:.2s cubic-bezier(.16,1,.3,1) usersModalIn;display:flex;overflow:hidden}@keyframes usersModalIn{0%{opacity:0;transform:scale(.97)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.users-small-modal{max-width:420px}.users-modal-header{border-bottom:1px solid var(--slate-100);justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex}.users-modal-header span{color:var(--slate-500);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700}.users-modal-header h2{color:var(--slate-900);margin:2px 0 0;font-size:18px;font-weight:700}.users-modal-header button{color:var(--slate-400);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:2px 6px;font-size:22px;line-height:1}.users-modal-header button:hover{color:var(--slate-700);background:var(--slate-100)}.users-modal-footer{border-top:1px solid var(--slate-100);background:var(--slate-50);justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.users-form{flex-direction:column;gap:16px;padding:24px;display:flex;overflow-y:auto}.users-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.users-form-group{flex-direction:column;gap:6px;display:flex}.users-form-group.full{grid-column:1/-1}.users-form-group label{color:var(--slate-700);font-size:12px;font-weight:600}.users-form-group input,.users-form-group select{border:1px solid var(--slate-300);border-radius:var(--radius-md);height:38px;color:var(--slate-900);outline:none;padding:0 12px;font-size:13px}.users-form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;padding-right:32px}.users-form-group input:focus,.users-form-group select:focus{border-color:var(--primary-600);box-shadow:0 0 0 3px #2563eb1f}.users-form-note,.users-security-note{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:var(--radius-md);color:var(--slate-600);padding:12px;font-size:12px}.users-form-note strong{color:var(--slate-800);margin-bottom:2px;display:block}.users-form-note p{margin:0}.users-details-content{flex-direction:column;gap:20px;padding:24px;display:flex;overflow-y:auto}.users-details-profile{align-items:center;gap:16px;display:flex}.users-details-profile h3{color:var(--slate-900);margin:0 0 2px;font-size:18px}.users-details-profile p{color:var(--slate-500);margin:0 0 8px;font-size:13px}.users-details-grid{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:var(--radius-md);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px;display:grid}.users-details-grid div{flex-direction:column;display:flex}.users-details-grid span{color:var(--slate-500);font-size:11px;font-weight:500}.users-details-grid strong{color:var(--slate-800);margin-top:2px;font-size:13px}.users-password-user{background:var(--slate-50);border-radius:var(--radius-md);border:1px solid var(--slate-200);align-items:center;gap:12px;padding:12px;display:flex}.users-password-user div{flex-direction:column;display:flex}.users-password-user strong{color:var(--slate-900);font-size:14px}.users-password-user span{color:var(--slate-500);font-size:12px}.users-danger-modal{text-align:center;padding:28px}.users-danger-icon{background:var(--danger-100);width:48px;height:48px;color:var(--danger-700);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:24px;font-weight:700;display:flex}.users-danger-modal h2{color:var(--slate-900);margin:0 0 8px;font-size:18px}.users-danger-modal p{color:var(--slate-600);margin:0 0 8px;font-size:13px}.users-danger-modal .users-modal-footer{background:0 0;border:none;justify-content:center;padding:16px 0 0}.users-photo-manager{text-align:center;flex-direction:column;align-items:center;padding:24px;display:flex}.users-photo-preview{background:var(--slate-100);border:3px solid var(--slate-200);border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;margin-bottom:12px;display:flex;overflow:hidden}.users-photo-preview img{object-fit:cover;width:100%;height:100%}.users-photo-preview div{color:var(--slate-500);font-size:32px;font-weight:700}.users-photo-manager h3{color:var(--slate-900);margin:0 0 2px;font-size:16px}.users-photo-manager p{color:var(--slate-500);margin:0 0 16px;font-size:13px}.users-photo-actions{flex-direction:column;gap:8px;width:100%;display:flex}.users-photo-manager small{color:var(--slate-400);margin-top:14px;font-size:11px}@media (width<=768px){.users-page{padding:16px}.users-page-header{flex-direction:column;align-items:stretch}.users-page-header .users-primary-button{width:100%}.users-toolbar,.users-filter{flex-direction:column;align-items:stretch}.users-filter select{width:100%}.users-form-grid,.users-details-grid{grid-template-columns:1fr}.users-actions{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--danger-color:#dc2626;--danger-hover:#b91c1c;--danger-light:#fef2f2;--success-color:#16a34a;--success-light:#f0fdf4;--warning-color:#d97706;--bg-main:#f8fafc;--bg-card:#fff;--border-color:#e2e8f0;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--transition-fast:.2s ease;--transition-normal:.3s ease}.profile-page{background-color:var(--bg-main);min-height:100vh;color:var(--text-main);padding:2rem 1rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.profile-container{flex-direction:column;gap:1.5rem;max-width:900px;margin:0 auto;display:flex}.profile-page-header{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem 2rem;display:flex}.profile-page-header h1{color:var(--text-main);margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.profile-page-header p{color:var(--text-muted);font-size:.95rem}.profile-refresh-button{color:var(--primary-color);border:1px solid var(--primary-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;width:auto;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500}.profile-refresh-button:hover:not(:disabled){background-color:var(--primary-light)}.profile-refresh-button:disabled{opacity:.6;cursor:not-allowed}.profile-nav-tabs{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);gap:.75rem;padding:.75rem;display:flex;overflow-x:auto}.profile-tab-button{color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;text-align:center;background-color:#0000;border:1px solid #0000;flex:1;padding:.75rem 1rem;font-size:.9rem;font-weight:600}.profile-tab-button:hover{background-color:var(--bg-main);color:var(--text-main)}.profile-tab-button.active{background-color:var(--primary-light);color:var(--primary-color);border-color:#2563eb33}@media (width<=640px){.profile-nav-tabs{flex-direction:column}}.profile-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden}.profile-card-header{border-bottom:1px solid var(--border-color);padding:1.5rem 2rem}.profile-card-header h2{color:var(--text-main);margin-bottom:.2rem;font-size:1.25rem;font-weight:600}.profile-card-header p{color:var(--text-muted);font-size:.875rem}.profile-card-body{grid-template-columns:280px 1fr;align-items:flex-start;gap:2.5rem;padding:2rem;display:grid}@media (width<=768px){.profile-card-body{grid-template-columns:1fr;gap:2rem}}.profile-photo-section{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.profile-photo-wrapper{border-radius:var(--radius-full);border:3px solid var(--border-color);background-color:var(--primary-light);width:130px;height:130px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.profile-photo{object-fit:cover;width:100%;height:100%}.profile-photo-placeholder{width:100%;height:100%;color:var(--primary-color);background-color:var(--primary-light);justify-content:center;align-items:center;font-size:2.5rem;font-weight:700;display:flex}.profile-photo-overlay{background-color:#0f172a80;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.profile-photo-actions{flex-direction:column;gap:.5rem;width:100%;display:flex}.profile-photo-preview-actions{background:var(--bg-main);border-radius:var(--radius-md);border:1px dashed var(--border-color);flex-direction:column;gap:.75rem;width:100%;padding:1rem;display:flex}.profile-photo-preview-actions p{color:var(--text-muted);word-break:break-all;font-size:.85rem}.profile-photo-preview-actions div{justify-content:center;gap:.5rem;display:flex}.profile-photo-help{color:var(--text-light);font-size:.75rem}.profile-details-section,.profile-security-card .profile-card-body{grid-column:span 2;display:block}.profile-security-card .profile-card-body{padding:2rem}.profile-form,.profile-password-form{flex-direction:column;gap:1.25rem;display:flex}.profile-form-actions{align-self:flex-start;gap:1rem;margin-top:.5rem;display:flex}.profile-form-group{flex-direction:column;gap:.4rem;display:flex}.profile-form-group label{color:var(--text-main);font-size:.875rem;font-weight:600}.profile-form-group input{border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);background-color:var(--bg-card);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.75rem 1rem;font-size:.95rem}.profile-form-group input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #2563eb26}.profile-form-group input:disabled,.profile-form-group input[readonly]{background-color:var(--bg-main);color:var(--text-muted);cursor:not-allowed}.profile-form-group small{color:var(--text-muted);font-size:.75rem}.profile-password-input{align-items:center;display:flex;position:relative}.profile-password-input input{width:100%;padding-right:4.5rem}.profile-password-input button{color:var(--primary-color);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:.85rem;font-weight:600;position:absolute;right:.75rem}.profile-password-input button:hover{color:var(--primary-hover)}.password-strength{background:var(--bg-main);border-radius:var(--radius-md);border:1px solid var(--border-color);flex-direction:column;gap:.6rem;margin-top:.5rem;padding:1rem;display:flex}.password-strength-header{justify-content:space-between;font-size:.8rem;display:flex}.password-strength-bar{background-color:var(--border-color);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.password-strength-progress{background-color:var(--primary-color);height:100%;transition:width var(--transition-normal), background-color var(--transition-normal)}.password-requirements{color:var(--text-light);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.35rem 1rem;font-size:.75rem;display:grid}.password-requirements .requirement-met{color:var(--success-color);font-weight:500}.password-match{color:var(--success-color);font-size:.75rem;font-weight:500}.password-no-match{color:var(--danger-color);font-size:.75rem;font-weight:500}.text-active{color:var(--success-color)}.text-inactive{color:var(--danger-color)}.profile-account-info{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding:2rem;display:grid}.account-info-item{flex-direction:column;gap:.25rem;display:flex}.account-info-item span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.account-info-item strong{color:var(--text-main);font-size:1rem}.profile-button{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;width:auto;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;display:inline-flex}.profile-button:disabled{opacity:.65;cursor:not-allowed}.profile-button-primary{background-color:var(--primary-color);color:#fff}.profile-button-primary:hover:not(:disabled){background-color:var(--primary-hover)}.profile-button-secondary{background-color:var(--bg-main);color:var(--text-main);border-color:var(--border-color)}.profile-button-secondary:hover:not(:disabled){background-color:var(--border-color)}.profile-button-danger{background-color:var(--danger-color);color:#fff}.profile-button-danger:hover:not(:disabled){background-color:var(--danger-hover)}.profile-button-danger-outline{color:var(--danger-color);background-color:#0000;border-color:#dc262666}.profile-button-danger-outline:hover:not(:disabled){background-color:var(--danger-light)}.profile-alert{border-radius:var(--radius-md);align-items:center;gap:.75rem;padding:1rem 1.25rem;font-size:.9rem;animation:.3s fadeIn;display:flex}.profile-alert span:nth-child(2){flex:1}.profile-alert button{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;font-size:1.25rem}.profile-alert button:hover{opacity:1}.profile-alert-success{background-color:var(--success-light);color:var(--success-color);border:1px solid #16a34a33}.profile-alert-error{background-color:var(--danger-light);color:var(--danger-color);border:1px solid #dc262633}.profile-alert-icon{border-radius:var(--radius-full);color:#fff;background-color:currentColor;justify-content:center;align-items:center;width:20px;height:20px;font-size:.8rem;font-weight:700;display:flex}.profile-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0f172a99;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.profile-confirmation-modal{background:var(--bg-card);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg);text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2rem;animation:.25s scaleUp;display:flex}.confirmation-icon{border-radius:var(--radius-full);background-color:var(--danger-light);width:48px;height:48px;color:var(--danger-color);justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.profile-confirmation-modal h3{color:var(--text-main);font-size:1.25rem;font-weight:600}.profile-confirmation-modal p{color:var(--text-muted);font-size:.9rem;line-height:1.5}.confirmation-actions{grid-template-columns:1fr 1fr;gap:.75rem;width:100%;margin-top:.5rem;display:grid}.profile-page-loading,.profile-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;padding:2rem;display:flex}.profile-spinner{border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:var(--radius-full);width:36px;height:36px;animation:.8s linear infinite spin}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.analytics-page{max-width:1500px}.analytics-header{align-items:flex-end}.analytics-refresh{white-space:nowrap}.analytics-stat-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.analytics-stat-card{background:#fff;border:1px solid #e7eaf0;border-radius:12px;min-width:0;padding:17px 18px;box-shadow:0 4px 16px #1018280a}.analytics-stat-card span{color:#667085;text-transform:uppercase;letter-spacing:.65px;font-size:10px;font-weight:700;display:block}.analytics-stat-card strong{color:#102f4d;margin-top:10px;font-size:27px;line-height:1;display:block}.analytics-stat-card small{color:#98a2b3;margin-top:8px;font-size:9px;display:block}.analytics-stat-card.success{border-left:3px solid #16a36a}.analytics-stat-card.warning{border-left:3px solid #f79009}.analytics-grid{gap:18px;margin-bottom:18px;display:grid}.analytics-grid-top{grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr)}.analytics-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid-bottom{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-panel{min-width:0;overflow:hidden}.analytics-panel .panel-header{min-height:69px}.trend-chart{border-top:1px solid #f3f4f6;align-items:stretch;gap:12px;height:260px;padding:22px 22px 18px;display:flex}.trend-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;min-width:0;display:flex}.trend-value{color:#667085;min-height:13px;font-size:9px;font-weight:700}.trend-track{background:#edf3f8;border-radius:6px 6px 3px 3px;align-items:flex-end;width:min(100%,34px);height:175px;display:flex;overflow:hidden}.trend-bar{background:#176a83;border-radius:6px 6px 2px 2px;width:100%;min-height:2px;transition:height .25s}.trend-label{color:#98a2b3;font-size:8px}.gender-content{justify-content:center;align-items:center;gap:28px;min-height:260px;padding:22px;display:flex}.gender-donut{border-radius:50%;flex-shrink:0;place-items:center;width:155px;height:155px;display:grid}.gender-donut:before{content:"";position:absolute}.gender-donut>div{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:96px;height:96px;display:flex;box-shadow:0 3px 12px #1018280f}.gender-donut strong{color:#102f4d;font-size:22px}.gender-donut span{color:#98a2b3;margin-top:3px;font-size:9px}.legend-list{flex-direction:column;gap:13px;min-width:150px;display:flex}.legend-row{color:#667085;grid-template-columns:10px 1fr auto;align-items:center;gap:8px;font-size:10px;display:grid}.legend-row strong{color:#344054;font-size:11px}.legend-dot{background:#9aa5b1;border-radius:50%;width:8px;height:8px}.legend-dot.male{background:#4e7aa5}.legend-dot.female{background:#e08a9a}.legend-dot.other{background:#9aa5b1}.analytics-bars{padding:17px 20px 20px}.analytics-bar-row+.analytics-bar-row{margin-top:14px}.analytics-bar-meta{justify-content:space-between;align-items:center;gap:15px;margin-bottom:6px;display:flex}.analytics-bar-meta span{color:#667085;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.analytics-bar-meta strong{color:#344054;flex-shrink:0;font-size:10px}.analytics-bar-track{background:#eef2f6;border-radius:10px;width:100%;height:7px;overflow:hidden}.analytics-bar-fill{border-radius:inherit;background:#176a83;height:100%;transition:width .3s}.analytics-empty{color:#98a2b3;justify-content:center;align-items:center;min-height:120px;font-size:10px;display:flex}.analytics-footer-panel{margin-bottom:30px}.analytics-generated{color:#98a2b3;font-size:9px}.analytics-summary-grid{background:#eaecf0;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.analytics-summary-grid>div{background:#fff;min-width:0;padding:17px 20px}.analytics-summary-grid span{color:#98a2b3;font-size:9px;font-weight:600;display:block}.analytics-summary-grid strong{color:#344054;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:12px;display:block;overflow:hidden}@media (width<=1250px){.analytics-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-grid-bottom{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1000px){.analytics-grid-top,.analytics-grid-two{grid-template-columns:1fr}}@media (width<=700px){.analytics-stat-grid,.analytics-grid-bottom,.analytics-summary-grid{grid-template-columns:1fr}.analytics-header{align-items:flex-start}.analytics-refresh{width:100%}.trend-chart{gap:5px;padding-left:10px;padding-right:10px}.gender-content{flex-direction:column}}.analytics-header-actions{flex-wrap:wrap;gap:8px;display:flex}.analytics-filter-card{background:#fff;border:1px solid #e7eaf0;border-radius:12px;margin-bottom:10px;padding:15px 18px;box-shadow:0 4px 16px #1018280a}.analytics-filter-heading{justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:12px;display:flex}.analytics-filter-heading strong{color:#344054;font-size:12px}.analytics-filter-heading span{color:#98a2b3;font-size:9px}.analytics-periods{flex-wrap:wrap;gap:7px;display:flex}.analytics-periods button{color:#667085;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:7px;padding:8px 11px;font-size:10px}.analytics-periods button:hover{background:#f8fafc}.analytics-periods button.active{color:#fff;background:#102f4d;border-color:#102f4d}.analytics-custom-range{align-items:flex-end;gap:10px;margin-top:12px;display:flex}.analytics-custom-range label{color:#667085;flex-direction:column;gap:5px;font-size:9px;font-weight:700;display:flex}.analytics-custom-range input{color:#344054;border:1px solid #d0d5dd;border-radius:7px;min-height:37px;padding:8px 10px;font-size:11px}.analytics-range-note{color:#98a2b3;margin:8px 0 13px;font-size:9px}.analytics-range-note strong{color:#667085}.analytics-insight-strip{background:#e7eaf0;border:1px solid #e7eaf0;border-radius:12px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-bottom:18px;display:grid;overflow:hidden;box-shadow:0 4px 16px #10182808}.analytics-insight-strip>div{background:#fff;min-width:0;padding:14px 17px}.analytics-insight-strip span{color:#98a2b3;text-transform:uppercase;letter-spacing:.55px;font-size:8px;font-weight:700;display:block}.analytics-insight-strip strong{color:#102f4d;text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:12px;display:block;overflow:hidden}.trend-dual{padding-bottom:10px}.trend-dual .trend-track{position:relative}.trend-verify-bar{opacity:.85;background:#35a77a;border-radius:4px 4px 2px 2px;width:45%;position:absolute;bottom:0;left:0}.trend-legend{color:#667085;gap:15px;padding:0 22px 15px;font-size:9px;display:flex}.trend-legend span{align-items:center;gap:6px;display:inline-flex}.legend-square{background:#176a83;border-radius:2px;width:8px;height:8px;display:inline-block}.legend-square.verifications{background:#35a77a}@media (width<=1250px){.analytics-insight-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.analytics-header-actions{width:100%}.analytics-header-actions button{flex:1}.analytics-filter-heading{flex-direction:column;align-items:flex-start}.analytics-custom-range{flex-direction:column;align-items:stretch}.analytics-custom-range input,.analytics-custom-range button{box-sizing:border-box;width:100%}.analytics-insight-strip{grid-template-columns:1fr}}@media print{.sidebar,.topbar,.no-print,.dashboard-header-actions,.mobile-menu-button{display:none!important}.main-area{width:100%;margin-left:0}.content-area{padding:0}.analytics-page{max-width:none}.dashboard-panel,.analytics-stat-card,.analytics-filter-card,.analytics-insight-strip{break-inside:avoid;box-shadow:none!important}.analytics-stat-grid{grid-template-columns:repeat(3,1fr)}.analytics-grid-top,.analytics-grid-two,.analytics-grid-bottom{break-inside:avoid}}.analytics-intelligence-heading{margin:6px 0 14px;padding:0 2px}.analytics-intelligence-heading span{color:#176a83;letter-spacing:1px;font-size:8px;font-weight:800}.analytics-intelligence-heading h2{color:#102f4d;margin:5px 0 4px;font-size:17px}.analytics-intelligence-heading p{color:#98a2b3;margin:0;font-size:10px}.analytics-intelligence-grid,.analytics-cross-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intelligence-panel{min-width:0}.quality-score{color:#176a83;font-size:18px}.quality-list{padding:18px 20px 20px}.quality-row+.quality-row{margin-top:15px}.quality-meta{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.quality-meta span{color:#667085;font-size:10px}.quality-meta strong{color:#344054;font-size:10px}.quality-track,.verification-track{background:#eef2f6;border-radius:10px;width:100%;height:7px;overflow:hidden}.quality-fill,.verification-fill{border-radius:inherit;background:#176a83;height:100%;transition:width .3s}.quality-fill.high{background:#16a36a}.quality-fill.medium{background:#f79009}.quality-fill.low{background:#d92d20}.quality-row small{color:#98a2b3;margin-top:5px;font-size:8px;display:block}.watchlist{padding:8px 20px 4px}.watch-row{border-bottom:1px solid #f0f1f3;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;display:grid}.watch-row:last-child{border-bottom:0}.watch-icon{color:#176a83;background:#eef3f8;border-radius:7px;place-items:center;width:25px;height:25px;font-size:10px;font-weight:800;display:grid}.watch-icon.warning{color:#b54708;background:#fffaeb}.watch-icon.danger{color:#b42318;background:#fef3f2}.watch-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.watch-copy strong{color:#344054;font-size:10px}.watch-copy span{color:#98a2b3;font-size:8px}.watch-row>b{color:#102f4d;font-size:16px}.watch-highlight{background:#f7fafc;border:1px solid #e7eaf0;border-radius:9px;margin:12px 20px 18px;padding:12px 14px}.watch-highlight span,.watch-highlight small{color:#98a2b3;font-size:8px;display:block}.watch-highlight strong{color:#102f4d;margin:4px 0;font-size:13px;display:block}.matrix-wrapper{box-sizing:border-box;width:100%;padding:8px 20px 20px;overflow-x:auto}.analytics-matrix{border-collapse:collapse;width:100%;min-width:430px}.analytics-matrix th,.analytics-matrix td{text-align:right;border-bottom:1px solid #eef0f3;padding:10px 9px;font-size:9px}.analytics-matrix th:first-child,.analytics-matrix td:first-child{text-align:left}.analytics-matrix th{color:#667085;text-transform:uppercase;letter-spacing:.4px;font-weight:700}.analytics-matrix td:first-child{color:#344054;font-weight:600}.analytics-matrix td span{color:#102f4d;background:#eaf3f6;border-radius:6px;justify-content:center;align-items:center;min-width:30px;min-height:25px;font-weight:700;display:inline-flex}.verification-profile{padding:10px 20px 20px}.verification-group+.verification-group{border-top:1px solid #eef0f3;margin-top:18px;padding-top:15px}.verification-group-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px;display:flex}.verification-group-title strong{color:#344054;font-size:10px}.verification-group-title span{color:#98a2b3;font-size:8px}.verification-row{grid-template-columns:80px minmax(0,1fr) 28px;align-items:center;gap:8px;margin-top:7px;display:grid}.verification-row>span{color:#667085;font-size:8px}.verification-row>strong{color:#344054;text-align:right;font-size:9px}.verification-fill.verified{background:#16a36a}.verification-fill.pending{background:#f79009}.verification-fill.rejected{background:#d92d20}@media (width<=1000px){.analytics-intelligence-grid,.analytics-cross-grid{grid-template-columns:1fr}}@media (width<=600px){.analytics-intelligence-heading h2{font-size:15px}.verification-row{grid-template-columns:70px minmax(0,1fr) 25px}}@media print{.analytics-intelligence-heading,.intelligence-panel{break-inside:avoid}}.geographic-heading{margin-top:30px}.geographic-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 18px;display:grid}.geographic-stat-card{background:#fff;border:1px solid #e7eaf0;border-radius:12px;min-width:0;padding:17px 18px;box-shadow:0 4px 16px #1018280a}.geographic-stat-card>span{color:#98a2b3;letter-spacing:.55px;text-transform:uppercase;font-size:9px;font-weight:800;display:block}.geographic-stat-card>strong{color:#102f4d;margin-top:9px;font-size:25px;line-height:1.1;display:block}.geographic-stat-card>small{color:#667085;margin-top:6px;font-size:9px;line-height:1.45;display:block}.geographic-stat-card.warning>strong{color:#b54708}.geographic-main-grid,.geographic-secondary-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:18px;margin-top:18px;display:grid}.geographic-secondary-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.geographic-map-panel,.geographic-side-panel,.geographic-concentration-panel,.geographic-coverage-panel{overflow:hidden}.geo-map-badge{color:#176a83;background:#f2f7f9;border:1px solid #d9e5eb;border-radius:999px;align-items:center;min-height:25px;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.geo-map-wrap{background:#eef3f5;height:430px;position:relative}.geo-leaflet-map{width:100%;height:100%}.geo-map-overlay{z-index:500;color:#667085;background:#fffffff0;border:1px solid #e4e7ecf2;border-radius:8px;align-items:center;gap:12px;padding:8px 11px;font-size:9px;display:flex;position:absolute;bottom:14px;left:14px;box-shadow:0 4px 15px #1018281f}.geo-dot{background:#176a83;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.geo-empty-map{text-align:center;background:#f8fafc;flex-direction:column;justify-content:center;align-items:center;height:430px;padding:30px;display:flex}.geo-empty-map>div{color:#98a2b3;font-size:40px}.geo-empty-map strong{color:#344054;margin-top:10px;font-size:12px}.geo-empty-map span{color:#98a2b3;max-width:340px;margin-top:6px;font-size:10px;line-height:1.5}.geo-popup{flex-direction:column;gap:5px;min-width:170px;display:flex}.geo-popup strong{color:#102f4d;font-size:12px}.geo-popup span{color:#667085;font-size:9px}.geo-accuracy-list{padding:12px 20px 8px}.geo-accuracy-row{margin-bottom:14px}.geo-accuracy-row>div:first-child{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.geo-accuracy-row span{color:#667085;font-size:9px}.geo-accuracy-row strong{color:#344054;font-size:10px}.geo-accuracy-track{background:#eef1f4;border-radius:999px;height:7px;overflow:hidden}.geo-accuracy-fill{border-radius:inherit;background:#176a83;height:100%}.geo-accuracy-fill.excellent{background:#087443}.geo-accuracy-fill.good{background:#176a83}.geo-accuracy-fill.fair{background:#b54708}.geo-accuracy-fill.weak{background:#d92d20}.geo-accuracy-fill.unknown{background:#98a2b3}.geo-summary-list{border-top:1px solid #eef0f3;margin:7px 20px 20px;padding-top:10px}.geo-summary-list>div{border-bottom:1px solid #f1f2f4;justify-content:space-between;align-items:center;gap:12px;min-height:43px;display:flex}.geo-summary-list>div:last-child{border-bottom:0}.geo-summary-list span{color:#667085;font-size:9px}.geo-summary-list strong{color:#102f4d;font-size:12px}.geo-zone-list{padding:7px 20px 15px}.geo-zone-row{border-bottom:1px solid #f0f1f3;grid-template-columns:28px minmax(0,1fr) 72px 72px;align-items:center;gap:10px;min-height:58px;display:grid}.geo-zone-row:last-child{border-bottom:0}.geo-zone-rank{color:#102f4d;background:#edf3f8;border-radius:7px;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;font-weight:800;display:flex}.geo-zone-row>div:nth-child(2){flex-direction:column;gap:3px;min-width:0;display:flex}.geo-zone-row strong{color:#344054;font-size:10px}.geo-zone-row div small{color:#98a2b3;font-size:8px}.geo-zone-row>b{color:#102f4d;flex-direction:column;align-items:flex-end;font-size:11px;display:flex}.geo-zone-row>b small{color:#98a2b3;margin-top:2px;font-size:7px;font-weight:500}.geo-coverage-card{background:#fafbfc;border:1px solid #e7eaf0;border-radius:9px;margin:14px 20px;padding:13px}.geo-coverage-card>span{color:#667085;font-size:9px;font-weight:700;display:block}.geo-coverage-card>strong{color:#102f4d;margin-top:7px;font-size:20px;display:block}.geo-progress{background:#e9edf2;border-radius:999px;height:7px;margin-top:9px;overflow:hidden}.geo-progress i{border-radius:inherit;background:#176a83;height:100%;display:block}.geo-coverage-card small{color:#98a2b3;margin-top:6px;font-size:8px;display:block}.geo-coverage-note{background:#f3f7f9;border-left:3px solid #176a83;border-radius:0 8px 8px 0;margin:18px 20px 20px;padding:12px}.geo-coverage-note strong{color:#102f4d;font-size:9px;display:block}.geo-coverage-note span{color:#667085;margin-top:4px;font-size:9px;line-height:1.5;display:block}@media (width<=1100px){.geographic-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.geographic-main-grid,.geographic-secondary-grid{grid-template-columns:1fr}}@media (width<=600px){.geographic-stat-grid{grid-template-columns:1fr}.geo-map-wrap,.geo-empty-map{height:350px}.geo-map-overlay{flex-direction:column;align-items:flex-start;gap:4px}.geo-zone-row{grid-template-columns:26px minmax(0,1fr) 58px 58px;gap:7px}}@media print{.geographic-main-grid,.geographic-secondary-grid{break-inside:avoid}.geo-leaflet-map{display:none}.geo-map-wrap,.geo-empty-map{height:170px}}.spatial-heading{margin-top:34px}.spatial-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.spatial-stat-card{background:#fff;border:1px solid #e7eaf0;border-radius:12px;flex-direction:column;justify-content:center;min-height:128px;padding:18px;display:flex;box-shadow:0 4px 16px #1018280a}.spatial-stat-card>span{color:#667085;letter-spacing:.45px;text-transform:uppercase;font-size:9px;font-weight:800}.spatial-stat-card>strong{color:#102f4d;margin-top:8px;font-size:27px;line-height:1}.spatial-stat-card>small{color:#98a2b3;margin-top:7px;font-size:9px;line-height:1.45}.spatial-stat-card.danger{border-top:3px solid #c2410c}.spatial-stat-card.danger>strong{color:#9a3412}.spatial-stat-card.warning{border-top:3px solid #d97706}.spatial-stat-card.warning>strong{color:#b45309}.spatial-stat-card.info{border-top:3px solid #176a83}.spatial-stat-card.info>strong{color:#176a83}.spatial-operations-grid{grid-template-columns:minmax(0,1.35fr) minmax(360px,.9fr);gap:18px;margin-top:18px;display:grid}.spatial-panel-badge{color:#526273;text-transform:uppercase;white-space:nowrap;background:#f7fafc;border:1px solid #dbe4ec;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800}.spatial-queue-list,.spatial-zone-list{padding:6px 20px 12px}.spatial-queue-row{border-bottom:1px solid #f0f1f3;grid-template-columns:28px minmax(0,1fr) 48px 62px 68px;align-items:center;gap:9px;min-height:58px;display:grid}.spatial-queue-row:last-child,.spatial-zone-row:last-child{border-bottom:0}.spatial-rank,.spatial-zone-rank{color:#102f4d;background:#edf3f8;border-radius:7px;justify-content:center;align-items:center;width:25px;height:25px;font-size:9px;font-weight:800;display:inline-flex}.spatial-rank.high,.spatial-zone-rank.high{color:#b42318;background:#fee2e2}.spatial-rank.medium,.spatial-zone-rank.medium{color:#a15c00;background:#fff4d6}.spatial-rank.low,.spatial-zone-rank.low{color:#087443;background:#e9f8f0}.spatial-queue-main,.spatial-zone-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.spatial-queue-main strong,.spatial-zone-copy strong{color:#344054;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:800;overflow:hidden}.spatial-queue-main span,.spatial-zone-copy span{color:#98a2b3;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.spatial-queue-meta,.spatial-queue-gap{flex-direction:column;align-items:flex-end;display:flex}.spatial-queue-meta b,.spatial-queue-gap b,.spatial-zone-row>div b{color:#102f4d;font-size:11px}.spatial-queue-meta small,.spatial-queue-gap small,.spatial-zone-row>div small{color:#98a2b3;margin-top:2px;font-size:7px}.spatial-priority-badge{text-transform:uppercase;border-radius:999px;justify-self:end;padding:4px 6px;font-size:7px;font-weight:800}.spatial-priority-badge.high{color:#b42318;background:#fee2e2}.spatial-priority-badge.medium{color:#a15c00;background:#fff4d6}.spatial-priority-badge.low{color:#087443;background:#e9f8f0}.spatial-zone-row{border-bottom:1px solid #f0f1f3;grid-template-columns:28px minmax(0,1fr) 60px 60px 68px;align-items:center;gap:9px;min-height:62px;display:grid}.spatial-zone-row>div:not(.spatial-zone-copy){flex-direction:column;align-items:flex-end;display:flex}.spatial-field-note{background:#f3f8fa;border:1px solid #dce8ee;border-radius:10px;align-items:flex-start;gap:11px;margin-top:18px;padding:14px 16px;display:flex}.spatial-note-icon{color:#176a83;background:#dcecf1;border-radius:8px;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;display:flex}.spatial-field-note strong{color:#102f4d;font-size:10px;font-weight:800;display:block}.spatial-field-note span{color:#667085;margin-top:4px;font-size:9px;line-height:1.55;display:block}@media (width<=1100px){.spatial-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spatial-operations-grid{grid-template-columns:1fr}}@media (width<=650px){.spatial-stat-grid{grid-template-columns:1fr 1fr}.spatial-queue-row{grid-template-columns:26px minmax(0,1fr) 48px 62px}.spatial-queue-row .spatial-priority-badge{display:none}.spatial-zone-row{grid-template-columns:26px minmax(0,1fr) 55px 55px}.spatial-zone-row .spatial-priority-badge{display:none}}@media (width<=450px){.spatial-stat-grid{grid-template-columns:1fr}.spatial-queue-list,.spatial-zone-list{padding-left:12px;padding-right:12px}.spatial-queue-row{grid-template-columns:24px minmax(0,1fr) 44px 54px;gap:6px}.spatial-zone-row{grid-template-columns:24px minmax(0,1fr) 50px 50px;gap:6px}}@media print{.spatial-stat-grid,.spatial-operations-grid,.spatial-field-note{break-inside:avoid}}.field-operations-heading{margin-top:28px}.field-operations-shell{margin-top:4px}.field-operations-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.field-operation-stat{background:#fff;border:1px solid #e7eaf0;border-top:3px solid #176a83;border-radius:12px;min-width:0;padding:17px 18px;box-shadow:0 4px 16px #1018280a}.field-operation-stat.danger{border-top-color:#c2410c}.field-operation-stat.warning{border-top-color:#d97706}.field-operation-stat.info{border-top-color:#176a83}.field-operation-stat span{color:#667085;letter-spacing:.7px;font-size:9px;font-weight:800;display:block}.field-operation-stat strong{color:#102f4d;margin-top:9px;font-size:28px;line-height:1;display:block}.field-operation-stat.danger strong{color:#9a3412}.field-operation-stat.warning strong{color:#b45309}.field-operation-stat.info strong{color:#176a83}.field-operation-stat small{color:#98a2b3;margin-top:7px;font-size:9px;line-height:1.45;display:block}.field-operations-main-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);gap:18px;display:grid}.field-workboard,.field-plan-panel{min-width:0}.field-workboard-header{align-items:center}.field-operation-filters{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.field-operation-filters button{color:#667085;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:6px;padding:6px 10px;font-size:9px;font-weight:700}.field-operation-filters button:hover{background:#f9fafb}.field-operation-filters button.active{color:#fff;background:#102f4d;border-color:#102f4d}.field-workboard-table-wrap{width:100%;overflow-x:auto}.field-workboard-table{min-width:720px}.field-workboard-row{border-bottom:1px solid #eef0f3;grid-template-columns:1.15fr 1.15fr 75px 72px 88px;align-items:center;gap:12px;min-height:68px;padding:0 18px;display:grid}.field-workboard-row:last-child{border-bottom:0}.field-workboard-head{color:#667085;text-transform:uppercase;letter-spacing:.5px;background:#f9fafb;min-height:38px;font-size:8px;font-weight:800}.field-operation-name,.field-operation-target,.field-operation-number{flex-direction:column;gap:3px;min-width:0;display:flex}.field-operation-name strong,.field-operation-target strong,.field-operation-number strong{color:#344054;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.field-operation-name strong{color:#102f4d}.field-operation-name small,.field-operation-target small,.field-operation-number small{color:#98a2b3;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.field-operation-number{align-items:flex-end}.field-operation-number strong{font-size:13px}.field-priority,.field-action-label{text-transform:uppercase;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;width:fit-content;padding:5px 8px;font-size:7px;font-weight:800;display:inline-flex}.field-priority.high{color:#b42318;background:#fee2e2}.field-priority.medium{color:#a15c00;background:#fff4d6}.field-priority.low{color:#087443;background:#e9f8f0}.field-action-label{color:#176a83;background:#f3f8fa;border:1px solid #dce8ee}.field-empty{min-height:180px}.field-plan-list{padding:8px 18px}.field-plan-step{border-bottom:1px solid #eef0f3;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:72px;display:grid}.field-plan-step:last-child{border-bottom:0}.field-plan-step>b{color:#102f4d;background:#edf3f8;border-radius:7px;place-items:center;width:26px;height:26px;font-size:8px;display:grid}.field-plan-step>div{flex-direction:column;gap:4px;min-width:0;display:flex}.field-plan-step strong{color:#344054;font-size:10px}.field-plan-step span{color:#98a2b3;font-size:8px;line-height:1.45}.field-plan-step em{color:#667085;background:#f2f4f7;border-radius:5px;padding:4px 6px;font-size:7px;font-style:normal;font-weight:800}.field-plan-footer{background:#f8fafc;border-radius:8px;margin:0 18px 18px;padding:12px}.field-plan-footer span,.field-plan-footer strong{display:block}.field-plan-footer span{color:#98a2b3;font-size:8px}.field-plan-footer strong{color:#344054;margin-top:4px;font-size:9px}.field-operations-note{background:#f3f8fa;border:1px solid #dce8ee;border-radius:10px;align-items:flex-start;gap:11px;margin-top:18px;padding:14px 16px;display:flex}.field-note-icon{color:#176a83;background:#dcecf1;border-radius:8px;flex:0 0 30px;place-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:grid}.field-operations-note strong{color:#102f4d;font-size:10px;font-weight:800;display:block}.field-operations-note span{color:#667085;margin-top:4px;font-size:9px;line-height:1.55;display:block}@media (width<=1100px){.field-operations-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-operations-main-grid{grid-template-columns:1fr}}@media (width<=650px){.field-operations-stat-grid{grid-template-columns:1fr 1fr}.field-workboard-row{grid-template-columns:1.1fr 1fr 65px 55px}.field-workboard-row>:nth-child(5){display:none}}@media (width<=450px){.field-operations-stat-grid{grid-template-columns:1fr}.field-workboard-row{grid-template-columns:1fr 65px 55px;gap:8px;padding:0 12px}.field-workboard-row>:nth-child(2),.field-workboard-head>:nth-child(2){display:none}.field-plan-step{grid-template-columns:28px minmax(0,1fr)}.field-plan-step em{display:none}}@media print{.field-operations-stat-grid,.field-operations-main-grid,.field-operations-note{break-inside:avoid}}.persistent-operations-shell{margin-top:24px}.persistent-operations-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:14px;display:flex}.persistent-operations-heading>div:first-child{min-width:0}.persistent-operations-heading span{color:#176a83;letter-spacing:1.1px;margin-bottom:6px;font-size:8px;font-weight:800;display:block}.persistent-operations-heading h2{color:#102f4d;margin:0;font-size:19px}.persistent-operations-heading p{color:#667085;max-width:760px;margin:6px 0 0;font-size:10px;line-height:1.55}.persistent-heading-actions{flex-shrink:0;gap:8px;display:flex}.persistent-operation-message{color:#176a83;background:#f3f8fa;border:1px solid #dce8ee;border-radius:8px;margin-bottom:14px;padding:10px 13px;font-size:10px;font-weight:600}.persistent-operation-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.persistent-operation-stat{background:#fff;border:1px solid #e7eaf0;border-radius:10px;min-width:0;padding:15px;box-shadow:0 4px 14px #10182809}.persistent-operation-stat span{color:#98a2b3;letter-spacing:.7px;font-size:8px;font-weight:800;display:block}.persistent-operation-stat strong{color:#102f4d;margin-top:9px;font-size:24px;display:block}.persistent-operation-stat small{color:#98a2b3;margin-top:4px;font-size:8px;line-height:1.4;display:block}.persistent-operation-stat.warning strong{color:#a15c00}.persistent-operation-stat.info strong{color:#176a83}.persistent-operation-stat.success strong{color:#087443}.persistent-operation-stat.danger strong{color:#b42318}.persistent-operation-form{margin-bottom:14px;overflow:hidden}.persistent-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px 20px;display:grid}.persistent-form-grid label{color:#475467;flex-direction:column;gap:6px;font-size:9px;font-weight:700;display:flex}.persistent-form-grid input,.persistent-form-grid select,.persistent-form-grid textarea{box-sizing:border-box;color:#344054;width:100%;font:inherit;background:#fff;border:1px solid #d0d5dd;border-radius:7px;outline:none;padding:9px 10px;font-size:10px}.persistent-form-grid textarea{resize:vertical;min-height:78px}.persistent-form-grid input:focus,.persistent-form-grid select:focus,.persistent-form-grid textarea:focus{border-color:#176a83;box-shadow:0 0 0 3px #176a8314}.persistent-form-wide{grid-column:1/-1}.persistent-form-actions{justify-content:flex-end;gap:8px;padding:0 20px 18px;display:flex}.persistent-workboard{overflow:hidden}.persistent-live-badge{color:#027a48;letter-spacing:.5px;background:#ecfdf3;border-radius:999px;padding:5px 8px;font-size:7px;font-weight:800}.persistent-table-wrap{width:100%;overflow-x:auto}.persistent-table{min-width:980px}.persistent-row{border-bottom:1px solid #eef0f3;grid-template-columns:1.35fr 1.15fr 1fr .85fr 100px 145px;align-items:center;gap:14px;min-height:67px;padding:0 20px;display:grid}.persistent-row:last-child{border-bottom:0}.persistent-head{color:#667085;text-transform:uppercase;letter-spacing:.5px;background:#f9fafb;min-height:38px;font-size:8px;font-weight:800}.persistent-row>div{flex-direction:column;gap:3px;min-width:0;display:flex}.persistent-row strong{color:#344054;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.persistent-row small{color:#98a2b3;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.persistent-status{text-transform:uppercase;white-space:nowrap;border-radius:999px;width:fit-content;padding:5px 7px;font-size:7px;font-weight:800}.persistent-status.planned{color:#475467;background:#f2f4f7}.persistent-status.assigned{color:#176a83;background:#edf3f8}.persistent-status.in_progress{color:#a15c00;background:#fff4d6}.persistent-status.completed{color:#027a48;background:#ecfdf3}.persistent-status.cancelled{color:#b42318;background:#fef3f2}.persistent-status.overdue{color:#b42318;background:#fee2e2}.persistent-actions{flex-wrap:wrap;gap:5px;flex-direction:row!important;display:flex!important}.persistent-actions button{color:#344054;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:5px;padding:5px 7px;font-size:8px;font-weight:700}.persistent-actions button:hover:not(:disabled){color:#176a83;background:#f8fbfc;border-color:#176a83}.persistent-actions button.danger{color:#b42318}.persistent-actions button:disabled{opacity:.45;cursor:not-allowed}.persistent-loading{flex-direction:column;gap:8px;min-height:180px}.persistent-loading .loading-spinner{width:24px;height:24px;margin:0}.persistent-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:210px;display:flex}.persistent-empty>div{color:#98a2b3;font-size:32px}.persistent-empty strong{color:#344054;margin-top:9px;font-size:12px}.persistent-empty span{color:#98a2b3;max-width:430px;margin-top:5px;font-size:9px;line-height:1.5}.persistent-lifecycle{color:#667085;letter-spacing:.4px;background:#fff;border:1px solid #e7eaf0;border-radius:9px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:14px;padding:12px 15px;font-size:8px;font-weight:800;display:flex}.persistent-lifecycle i{color:#98a2b3;font-style:normal}.persistent-lifecycle b{color:#027a48}.persistent-lifecycle em{color:#b42318;font-style:normal}@media (width<=1200px){.persistent-operation-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.persistent-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=750px){.persistent-operations-heading{flex-direction:column;align-items:flex-start}.persistent-heading-actions{width:100%}.persistent-heading-actions .dashboard-button{text-align:center;flex:1}.persistent-operation-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.persistent-form-grid{grid-template-columns:1fr}.persistent-form-wide{grid-column:auto}}@media (width<=450px){.persistent-operation-stat-grid{grid-template-columns:1fr}.persistent-lifecycle{justify-content:flex-start}}@media print{.persistent-heading-actions,.persistent-operation-form,.persistent-actions{display:none!important}.persistent-table{min-width:0}.persistent-row{grid-template-columns:1.3fr 1fr .9fr .8fr 90px}.persistent-row>:last-child{display:none}}.ai-root{color:#0f172a;box-sizing:border-box;overscroll-behavior:none;background:#f8fafc;width:100%;height:100dvh;min-height:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.ai-root *,.ai-root :before,.ai-root :after{box-sizing:border-box}.ai-shell{flex-direction:column;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.ai-header{z-index:20;background:#fff;border-bottom:1px solid #e2e8f0;flex:0 0 64px;justify-content:space-between;align-items:center;gap:16px;height:64px;min-height:64px;padding:0 24px;display:flex;position:relative;overflow:hidden}.ai-header-left{align-items:center;gap:12px;min-width:0;display:flex}.ai-brand-mark{color:#fff;background:linear-gradient(135deg,#1d4ed8,#2563eb);border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;font-weight:700;display:flex;box-shadow:0 4px 12px #2563eb33}.ai-brand-text{flex-direction:column;justify-content:center;min-width:0;display:flex}.ai-title-row{align-items:center;gap:10px;min-width:0;display:flex}.ai-title-row h1{color:#0f172a;letter-spacing:-.2px;white-space:nowrap;margin:0;font-size:16px;font-weight:700;line-height:1.2}.ai-header-left p{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;font-size:12px;overflow:hidden}.ai-status-badge{white-space:nowrap;border-radius:9999px;flex-shrink:0;align-items:center;gap:6px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.ai-status-badge.online{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.ai-status-badge.offline{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.ai-status-dot{background:currentColor;border-radius:50%;flex:0 0 6px;width:6px;height:6px}.ai-header-actions{flex-shrink:0;align-items:center;display:flex}.ai-btn-new-chat{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.ai-btn-new-chat:hover:not(:disabled){color:#0f172a;background:#f8fafc;border-color:#94a3b8}.ai-btn-new-chat:disabled{opacity:.5;cursor:not-allowed}.ai-mobile-menu-btn{color:#334155;cursor:pointer;background:0 0;border:0;border-radius:8px;width:34px;height:34px;padding:0;font-size:21px;line-height:1;display:none}.ai-body{flex:auto;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.ai-sidebar-inner{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;z-index:10;background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex:0 0 280px;width:280px;min-height:0;padding:20px 16px;display:flex;overflow-y:auto}.ai-sidebar-section{margin-bottom:24px}.ai-sidebar-heading{color:#94a3b8;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;padding:0 6px;font-size:11px;font-weight:700}.ai-capability-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;gap:10px;padding:12px;display:flex}.ai-capability-icon{color:#2563eb;background:#eff6ff;border-radius:6px;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.ai-capability-text{min-width:0}.ai-capability-text strong{color:#1e293b;margin-bottom:3px;font-size:12px;display:block}.ai-capability-text p{color:#64748b;margin:0;font-size:11px;line-height:1.5}.ai-quick-list{flex-direction:column;gap:2px;display:flex}.ai-quick-item{text-align:left;color:#475569;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px;font-size:13px;transition:background .15s,color .15s;display:flex}.ai-quick-item:hover:not(:disabled){color:#1d4ed8;background:#f1f5f9}.ai-quick-item:disabled{opacity:.5;cursor:not-allowed}.ai-quick-icon{background:#f1f5f9;border-radius:6px;flex:0 0 24px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex}.ai-sidebar-footer{border-top:1px solid #f1f5f9;margin-top:auto;padding:12px 6px 0}.ai-readonly-badge{color:#475569;align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.ai-sidebar-footer p{color:#94a3b8;margin:6px 0 0;font-size:11px;line-height:1.4}.ai-chat-main{flex-direction:column;flex:auto;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.ai-chat-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-width:0;min-height:0;padding:24px 0 20px;overflow:hidden auto}.ai-welcome{text-align:center;width:calc(100% - 48px);max-width:760px;margin:0 auto;padding:20px 0 32px}.ai-welcome-icon{color:#fff;background:linear-gradient(135deg,#1d4ed8,#3b82f6);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 16px;font-size:26px;font-weight:700;display:flex;box-shadow:0 10px 20px #2563eb2e}.ai-welcome h2{color:#0f172a;letter-spacing:-.4px;margin:0;font-size:24px;line-height:1.25}.ai-welcome>p{color:#64748b;max-width:580px;margin:12px auto 24px;font-size:14px;line-height:1.6}.ai-welcome-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.ai-welcome-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:36px minmax(0,1fr) 16px;align-items:center;gap:10px;min-width:0;padding:14px;transition:border-color .15s,box-shadow .15s,transform .15s;display:grid}.ai-welcome-card:hover:not(:disabled){border-color:#bfdbfe;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a0d}.ai-welcome-card:disabled{opacity:.6;cursor:not-allowed}.ai-card-icon{background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.ai-card-text{min-width:0}.ai-card-text strong{color:#1e293b;margin-bottom:2px;font-size:13px;display:block}.ai-card-text small{color:#64748b;font-size:11px;line-height:1.4;display:block}.ai-card-arrow{color:#94a3b8;font-size:16px}.ai-messages-container{width:calc(100% - 48px);max-width:760px;margin:0 auto;padding-bottom:8px}.ai-message-row{gap:12px;min-width:0;margin-bottom:24px;display:flex}.ai-message-row.user-message{justify-content:flex-end}.ai-message-row.assistant-message{justify-content:flex-start}.ai-avatar{color:#fff;background:linear-gradient(135deg,#1d4ed8,#2563eb);border-radius:8px;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;font-weight:700;display:flex;box-shadow:0 2px 6px #2563eb33}.ai-message-content{min-width:0;max-width:82%}.user-message .ai-message-content{flex-direction:column;align-items:flex-end;display:flex}.ai-message-label{color:#94a3b8;margin:0 2px 4px;font-size:11px;font-weight:600}.ai-message-label span{color:#cbd5e1;margin-left:6px;font-weight:400}.ai-message-bubble{overflow-wrap:anywhere;word-break:break-word;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-width:100%;padding:12px 16px;font-size:14px;line-height:1.6;box-shadow:0 1px 3px #00000005}.user-message .ai-message-bubble{color:#fff;background:#2563eb;border-color:#2563eb;border-bottom-right-radius:2px}.assistant-message .ai-message-bubble{border-bottom-left-radius:2px}.ai-answer-line{min-height:1.2em}.ai-answer-spacer{height:8px}.ai-answer-heading{color:inherit;margin:4px 0 6px;font-weight:700}.ai-answer-bullet,.ai-answer-numbered{gap:8px;margin:4px 0;display:flex}.ai-bullet-dot{flex-shrink:0;font-weight:700}.ai-number-prefix{flex-shrink:0;min-width:18px;font-weight:700}.ai-context-note{color:#94a3b8;align-items:center;gap:5px;margin:6px 2px 0;font-size:10px;display:flex}.ai-context-dot{color:#16a34a;font-size:8px}.message-error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.ai-error-banner{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:flex-start;gap:10px;width:calc(100% - 48px);max-width:760px;margin:0 auto 16px;padding:10px 14px;font-size:12px;display:flex}.ai-error-banner strong{margin-bottom:2px;display:block}.ai-error-banner p{margin:0}.ai-error-banner button{color:#991b1b;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:16px}.ai-typing{align-items:center;gap:4px;display:flex}.ai-typing>span{background:#64748b;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite aiPulse}.ai-typing>span:nth-child(2){animation-delay:.15s}.ai-typing>span:nth-child(3){animation-delay:.3s}.ai-typing em{color:#64748b;margin-left:8px;font-size:11px;font-style:normal}@keyframes aiPulse{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.ai-composer-wrapper{width:100%;padding:12px 24px calc(16px + env(safe-area-inset-bottom));z-index:15;background:#f8fafc;border-top:1px solid #e2e8f0;flex:none;position:relative}.ai-composer-inner{width:100%;max-width:760px;margin:0 auto}.ai-input-wrapper{background:#fff;border:1px solid #cbd5e1;border-radius:12px;transition:border-color .15s,box-shadow .15s;overflow:hidden;box-shadow:0 4px 16px #0f172a0a}.ai-input-wrapper:focus-within{border-color:#2563eb;box-shadow:0 4px 20px #2563eb1f}.ai-input-wrapper textarea{resize:none;color:#0f172a;background:0 0;border:0;outline:none;width:100%;min-height:48px;max-height:140px;padding:12px 14px 6px;font-family:inherit;font-size:13px;line-height:1.5;display:block;overflow-y:auto}.ai-input-wrapper textarea::placeholder{color:#94a3b8}.ai-input-bottom{justify-content:space-between;align-items:center;gap:10px;min-height:34px;padding:2px 8px 8px 14px;display:flex}.ai-input-hint{color:#94a3b8;align-items:center;gap:6px;font-size:10px;display:flex}.ai-input-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.ai-character-count{color:#94a3b8;font-size:10px}.ai-send-button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:6px;flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:16px;font-weight:700;transition:background .15s,transform .15s;display:flex}.ai-send-button:hover:not(:disabled){background:#1d4ed8}.ai-send-button:active:not(:disabled){transform:scale(.96)}.ai-send-button:disabled{cursor:not-allowed;background:#cbd5e1}.ai-send-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:12px;height:12px;animation:.6s linear infinite aiSpin}@keyframes aiSpin{to{transform:rotate(360deg)}}.ai-disclaimer{text-align:center;color:#94a3b8;padding-top:6px;font-size:10px}@media (width<=900px){.ai-sidebar-inner{flex-basis:240px;width:240px}.ai-welcome-grid{grid-template-columns:1fr}}@media (width<=768px){.ai-root{height:100dvh}.ai-header{height:60px;min-height:60px;padding:env(safe-area-inset-top) 12px 0;flex-basis:60px}.ai-header-left{gap:8px}.ai-mobile-menu-btn{justify-content:center;align-items:center;display:flex}.ai-brand-mark{border-radius:9px;flex-basis:34px;width:34px;height:34px;font-size:16px}.ai-title-row{gap:6px}.ai-title-row h1{font-size:14px}.ai-header-left p{font-size:10px}.ai-status-badge{padding:2px 6px;font-size:9px}.ai-status-dot{flex-basis:5px;width:5px;height:5px}.ai-sidebar-inner{width:min(82vw,300px);padding:20px 16px calc(20px + env(safe-area-inset-bottom));z-index:50;transition:transform .25s ease-in-out;position:absolute;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:4px 0 20px #0000001f}.ai-sidebar-inner.ai-sidebar-open{transform:translate(0)}.ai-sidebar-overlay{z-index:40;background:#0f172a66;border:0;width:100%;height:100%;position:absolute;inset:0}.ai-btn-text{display:none}.ai-btn-new-chat{width:36px;height:36px;padding:0}.ai-btn-icon{font-size:19px;line-height:1}.ai-chat-main{min-height:0;overflow:hidden}.ai-chat-scroll{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:16px 0 12px}.ai-welcome{width:calc(100% - 28px);padding:12px 0 24px}.ai-welcome-icon{border-radius:12px;width:46px;height:46px;margin-bottom:12px;font-size:22px}.ai-welcome h2{font-size:21px}.ai-welcome>p{margin:10px auto 20px;font-size:13px}.ai-welcome-grid{gap:10px}.ai-welcome-card{grid-template-columns:34px minmax(0,1fr) 14px;padding:12px}.ai-card-icon{width:34px;height:34px}.ai-messages-container{width:calc(100% - 28px)}.ai-message-row{gap:8px;margin-bottom:18px}.ai-avatar{border-radius:7px;flex-basis:28px;width:28px;height:28px;font-size:13px}.ai-message-content{max-width:calc(100% - 36px)}.user-message .ai-message-content{max-width:88%}.ai-message-bubble{padding:10px 12px;font-size:13px;line-height:1.55}.ai-error-banner{width:calc(100% - 28px);margin-bottom:12px}.ai-composer-wrapper{padding:8px 12px calc(10px + env(safe-area-inset-bottom));flex-shrink:0}.ai-composer-inner{max-width:none}.ai-input-wrapper textarea{min-height:44px;padding:10px 12px 5px;font-size:16px}.ai-input-bottom{min-height:32px;padding:2px 7px 7px 12px}.ai-input-hint{display:none}.ai-send-button{flex-basis:30px;width:30px;height:30px}.ai-disclaimer{padding-top:5px;font-size:9px;line-height:1.3}}@media (width<=420px){.ai-header{padding-left:8px;padding-right:8px}.ai-header-left{gap:5px}.ai-brand-mark{flex-basis:32px;width:32px;height:32px}.ai-title-row h1{font-size:13px}.ai-status-badge{text-overflow:ellipsis;max-width:88px;overflow:hidden}.ai-header-left p{max-width:170px}.ai-welcome,.ai-messages-container{width:calc(100% - 20px)}.ai-composer-wrapper{padding-left:8px;padding-right:8px}.ai-message-content{max-width:calc(100% - 34px)}.user-message .ai-message-content{max-width:90%}}:root{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--secondary:#64748b;--secondary-hover:#475569;--secondary-light:#f8fafc;--danger:#dc2626;--danger-hover:#b91c1c;--danger-light:#fef2f2;--success:#16a34a;--success-light:#f0fdf4;--text-main:#0f172a;--text-muted:#64748b;--bg-page:#f8fafc;--bg-card:#fff;--bg-input:#f8fafc;--border-color:#e2e8f0;--border-radius-sm:6px;--border-radius-md:8px;--border-radius-lg:12px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--transition:all .2s cubic-bezier(.4, 0, .2, 1)}.system-settings-page{background-color:var(--bg-page);max-width:1400px;color:var(--text-main);box-sizing:border-box;margin:0 auto;padding:2rem 1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.system-settings-page *,.system-settings-page :before,.system-settings-page :after{box-sizing:border-box}.dashboard-loading{min-height:60vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.loading-spinner{border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.system-settings-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.breadcrumb{text-transform:uppercase;letter-spacing:.05em;color:var(--primary);margin-bottom:.5rem;font-size:.85rem;font-weight:600}.system-settings-header h1{color:var(--text-main);margin:0 0 .5rem;font-size:2rem;font-weight:700;line-height:1.2}.system-settings-header p{color:var(--text-muted);max-width:650px;margin:0;font-size:.95rem;line-height:1.5}.system-settings-header-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.primary-button,.secondary-button,.danger-button{border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.primary-button{background-color:var(--primary);color:#fff}.primary-button:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:var(--shadow-sm)}.secondary-button{border-color:var(--border-color);color:var(--text-main);background-color:#fff}.secondary-button:hover:not(:disabled){background-color:var(--secondary-light);border-color:#cbd5e1}.danger-button{background-color:var(--danger-light);color:var(--danger);border-color:#fecaca}.danger-button:hover:not(:disabled){background-color:var(--danger);color:#fff}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{opacity:.6;cursor:not-allowed}.system-settings-alert{border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.system-settings-alert>div{flex-direction:column;gap:.25rem;display:flex}.system-settings-alert strong{font-size:.9rem}.system-settings-alert span{font-size:.875rem}.system-settings-alert button{cursor:pointer;opacity:.7;transition:var(--transition);background:0 0;border:none;padding:.25rem;font-size:1.25rem;line-height:1}.system-settings-alert button:hover{opacity:1}.system-settings-success{background-color:var(--success-light);color:#14532d;border:1px solid #bbf7d0}.system-settings-error{background-color:var(--danger-light);color:#7f1d1d;border:1px solid #fecaca}.system-settings-layout{grid-template-columns:280px 1fr;align-items:start;gap:2rem;display:grid}.system-settings-sidebar{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:1.25rem;padding:1.25rem;display:flex;position:sticky;top:1.5rem}.settings-sidebar-title{letter-spacing:.05em;color:var(--text-muted);font-size:.75rem;font-weight:700}.settings-navigation{flex-direction:column;gap:.25rem;display:flex}.settings-nav-item{border-radius:var(--border-radius-sm);width:100%;color:var(--text-muted);text-align:left;cursor:pointer;transition:var(--transition);background:0 0;border:none;align-items:center;gap:.75rem;padding:.625rem .875rem;font-size:.9rem;font-weight:500;display:flex}.settings-nav-item:hover{background-color:var(--secondary-light);color:var(--text-main)}.settings-nav-item.active{background-color:var(--primary-light);color:var(--primary);font-weight:600}.settings-nav-icon{font-size:1.1rem}.settings-sidebar-info{border-top:1px solid var(--border-color);flex-direction:column;gap:.25rem;margin-top:.5rem;padding-top:1rem;display:flex}.settings-sidebar-info strong{color:var(--text-main);font-size:.8rem}.settings-sidebar-info span{color:var(--text-muted);font-size:.75rem;line-height:1.4}.system-settings-form{flex-direction:column;gap:2rem;display:flex}.dashboard-panel.settings-section{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:1.75rem;scroll-margin-top:1.5rem}.panel-header{border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:1rem}.panel-header h2{color:var(--text-main);margin:0 0 .25rem;font-size:1.25rem;font-weight:700}.panel-header p{color:var(--text-muted);margin:0;font-size:.875rem}.settings-form-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.settings-top-margin{margin-top:1.25rem}.settings-field{flex-direction:column;gap:.5rem;display:flex}.settings-field-full{grid-column:1/-1}.settings-field span{color:var(--text-main);font-size:.875rem;font-weight:600}.settings-field input[type=text],.settings-field input[type=number],.settings-field input[type=email],.settings-field input[type=tel],.settings-field select,.settings-field textarea{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);width:100%;color:var(--text-main);transition:var(--transition);padding:.625rem .875rem;font-size:.9rem}.settings-field input:focus,.settings-field select:focus,.settings-field textarea:focus{border-color:var(--primary);background-color:#fff;outline:none;box-shadow:0 0 0 3px #2563eb26}.settings-field textarea{resize:vertical}.maintenance-message-field{margin-top:1rem}.settings-subheading{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:1.5rem 0 1rem;font-size:.9rem;font-weight:700}.settings-toggle-group,.settings-toggle-list{flex-direction:column;gap:.75rem;display:flex}.settings-toggle-card{background-color:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:1rem;display:flex}.settings-toggle-card:hover{background-color:#f1f5f9;border-color:#cbd5e1}.settings-toggle-card>div{flex-direction:column;gap:.25rem;padding-right:1rem;display:flex}.settings-toggle-card strong{color:var(--text-main);font-size:.9rem}.settings-toggle-card span{color:var(--text-muted);font-size:.8rem}.settings-toggle-card input[type=checkbox]{opacity:0;width:0;height:0;position:absolute}.toggle-switch{width:44px;height:24px;transition:var(--transition);background-color:#cbd5e1;border-radius:12px;flex-shrink:0;position:relative}.toggle-switch:after{content:"";width:20px;height:20px;box-shadow:var(--shadow-sm);transition:var(--transition);background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.settings-toggle-card input[type=checkbox]:checked+.toggle-switch{background-color:var(--primary)}.settings-toggle-card input[type=checkbox]:checked+.toggle-switch:after{transform:translate(20px)}.settings-toggle-card input[type=checkbox]:focus-visible+.toggle-switch{box-shadow:0 0 0 3px #2563eb4d}.id-preview-card{background-color:var(--primary-light);border:1px dashed var(--primary);border-radius:var(--border-radius-md);text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-bottom:1.25rem;padding:1.25rem;display:flex}.id-preview-card span{text-transform:uppercase;color:var(--primary);margin-bottom:.25rem;font-size:.8rem;font-weight:600}.id-preview-card strong{color:var(--text-main);letter-spacing:.05em;font-family:monospace;font-size:1.5rem}.system-actions-panel{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem 1.75rem;display:flex}.system-actions-panel h2{margin:0 0 .25rem;font-size:1.1rem;font-weight:700}.system-actions-panel p{color:var(--text-muted);margin:0;font-size:.875rem}.system-actions-buttons{flex-shrink:0;align-items:center;gap:.75rem;display:flex}@media (width<=1024px){.system-settings-layout{grid-template-columns:220px 1fr;gap:1.25rem}}@media (width<=768px){.system-settings-header{flex-direction:column;align-items:flex-start}.system-settings-header-actions{width:100%}.system-settings-header-actions button{flex:1}.system-settings-layout{grid-template-columns:1fr}.system-settings-sidebar{position:static}.settings-navigation{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;display:grid}.settings-nav-item{text-align:center;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem .5rem}.settings-form-grid{grid-template-columns:1fr}.system-actions-panel{flex-direction:column;align-items:flex-start}.system-actions-buttons{flex-direction:column;width:100%}.system-actions-buttons button{width:100%}}.taw-container{z-index:9999;flex-direction:column;align-items:flex-end;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:fixed;bottom:24px;right:24px}.taw-window{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;width:340px;max-width:calc(100vw - 32px);height:380px;margin-bottom:12px;animation:.2s ease-out forwards tawSlideUp;display:flex;overflow:hidden;box-shadow:0 12px 28px -4px #0f172a26,0 4px 10px -2px #0f172a14}@keyframes tawSlideUp{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.taw-header{color:#fff;background-color:#0f172a;justify-content:space-between;align-items:center;padding:10px 14px;display:flex;box-shadow:0 2px 4px #00000014}.taw-header-left{align-items:center;gap:8px;display:flex}.taw-header-icon{color:#a5b4fc;background:#6366f133;border:1px solid #818cf840;border-radius:8px;justify-content:center;align-items:center;padding:6px;display:flex}.taw-header-title{color:#fff;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:600;display:flex}.taw-badge{color:#c7d2fe;background:#6366f140;border-radius:4px;padding:1px 5px;font-family:monospace;font-size:9px}.taw-status{color:#34d399;align-items:center;gap:5px;margin-top:1px;font-size:10px;display:flex}.taw-status-dot{background-color:#34d399;border-radius:50%;width:6px;height:6px;animation:2s infinite tawPulse}@keyframes tawPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.taw-header-actions{align-items:center;gap:2px;display:flex}.taw-icon-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:5px;transition:all .15s;display:flex}.taw-icon-btn:hover{color:#fff;background-color:#1e293b}.taw-icon-btn.taw-clear:hover{color:#fb7185}.taw-messages-body{background-color:#f8fafc;flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.taw-msg-row{flex-direction:column;width:100%;display:flex}.taw-msg-row.user{align-items:flex-end}.taw-msg-row.assistant{align-items:flex-start}.taw-msg-bubble{white-space:pre-wrap;word-break:break-word;border-radius:12px;max-width:85%;padding:8px 12px;font-size:12px;line-height:1.45;position:relative}.taw-msg-row.user .taw-msg-bubble{color:#fff;background-color:#4f46e5;border-bottom-right-radius:2px}.taw-msg-row.assistant .taw-msg-bubble{color:#1e293b;background-color:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:2px;box-shadow:0 1px 2px #00000008}.taw-msg-bubble.error{color:#9f1239;background-color:#fff1f2;border-color:#fecdd3}.taw-copy-btn{opacity:0;color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;padding:2px;transition:opacity .15s;position:absolute;top:4px;right:4px}.taw-msg-bubble:hover .taw-copy-btn{opacity:1}.taw-timestamp{color:#94a3b8;margin-top:3px;padding:0 2px;font-size:9px}.taw-typing{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px 12px 12px 2px;align-items:center;gap:4px;width:fit-content;padding:8px 12px;display:flex}.taw-dot{background-color:#6366f1;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite tawBounce}.taw-dot:nth-child(2){animation-delay:.2s}.taw-dot:nth-child(3){animation-delay:.4s}@keyframes tawBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}}.taw-suggestions{margin-top:4px}.taw-suggestions-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:10px;font-weight:700}.taw-suggestion-chip{text-align:left;color:#4338ca;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;margin-bottom:5px;padding:6px 10px;font-size:11px;transition:all .15s}.taw-suggestion-chip:hover{background-color:#f5f3ff;border-color:#c7d2fe}.taw-input-form{background-color:#fff;border-top:1px solid #f1f5f9;align-items:center;gap:6px;padding:10px;display:flex}.taw-input-field{background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;flex:1;padding:6px 10px;font-size:12px;transition:all .15s}.taw-input-field:focus{background-color:#fff;border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.taw-send-btn{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:8px;justify-content:center;align-items:center;padding:7px;transition:background-color .15s;display:flex}.taw-send-btn:hover:not(:disabled){background-color:#4338ca}.taw-send-btn:disabled{opacity:.4;cursor:not-allowed}.taw-trigger-btn{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:9999px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 8px 16px -2px #4f46e559}.taw-trigger-btn:hover{background-color:#4338ca;transform:translateY(-2px);box-shadow:0 12px 20px -2px #4f46e573}.taw-trigger-btn:active{transform:translateY(0)}