.loading-splash-container{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#fff);z-index:9999;overflow:hidden}.loading-splash-content{position:relative;text-align:center;z-index:10;animation:slideUp .6s ease-out}.loading-splash-icon{margin-bottom:2rem;display:flex;justify-content:center;align-items:center;height:80px}.spinner{width:56px;height:56px;border:4px solid #e8eef5;border-top:4px solid #2563eb;border-right:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.loading-splash-title{margin:0 0 .5rem;font-size:2rem;font-weight:700;color:#1f2937;letter-spacing:-.5px}.loading-splash-message{margin:0;font-size:.95rem;color:#6b7280;font-weight:500;letter-spacing:.3px;min-width:200px}.loading-splash-bg-animation{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.1) 0%,transparent 50%);animation:pulse 4s ease-in-out infinite;z-index:0}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@media (max-width: 600px){.loading-splash-title{font-size:1.5rem}.loading-splash-message{font-size:.9rem}.spinner{width:48px;height:48px}}.alert{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-radius:.375rem;margin-bottom:1rem;font-size:.9rem}.alert-error{background-color:#fee;border:1px solid #fcc;color:#c33}.alert-success{background-color:#efe;border:1px solid #cfc;color:#363}.alert-close{background:none;border:none;cursor:pointer;font-size:1rem;color:inherit;padding:0 .25rem;opacity:.7}.alert-close:hover{opacity:1}.role-management-page{padding:1.5rem;max-width:1200px;margin:0 auto}.page-header{margin-bottom:2rem}.page-header h1{margin:0;font-size:1.75rem;font-weight:600;color:#1a1a1a}.page-header p{margin:.5rem 0 0;color:#666;font-size:.95rem}.role-actions{margin-bottom:1.5rem;display:flex;gap:.5rem}.roles-table{background:#fff;border:1px solid #e0e0e0;border-radius:.5rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.roles-table table{width:100%;border-collapse:collapse}.roles-table thead{background:#f5f5f5;border-bottom:2px solid #e0e0e0}.roles-table th{padding:1rem;text-align:left;font-weight:600;color:#1a1a1a;font-size:.9rem}.roles-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .15s}.roles-table tbody tr:hover{background-color:#f9f9f9}.roles-table tbody tr.inactive{opacity:.6;background-color:#fafafa}.roles-table td{padding:1rem}.role-name{font-weight:600;color:#06c}.role-description{color:#666;font-size:.9rem;max-width:25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creation-date{color:#999;font-size:.9rem}.status{display:inline-block;padding:.25rem .75rem;border-radius:.25rem;font-size:.85rem;font-weight:500}.status.active{background-color:#e6f2ff;color:#06c}.status.inactive{background-color:#f5f5f5;color:#999}.actions{display:flex;gap:.5rem;align-items:center}.text-muted{color:#999;font-size:.9rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:.5rem;box-shadow:0 4px 12px #00000026;max-height:90vh;overflow-y:auto;width:90%;max-width:500px;padding:1.5rem}.modal-content.modal-large{max-width:700px}.modal-content h2{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:#1a1a1a}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#1a1a1a;font-size:.9rem}.form-group input[type=text],.form-group input[type=email],.form-group textarea,.form-group select{width:100%;padding:.625rem .75rem;border:1px solid #d0d0d0;border-radius:.375rem;font-size:.95rem;color:#1a1a1a;font-family:inherit;transition:border-color .2s}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#06c;box-shadow:0 0 0 2px #0066cc1a}.form-group input[type=text]:disabled,.form-group input[type=email]:disabled,.form-group textarea:disabled,.form-group select:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:80px}.form-group.checkbox{display:flex;align-items:center;margin-bottom:1rem}.form-group.checkbox input[type=checkbox]{width:auto;margin-right:.5rem;cursor:pointer}.form-group.checkbox label{margin-bottom:0;cursor:pointer}.error-message{background-color:#fee;border:1px solid #fcc;color:#c33;padding:.75rem;border-radius:.375rem;margin-bottom:1rem;font-size:.9rem}.permissions-container{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:.375rem;max-height:60vh;overflow-y:auto;margin-bottom:1.5rem}.permission-category{border-bottom:1px solid #e0e0e0}.permission-category:last-child{border-bottom:none}.category-header{width:100%;padding:.75rem 1rem;background:#fff;border:none;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-weight:500;color:#1a1a1a;transition:background-color .15s}.category-header:hover{background-color:#f0f0f0}.category-toggle{display:inline-block;transition:transform .2s;font-size:1.05rem;color:#3561d8;font-weight:700;line-height:1}.category-name{flex:1;text-align:left}.permissions-list{background:#fafafa;padding:.75rem 1rem;display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:.5rem .75rem}.permission-checkbox{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.45rem .55rem;border-radius:.5rem;border:1px solid transparent;transition:background-color .15s;min-height:36px}.permission-checkbox:hover{background-color:#f4f7ff;border-color:#dbe4ff}.permission-checkbox-menu{background:#f8faff;border-color:#e4ebff}.permission-checkbox-submenu{margin-left:14px}.permission-checkbox input[type=checkbox]{margin-top:0;cursor:pointer;flex:0 0 auto}.permission-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.permission-desc{display:block;color:#999;font-size:.8rem;margin-top:.1rem}.permission-parent{font-weight:600;color:#666}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;border-top:1px solid #e0e0e0;padding-top:1.5rem}.btn{padding:.625rem 1rem;border:none;border-radius:.375rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s,opacity .2s;font-family:inherit}.btn-primary{background-color:#06c;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0052a3}.btn-secondary{background-color:#f0f0f0;color:#1a1a1a;border:1px solid #d0d0d0}.btn-secondary:hover:not(:disabled){background-color:#e0e0e0}.btn-danger{background-color:#e63946;color:#fff}.btn-danger:hover:not(:disabled){background-color:#d62828}.btn-sm{padding:.375rem .75rem;font-size:.85rem}.btn:disabled{opacity:.6;cursor:not-allowed}.tabs-container{display:flex;gap:0;border-bottom:2px solid #e0e0e0;margin-bottom:1.5rem;background:#fff}.tab{padding:1rem 1.5rem;background:transparent;border:none;cursor:pointer;font-size:.95rem;font-weight:500;color:#666;border-bottom:3px solid transparent;transition:all .2s;position:relative;top:2px}.tab:hover{color:#06c}.tab.active{color:#06c;border-bottom-color:#06c}.tab-content{animation:fadeIn .15s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.empty-state,.loading-state{background:#fff;border:1px solid #e0e0e0;border-radius:.5rem;padding:2rem;text-align:center;color:#666}.empty-state p{margin:.5rem 0}.empty-state p:first-child{font-weight:500;font-size:1rem;color:#1a1a1a}@media (max-width: 768px){.role-management-page{padding:1rem}.modal-content{width:95%;max-width:none}.modal-content.modal-large{max-width:none}.roles-table th,.roles-table td{padding:.75rem .5rem}.role-description{max-width:12rem}.actions{flex-direction:column;gap:.25rem}.btn-sm{width:100%}}.role-header-card{background:#fff;border:1px solid #e7eaf0;border-radius:12px;padding:16px;margin-bottom:14px}.role-header-top{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:12px;align-items:end}.role-selector{min-width:0}.role-label{display:inline-block;margin-bottom:6px;font-size:.88rem;color:#4c5667;font-weight:600}.role-select{width:100%;min-height:42px;border-radius:10px;border:1px solid #d8deea;background:#fff;box-shadow:inset 0 1px 2px #1018280a;padding:0 12px;font-weight:600;color:#1f2a3d}.role-select:focus{outline:none;border-color:#4a79ff;box-shadow:0 0 0 3px #4a79ff26}.role-action-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.role-meta-row{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}.role-meta-text{color:#5e6878;font-size:.9rem}.role-badge{background:#f3f6ff;border:1px solid #d9e3ff;color:#274ec7;border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:600}.permission-overview{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap}.permission-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #dde4ef;border-radius:10px;padding:6px 10px;background:#fbfcff}.permission-chip-muted{background:#f8f9fb}.permission-chip-label{font-size:.82rem;color:#667085}.permissions-board{border:1px solid #e7eaf0;border-radius:12px;background:#fff;overflow:hidden}.category-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid #eef2f7;background:#fbfcff}.category-toggle-button{border:none;background:transparent;display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:0;min-width:0;width:100%;flex:1 1 auto;justify-content:flex-start;text-align:left}.category-count{color:#6b7280;font-size:.82rem;font-weight:600}.category-actions{display:inline-flex;align-items:center;gap:10px}.btn-linkish{border:none;background:transparent;color:#3561d8;cursor:pointer;font-size:.82rem;font-weight:600;padding:0}.btn-linkish:hover{text-decoration:underline}.permission-label{color:#19202e;font-size:.9rem;line-height:1.2}.permission-checkbox-menu .permission-label{font-weight:600}@media (max-width: 900px){.role-header-top{grid-template-columns:1fr}.role-action-row{justify-content:flex-start}.permissions-list{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media (max-width: 640px){.permissions-list{grid-template-columns:1fr}}:root{--sn-primary: #2196F3;--sn-primary-dark: #1565C0;--sn-primary-mid: #1E88E5;--sn-primary-light: #E3F2FD;--sn-success: #2E7D32;--sn-success-light: #E8F5E9;--sn-error: #C62828;--sn-error-light: #FFEBEE;--sn-warning: #F57C00;--sn-warning-light: #FFF3E0;--sn-orange: #E65100;--sn-orange-light: #FFF3E0;--sn-white: #FFFFFF;--sn-bg: #F7F9FC;--sn-bg-light: #FAFAFA;--sn-surface: #FFFFFF;--sn-text: #212121;--sn-text-muted: #616161;--sn-text-secondary: #757575;--sn-border: #E0E0E0;--sn-border-light: #F5F5F5;--sn-shadow: 0 2px 8px rgba(0, 0, 0, .1);--sn-shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-primary: "Noto Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Mukta", sans-serif;--header-height: 64px;--header-height-mobile: 56px;--sidebar-width: 260px;--sidebar-width-mobile: 280px;--z-sticky: 10;--z-fixed: 100;--z-modal: 1000;--z-dropdown: 50;--z-mobile-nav: 999;--breakpoint-sm: 480px;--breakpoint-md: 640px;--breakpoint-lg: 768px;--breakpoint-xl: 1024px;--breakpoint-2xl: 1200px;--breakpoint-3xl: 1440px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;scroll-behavior:smooth}body{font-family:var(--font-primary);background:var(--sn-bg);color:var(--sn-text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;margin:0 0 var(--spacing-md) 0}h1{font-size:28px}h2{font-size:24px}h3{font-size:20px}h4{font-size:16px}h5{font-size:14px;font-weight:600}h6{font-size:12px;font-weight:600}p{margin:0 0 var(--spacing-md) 0}a{color:var(--sn-primary-dark);text-decoration:none}a:hover{text-decoration:underline}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.rounded{border-radius:var(--radius-md)}.shadow{box-shadow:var(--sn-shadow)}.shadow-lg{box-shadow:var(--sn-shadow-lg)}.hide-mobile{display:none}.hide-tablet,.hide-desktop{display:block}@media (min-width: 768px){.hide-mobile{display:block!important}.hide-tablet{display:none}}@media (min-width: 1200px){.hide-desktop{display:none}}.grid-auto{display:grid;grid-template-columns:1fr}@media (min-width: 480px){.grid-auto{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (min-width: 768px){.grid-auto{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (min-width: 1200px){.grid-auto{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.flex-responsive{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (min-width: 768px){.flex-responsive{flex-direction:row}}.p-responsive{padding:var(--spacing-lg)}@media (min-width: 768px){.p-responsive{padding:var(--spacing-2xl)}}@media (min-width: 1200px){.p-responsive{padding:var(--spacing-3xl)}}.w-full{width:100%}.max-w-mobile,.max-w-tablet,.max-w-desktop{max-width:100%}@media (min-width: 768px){.max-w-tablet{max-width:90vw}}@media (min-width: 1200px){.max-w-desktop{max-width:80vw}}.text-responsive{font-size:14px;line-height:1.4}@media (min-width: 768px){.text-responsive{font-size:15px;line-height:1.5}}@media (min-width: 1200px){.text-responsive{font-size:16px;line-height:1.6}}h1.responsive{font-size:24px}@media (min-width: 640px){h1.responsive{font-size:26px}}@media (min-width: 768px){h1.responsive{font-size:28px}}@media (min-width: 1200px){h1.responsive{font-size:32px}}h2.responsive{font-size:20px}@media (min-width: 640px){h2.responsive{font-size:22px}}@media (min-width: 768px){h2.responsive{font-size:24px}}@media (min-width: 1200px){h2.responsive{font-size:28px}}h3.responsive{font-size:16px}@media (min-width: 640px){h3.responsive{font-size:18px}}@media (min-width: 768px){h3.responsive{font-size:20px}}@media (min-width: 1200px){h3.responsive{font-size:24px}}.touch-target{min-height:44px;min-width:44px}.btn-mobile-large{padding:12px 16px;font-size:15px;min-height:48px}@media (min-width: 768px){.btn-mobile-large{padding:10px 20px;font-size:14px;min-height:40px}}.app-shell{display:flex;min-height:100vh;background:var(--sn-bg)}.app-shell[data-mobile-nav-open=true]{overflow:hidden}.app-shell[data-mobile-nav-open=true]:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:calc(var(--z-mobile-nav) - 1)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width-mobile);background:#1a237e;color:#fff;z-index:var(--z-mobile-nav);display:flex;flex-direction:column;box-shadow:4px 0 16px #0000002e;overflow:hidden;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.app-shell[data-mobile-nav-open=true] .sidebar{transform:translate(0)}@media (min-width: 768px){.sidebar{transform:translate(0)!important;width:var(--sidebar-width);position:fixed}}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:12px var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;background:#00000026}@media (min-width: 768px){.sidebar-brand{padding:18px var(--spacing-lg)}}.sidebar-logo-wrap{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.sidebar-logo-img{width:100%;height:100%;object-fit:contain}.sidebar-logo-text{font-weight:800;font-size:15px;color:#fff;font-family:var(--font-display);letter-spacing:.5px}.sidebar-brand-text{display:none;flex-direction:column;gap:1px;overflow:hidden;flex:1}@media (min-width: 768px){.sidebar-brand-text{display:flex}}.sidebar-title{font-size:15px;font-weight:700;font-family:var(--font-display);color:#fff;line-height:1.2;white-space:nowrap}.sidebar-subtitle{font-size:10px;font-weight:500;color:#ffffff80;text-transform:uppercase;letter-spacing:.8px}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--spacing-sm) 0 var(--spacing-md);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.nav-section{margin-bottom:var(--spacing-xs)}.nav-section-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#ffffff59;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-xs);margin-top:var(--spacing-xs)}.nav-link{display:flex;align-items:center;gap:10px;padding:9px var(--spacing-lg);margin:1px var(--spacing-sm);border-radius:var(--radius-md);color:#ffffffa6;font-size:13px;font-weight:500;cursor:pointer;border:none;background:none;width:calc(100% - var(--spacing-lg));text-align:left;transition:background .15s ease,color .15s ease;font-family:inherit;text-decoration:none}.nav-link:hover{background:#ffffff14;color:#ffffffe6;text-decoration:none}.nav-link.active{background:#42a5f538;color:#90caf9;font-weight:600;position:relative}.nav-link.active:before{content:"";position:absolute;left:-var(--spacing-sm);top:20%;bottom:20%;width:3px;background:#42a5f5;border-radius:0 2px 2px 0;left:calc(-1 * var(--spacing-sm))}.nav-ms-icon{font-size:18px!important;width:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;line-height:1;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 20}.nav-link.active .nav-ms-icon{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 20}.nav-label{flex:1;font-size:13px;letter-spacing:.1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-group{margin:1px var(--spacing-sm)}.nav-group-toggle{display:flex;align-items:center;gap:10px;padding:9px var(--spacing-lg);padding-left:var(--spacing-lg);margin:0;border-radius:var(--radius-md);color:#ffffffa6;font-size:13px;font-weight:500;cursor:pointer;border:none;background:none;width:100%;text-align:left;transition:background .15s ease,color .15s ease;font-family:inherit}.nav-group-toggle:hover{background:#ffffff14;color:#ffffffe6}.nav-group-toggle.open{color:#ffffffe6;background:#ffffff0d}.nav-chevron-icon{margin-left:auto;font-size:16px!important;width:auto!important;transition:transform .22s ease;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 20;opacity:.5}.nav-group-toggle.open .nav-chevron-icon{transform:rotate(90deg)}.nav-group-children{overflow:hidden;max-height:0;transition:max-height .25s ease}.nav-group-children.open{max-height:600px}.nav-group-inner{padding:2px 0}.nav-child{padding:7px var(--spacing-lg) 7px calc(var(--spacing-lg) + 28px)!important;font-size:12.5px!important;margin:1px var(--spacing-sm)!important;width:calc(100% - var(--spacing-lg))!important;border-radius:var(--radius-sm)!important;display:flex!important;align-items:center!important;gap:10px!important}.nav-child .nav-ms-icon{font-size:15px!important;opacity:.7}.nav-child.active .nav-ms-icon{opacity:1}.nav-child.active{background:#42a5f52e!important;color:#90caf9!important}.sidebar-footer{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid rgba(255,255,255,.08);background:#0003;flex-shrink:0}.sidebar-user{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.sidebar-user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#42a5f5,#1565c0);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 2px 6px #0000004d}.sidebar-user-info{display:flex;flex-direction:column;min-width:0}.sidebar-user-name{font-size:12.5px;font-weight:600;color:#ffffffe0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.sidebar-user-role{font-size:10.5px;color:#ffffff73;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.sidebar-logout-btn{background:none;border:none;cursor:pointer;color:#fff6;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:var(--radius-sm);transition:color .15s ease,background .15s ease;flex-shrink:0}.sidebar-logout-btn:hover{color:#ef9a9a;background:#ff4d4d1f}.sidebar-logout-btn .nav-ms-icon{font-size:18px!important}.app-header{position:fixed;top:0;left:0;right:0;height:var(--header-height-mobile);background:#fff;border-bottom:1px solid var(--sn-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);z-index:var(--z-sticky);box-shadow:0 1px 4px #0000000f;gap:var(--spacing-md)}@media (min-width: 768px){.app-header{left:var(--sidebar-width);height:var(--header-height);padding:0 var(--spacing-2xl)}}.header-left{display:flex;align-items:center;gap:var(--spacing-lg)}.header-title{font-size:16px;font-weight:700;font-family:var(--font-display);margin:0;color:var(--sn-text)}@media (min-width: 640px){.header-title{font-size:18px}}.mobile-nav-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:6px;color:var(--sn-text);border-radius:var(--radius-md);transition:background .15s ease;min-width:40px;min-height:40px;flex-shrink:0}.mobile-nav-toggle:hover{background:var(--sn-bg)}.mobile-nav-toggle .material-symbols-outlined{font-size:24px;font-variation-settings:"FILL" 0,"wght" 400}@media (min-width: 768px){.mobile-nav-toggle{display:none}}.mobile-nav-close{display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;cursor:pointer;padding:8px;color:#fff;border-radius:var(--radius-md);transition:background .15s ease;min-width:40px;min-height:40px;flex-shrink:0}.mobile-nav-close:hover{background:#ffffff26}.mobile-nav-close .material-symbols-outlined{font-size:24px}@media (min-width: 768px){.mobile-nav-close{display:none}}.header-right{display:flex;align-items:center;gap:var(--spacing-md);margin-left:auto}@media (min-width: 640px){.header-right{gap:var(--spacing-xl)}}.header-search{display:none;align-items:center;gap:var(--spacing-md);background:var(--sn-bg);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);width:250px}@media (min-width: 768px){.header-search{display:flex}}.header-search input{border:none;background:none;flex:1;font-size:13px;outline:none;font-family:inherit}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}@media (min-width: 640px){.header-actions{gap:var(--spacing-lg)}}.header-user{display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer}.header-avatar{width:40px;height:40px;border-radius:50%;background:var(--sn-primary-light);color:var(--sn-primary-dark);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.header-role{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;border-radius:var(--radius-full);background:var(--sn-primary-light);color:var(--sn-primary-dark)}.header-tenant-badge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--radius-full);background:var(--sn-success-light, #e6f4ea);color:var(--sn-success-dark, #1a6e34);white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}.tenant-switcher{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--sn-bg);border:1.5px solid var(--sn-border);border-radius:var(--radius-lg);padding:4px 12px 4px 8px;max-width:420px;transition:border-color .15s ease,box-shadow .15s ease}.tenant-switcher:focus-within{border-color:var(--sn-primary);box-shadow:0 0 0 3px #3f51b51f}.tenant-switcher-icon{font-size:18px!important;color:var(--sn-primary);opacity:.7;flex-shrink:0;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 20}.tenant-select{border:none;background:none;font-size:13px;font-family:inherit;color:var(--sn-text);outline:none;cursor:pointer;min-width:160px;max-width:280px;font-weight:500;padding:2px 0}.tenant-select:focus{outline:none}.tenant-loading{font-size:12px;color:var(--sn-text-muted);font-style:italic}.tenant-badge{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#2e7d32;background:#e8f5e9;border-radius:var(--radius-full);padding:2px 8px;white-space:nowrap;flex-shrink:0}.tenant-context-banner{position:fixed;top:var(--header-height-mobile);left:0;right:0;z-index:calc(var(--z-sticky) - 1);display:flex;align-items:center;gap:var(--spacing-sm);padding:8px var(--spacing-lg);font-size:12px;font-weight:500;background:linear-gradient(90deg,#e3f2fd,#f3e5f5);border-bottom:1px solid #bbdefb;color:#1565c0;overflow-x:auto}@media (min-width: 640px){.tenant-context-banner{padding:8px var(--spacing-2xl);font-size:13px;gap:var(--spacing-md)}}@media (min-width: 768px){.tenant-context-banner{top:var(--header-height);left:var(--sidebar-width)}}.tenant-context-banner .material-symbols-outlined{font-size:16px!important;color:#1565c0;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 20}.tenant-context-banner--warn{background:linear-gradient(90deg,#fff8e1,#fff3e0);border-bottom-color:#ffe082;color:#e65100}.tenant-context-banner--warn .material-symbols-outlined{color:#f57c00;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 20}.tenant-context-id{font-size:11px;opacity:.65;margin-left:4px;font-family:monospace}.tenant-context-meta{display:flex;align-items:center;gap:4px;margin-left:var(--spacing-lg);padding-left:var(--spacing-lg);border-left:1px solid rgba(21,101,192,.3);font-size:12px;opacity:.75}.app-main{margin-left:0;margin-top:var(--header-height-mobile);flex:1;display:flex;flex-direction:column;min-height:calc(100vh - var(--header-height-mobile))}@media (min-width: 768px){.app-main{margin-left:var(--sidebar-width);margin-top:var(--header-height);min-height:calc(100vh - var(--header-height))}}.app-main--with-banner .app-content{padding-top:calc(var(--spacing-2xl) + 37px)}.app-content{flex:1;padding:var(--spacing-lg);overflow-y:auto;background:var(--sn-bg)}@media (min-width: 640px){.app-content{padding:var(--spacing-2xl)}}@media (min-width: 1200px){.app-content{padding:var(--spacing-3xl)}}.page-shell{padding:0}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.page-title{font-size:24px;font-weight:700;font-family:var(--font-display);margin:0 0 var(--spacing-xs) 0;color:var(--sn-text)}.page-subtitle{font-size:13px;color:var(--sn-text-muted);margin:0}.page-title-section h1{font-size:28px;margin-bottom:var(--spacing-sm)}.page-title-section p{font-size:13px;color:var(--sn-text-muted);margin:0}.page-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.pagination-info{font-size:13px;color:var(--sn-text-muted)}@media (max-width: 768px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.app-header{left:0}.app-main{margin-left:0}.header-search{display:none}}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:10px 16px;border-radius:var(--radius-md);border:none;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease;white-space:nowrap;text-decoration:none}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--sn-primary-dark),var(--sn-primary-mid));color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0d47a1,var(--sn-primary-dark))}.btn-secondary{background:var(--sn-white);color:var(--sn-primary-dark);border:1.5px solid var(--sn-border)}.btn-secondary:hover:not(:disabled){background:var(--sn-primary-light);border-color:var(--sn-primary-dark)}.btn-success{background:var(--sn-success);color:#fff}.btn-success:hover:not(:disabled){opacity:.9}.btn-danger{background:var(--sn-error);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9}.btn-ghost{background:transparent;color:var(--sn-primary-dark)}.btn-ghost:hover:not(:disabled){background:var(--sn-primary-light)}.btn-outline{background:transparent;color:var(--sn-primary-dark);border:1.5px solid var(--sn-primary-dark)}.btn-outline:hover:not(:disabled){background:var(--sn-primary-light)}.btn-accent{background:var(--sn-orange);color:#fff}.btn-accent:hover:not(:disabled){opacity:.9}.btn-sm{padding:6px 12px;font-size:12px}.btn-icon{padding:7px;width:44px;height:44px;justify-content:center;line-height:1}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#0f172ae0;color:#fff;padding:5px 10px;border-radius:6px;font-size:11.5px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:9999;box-shadow:0 2px 8px #0000002e}[data-tooltip]:hover:after{opacity:1}.btn-lg{padding:12px 24px;font-size:14px}.btn-full{width:100%}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.form-label{font-size:12px;font-weight:600;color:var(--sn-text);text-transform:uppercase;letter-spacing:.5px}.form-label.required:after{content:" *";color:var(--sn-error)}.form-help{font-size:11px;color:var(--sn-text-muted);margin-top:var(--spacing-xs)}.form-error{font-size:12px;color:var(--sn-error);margin-top:var(--spacing-xs)}.form-input,.form-select,.form-textarea{width:100%;padding:10px var(--spacing-lg);border:1.5px solid var(--sn-border);border-radius:var(--radius-md);font-size:13px;font-family:inherit;background:var(--sn-white);color:var(--sn-text);transition:all .15s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--sn-primary-dark);box-shadow:0 0 0 3px var(--sn-primary-light)}.form-input::placeholder{color:var(--sn-text-muted)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--sn-border-light);cursor:not-allowed}.form-textarea{resize:vertical;min-height:100px;font-family:var(--font-primary)}.form-checkbox-group{display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer}.form-checkbox,.form-radio{width:18px;height:18px;cursor:pointer;accent-color:var(--sn-primary-dark)}.form-checkbox-label{font-size:13px;color:var(--sn-text);cursor:pointer;-webkit-user-select:none;user-select:none}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-lg)}.form-grid.two-col{grid-template-columns:repeat(2,1fr)}.form-grid.three-col{grid-template-columns:repeat(3,1fr)}.form-row{display:flex;gap:var(--spacing-lg)}.form-row-item{flex:1}.form-actions{display:flex;align-items:center;gap:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--sn-border);margin-top:var(--spacing-xl)}.user-form{display:flex;flex-direction:column;gap:0}.form-section{border:1px solid var(--sn-border);border-radius:var(--radius-lg);padding:16px 18px 2px;margin-bottom:12px}.form-section:last-of-type{margin-bottom:0}.form-section>.form-group:last-child{margin-bottom:14px}.form-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--sn-text-muted);margin:0 0 14px;display:flex;align-items:baseline;gap:8px}.form-section-subtitle{font-size:11px;font-weight:400;text-transform:none;letter-spacing:0;color:var(--sn-text-muted)}.form-grid .form-group{margin-bottom:12px}.account-name-row{display:flex;gap:12px;margin-bottom:0}.account-name-row .form-group{flex:1;min-width:0}.phone-input-row{display:flex;gap:8px}.phone-input-row .phone-cc-select{width:90px;flex:0 0 90px}.phone-number-input{flex:1;min-width:0;width:auto;padding:10px var(--spacing-lg);border:1.5px solid var(--sn-border);border-radius:var(--radius-md);font-size:13px;font-family:inherit;background:var(--sn-white);color:var(--sn-text);transition:all .15s ease}.phone-number-input:focus{outline:none;border-color:var(--sn-primary-dark);box-shadow:0 0 0 3px var(--sn-primary-light)}.phone-number-input::placeholder{color:var(--sn-text-muted)}.phone-input-row .form-input{flex:1;min-width:0;width:auto}.role-checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-bottom:4px}.role-checkbox-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1.5px solid var(--sn-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s ease,background .15s ease;font-size:13px}.role-checkbox-item:hover{border-color:var(--sn-primary);background:var(--sn-primary-light)}.role-checkbox-item:has(input:checked){border-color:var(--sn-primary-dark);background:var(--sn-primary-light)}.role-checkbox-item .form-checkbox{margin-top:1px;flex-shrink:0}.role-checkbox-text{display:flex;flex-direction:column;gap:2px;min-width:0}.role-checkbox-name{font-weight:600;color:var(--sn-text);display:flex;align-items:center;gap:6px}.role-badge-custom{font-size:10px;font-weight:500;background:var(--sn-warning-light);color:var(--sn-warning);padding:1px 5px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.3px}.role-checkbox-desc{font-size:11px;color:var(--sn-text-muted);line-height:1.4}@media (max-width: 768px){.form-grid,.form-grid.two-col,.form-grid.three-col{grid-template-columns:1fr}.form-row,.account-name-row{flex-direction:column}.role-checkbox-grid{grid-template-columns:1fr}}.card{background:var(--sn-white);border-radius:var(--radius-lg);box-shadow:var(--sn-shadow);transition:all .2s ease}.card:hover{box-shadow:var(--sn-shadow-lg)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--sn-border)}.card-title{font-size:16px;font-weight:600;margin:0;font-family:var(--font-display)}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-lg);border-top:1px solid var(--sn-border);background:var(--sn-bg);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.stat-card{background:var(--sn-white);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--sn-shadow);border-left:4px solid var(--sn-primary-dark);transition:all .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--sn-shadow-lg)}.stat-card.success{border-left-color:var(--sn-success)}.stat-card.error{border-left-color:var(--sn-error)}.stat-card.warning{border-left-color:var(--sn-warning)}.stat-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-lg)}.stat-card-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--sn-primary-light);color:var(--sn-primary-dark);display:flex;align-items:center;justify-content:center;font-size:20px}.stat-card.success .stat-card-icon{background:var(--sn-success-light);color:var(--sn-success)}.stat-card.error .stat-card-icon{background:var(--sn-error-light);color:var(--sn-error)}.stat-card.warning .stat-card-icon{background:var(--sn-warning-light);color:var(--sn-warning)}.stat-card-value{font-size:28px;font-weight:700;font-family:var(--font-display);margin:0 0 var(--spacing-sm) 0;color:var(--sn-text)}.stat-card-label{font-size:12px;color:var(--sn-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0}.stat-card-trend{font-size:12px;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--sn-border)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);box-shadow:var(--sn-shadow)}.data-table{width:100%;border-collapse:collapse;background:var(--sn-white)}.data-table th{padding:var(--spacing-lg);text-align:left;font-size:12px;font-weight:700;color:var(--sn-text-muted);text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:var(--spacing-lg);border-bottom:1px solid var(--sn-border);font-size:13px}.data-table tbody tr:hover{background:var(--sn-primary-light)}.data-table tbody tr.clickable{cursor:pointer}.table-empty{padding:40px var(--spacing-lg)!important;text-align:center;color:var(--sn-text-muted);font-size:13px}.table-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:var(--spacing-lg);border-top:1px solid var(--sn-border);background:var(--sn-bg);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.table-pagination-left,.table-pagination-center,.table-pagination-right{display:inline-flex;align-items:center;gap:8px}.table-pagination-center{flex-wrap:wrap}.table-pagination-label{font-size:12px;color:var(--sn-text-muted)}.table-page-size{min-width:88px;padding:4px 8px;height:32px}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:4px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:700;white-space:nowrap}.badge-primary{background:var(--sn-primary-light);color:var(--sn-primary-dark)}.badge-success,.badge-green{background:var(--sn-success-light);color:var(--sn-success)}.badge-blue{background:var(--sn-primary-light);color:var(--sn-primary-dark)}.badge-error,.badge-red{background:var(--sn-error-light);color:var(--sn-error)}.badge-warning{background:var(--sn-warning-light);color:var(--sn-warning)}.badge-gray{background:var(--sn-border-light);color:var(--sn-text-muted)}.filter-bar{background:var(--sn-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--sn-shadow);display:flex;align-items:flex-end;gap:var(--spacing-lg);flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.filter-group{display:flex;align-items:flex-end;gap:var(--spacing-md);flex-wrap:wrap}.filter-group .form-group{margin-bottom:0;width:180px}.stat-card-top{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.stat-icon{font-size:24px;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.stat-info{display:flex;flex-direction:column;gap:2px}.stat-value{font-size:26px;font-weight:700;font-family:var(--font-display);color:var(--sn-text);line-height:1.1}.stat-label{font-size:11px;color:var(--sn-text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-trend{font-size:12px;color:var(--sn-text-muted);padding-top:var(--spacing-sm);border-top:1px solid var(--sn-border);margin-top:var(--spacing-sm)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.chart-bars{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.bar-row{display:flex;align-items:center;gap:var(--spacing-md)}.bar-label{font-size:12px;color:var(--sn-text-muted);width:120px;flex-shrink:0;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{flex:1;height:8px;background:var(--sn-border-light);border-radius:var(--radius-full);overflow:hidden}.bar-fill{height:100%;border-radius:var(--radius-full);background:var(--sn-primary-dark);transition:width .4s ease;min-width:2px}.bar-fill.bar-segment{background:var(--sn-primary-mid)}.bar-fill.bar-party{background:var(--sn-success)}.bar-fill.bar-age{background:#7b1fa2}.bar-fill.bar-complaint{background:var(--sn-warning)}.bar-fill.bar-vol{background:#00838f}.bar-value{font-size:12px;font-weight:600;color:var(--sn-text);width:60px;text-align:right;flex-shrink:0}.data-table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);box-shadow:var(--sn-shadow)}.status-active{color:var(--sn-success)}.status-inactive{color:var(--sn-error)}.status-pending{color:var(--sn-warning)}.status-blocked{color:var(--sn-error)}@media (max-width: 768px){.stat-card{padding:var(--spacing-lg)}.data-table th,.data-table td{padding:var(--spacing-md);font-size:12px}.filter-bar{flex-direction:column}.filter-bar.voter-search-filters{flex-direction:row;flex-wrap:nowrap;overflow-x:auto}.filter-group .form-group{width:100%}.table-pagination{flex-direction:column;gap:var(--spacing-md)}}.page-shell{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (min-width: 768px){.page-shell{gap:var(--spacing-2xl)}}.page-header{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:flex-start}@media (min-width: 640px){.page-header{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}}.page-title{font-size:20px;font-weight:700;margin:0}@media (min-width: 640px){.page-title{font-size:24px}}.page-actions{display:flex;gap:var(--spacing-sm);width:100%;flex-wrap:wrap}@media (min-width: 640px){.page-actions{width:auto;gap:var(--spacing-md)}}.page-actions .btn{flex:1;min-width:120px;justify-content:center}@media (min-width: 640px){.page-actions .btn{flex:0 1 auto}}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media (min-width: 768px){.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-2xl)}}@media (min-width: 1200px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}.stats-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media (min-width: 480px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-2xl)}}@media (min-width: 1200px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.flex-row-responsive{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (min-width: 768px){.flex-row-responsive{flex-direction:row;gap:var(--spacing-2xl)}}.form-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media (min-width: 640px){.form-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-2xl)}}@media (min-width: 1024px){.form-grid{grid-template-columns:repeat(3,1fr)}}.form-grid [data-full-width],.form-grid [style*="grid-column: 1 / -1"]{grid-column:1 / -1}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{font-size:13px;font-weight:600;color:var(--sn-text)}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1.5px solid var(--sn-border);border-radius:var(--radius-md);font-size:14px;font-family:inherit;transition:border-color .15s ease}@media (min-width: 640px){.form-group input,.form-group select,.form-group textarea{padding:11px 14px;font-size:15px}}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--sn-primary);box-shadow:0 0 0 3px #2196f31f}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);box-shadow:var(--sn-shadow)}.table-wrapper::-webkit-scrollbar{height:4px}.table-wrapper::-webkit-scrollbar-track{background:transparent}.table-wrapper::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}.data-table{width:100%;border-collapse:collapse;background:var(--sn-white);min-width:600px}.data-table th,.data-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--sn-border)}@media (min-width: 768px){.data-table th,.data-table td{padding:var(--spacing-lg)}}.data-table thead{background:var(--sn-bg);border-bottom:2px solid var(--sn-border)}.data-table thead th{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--sn-text-muted)}.data-table tbody tr{transition:background .15s ease}.data-table tbody tr:hover{background:var(--sn-bg)}.data-table tbody td{font-size:13px;color:var(--sn-text)}.data-table .hide-mobile{display:none}@media (min-width: 768px){.data-table .hide-mobile{display:table-cell}}@media (min-width: 1200px){.data-table .hide-tablet{display:table-cell}}.table-actions{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.table-actions .btn{padding:6px 10px;font-size:12px;min-height:32px}@media (min-width: 768px){.table-actions .btn{padding:8px 12px;font-size:13px;min-height:36px}}.pagination{display:flex;gap:var(--spacing-sm);align-items:center;justify-content:center;flex-wrap:wrap;padding:var(--spacing-lg);background:var(--sn-bg);border-radius:0 0 var(--radius-lg) var(--radius-lg)}@media (min-width: 768px){.pagination{justify-content:space-between;gap:var(--spacing-md)}}.filter-bar{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--sn-white);border-radius:var(--radius-lg);box-shadow:var(--sn-shadow)}@media (min-width: 480px){.filter-bar{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.filter-bar{grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);padding:var(--spacing-2xl)}}@media (min-width: 1200px){.filter-bar{grid-template-columns:repeat(4,1fr)}}.search-row{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}@media (min-width: 768px){.search-row{gap:var(--spacing-md)}}.search-row input{flex:1;min-width:200px;padding:10px 12px;border:1.5px solid var(--sn-border);border-radius:var(--radius-md);font-size:14px;font-family:inherit}.search-row .btn{flex-shrink:0;min-width:100px;justify-content:center}@media (min-width: 640px){.search-row .btn{min-width:120px}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg)}.modal-content{background:var(--sn-white);border-radius:var(--radius-lg);box-shadow:var(--sn-shadow-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}@media (min-width: 768px){.modal-content{max-width:600px}}@media (min-width: 1024px){.modal-content{max-width:700px}}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-xl);border-bottom:1px solid var(--sn-border)}.modal-header h2{font-size:18px;margin:0;flex:1}@media (min-width: 640px){.modal-header h2{font-size:20px}}.modal-close{background:none;border:none;cursor:pointer;padding:4px;color:var(--sn-text-muted);flex-shrink:0;border-radius:var(--radius-md);transition:all .15s ease}.modal-close:hover{background:var(--sn-bg);color:var(--sn-text)}.modal-body{padding:var(--spacing-xl)}.modal-footer{display:flex;gap:var(--spacing-md);padding:var(--spacing-xl);border-top:1px solid var(--sn-border);background:var(--sn-bg);justify-content:flex-end;flex-wrap:wrap}@media (min-width: 640px){.modal-footer{flex-wrap:nowrap}}.modal-footer .btn{flex:1;min-width:100px;justify-content:center}@media (min-width: 640px){.modal-footer .btn{flex:0 1 auto}}.w-full-mobile{width:100%}@media (min-width: 768px){.w-full-mobile{width:auto}}.flex-desktop{display:block}@media (min-width: 768px){.flex-desktop{display:flex}}.stack-mobile{flex-direction:column}@media (min-width: 768px){.stack-mobile{flex-direction:row}}.p-mobile{padding:var(--spacing-md)}@media (min-width: 640px){.p-mobile{padding:var(--spacing-lg)}}@media (min-width: 768px){.p-mobile{padding:var(--spacing-2xl)}}.gap-mobile{gap:var(--spacing-md)}@media (min-width: 640px){.gap-mobile{gap:var(--spacing-lg)}}@media (min-width: 768px){.gap-mobile{gap:var(--spacing-2xl)}}.dash-kpi-row{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.dash-kpi-item{flex:1;min-width:140px;background:var(--sn-surface, #fff);border:1px solid var(--sn-border, #e0e0e0);border-radius:12px;padding:18px 20px;display:flex;align-items:center;gap:14px;transition:all .25s ease}.dash-kpi-item:hover{box-shadow:0 6px 20px #1565c014;transform:translateY(-1px)}.dash-kpi-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-kpi-icon .material-symbols-outlined{font-size:22px}.dash-kpi-icon--blue{background:#e3f2fd;color:#1565c0}.dash-kpi-icon--green{background:#e8f5e9;color:#2e7d32}.dash-kpi-icon--amber{background:#fff3e0;color:#e65100}.dash-kpi-icon--indigo{background:#ede7f6;color:#4527a0}.dash-kpi-icon--red{background:#ffebee;color:#c62828}.dash-kpi-icon--teal{background:#e0f2f1;color:#00695c}.dash-kpi-text{display:flex;flex-direction:column}.dash-kpi-value{font-size:22px;font-weight:800;font-family:var(--font-display, inherit);color:var(--sn-text, #212121);line-height:1.1}.dash-kpi-label{font-size:11px;font-weight:600;color:var(--sn-text-muted, #757575);text-transform:uppercase;letter-spacing:.4px;margin-top:2px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(600px,1fr));gap:28px;width:100%}.dashboard-grid .full-width{grid-column:1 / -1}.dashboard-card{border-radius:12px;border:1px solid var(--sn-border, #e0e0e0);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--sn-surface, #ffffff)}.dashboard-card:hover{box-shadow:0 10px 30px #1a233212;border-color:#d7deea;transform:translateY(-2px)}.dashboard-card.full-width{grid-column:1 / -1}.dashboard-card>.dash-card-header{padding:18px 20px;background:linear-gradient(135deg,var(--sn-surface, #fff) 0%,var(--sn-bg, #f5f5f5) 100%);border-bottom:1px solid var(--sn-border, #e0e0e0);display:flex;align-items:center;justify-content:space-between}.dash-card-header-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--sn-text, #212121);font-family:var(--font-display, inherit)}.dash-card-header-title .material-symbols-outlined{font-size:22px;color:var(--sn-primary, #1565C0)}.dash-card-header-icons{display:flex;align-items:center;gap:6px}.dash-icon-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--sn-border, #e0e0e0);background:var(--sn-surface, #fff);color:var(--sn-text-muted, #757575);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.dash-icon-btn:hover{border-color:var(--sn-primary, #1565C0);color:var(--sn-primary, #1565C0);background:#1565c00d}.dash-icon-btn .material-symbols-outlined{font-size:18px}.dash-card-content{padding:20px}.dash-stat-cards-row{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.dash-stat-card{flex:1;min-width:130px;padding:14px 16px;border-radius:10px;text-align:center;transition:transform .2s ease}.dash-stat-card:hover{transform:translateY(-2px)}.dash-stat-card--green{background:linear-gradient(135deg,#e8f5ee,#d4edde);color:#1a5e39}.dash-stat-card--red{background:linear-gradient(135deg,#fde8e8,#f5d0d0);color:#8b2020}.dash-stat-card--amber{background:linear-gradient(135deg,#fef3e0,#fde5b8);color:#8b6914}.dash-stat-card--blue{background:linear-gradient(135deg,#e8f0fa,#d0dff5);color:#1a3f6b}.dash-stat-card--indigo{background:linear-gradient(135deg,#eeedf5,#e5e3ef);color:#4a3d7a}.dash-stat-card-icon{font-size:28px;margin-bottom:4px;display:block}.dash-stat-card-value{font-size:28px;font-weight:800;font-family:var(--font-display, inherit);line-height:1.1;margin-bottom:2px}.dash-stat-card-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.dash-metrics-grid{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.dash-metric-box{flex:1;min-width:120px;padding:16px;border-radius:8px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.dash-metric-box:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.dash-metric-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.dash-metric-value{font-size:28px;font-weight:800;font-family:var(--font-display, inherit);line-height:1.1;margin:4px 0}.dash-metric-sub{font-size:11px;font-weight:600;opacity:.85}.dash-chart-container{position:relative;height:320px}.dash-chart-container.compact{height:280px}.dash-two-column{display:flex;gap:20px;align-items:flex-start}.dash-chart-column{flex:1;position:relative;height:320px}.dash-legend-column{flex:0 0 220px;max-height:320px;overflow-y:auto;padding-left:10px}.dash-legend-wrapper{display:flex;flex-direction:column;gap:10px}.dash-legend-item{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:6px;transition:background .2s ease;cursor:default}.dash-legend-item:hover{background-color:var(--sn-bg, #f5f5f5)}.dash-legend-color{width:14px;height:14px;border-radius:50%;flex-shrink:0;border:2px solid white;box-shadow:0 1px 3px #00000026}.dash-legend-name{font-size:12px;font-weight:600;color:var(--sn-text, #212121);flex:1}.dash-legend-pct{font-size:11px;font-weight:500;color:var(--sn-text-muted, #757575);text-align:right}.dash-filter-bar{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--sn-bg, #f5f5f5);border-radius:6px;font-size:12px;font-weight:600;color:var(--sn-text, #212121);margin-bottom:16px}.dash-small-text{display:block;text-align:center;color:var(--sn-text-muted, #757575);margin-top:12px;font-size:11px;font-weight:500}.dash-range-select{padding:6px 10px;font-size:12px;font-family:var(--font-primary, inherit);border:1px solid var(--sn-border, #e0e0e0);border-radius:6px;background:var(--sn-surface, #fff);cursor:pointer;transition:border-color .2s}.dash-range-select:hover{border-color:var(--sn-primary, #1565C0)}.dash-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;min-height:220px}.dash-empty-state .material-symbols-outlined{font-size:52px;color:var(--sn-border, #e0e0e0)}.dash-empty-state p{color:var(--sn-text-muted, #757575);margin-top:14px;font-size:13px;font-weight:500;line-height:1.6;max-width:280px}@media (max-width: 1200px){.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr}.dash-stat-cards-row,.dash-two-column{flex-direction:column}.dash-chart-column{height:280px}.dash-legend-column{flex:1;padding-left:0}.dash-chart-container{height:260px}.dash-kpi-row{gap:10px}.dash-kpi-item{min-width:0;flex-basis:calc(50% - 5px);padding:14px}.dash-kpi-value{font-size:18px}}.dash-skeleton{display:flex;gap:16px;flex-wrap:wrap}.dash-skeleton-card{flex:1;min-width:200px;height:180px;border-radius:12px;background:linear-gradient(110deg,#f0f0f0 8%,#e8e8e8 18%,#f0f0f0 33%);background-size:200% 100%;animation:dash-shimmer 1.5s linear infinite}.dash-skeleton-chart{width:100%;height:320px;border-radius:12px;background:linear-gradient(110deg,#f0f0f0 8%,#e8e8e8 18%,#f0f0f0 33%);background-size:200% 100%;animation:dash-shimmer 1.5s linear infinite;margin-top:16px}@keyframes dash-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dashboard-widget-toggle{flex-shrink:0}.dashboard-widget-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:10vh 10vw;background:#0f172a6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .28s cubic-bezier(.4,0,.2,1)}.dashboard-widget-overlay--open{opacity:1;pointer-events:auto}.dashboard-widget-panel{width:80vw;height:80vh;display:flex;flex-direction:column;overflow:hidden;border-radius:16px;border:1px solid var(--sn-border, #e0e0e0);background:var(--sn-surface, #fff);box-shadow:0 28px 72px #0f172a47;transform:scale(.94) translateY(16px);opacity:0;transition:transform .32s cubic-bezier(.34,1.25,.64,1),opacity .28s cubic-bezier(.4,0,.2,1)}.dashboard-widget-panel--open{transform:scale(1) translateY(0);opacity:1}.dashboard-widget-panel>.dash-card-header,.dashboard-widget-panel>.dashboard-widget__header{flex-shrink:0}.dashboard-widget-panel__content{flex:1;min-height:0;overflow:auto}.dashboard-widget__body{padding:var(--spacing-lg)}.dashboard-widget-panel .dash-chart-container,.dashboard-widget-panel .voter-chart-col,.dashboard-widget-panel .voter-bar-wrap,.dashboard-widget-panel .vol-chart-col,.dashboard-widget-panel .dash-chart-column{height:min(56vh,640px)!important;min-height:360px}.dashboard-widget-panel .voter-map-container,.dashboard-widget-panel .vol-map-container{min-height:min(56vh,640px)}.dashboard-widget-panel .dash-legend-column,.dashboard-widget-panel .voter-legend-col{max-height:min(56vh,640px)}@media (max-width: 768px){.dashboard-widget-overlay{padding:5vh 4vw}.dashboard-widget-panel{width:92vw;height:88vh}}.dash-map-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.dash-map-grid:before,.dash-map-grid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.dash-map-grid:before{background:repeating-linear-gradient(90deg,transparent,transparent calc(20% - 1px),rgba(0,0,0,.04) calc(20% - 1px),rgba(0,0,0,.04) 20%)}.dash-map-grid:after{background:repeating-linear-gradient(0deg,transparent,transparent calc(20% - 1px),rgba(0,0,0,.04) calc(20% - 1px),rgba(0,0,0,.04) 20%)}.campaign-filter-card{margin-bottom:var(--spacing-xl);border:1px solid rgba(21,101,192,.18);box-shadow:0 10px 24px #1a237e14}.campaign-filter-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--spacing-md)}.campaign-filter-row .form-group{margin-bottom:0;min-width:140px;flex:1 1 140px}.campaign-filter-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center}.campaign-filter-subsection{margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm);border:1px solid rgba(21,101,192,.14);border-radius:var(--radius-md);background:linear-gradient(180deg,#e3f2fd73,#fff0)}.campaign-filter-subsection-title{margin:0 0 4px;font-size:13px;font-weight:700;color:var(--sn-primary-dark, #1565C0);text-transform:uppercase;letter-spacing:.04em}.campaign-filter-subsection-hint{margin:0 0 var(--spacing-md);font-size:12px;color:var(--sn-text-muted)}.campaign-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(600px,1fr));gap:28px}.campaign-dashboard-grid>.dashboard-card{border:1px solid var(--sn-border, #e0e0e0);border-radius:12px;overflow:hidden;background:var(--sn-surface, #fff);box-shadow:0 8px 20px #11182714;transition:transform .2s ease,box-shadow .2s ease}.campaign-dashboard-grid>.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 14px 28px #1118271f}.campaign-chart-wrap{position:relative;height:300px;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg);background:linear-gradient(180deg,#e3f2fd59,#fff0 60%);border-top:1px solid var(--sn-border-light)}.campaign-chart-wrap canvas{border-radius:var(--radius-md)}.campaign-metric-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-md);padding:0 var(--spacing-lg) var(--spacing-md)}.campaign-metric{background:var(--sn-bg-light);border:1px solid rgba(33,150,243,.18);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center;box-shadow:0 3px 10px #1565c00f}.campaign-metric-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--sn-text-muted)}.campaign-metric-value{font-size:22px;font-weight:700;font-family:var(--font-display);color:var(--sn-text);line-height:1.2}.campaign-metric-sub{font-size:11px;color:var(--sn-text-secondary)}.campaign-filter-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--sn-primary-light);color:var(--sn-primary-dark);border-radius:var(--radius-full);font-size:12px;font-weight:600;margin-bottom:var(--spacing-md);border:1px solid rgba(21,101,192,.2)}.campaign-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);min-height:200px;color:var(--sn-text-muted);text-align:center;padding:var(--spacing-xl)}.campaign-empty .material-symbols-outlined{font-size:40px;opacity:.5}.campaign-card-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-sm);background:linear-gradient(135deg,var(--sn-surface, #fff) 0%,var(--sn-bg, #f5f5f5) 100%);border-bottom:1px solid var(--sn-border, #e0e0e0)}.campaign-card-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:15px;font-weight:700;font-family:var(--font-display);color:var(--sn-text)}.campaign-card-title .material-symbols-outlined{color:var(--sn-primary-dark);font-size:22px}.campaign-card-subtitle{padding:0 var(--spacing-lg);margin-top:0;margin-bottom:var(--spacing-sm);font-size:13px;color:var(--sn-text-muted)}.campaign-footnote{padding:0 var(--spacing-lg) var(--spacing-lg);font-size:13px;color:var(--sn-text-muted)}@media (max-width: 1200px){.campaign-dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}}@media (max-width: 768px){.campaign-dashboard-grid{grid-template-columns:1fr}}.vol-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(600px,1fr));gap:28px}.vol-dashboard-grid>.dashboard-card{border:1px solid var(--sn-border, #e0e0e0);border-radius:12px;overflow:hidden;background:var(--sn-surface, #fff);transition:all .3s cubic-bezier(.4,0,.2,1)}.vol-dashboard-grid>.dashboard-card:hover{box-shadow:0 10px 30px #1a233212;border-color:#d7deea;transform:translateY(-2px)}.vol-stat-row{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.vol-stat-card{flex:1;min-width:130px;padding:var(--spacing-lg) var(--spacing-lg);border-radius:var(--radius-lg);text-align:center;transition:transform .2s ease}.vol-stat-card:hover{transform:translateY(-2px)}.vol-stat-card--green{background:linear-gradient(135deg,#e8f5e9,#d4edde);color:#1a5e39}.vol-stat-card--red{background:linear-gradient(135deg,#ffebee,#f5d0d0);color:#8b2020}.vol-stat-card--amber{background:linear-gradient(135deg,#fff3e0,#fde5b8);color:#8b6914}.vol-stat-card--blue{background:linear-gradient(135deg,#e3f2fd,#d0dff5);color:#1a3f6b}.vol-stat-icon{font-size:28px;margin-bottom:4px;display:block}.vol-stat-value{font-size:28px;font-weight:800;font-family:var(--font-display);line-height:1.1;margin-bottom:2px}.vol-stat-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.vol-metrics-grid{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.vol-metric-box{flex:1;min-width:120px;padding:var(--spacing-lg);border-radius:var(--radius-md);text-align:center}.vol-metric-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.vol-metric-value{font-size:28px;font-weight:800;font-family:var(--font-display);line-height:1.1;margin:4px 0}.vol-metric-sub{font-size:11px;font-weight:600;opacity:.85}.vol-two-col{display:flex;gap:var(--spacing-xl);align-items:flex-start;min-height:280px}.vol-chart-col{flex:1;position:relative;height:280px}.vol-legend-col{flex:0 0 220px;display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-md)}.vol-legend-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:13px;font-weight:500;color:var(--sn-text)}.vol-legend-color{width:14px;height:14px;border-radius:4px;flex-shrink:0}.vol-legend-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vol-legend-pct{font-size:12px;color:var(--sn-text-muted);white-space:nowrap}.vol-map-controls{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.vol-map-input{padding:10px 14px;border:1px solid var(--sn-border);border-radius:var(--radius-md);font-size:13px;font-family:var(--font-primary);width:220px;background:var(--sn-surface);transition:all .3s ease}.vol-map-input:focus{outline:none;border-color:var(--sn-primary);box-shadow:0 0 0 3px #2196f326}.vol-map-legend{display:flex;gap:var(--spacing-lg);flex-wrap:wrap;margin-left:auto}.vol-map-legend-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--sn-text)}.vol-map-dot{width:12px;height:12px;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px #0003}.vol-map-dot.responded{background:#2e7d32}.vol-map-dot.refused{background:#c62828}.vol-map-dot.call-back{background:#f57c00}.vol-map-dot.not-visited{background:#00838f}.vol-map-container{position:relative;width:100%;height:400px;border-radius:var(--radius-md);overflow:hidden;background:var(--sn-bg);border:1px solid var(--sn-border)}.vol-map-marker{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px #00000040;transform:translate(-50%,-50%)}.vol-map-marker.responded{background:#2e7d32}.vol-map-marker.refused{background:#c62828}.vol-map-marker.call-back{background:#f57c00}.vol-map-marker.not-visited{background:#00838f}.vol-map-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--sn-text-muted);text-align:center;padding:var(--spacing-xl)}.vol-map-empty .material-symbols-outlined{font-size:48px;opacity:.4;margin-bottom:var(--spacing-sm)}.vol-map-summary{display:block;text-align:center;color:var(--sn-text-muted);margin-top:var(--spacing-md);font-size:12px;font-weight:500}.vol-card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-sm)}.vol-card-icons{display:flex;align-items:center;gap:var(--spacing-sm)}.vol-range-select{padding:6px 10px;font-size:12px;font-family:var(--font-primary);border:1px solid var(--sn-border);border-radius:var(--radius-sm);background:var(--sn-surface);cursor:pointer}.vol-footnote{display:block;text-align:center;color:var(--sn-text-muted);margin-top:var(--spacing-md);font-size:11px;font-weight:500}.vol-filter-bar{display:flex;align-items:center;gap:6px;padding:var(--spacing-sm) var(--spacing-md);background:var(--sn-bg);border-radius:var(--radius-sm);font-size:12px;font-weight:600;color:var(--sn-text);margin-bottom:var(--spacing-lg)}@media (max-width: 1200px){.vol-dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}}@media (max-width: 768px){.vol-stat-row,.vol-two-col{flex-direction:column}.vol-chart-col{height:220px}.vol-legend-col{flex:auto;flex-direction:row;flex-wrap:wrap}.vol-map-controls{flex-direction:column;align-items:stretch}.vol-map-legend{margin-left:0}.vol-lb-table{font-size:11px}}.vol-lb-section{margin-top:var(--spacing-lg)}.vol-lb-title{font-size:13px;font-weight:700;color:var(--sn-text-primary, #212121);margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:6px}.vol-lb-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.vol-lb-table th{text-align:left;font-weight:600;color:var(--sn-text-muted);padding:8px 10px;border-bottom:2px solid var(--sn-border, #e0e0e0)}.vol-lb-table td{padding:8px 10px;border-bottom:1px solid rgba(0,0,0,.05)}.vol-lb-table tr:hover td{background:#00000005}.vol-lb-rank{width:40px;font-weight:700;color:var(--sn-text-muted)}.vol-lb-name{font-weight:600}.vol-opt-legend{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:var(--spacing-md);font-size:12px}.vol-opt-legend-item{display:flex;align-items:center;gap:6px}.vol-opt-dot{width:12px;height:12px;border-radius:3px}.vol-opt-summary{display:flex;gap:20px;flex-wrap:wrap;margin-top:var(--spacing-md);font-size:13px;color:var(--sn-text-secondary, #616161)}.vol-opt-summary strong{color:var(--sn-text-primary, #212121)}.dash-kpi-icon--red{background:linear-gradient(135deg,#ffebee,#f5d0d0);color:#c62828}.voter-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(600px,1fr));gap:28px}.voter-dashboard-grid>.dashboard-card{border:1px solid var(--sn-border, #e0e0e0);border-radius:12px;overflow:hidden;background:var(--sn-surface, #fff);transition:all .3s cubic-bezier(.4,0,.2,1)}.voter-dashboard-grid>.dashboard-card:hover{box-shadow:0 10px 30px #1a233212;border-color:#d7deea;transform:translateY(-2px)}.voter-dashboard-grid .full-width{grid-column:1 / -1}.voter-two-col{display:flex;gap:16px;align-items:flex-start}.voter-chart-col{flex:1;position:relative;height:300px}.voter-legend-col{flex:0 0 220px;max-height:300px;overflow-y:auto;padding-left:6px}.voter-legend-item{display:flex;align-items:center;gap:10px;padding:8px 10px;margin-bottom:4px;border-radius:6px;transition:background .2s ease;cursor:default}.voter-legend-item:hover{background-color:var(--sn-bg-secondary, #f5f5f5)}.voter-legend-color{width:14px;height:14px;border-radius:50%;flex-shrink:0;border:2px solid white;box-shadow:0 1px 3px #00000026}.voter-legend-name{font-size:12px;font-weight:600;color:var(--sn-text, #212121);flex:1}.voter-legend-pct{font-size:11px;font-weight:500;color:var(--sn-text-secondary, #757575);text-align:right}.voter-bar-wrap{position:relative;height:280px;width:100%}.voter-footnote{display:block;text-align:center;color:var(--sn-text-secondary, #757575);margin-top:12px;font-size:12px;font-weight:500}.voter-map-container{position:relative;width:100%;height:420px;border-radius:8px;overflow:hidden;background:#e8eef4}.voter-map-surface{position:absolute;top:0;right:0;bottom:0;left:0;background:#dfe7ef}.voter-map-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--sn-text-secondary, #757575);text-align:center;padding:0 18px;pointer-events:none}.voter-map-overlay .material-symbols-outlined{font-size:52px;color:var(--sn-border, #e0e0e0);margin-bottom:12px}.voter-map-overlay p{font-size:13px;font-weight:500;max-width:300px;line-height:1.6}.voter-map-marker{position:absolute;width:10px;height:10px;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px #00000040}.voter-map-marker.responded{background:#2e7d32}.voter-map-marker.not-at-home{background:#00838f}.voter-map-marker.call-back{background:#f57c00}.voter-map-marker.refused{background:#c62828}.voter-map-legend{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.voter-map-legend-empty{font-size:12px;color:var(--sn-text-secondary, #757575)}.voter-map-legend-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--sn-text, #212121);padding:6px 12px 6px 8px;border-radius:999px;border:1px solid var(--sn-border, #e0e0e0);background:var(--sn-surface, #fff);cursor:pointer;transition:opacity .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease}.voter-map-legend-item:hover{border-color:#b0bec5;box-shadow:0 2px 6px #1a233214}.voter-map-legend-item.is-selected{border-color:#90caf9;background:#e3f2fd;box-shadow:0 1px 4px #1565c01f}.voter-map-legend-item:not(.is-selected){opacity:.55}.voter-map-legend-count{font-size:11px;font-weight:500;color:var(--sn-text-secondary, #757575)}.voter-map-legend-dot{width:12px;height:12px;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px #0003}.voter-map-legend-pin{width:14px;height:18px;flex-shrink:0;background-color:var(--pin-color, #8b96a3);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 36'%3E%3Cpath d='M14 0C6.3 0 0 6.3 0 14c0 10.5 14 22 14 22s14-11.5 14-22C28 6.3 21.7 0 14 0z'/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat;mask-position:center bottom;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 36'%3E%3Cpath d='M14 0C6.3 0 0 6.3 0 14c0 10.5 14 22 14 22s14-11.5 14-22C28 6.3 21.7 0 14 0z'/%3E%3C/svg%3E");-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center bottom;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.voter-map-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.voter-map-search-input{padding:8px 12px;border:1px solid var(--sn-border, #e0e0e0);border-radius:8px;font-size:13px;font-family:inherit;width:220px;transition:border-color .2s}.voter-map-search-input:focus{outline:none;border-color:var(--sn-primary, #2196F3);box-shadow:0 0 0 3px #2196f31f}@media (max-width: 1200px){.voter-dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}}@media (max-width: 768px){.voter-dashboard-grid{grid-template-columns:1fr}.voter-two-col{flex-direction:column}.voter-chart-col{height:260px}.voter-legend-col{flex:1;padding-left:0}.voter-map-container{height:320px}.voter-map-controls{flex-direction:column;align-items:stretch}.voter-map-legend{margin-left:0}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--sn-primary-light),var(--sn-bg));padding:var(--spacing-lg);font-family:var(--font-display)}.login-card{width:100%;max-width:420px;background:var(--sn-white);border-radius:var(--radius-lg);box-shadow:var(--sn-shadow-lg);padding:var(--spacing-3xl);animation:slideUp .4s ease}.login-card h2{font-size:28px;margin-bottom:var(--spacing-xl);text-align:center;color:var(--sn-primary-dark);font-family:var(--font-display)}.login-card p{font-size:13px;margin:var(--spacing-lg) 0 var(--spacing-lg) 0}.login-card form{display:grid;gap:var(--spacing-lg)}.login-card .form-group{margin-bottom:0}.login-card .form-input{width:100%;padding:10px var(--spacing-lg);border:1.5px solid var(--sn-border);border-radius:var(--radius-md);font-size:14px;font-family:inherit;background:var(--sn-white);color:var(--sn-text);transition:all .15s ease}.login-card .form-input:focus{outline:none;border-color:var(--sn-primary);box-shadow:0 0 0 3px var(--sn-primary-light)}.login-card .form-input:disabled{background:var(--sn-bg);color:var(--sn-text-muted);cursor:not-allowed}.login-card .form-label{font-size:12px;font-weight:600;color:var(--sn-text);text-transform:uppercase;letter-spacing:.5px}.login-card .form-group>div[style*="display: flex"]{gap:var(--spacing-sm)}.login-card .form-group>div span{white-space:nowrap;padding:10px 12px;background:var(--sn-bg);border-radius:var(--radius-md);font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.login-card .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:12px 24px;border-radius:var(--radius-md);border:none;font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease;white-space:nowrap;width:100%}.login-card .btn-primary{background:linear-gradient(135deg,var(--sn-primary-dark),var(--sn-primary-mid));color:#fff}.login-card .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0d47a1,var(--sn-primary-dark));transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.login-card .btn-primary:active:not(:disabled){transform:translateY(0)}.login-card .btn-primary:disabled{opacity:.6;cursor:not-allowed}.login-card button[style*="background: transparent"]{background:transparent!important;border:1px solid var(--sn-border)!important;color:var(--sn-text)!important;padding:10px 16px;margin-top:var(--spacing-sm)}.login-card button[style*="background: transparent"]:hover{background:var(--sn-bg)!important;border-color:var(--sn-primary)!important}.login-card p[style*="color:"]{padding:var(--spacing-md);border-radius:var(--radius-md)}.admin-otp-row{display:flex;gap:10px;justify-content:center;margin-top:8px}.admin-otp-cell{position:relative;width:52px;height:60px;flex-shrink:0}.admin-otp-box{width:100%;height:100%;border:1.5px solid var(--sn-border);border-radius:var(--radius-md);text-align:center;font-size:26px;font-weight:700;font-family:var(--font-display),monospace;color:var(--sn-text);background:var(--sn-white);outline:none;transition:border-color .2s,box-shadow .2s;caret-color:transparent}.admin-otp-box--digit-hidden{color:transparent;-webkit-text-fill-color:transparent}.admin-otp-mask{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;font-family:var(--font-display),monospace;color:var(--sn-text);pointer-events:none;-webkit-user-select:none;user-select:none}.admin-otp-box:focus{border-color:var(--sn-primary);box-shadow:0 0 0 3px var(--sn-primary-light)}.admin-otp-cell--filled .admin-otp-box{border-color:var(--sn-primary-mid);background:var(--sn-primary-light)}.login-card p[style*="color: var(--sn-text-muted)"]{text-align:center;font-size:13px;color:var(--sn-text-muted);margin:0 0 var(--spacing-lg) 0}.login-card p[style*="font-size: 12px"]{font-size:12px;color:var(--sn-text-muted);text-align:center;margin:var(--spacing-xs) 0 0 0}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-primary);font-size:14px;line-height:1.5;color:var(--sn-text);background:var(--sn-bg)}h1,h2,h3,h4,h5,h6{margin:0 0 .5em;font-family:var(--font-display);font-weight:700}p{margin:0 0 1em}a{color:var(--sn-primary-dark);text-decoration:none;transition:color .15s ease}a:hover{color:var(--sn-primary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg)}.modal-content{background:var(--sn-white);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--sn-shadow-lg);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xl);border-bottom:1px solid var(--sn-border);flex-shrink:0}.modal-title{font-size:18px;font-weight:700;margin:0;font-family:var(--font-display)}.modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--sn-bg);border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--sn-text-muted);transition:all .15s ease}.modal-close:hover{background:var(--sn-border);color:var(--sn-text)}.modal-body{flex:1;overflow-y:auto;padding:var(--spacing-xl)}.modal-footer{padding:var(--spacing-xl);border-top:1px solid var(--sn-border);display:flex;gap:var(--spacing-lg);justify-content:flex-end;flex-shrink:0;background:var(--sn-bg)}.alert{padding:var(--spacing-lg);border-radius:var(--radius-md);border-left:4px solid;display:flex;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-icon{flex-shrink:0;font-size:18px}.alert-content h4{margin:0 0 var(--spacing-xs) 0;font-size:14px}.alert-content p{margin:0;font-size:13px}.alert-success{background:var(--sn-success-light);border-left-color:var(--sn-success);color:var(--sn-success)}.alert-error{background:var(--sn-error-light);border-left-color:var(--sn-error);color:var(--sn-error)}.alert-warning{background:var(--sn-warning-light);border-left-color:var(--sn-warning);color:var(--sn-warning)}.alert-info{background:var(--sn-primary-light);border-left-color:var(--sn-primary-dark);color:var(--sn-primary-dark)}.tabs{display:flex;border-bottom:2px solid var(--sn-border);gap:0;margin-bottom:var(--spacing-xl)}.tab-btn{background:none;border:none;padding:var(--spacing-md) var(--spacing-xl);font-size:13px;font-weight:600;color:var(--sn-text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .15s ease}.tab-btn:hover{color:var(--sn-text)}.tab-btn.active{color:var(--sn-primary-dark);border-bottom-color:var(--sn-primary-dark)}.spinner{display:inline-block;width:20px;height:20px;border:3px solid var(--sn-border);border-top-color:var(--sn-primary-dark);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner.large{width:40px;height:40px;border-width:4px}.grid{display:grid;gap:var(--spacing-lg)}.grid.grid-2,.grid-2{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.grid.grid-3,.grid-3{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr)}.grid.grid-4,.grid-4{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--sn-bg)}::-webkit-scrollbar-thumb{background:var(--sn-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--sn-text-muted)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.transition-all{transition:all .15s ease}.no-print{print-only:none}@media print{.no-print,.sidebar,.app-header{display:none}.app-main{margin-left:0;margin-top:0}}@media (max-width: 1200px){.grid.grid-4,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid.grid-2,.grid.grid-3,.grid.grid-4,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.modal-content{margin:var(--spacing-lg)}h1{font-size:24px}h2{font-size:20px}}