@import "https://fonts.googleapis.com/css2?family=Inter:wght@300..700&family=Inter+Tight:wght@500;600;700&display=swap";:root{--text-xs:clamp(.75rem, .7rem + .25vw, .875rem);--text-sm:clamp(.875rem, .8rem + .35vw, 1rem);--text-base:clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl:clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--transition:.16s var(--ease-out-expo);--transition-md:.26s var(--ease-out-expo);--cyan-400:#22d3ee;--cyan-500:#06b6d4;--teal-500:#14b8a6;--teal-600:#0d9488;--teal-700:#0f766e;--teal-800:#115e59;--teal-900:#134e4a;--navy-800:#0f1b2d;--navy-900:#080e18;--glass-white:#ffffff12;--glass-white-hover:#ffffff1c;--glass-white-strong:#ffffff21;--glass-border:#ffffff1f;--glass-border-hover:#ffffff38;--glass-blur:blur(20px);--glass-blur-strong:blur(40px);--bg-scene:linear-gradient(135deg, #060d1a 0%, #0a1628 30%, #0d2137 60%, #071a1a 100%);--surface-card:#ffffff0f;--surface-input:#ffffff0f;--surface-hover:#ffffff17;--border-glass:#ffffff1a;--border-focus:#14b8a6b3;--select-bg:#0d1f35;--select-option-bg:#0d1f35;--select-option-hover:#132d47;--select-option-selected:#0f3d36;--text-primary:#fffffff2;--text-secondary:#ffffffa6;--text-muted:#ffffff61;--text-accent:#5eead4;--color-primary:#14b8a6;--color-primary-hover:#0d9488;--color-success:#34d399;--color-warning:#fbbf24;--color-danger:#f87171;--shadow-glass:0 8px 32px #0006, 0 0 0 1px #ffffff0f;--shadow-card:0 4px 24px #0000004d;--shadow-glow:0 0 40px #14b8a626;--shadow-glow-strong:0 0 60px #14b8a640;--font-sans:"Inter", system-ui, sans-serif;--font-heading:"Inter Tight", "Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--bg-main:#0a1628;--bg-sidebar:transparent;--bg-card:var(--surface-card);--bg-input:var(--surface-input);--border-color:var(--border-glass);--border-hover:var(--glass-border-hover)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;scroll-behavior:smooth}body{min-height:100dvh;font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-scene);background-attachment:fixed;line-height:1.6;overflow-x:hidden}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{text-wrap:balance;line-height:1.2}p,li{text-wrap:pretty}:focus-visible{outline-offset:3px;border-radius:var(--radius-sm);outline:2px solid #14b8a6b3}::selection{color:#fff;background:#14b8a640}::placeholder{color:var(--text-muted)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1f}::-webkit-scrollbar-thumb:hover{background:#ffffff38}select{border:1px solid var(--border-glass);border-radius:var(--radius-lg);cursor:pointer;appearance:none;transition:border-color var(--transition-md), box-shadow var(--transition-md);width:100%;padding:9px 36px 9px 12px;font-size:13px;background-color:var(--select-bg)!important;color:var(--text-primary)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;background-size:12px 8px!important}select:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #14b8a61f,0 0 20px #14b8a614;background-color:#0f2840!important}select:hover:not(:focus){border-color:#ffffff38;background-color:#0f2840!important}option{font-size:13px;font-family:var(--font-sans);padding:8px 12px;background-color:var(--select-option-bg)!important;color:#ffffffeb!important}option:hover,option:focus{background-color:var(--select-option-hover)!important;color:#fff!important}option:checked,option[selected]{font-weight:600;background-color:var(--select-option-selected)!important;color:#5eead4!important}option[value=""]{color:#ffffff61!important}optgroup{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700;background-color:var(--select-bg)!important;color:var(--text-muted)!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app-shell{background:var(--bg-scene);background-attachment:fixed;grid-template-columns:260px 1fr;width:100vw;min-height:100vh;display:grid;position:relative}.app-shell:before,.app-shell:after{content:"";filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:fixed}.app-shell:before{background:radial-gradient(circle,#14b8a61f 0%,#0000 70%);width:600px;height:600px;animation:18s ease-in-out infinite alternate orbDrift1;top:-100px;left:-100px}.app-shell:after{background:radial-gradient(circle,#06b6d41a 0%,#0000 70%);width:500px;height:500px;animation:22s ease-in-out infinite alternate orbDrift2;bottom:-100px;right:200px}@keyframes orbDrift1{0%{transform:translate(0)}to{transform:translate(60px,80px)}}@keyframes orbDrift2{0%{transform:translate(0)}to{transform:translate(-80px,-60px)}}.sidebar{height:100vh;padding:var(--space-5) var(--space-4);-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--border-glass);gap:var(--space-2);z-index:10;background:#08122699;flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{align-items:center;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-4);background:var(--glass-white);border:1px solid var(--glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex}.logo-emoji{font-size:22px}.sidebar-logo h2{font-family:var(--font-heading);color:var(--text-primary);font-size:14px;font-weight:700;line-height:1.2}.sidebar-logo p{color:var(--text-muted);letter-spacing:.4px;margin-top:1px;font-size:10px}.nav-menu{flex-direction:column;flex-grow:1;gap:3px;display:flex}.nav-item{border-radius:var(--radius-lg);color:var(--text-secondary);text-align:left;cursor:pointer;transition:all var(--transition-md);letter-spacing:.1px;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font-size:13.5px;font-weight:500;display:flex}.nav-item:hover{background:var(--glass-white-hover);border-color:var(--glass-border);color:var(--text-primary);transform:translate(2px)}.nav-item.active{color:#5eead4;background:linear-gradient(135deg,#14b8a62e 0%,#06b6d41f 100%);border-color:#14b8a64d;font-weight:600;box-shadow:0 2px 12px #14b8a61a}.nav-badge{background:var(--color-danger);color:#fff;border-radius:var(--radius-full);padding:2px 7px;font-size:10px;font-weight:700;line-height:1.4;animation:2s ease-in-out infinite badgePulse}@keyframes badgePulse{0%,to{box-shadow:0 0 #f8717166}50%{box-shadow:0 0 0 4px #f8717100}}.sidebar-footer{padding-top:var(--space-4);border-top:1px solid var(--border-glass);gap:var(--space-2);flex-direction:column;margin-top:auto;display:flex}.user-profile-badge{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);background:var(--glass-white);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex}.user-avatar{background:linear-gradient(135deg,#14b8a64d,#06b6d433);border:1px solid #14b8a64d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:flex}.user-info{flex-direction:column;gap:1px;display:flex;overflow:hidden}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-role-tag{color:var(--text-muted);font-size:10px}.btn-logout{border-radius:var(--radius-lg);color:#fca5a5cc;cursor:pointer;width:100%;transition:all var(--transition);justify-content:center;align-items:center;gap:var(--space-2);background:#f8717112;border:1px solid #f871712e;padding:9px;font-size:13px;font-weight:500;display:flex}.btn-logout:hover{color:#fca5a5;background:#f8717124;border-color:#f8717159;transform:translateY(-1px)}.connection-pill{align-items:center;gap:var(--space-2);color:var(--text-muted);border-radius:var(--radius-full);border:1px solid var(--border-glass);background:#ffffff08;padding:5px 10px;font-size:11px;display:inline-flex}.pulse-dot{background:#34d399;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 6px #34d39980}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.main-panel{padding:var(--space-8) var(--space-10);z-index:1;height:100vh;position:relative;overflow-y:auto}.glass,.card{background:var(--glass-white);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass)}.btn{font-family:var(--font-sans);font-size:var(--text-sm);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-md);justify-content:center;align-items:center;gap:var(--space-2);border:1px solid #0000;padding:9px 18px;font-weight:500;line-height:1;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";transition:background var(--transition);border-radius:inherit;background:#fff0;position:absolute;inset:0}.btn:hover:before{background:#ffffff0f}.btn-primary{background:linear-gradient(135deg, var(--teal-600) 0%, var(--teal-700) 100%);color:#fff;border-color:#14b8a666;box-shadow:0 4px 16px #14b8a633,inset 0 1px #ffffff1a}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--teal-500) 0%, var(--teal-600) 100%);transform:translateY(-1px);box-shadow:0 6px 24px #14b8a659,inset 0 1px #ffffff26}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--glass-white);border-color:var(--border-glass);color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover:not(:disabled){background:var(--glass-white-hover);border-color:var(--glass-border-hover);color:var(--text-primary);transform:translateY(-1px)}.btn-danger{color:#fca5a5;background:#f871711a;border-color:#f8717140}.btn-danger:hover:not(:disabled){color:#f87171;background:#f871712e;border-color:#f8717166;transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-full{width:100%}.btn-lg{font-size:var(--text-base);padding:12px 24px;font-weight:600}.spinner{border:3px solid #ffffff1a;border-top-color:var(--color-primary);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}.spinner-sm{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen,.error-screen{text-align:center;justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:60vh;display:flex}.loading-screen p,.error-screen p{color:var(--text-secondary)}.error-screen h2{color:var(--color-danger);font-size:var(--text-lg)}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.form-group input,.form-group textarea{background:var(--surface-input);border:1px solid var(--border-glass);border-radius:var(--radius-lg);color:var(--text-primary);transition:all var(--transition-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;padding:10px 14px;font-size:14px}.form-group select{padding:10px 36px 10px 14px;font-size:14px}.form-group input:focus,.form-group textarea:focus{border-color:var(--border-focus);background:#14b8a60a;outline:none;box-shadow:0 0 0 3px #14b8a61f,0 0 20px #14b8a614}.auth-scene{background:linear-gradient(135deg,#040d1a 0%,#071428 35%,#0a1f35 65%,#05130f 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.auth-canvas{pointer-events:none;z-index:0;position:absolute;inset:0}.auth-blob{pointer-events:none;filter:blur(70px);z-index:0;border-radius:50%;position:absolute}.auth-blob-1{background:radial-gradient(circle,#14b8a62e 0%,#0000 70%);width:500px;height:500px;animation:16s ease-in-out infinite alternate blobDrift1;top:-120px;left:-80px}.auth-blob-2{background:radial-gradient(circle,#06b6d424 0%,#0000 70%);width:400px;height:400px;animation:20s ease-in-out infinite alternate blobDrift2;bottom:-100px;right:-80px}.auth-blob-3{background:radial-gradient(circle,#38bdf814 0%,#0000 70%);width:300px;height:300px;animation:24s ease-in-out infinite alternate blobDrift3;top:40%;left:60%}@keyframes blobDrift1{0%{transform:translate(0)scale(1)}to{transform:translate(80px,60px)scale(1.1)}}@keyframes blobDrift2{0%{transform:translate(0)scale(1)}to{transform:translate(-60px,-80px)scale(1.15)}}@keyframes blobDrift3{0%{transform:translate(0)}to{transform:translate(-100px,80px)}}.auth-glass-card{z-index:10;width:100%;max-width:440px;padding:var(--space-8) var(--space-8);-webkit-backdrop-filter:blur(32px)saturate(180%);border-radius:var(--radius-2xl);opacity:0;transition:opacity .5s var(--ease-out-expo), transform .5s var(--ease-out-expo);background:#ffffff0f;border:1px solid #ffffff21;position:relative;transform:translateY(28px)scale(.97);box-shadow:0 24px 64px #00000080,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a}.auth-card-in{opacity:1!important;transform:translateY(0)scale(1)!important}.auth-glass-card:before{content:"";border-radius:var(--radius-full);background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:1px;position:absolute;top:0;left:20%;right:20%}.auth-card-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.auth-logo-ring{border-radius:var(--radius-xl);background:#14b8a61f;border:1px solid #14b8a640;flex-shrink:0;padding:10px;box-shadow:0 0 24px #14b8a626}.auth-header-text h1{font-family:var(--font-heading);color:var(--text-primary);font-size:18px;font-weight:700;line-height:1.2}.auth-header-text p{color:var(--text-muted);margin-top:3px;font-size:11.5px}.auth-divider{height:1px;margin-bottom:var(--space-6);background:linear-gradient(90deg,#0000,#ffffff1a,#0000)}.auth-form{gap:var(--space-5);flex-direction:column;display:flex}.auth-field-group{gap:var(--space-2);flex-direction:column;display:flex}.auth-field-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:11px;font-weight:700}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input-icon{color:var(--text-muted);pointer-events:none;z-index:1;transition:color var(--transition);align-items:center;display:flex;position:absolute;left:14px}.auth-input-wrap:focus-within .auth-input-icon{color:var(--text-accent)}.auth-input-wrap input{border-radius:var(--radius-lg);width:100%;color:var(--text-primary);transition:all var(--transition-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1a;padding:12px 44px;font-size:14px}.auth-input-wrap input:focus{background:#14b8a60f;border-color:#14b8a699;outline:none;box-shadow:0 0 0 3px #14b8a61a,0 0 24px #14b8a614}.auth-eye-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.auth-eye-btn:hover{color:var(--text-secondary)}.auth-error-banner{align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);color:#fca5a5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f871711a;border:1px solid #f8717140;padding:10px 14px;font-size:13px;animation:.35s shake,.25s fadeSlideIn;display:flex}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.auth-submit-btn{color:#fff;border-radius:var(--radius-lg);width:100%;font-size:15px;font-weight:600;font-family:var(--font-heading);cursor:pointer;transition:all var(--transition-md);justify-content:center;align-items:center;gap:var(--space-2);letter-spacing:.2px;margin-top:var(--space-2);background:linear-gradient(135deg,#0d9488 0%,#0f766e 50%,#115e59 100%);border:1px solid #14b8a659;padding:13px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #14b8a640,inset 0 1px #ffffff1f}.auth-submit-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.auth-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#14b8a6 0%,#0d9488 50%,#0f766e 100%);transform:translateY(-2px);box-shadow:0 8px 32px #14b8a666,inset 0 1px #ffffff2e}.auth-submit-btn:hover:not(:disabled):before{left:100%}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{opacity:.4;cursor:not-allowed}.auth-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}.auth-footer-note{text-align:center;color:var(--text-muted);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid #ffffff0f;font-size:11.5px;line-height:1.5}.dashboard-container{gap:var(--space-8);flex-direction:column;display:flex}.dashboard-header{justify-content:space-between;align-items:flex-start;display:flex}.dashboard-header h1{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:3px;font-size:22px;font-weight:700}.subtitle{color:var(--text-muted);font-size:13px}.metrics-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.metric-card{padding:var(--space-5);align-items:center;gap:var(--space-4);transition:all var(--transition-md);cursor:default;display:flex;position:relative;overflow:hidden}.metric-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);height:1px;position:absolute;top:0;left:0;right:0}.metric-card:hover{box-shadow:var(--shadow-glass), var(--shadow-glow);border-color:#ffffff2e;transform:translateY(-3px)}.metric-icon-box{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.bg-glow-blue{background:#3b82f626;border:1px solid #3b82f633}.bg-glow-green{background:#34d39926;border:1px solid #34d39933}.bg-glow-yellow{background:#fbbf2426;border:1px solid #fbbf2433}.bg-glow-purple{background:#06b6d426;border:1px solid #06b6d433}.metric-info-section{flex-direction:column;display:flex}.metric-title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:2px;font-size:11px;font-weight:600}.metric-value{font-family:var(--font-heading);color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:26px;font-weight:700;line-height:1.1}.metric-footer{color:var(--text-muted);margin-top:2px;font-size:11px}.card-ambient-light{display:none}.dashboard-grid{gap:var(--space-5);grid-template-columns:3fr 2fr;display:grid}.grid-2-1{grid-template-columns:2fr 1fr!important}.dashboard-card{padding:var(--space-5) var(--space-6)}.dashboard-card h3{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:3px;font-size:15px;font-weight:700}.card-subtitle{color:var(--text-muted);margin-bottom:var(--space-5);font-size:12px}.chart-container{gap:var(--space-4);flex-direction:column;display:flex}.chart-row-v2{margin-bottom:var(--space-4)}.chart-label-v2{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.district-name-v2{color:var(--text-primary);font-size:13px;font-weight:600}.district-count-v2{color:var(--text-muted);font-size:12px}.stacked-bar-track{border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid #ffffff0f;height:16px;display:flex;overflow:hidden}.stacked-segment{color:#ffffffe6;justify-content:center;align-items:center;height:100%;font-size:10px;font-weight:700;transition:width .5s;display:flex}.approved-segment{background:#34d399b3}.disapproved-segment{background:#f87171b3}.pending-segment{background:#94a3b866}.legend-indicator{gap:var(--space-4);margin-top:var(--space-2);display:flex}.legend-item{color:var(--text-muted);align-items:center;gap:5px;font-size:11px;display:inline-flex}.legend-color{border-radius:2px;width:10px;height:10px;display:inline-block}.approved-bg{background:#34d399b3}.disapproved-bg{background:#f87171b3}.pending-bg{background:#94a3b866}.circular-metrics-card{flex-direction:column;display:flex}.circular-progress-showcase{justify-content:center;align-items:center;gap:var(--space-6);margin-top:var(--space-3);flex-direction:column;flex-grow:1;display:flex}.circular-chart-widget{width:130px;height:130px;position:relative}.circular-chart{width:100%;height:100%;display:block}.circle-bg{fill:none;stroke:#ffffff0f;stroke-width:2.8px}.circle{fill:none;stroke-width:2.8px;stroke-linecap:round;transition:stroke-dasharray .6s}.approved-circle{stroke:#34d399;filter:drop-shadow(0 0 6px #34d39980)}.circular-chart-text{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.circular-chart-text .percentage{font-family:var(--font-heading);color:var(--text-primary);font-size:22px;font-weight:700}.circular-chart-text .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:9px}.linear-stats-details{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.compliance-row{border-radius:var(--radius-md);background:#ffffff0a;border:1px solid #ffffff0f;align-items:center;padding:7px 10px;font-size:13px;display:flex}.compliance-color{border-radius:50%;width:8px;height:8px;margin-right:10px}.compliance-label{color:var(--text-secondary);flex-grow:1}.compliance-val{color:var(--text-primary);font-weight:600}.log-list{gap:var(--space-3);flex-direction:column;max-height:380px;padding-right:2px;display:flex;overflow-y:auto}.empty-logs{padding:var(--space-12) 0;text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{margin-bottom:var(--space-3);opacity:.5;font-size:28px}.log-item{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);transition:all var(--transition);background:#ffffff0a;border:1px solid #ffffff12}.log-item:hover{background:#ffffff12;border-color:#ffffff1f}.log-item-header{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.log-business-name{color:var(--text-primary);font-size:13px;font-weight:600}.log-time{color:var(--text-muted);font-size:11px}.log-details{color:var(--text-secondary);flex-direction:column;gap:2px;font-size:11px;display:flex}.badge{border-radius:var(--radius-sm);text-transform:uppercase;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.badge-simulation{color:#93c5fd;background:#3b82f626;border:1px solid #3b82f640}.badge-resend{color:#6ee7b7;background:#34d3991f;border:1px solid #34d39933}.badge-smtp{color:#c4b5fd;background:#a78bfa1f;border:1px solid #a78bfa33}.badge-clearance{border-radius:var(--radius-sm);text-transform:uppercase;padding:3px 9px;font-size:11px;font-weight:700;display:inline-block}.badge-approved{color:#6ee7b7;background:#34d3991f;border:1px solid #34d39933}.badge-disapproved{color:#fca5a5;background:#f871711f;border:1px solid #f8717133}.badge-pending{color:#fde68a;background:#fbbf241a;border:1px solid #fbbf242e}.panel-container{gap:var(--space-6);flex-direction:column;display:flex}.panel-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:flex-start;display:flex}.panel-header h2{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:2px;font-size:18px;font-weight:700}.panel-subtitle{color:var(--text-muted);font-size:12px}.table-responsive{border-radius:var(--radius-xl);box-shadow:var(--shadow-glass);margin-bottom:var(--space-5);overflow-x:auto}.apps-table,.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.apps-table th,.data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;background:#ffffff0a;border-bottom:1px solid #ffffff12;padding:11px 16px;font-size:11px;font-weight:600}.apps-table td,.data-table td{color:var(--text-primary);vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:12px 16px}.app-row{cursor:pointer;transition:background var(--transition)}.app-row:hover{background:#ffffff0a}.bin-code{font-family:var(--font-mono);color:#93c5fd;border-radius:var(--radius-sm);background:#3b82f61a;padding:2px 6px;font-size:11px}.text-muted{color:var(--text-muted)}.text-truncate{white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.brgy-tag{border-radius:var(--radius-sm);color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff14;padding:2px 7px;font-size:11px}.status-dot{border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.dot-notified{background:#34d399;box-shadow:0 0 6px #34d39980}.dot-pending{background:#fbbf24;box-shadow:0 0 6px #fbbf2466}.no-data-cell{text-align:center;color:var(--text-muted);padding:60px 0!important}.pagination-bar{padding:var(--space-3) 0;justify-content:space-between;align-items:center;display:flex}.pagination-info{color:var(--text-muted);font-size:13px}.pagination-buttons{align-items:center;gap:var(--space-3);display:flex}.page-nav-btn{background:var(--glass-white);border:1px solid var(--border-glass);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);padding:6px 12px;font-size:13px}.page-nav-btn:hover:not(:disabled){background:var(--glass-white-hover);border-color:var(--glass-border-hover);color:var(--text-primary)}.page-nav-btn:disabled{opacity:.3;cursor:not-allowed}.page-indicator{color:var(--text-muted);font-size:13px}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:flex-end;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.drawer-content{-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);width:480px;height:100vh;padding:var(--space-8);animation:slideLeft .25s var(--ease-out-expo) forwards;background:#081226f2;border-left:1px solid #ffffff1a;flex-direction:column;display:flex;box-shadow:-20px 0 60px #00000080}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.drawer-header h3{font-family:var(--font-heading);color:var(--text-primary);font-size:18px}.close-drawer-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition);background:#ffffff12;border:1px solid #ffffff1a;padding:6px 10px;font-size:18px}.close-drawer-btn:hover{color:var(--text-primary);background:#ffffff1f}.drawer-body{gap:var(--space-6);flex-direction:column;flex-grow:1;display:flex;overflow-y:auto}.drawer-meta-section h4{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:var(--space-3);font-size:14px}.meta-row{color:var(--text-secondary);margin-bottom:var(--space-2);font-size:13px}.drawer-meta-section hr{margin:var(--space-4) 0;border:none;border-top:1px solid #ffffff12}.drawer-form{gap:var(--space-5);flex-direction:column;display:flex}.drawer-form select,.drawer-form .form-group select{background-color:#0a1628!important}.drawer-actions{gap:var(--space-3);margin-top:var(--space-3);justify-content:flex-end;display:flex}.notification-center-container{gap:var(--space-6);flex-direction:column;display:flex}.notification-split{gap:var(--space-5);grid-template-columns:4fr 5fr;height:calc(100vh - 200px);display:grid}.pending-panel{flex-direction:column;height:100%;display:flex}.header-checkbox{align-items:center;gap:var(--space-2);display:flex}.pending-list{flex-direction:column;flex-grow:1;display:flex;overflow-y:auto}.pending-item{padding:16px var(--space-5);cursor:pointer;transition:background var(--transition);gap:var(--space-3);border-bottom:1px solid #ffffff0d;display:flex}.pending-item:hover{background:#ffffff0a}.pending-item.active{border-left:2px solid var(--color-primary);background:#14b8a614}.pending-info{flex-direction:column;flex-grow:1;gap:5px;display:flex}.pending-title{color:var(--text-primary);font-size:13px;font-weight:600}.pending-sub{gap:var(--space-4);color:var(--text-muted);font-size:11px;display:flex}.pending-email-tag{color:var(--text-accent);font-size:11px}.pending-email-tag.warning{color:var(--color-warning)}.pending-checkbox-container{align-items:flex-start;padding-top:2px;display:flex}.preview-panel{padding:var(--space-5);flex-direction:column;height:100%;display:flex}.preview-panel h3{font-family:var(--font-heading);margin-bottom:var(--space-4);color:var(--text-primary);font-size:15px}.email-client{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff14;flex-direction:column;height:calc(100% - 40px);display:flex;overflow:hidden}.email-header-fields{padding:var(--space-4);gap:var(--space-2);background:#ffffff08;border-bottom:1px solid #ffffff12;flex-direction:column;display:flex}.email-field{font-size:12px;display:flex}.field-label{color:var(--text-muted);width:56px;font-weight:600}.field-value{color:var(--text-primary)}.email-body-preview{padding:var(--space-5);font-family:var(--font-mono);white-space:pre-wrap;color:var(--text-secondary);flex-grow:1;font-size:12px;line-height:1.6;overflow-y:auto}.empty-preview{height:100%;color:var(--text-muted);justify-content:center;align-items:center;font-size:13px;display:flex}.empty-pending{padding:var(--space-16) var(--space-10);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.party-icon{margin-bottom:var(--space-4);font-size:40px}.empty-pending h3{font-family:var(--font-heading);margin-bottom:var(--space-2);color:var(--text-primary);font-size:18px}.empty-pending p{color:var(--text-secondary);font-size:13px}.empty-pending .sub{color:var(--text-muted);margin-top:var(--space-1);font-size:11px}.progress-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.progress-modal{width:400px;padding:var(--space-8);text-align:center}.progress-modal h3{font-family:var(--font-heading);margin-bottom:var(--space-3);color:var(--text-primary)}.status-message{color:var(--text-secondary);margin-bottom:var(--space-5);text-overflow:ellipsis;height:36px;font-size:13px;overflow:hidden}.progress-bar-bg{border-radius:var(--radius-full);height:4px;margin-bottom:var(--space-3);background:#ffffff14;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--teal-600), var(--cyan-400));border-radius:var(--radius-full);height:100%;transition:width .3s;box-shadow:0 0 12px #14b8a680}.progress-text{color:var(--text-muted);font-size:12px}.district-tabs{gap:var(--space-2);padding-bottom:var(--space-3);margin-bottom:var(--space-6);border-bottom:1px solid #ffffff12;display:flex;overflow-x:auto}.tab-btn{border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all var(--transition);background:#ffffff0a;border:1px solid #ffffff14;align-items:center;gap:5px;padding:7px 14px;font-size:12px;font-weight:600;display:flex}.tab-btn:hover{color:var(--text-secondary);border-color:#ffffff29}.tab-btn.active{color:#5eead4;background:#14b8a626;border-color:#14b8a64d}.badge-count{border-radius:var(--radius-full);color:var(--text-secondary);background:#ffffff1a;padding:1px 5px;font-size:10px}.filters-panel{gap:var(--space-4);padding:var(--space-5);margin-bottom:var(--space-5);flex-direction:column;display:flex}.search-box{border-radius:var(--radius-lg);transition:all var(--transition);background:#ffffff0d;border:1px solid #ffffff17;flex-grow:1;align-items:center;padding:8px 14px;display:flex}.search-box:focus-within{background:#14b8a60d;border-color:#14b8a680;box-shadow:0 0 0 3px #14b8a614}.search-icon{margin-right:var(--space-2);color:var(--text-muted);font-size:14px}.search-box input{color:var(--text-primary);background:0 0;border:none;width:100%;font-size:14px}.search-box input:focus{outline:none}.clear-btn{color:var(--text-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;font-size:12px}.clear-btn:hover{color:var(--text-secondary)}.filter-selects{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.filter-group{flex-direction:column;gap:5px;display:flex}.filter-group label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:11px;font-weight:700}.settings-container{gap:var(--space-6);flex-direction:column;display:flex}.settings-grid{gap:var(--space-6);grid-template-columns:5fr 3fr;display:grid}.settings-card{padding:var(--space-8)}.settings-card h3{font-family:var(--font-heading);margin-bottom:var(--space-4);color:var(--text-primary);font-size:15px;font-weight:700}.provider-selector{gap:var(--space-3);margin-bottom:var(--space-6);flex-direction:column;display:flex}.provider-option{padding:var(--space-4);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);background:#ffffff0a;border:1px solid #ffffff14}.provider-option:hover{background:#ffffff12;border-color:#ffffff26}.provider-option.selected{background:#14b8a614;border-color:#14b8a659}.option-title{color:var(--text-primary);margin-bottom:3px;font-size:14px;font-weight:600}.option-desc{color:var(--text-secondary);font-size:12px;line-height:1.4}.form-divider{margin:var(--space-6) 0;border:none;border-top:1px solid #ffffff12}.form-section-fields{gap:var(--space-5);flex-direction:column;display:flex}.form-row{gap:var(--space-4);display:flex}.col-8{flex:2}.col-4{flex:1}.checkbox-group{align-items:center;gap:var(--space-3);flex-direction:row}.checkbox-group label{cursor:pointer}.help-text{color:var(--text-muted);font-size:11px}.form-actions-right{margin-top:var(--space-6);justify-content:flex-end;display:flex}.alert-box{border-radius:var(--radius-md);margin-bottom:var(--space-5);padding:10px 14px;font-size:13px;font-weight:500}.alert-success{color:#6ee7b7;background:#34d3991a;border:1px solid #34d39933}.alert-error{color:#fca5a5;background:#f871711a;border:1px solid #f8717133}.settings-sidebar{gap:var(--space-5);flex-direction:column;display:flex}.status-widget{padding:var(--space-5)}.status-widget h3{font-family:var(--font-heading);margin-bottom:var(--space-4);color:var(--text-primary);font-size:14px}.status-indicator-box{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.status-indicator-box strong{color:var(--text-primary);font-size:13px;display:block}.status-indicator-box p{color:var(--text-muted);font-size:11px}.info-widget{padding:var(--space-5)}.info-widget h3{font-family:var(--font-heading);margin-bottom:var(--space-3);color:var(--text-primary);font-size:14px}.info-widget p{color:var(--text-secondary);margin-bottom:var(--space-3);font-size:13px;line-height:1.4}.info-widget ul{padding-left:var(--space-5);color:var(--text-secondary);gap:var(--space-2);flex-direction:column;font-size:12px;display:flex}.recent-apps-list{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.recent-app-item{padding:11px var(--space-4);border-radius:var(--radius-lg);transition:all var(--transition);background:#ffffff0a;border:1px solid #ffffff12;justify-content:space-between;align-items:center;display:flex}.recent-app-item:hover{background:#ffffff12;border-color:#ffffff21;transform:translate(2px)}.app-item-details{flex-direction:column;gap:3px;display:flex}.app-item-name{color:var(--text-primary);font-size:13px;font-weight:600}.app-item-sub{color:var(--text-muted);font-size:11px}.brgy-label{color:var(--text-secondary);font-weight:500}.app-item-meta{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.app-item-date{color:var(--text-muted);font-size:11px}.icon-rotate{transition:transform .3s;display:inline-block}.btn-refresh:hover .icon-rotate{transform:rotate(180deg)}.chart-row-footer-v2{color:var(--text-muted);justify-content:space-between;margin-top:3px;font-size:11px;display:flex}.empty-track{color:var(--text-muted);justify-content:center;align-items:center;font-size:11px}.empty-logs p{font-size:13px}.user-mgmt-container{gap:var(--space-6);flex-direction:column;display:flex}.user-table-row:hover{background:#ffffff0a}.page-header{margin-bottom:var(--space-6)}.page-header h2{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:4px;font-size:20px;font-weight:700}.page-header .description{color:var(--text-secondary);font-size:13px}.panel-header .btn-batch{padding:7px 14px;font-size:12px}.glow-green{box-shadow:var(--shadow-glass), 0 0 30px #34d39914}.glow-blue{box-shadow:var(--shadow-glass), 0 0 30px #3b82f614}.glow-purple{box-shadow:var(--shadow-glass), 0 0 30px #a78bfa14}.fade-in{animation:fadeInUp .3s var(--ease-out-expo) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}