:root{--ink:#0f172a;--muted:#64748b;--navy:#0a3a6b;--navy-dark:#072a4e;--navy-soft:#eef5fc;--saffron:#e65100;--saffron-hover:#cf4700;--success:#166534;--success-bg:#dcfce7;--success-border:#bbf7d0;--error:#991b1b;--error-bg:#fee2e2;--line:#e2e8f0;--white:#fff;--card-bg:#fffffff2;--border-radius:16px}*,:before,:after{box-sizing:border-box}html,body{width:100%;max-width:100vw;color:var(--ink);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#0d1e1c;margin:0;padding:0;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}.bg-scene{z-index:-3;pointer-events:none;opacity:.15;background-image:url(/india.png);background-position:50%;background-size:cover;position:fixed;inset:0}.bg-overlay{z-index:-2;pointer-events:none;background:linear-gradient(135deg,#0d1e1cf2,#0a1917fa);position:fixed;inset:0}#root{width:100%;min-height:100vh}.auth-container{justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.auth-card{background:var(--card-bg);border-radius:var(--border-radius);text-align:center;border:1px solid #ffffff4d;width:100%;max-width:400px;padding:32px 24px;box-shadow:0 20px 50px #0000004d}.auth-header h1{color:var(--navy);margin:0 0 8px;font-family:Georgia,serif;font-size:28px}.auth-header p{color:var(--muted);margin-bottom:24px;font-size:13px}.auth-form{text-align:left;flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:11px;font-weight:750}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper svg{color:var(--muted);position:absolute;left:14px}.input-wrapper input{border:1px solid var(--line);background:#f8fafc;border-radius:10px;outline:none;width:100%;height:46px;padding:0 14px 0 44px;font-size:14px;transition:all .2s}.input-wrapper input:focus{border-color:var(--navy);background:#fff;box-shadow:0 0 0 3px #0a3a6b26}.btn-primary{background:linear-gradient(135deg, var(--navy), var(--navy-dark));color:#fff;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:46px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #0a3a6b4d}.error-banner{background:var(--error-bg);color:var(--error);text-align:center;border:1px solid #991b1b33;border-radius:8px;padding:10px;font-size:12px}.app-layout{width:100%;max-width:100%;height:100vh;display:flex;overflow:hidden}.sidebar{color:#fff;z-index:100;background:#081614f2;border-right:1px solid #ffffff1a;flex-direction:column;justify-content:space-between;width:260px;height:100vh;padding:24px 16px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{align-items:center;gap:12px;margin-bottom:32px;padding:8px 12px;display:flex}.sidebar-brand h2{letter-spacing:.02em;margin:0;font-family:Georgia,serif;font-size:20px}.nav-links{flex-direction:column;flex:1;gap:8px;display:flex}.nav-item{color:#ffffffb3;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#ffffff1a}.nav-item.active{border-left:3px solid var(--saffron);background:linear-gradient(90deg,#0a3a6bcc,#0a3a6b66)}.nav-item-logout{color:#ef4444}.nav-item-logout:hover{background:#ef44441a}.main-content{background:#f8fafc;flex-direction:column;width:calc(100% - 260px);height:100vh;margin-left:260px;display:flex;overflow:hidden auto}.top-bar{z-index:90;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#fffffff2;justify-content:space-between;align-items:center;height:70px;padding:0 32px;display:flex;position:sticky;top:0}.top-bar h1{color:var(--navy);margin:0;font-family:Georgia,serif;font-size:22px}.user-profile{color:var(--muted);align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.page-body{flex:1;padding:32px 32px 80px;overflow-y:auto}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px;display:grid}.stat-card{border-radius:var(--border-radius);border:1px solid var(--line);background:#fff;align-items:center;gap:20px;padding:24px;display:flex;box-shadow:0 4px 6px #0f172a05}.stat-icon{border-radius:12px;place-items:center;width:52px;height:52px;display:grid}.stat-icon.navy{color:var(--navy);background:#eef5fc}.stat-icon.saffron{color:var(--saffron);background:#fff5ed}.stat-icon.success{color:var(--success);background:#f0fdf4}.stat-info{flex-direction:column;display:flex}.stat-info span{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:750}.stat-info strong{color:var(--ink);margin-top:4px;font-size:26px;font-weight:800}.sections-grid{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.card{border-radius:var(--border-radius);border:1px solid var(--line);background:#fff;margin-bottom:24px;padding:24px;box-shadow:0 4px 6px #0f172a05}.card-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.card-header h3{color:var(--navy);text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:16px;font-weight:700}.header-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chart-container{flex-direction:column;gap:16px;padding:8px 0;display:flex}.chart-bar-group{flex-direction:column;gap:6px;display:flex}.chart-label-row{justify-content:space-between;font-size:13px;font-weight:600;display:flex}.chart-label-row span{color:var(--ink)}.chart-label-row strong{color:var(--muted)}.chart-bar-track{background:#f1f5f9;border-radius:6px;height:12px;overflow:hidden}.chart-bar-fill{border-radius:inherit;height:100%;transition:width .8s ease-out}.chart-bar-fill.bjp{background:linear-gradient(90deg,#f93,#f50)}.chart-bar-fill.congress{background:linear-gradient(90deg,#1982c4,#0d4680)}.chart-bar-fill.others{background:linear-gradient(90deg,#6c757d,#495057)}.table-responsive{width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th,.data-table td{padding:14px 16px;font-size:13px}.data-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--line);background:#f8fafc;font-size:11px;font-weight:700}.data-table td{border-bottom:1px solid var(--line);color:var(--ink)}.data-table tr:hover td{background:#fafbfc}.badge{border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-block}.badge.bjp{color:#e65100;background:#fff3e0}.badge.congress{color:var(--navy);background:#eef5fc}.badge.others{color:#475569;background:#f1f5f9}.toolbar{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.search-input{border:1px solid var(--line);border-radius:8px;flex:1;min-width:200px;height:40px;padding:0 12px;font-size:13px}.filter-select{border:1px solid var(--line);background:#fff;border-radius:8px;height:40px;padding:0 12px;font-size:13px}.btn-secondary{border:1px solid var(--line);height:40px;color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.btn-danger{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.btn-danger:hover{color:#991b1b;background:#fca5a5}.pagination{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.pagination-info{color:var(--muted);font-size:13px}.pagination-controls{gap:8px;display:flex}.tool-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.tool-box{border-radius:var(--border-radius);border:1px solid var(--line);background:#fff;padding:24px}.tool-box h4{color:var(--navy);margin:0 0 8px;font-size:15px}.tool-box p{color:var(--muted);margin-bottom:20px;font-size:13px;line-height:1.5}@media (width<=992px){.sections-grid,.tool-grid{grid-template-columns:1fr}}@media (width<=768px){.app-layout{flex-direction:column}.top-bar{flex-wrap:wrap;gap:12px;height:auto;padding:12px 16px}.top-bar h1{width:100%;font-size:18px}.page-body,.card{padding:16px}.card-header{flex-direction:column;align-items:flex-start;gap:12px}.header-controls{gap:8px;width:100%}.header-controls select{width:100%;max-width:100%}.data-table,.data-table thead,.data-table tbody,.data-table th,.data-table td,.data-table tr{display:block}.data-table thead{display:none}.data-table tr{border:1px solid var(--line);background:#fff;border-radius:12px;margin-bottom:14px;padding:12px;box-shadow:0 2px 4px #0f172a03}.data-table td{text-align:right;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.data-table td:last-child{border-bottom:none;padding-bottom:0}.data-table td:before{content:attr(data-label);color:var(--muted);text-align:left;text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:750}.data-table td.voter-details-cell{text-align:left;border-bottom:1px solid var(--line);background:#f8fafc;border-radius:12px 12px 0 0;margin:-12px -12px 10px;padding:12px;display:block}.data-table td.voter-details-cell:before{display:none}}.clickable-party-card{border:1px solid var(--line);transition:all .22s cubic-bezier(.2,.8,.2,1)}.clickable-party-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0f172a14}.bjp-card:hover{background:#fff9f3!important;border-color:#f93!important}.congress-card:hover{background:#f3f9ff!important;border-color:#1982c4!important}.others-card:hover{background:#f8fafc!important;border-color:#6c757d!important}.bjp-logo-bg{background:#fff3e0!important;border:1.5px solid #f93!important}.congress-logo-bg{background:#eef5fc!important;border:1.5px solid #1982c4!important}.others-logo-bg{background:#f1f5f9!important;border:1.5px solid #6c757d!important}.mobile-bottom-nav{display:none}@media (width<=1024px){.app-layout{height:auto!important;overflow:visible!important}.sidebar{display:none!important}.main-content{width:100%!important;height:auto!important;margin-left:0!important;padding-bottom:90px!important;overflow-y:visible!important}.mobile-bottom-nav{z-index:999999!important;background:#fff!important;border-top:1px solid #e2e8f0!important;justify-content:space-around!important;align-items:center!important;width:100%!important;height:68px!important;padding:4px 8px!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;box-shadow:0 -4px 20px #0f172a14!important}.mobile-nav-item{color:#64748b!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:16px!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:3px!important;max-width:95px!important;height:56px!important;padding:6px 4px!important;font-size:11px!important;font-weight:500!important;text-decoration:none!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;display:flex!important}.mobile-nav-item svg{color:#64748b!important;transition:color .2s,transform .2s!important}.mobile-nav-item span{color:#64748b!important;transition:color .2s,font-weight .2s!important}.mobile-nav-item.active{color:#5542f6!important;background:#eeedfe!important;font-weight:700!important}.mobile-nav-item.active svg{color:#5542f6!important;stroke-width:2.3px!important}.mobile-nav-item.active span{color:#5542f6!important;font-weight:700!important}body{padding-bottom:90px!important}}