:root{--xs:.25rem;--sm:.5rem;--md:1rem;--lg:1.5rem;--xl:2rem;--2xl:3rem;--3xl:4rem;--primary:#8f4e00;--primary-container:#f93;--on-primary-container:#693800;--primary-fixed:#ffdcc2;--secondary:#056e00;--secondary-container:#8dfc75;--secondary-fixed:#8dfc75;--surface:#f9f9f9;--surface-container-low:#f3f3f3;--surface-container:#ebebeb;--surface-container-highest:#e2e2e2;--surface-container-lowest:#fff;--on-surface:#1a1c1c;--on-surface-variant:#554336;--outline-variant:#1a1c1c26;--success:#16a34a;--destructive:#dc2626;--font-display:"Manrope", -apple-system, sans-serif;--font-body:"Inter", -apple-system, sans-serif;--text-base:1rem;--text-label-md:.75rem;--text-label-lg:.875rem;--text-headline:1.5rem;--text-display:2rem;--ambient-shadow:0px 12px 32px #55433614;--glass-bg:#f9f9f9cc;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px}*{box-sizing:border-box}html,body{background-color:var(--surface);width:100%;color:var(--on-surface);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--on-surface);margin:0}h1,.display-text{font-size:var(--text-display);letter-spacing:-.02em;font-weight:800}h2,.headline-text{font-size:var(--text-headline);letter-spacing:-.02em;font-weight:700}.label-md{font-size:var(--text-label-md);color:var(--on-surface-variant);font-family:var(--font-body)}.container{flex-direction:column;width:100%;max-width:600px;min-height:100vh;margin:0 auto;display:flex;position:relative}.watermark-bg{opacity:.03;pointer-events:none;z-index:0;background-image:url(/bjp-seeklogo.png);background-position:50%;background-repeat:repeat;background-size:200px;width:100%;height:100%;position:fixed;top:0;left:0}.header{background:linear-gradient(to bottom, var(--primary-container) 0%, var(--glass-bg) 100%);background-color:var(--glass-bg);-webkit-backdrop-filter:blur(20px);padding:var(--xl) var(--md) var(--md) var(--lg);z-index:100;position:sticky;top:0}.search-bar{padding:var(--md) var(--lg);background-color:var(--surface)}.search-input{width:100%;padding:var(--sm) var(--md);background-color:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-body);color:var(--on-surface);outline:none;transition:all .2s}.search-input:focus{border-color:var(--primary);background-color:var(--surface-container-lowest);box-shadow:0 0 0 4px #8f4e001a}.filters{gap:var(--sm);padding:var(--sm) var(--lg);background-color:var(--surface);-ms-overflow-style:none;scrollbar-width:none;display:flex;overflow-x:auto}.filters::-webkit-scrollbar{display:none}.part-selector{gap:var(--sm);padding:var(--sm) var(--lg);scrollbar-width:none;-ms-overflow-style:none;background-color:var(--surface);display:flex;overflow-x:auto}.part-selector::-webkit-scrollbar{display:none}.part-box{background-color:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius-md);min-width:72px;height:52px;font-family:var(--font-display);cursor:pointer;white-space:nowrap;padding:0 var(--md);color:var(--on-surface-variant);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.part-box.active{background-color:var(--primary-container);color:var(--on-primary-container);border-color:var(--primary);box-shadow:var(--ambient-shadow);transform:translateY(-2px)}.part-box-label{text-transform:uppercase;letter-spacing:.05em;opacity:.6;font-size:10px;font-weight:800}.part-box-value{font-size:18px;font-weight:900}.part-box.active .part-box-label{opacity:.9}.btn-primary{background-color:var(--primary-container);color:var(--on-primary-container);padding:var(--md) var(--lg);border-radius:var(--radius-lg);font-family:var(--font-display);font-weight:700;font-size:var(--text-base);cursor:pointer;box-shadow:var(--ambient-shadow);border:none;border-top:1px solid #ffffff80;transition:transform .1s,box-shadow .2s}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{background-color:var(--surface-container-highest);color:var(--on-surface);padding:var(--md) var(--lg);border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;border:none;font-weight:600}.filter-btn{background-color:var(--surface-container-low);color:var(--on-surface);border-radius:var(--radius-full);font-size:var(--text-label-lg);font-family:var(--font-body);cursor:pointer;white-space:nowrap;border:none;padding:.375rem 1rem;font-weight:500;transition:all .2s}.filter-btn.active{background-color:var(--primary-container);color:var(--on-primary-container)}select.filter-btn{appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%231a1c1c%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right .7rem top 50%;background-repeat:no-repeat;background-size:.65rem;padding-right:2rem}.list{padding:var(--md) var(--lg);z-index:1;flex:1;position:relative}.shakti-card{background-color:var(--surface-container-lowest);border-radius:var(--radius-md);padding:var(--lg);margin-bottom:var(--md);box-shadow:var(--ambient-shadow);border-bottom:4px solid var(--secondary)}.voter-card{background-color:var(--surface-container-lowest);padding:var(--md);margin-bottom:var(--sm);border-radius:var(--radius-md);justify-content:space-between;align-items:center;transition:background-color .2s,transform .1s;display:flex}.voter-card:active{transform:scale(.99)}.voter-card.voted{background-color:var(--secondary-container)}.voter-card.voted .voter-name{color:var(--secondary)}.voter-info{flex-direction:column;gap:4px;display:flex}.voter-name{font-family:var(--font-display);font-weight:700;font-size:var(--text-base);color:var(--on-surface)}.voter-meta{font-size:var(--text-label-md);color:var(--on-surface-variant)}.vote-toggle{border-radius:var(--radius-full);border:1px solid var(--outline-variant);background-color:var(--surface-container-lowest);cursor:pointer;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;box-shadow:0 4px 12px #00000008}.vote-toggle.voted{background-color:var(--secondary);border-color:var(--secondary);color:#fff}.chip{border-radius:var(--radius-sm);font-size:var(--text-label-md);align-items:center;padding:4px 8px;font-weight:600;display:inline-flex}.chip-positive{background-color:var(--secondary-fixed);color:var(--on-surface)}.chip-neutral{background-color:var(--primary-fixed);color:var(--on-surface)}.login-screen{padding:var(--2xl) var(--2xl);text-align:center;flex-direction:column;flex:1;justify-content:center;display:flex}.pin-input{font-size:var(--text-display);font-family:var(--font-display);text-align:center;letter-spacing:.5rem;margin-bottom:var(--xl);padding:var(--md);background-color:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius-md);width:100%;color:var(--on-surface);font-weight:800;transition:all .2s}.pin-input:focus{border-color:var(--primary);background-color:var(--surface-container-lowest);box-shadow:0 0 0 4px #8f4e001a}.grid-cell{background-color:var(--surface-container-lowest);border:none;box-shadow:0 4px 8px #00000005}.dashboard-container{background-color:var(--surface);width:100%;min-height:100vh;color:var(--on-surface);flex-direction:column;display:flex;position:relative;overflow-x:hidden}.dash-nav{background:linear-gradient(to right, var(--surface-container-lowest), var(--surface-container-low));z-index:100;width:100%;box-shadow:var(--ambient-shadow);position:sticky;top:0}.nav-center{padding:var(--md) var(--xl);justify-content:space-between;align-items:center;width:100%;max-width:1440px;margin:0 auto;display:flex}.nav-left{align-items:center;gap:var(--md);display:flex}.back-btn{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);color:var(--on-surface);cursor:pointer;padding:var(--sm);border-radius:var(--radius-full);transition:all .2s;display:flex}.back-btn:hover{background-color:var(--surface-container-high);color:var(--primary)}.breadcrumb{align-items:center;gap:var(--sm);font-family:var(--font-display);color:var(--on-surface-variant);font-weight:700;display:flex}.breadcrumb span{cursor:pointer}.breadcrumb span:hover{color:var(--primary)}.breadcrumb span:last-child{color:var(--primary);cursor:default;font-weight:800}.nav-right{align-items:center;gap:var(--md);display:flex}.dash-content{padding:var(--2xl);z-index:1;flex:1;width:100%;max-width:1440px;margin:0 auto;position:relative}.hero-grid{gap:var(--xl);margin-bottom:var(--2xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.stat-card{background:var(--surface-container-lowest);padding:var(--xl);border-radius:var(--radius-lg);box-shadow:var(--ambient-shadow);border-bottom:4px solid var(--secondary);transition:transform .2s}.stat-card.primary{background-color:var(--primary-container);color:var(--on-primary-container);box-shadow:var(--ambient-shadow);border-top:1px solid #fff6;border-bottom:none}.stat-header{align-items:center;gap:var(--sm);color:var(--on-surface-variant);font-family:var(--font-display);font-size:var(--text-label-lg);margin-bottom:var(--md);font-weight:700;display:flex}.stat-card.primary .stat-header{color:#693800cc}.stat-icon{width:1.5rem;height:1.5rem}.stat-value{font-family:var(--font-display);font-size:var(--text-display);margin-bottom:var(--xs);letter-spacing:-.02em;font-weight:800}.stat-label{font-size:var(--text-label-md);color:var(--on-surface-variant)}.stat-card.primary .stat-label{color:#693800cc}.progress-bg{border-radius:var(--radius-full);height:8px;margin-top:var(--md);background-color:#6938001a}.progress-fill{background-color:var(--on-primary-container);border-radius:var(--radius-full);height:100%}.layout-dual{gap:var(--xl);grid-template-columns:1fr 340px;display:grid}.main-panel,.side-panel{background:var(--surface-container-lowest);border-radius:var(--radius-lg);padding:var(--xl);height:fit-content;box-shadow:var(--ambient-shadow)}.panel-header{margin-bottom:var(--xl);justify-content:space-between;align-items:center;display:flex}.panel-header h3{align-items:center;gap:var(--sm);font-size:var(--text-headline);font-family:var(--font-display);color:var(--on-surface);letter-spacing:-.02em;font-weight:800;display:flex}.search-box{align-items:center;gap:var(--sm);padding:var(--xs) var(--md);background-color:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius-md);transition:all .2s;display:flex}.search-box:focus-within{border-color:var(--primary);background-color:var(--surface-container-lowest);box-shadow:0 0 0 4px #8f4e001a}.search-box input,.search-box select{font-size:var(--text-label-lg);font-family:var(--font-body);color:var(--on-surface);background:0 0;border:none;outline:none}.search-box select{cursor:pointer;appearance:none;padding-right:var(--md)}.parts-grid{gap:var(--lg);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.part-card{padding:var(--md) var(--lg);background-color:var(--surface-container-low);border-radius:var(--radius-md);cursor:pointer;border-bottom:4px solid #0000;transition:transform .2s,background-color .2s}.part-card:hover{background-color:var(--surface-container-lowest);box-shadow:var(--ambient-shadow);border-bottom-color:var(--secondary);transform:translateY(-4px)}.part-id{font-family:var(--font-display);margin-bottom:var(--sm);color:var(--on-surface);font-weight:800}.part-stats{flex-direction:column;display:flex}.part-stats span{font-size:var(--text-headline);color:var(--primary);font-weight:800}.part-stats small{color:var(--on-surface-variant);font-size:var(--text-label-md)}.mini-progress{background-color:var(--outline-variant);border-radius:var(--radius-full);height:6px;margin-top:var(--md)}.mini-fill{background-color:var(--secondary);border-radius:var(--radius-full);height:100%}.lagging-list{gap:var(--md);flex-direction:column;display:flex}.lagging-item{padding:var(--md) var(--lg);background-color:var(--surface-container-low);border-radius:var(--radius-md);justify-content:space-between;align-items:center;transition:background-color .2s;display:flex}.lagging-item:hover{background-color:var(--surface-container-lowest);box-shadow:0 4px 12px #5543360d}.lag-info{flex-direction:column;display:flex}.lag-name{font-family:var(--font-display);font-weight:700;font-size:var(--text-base);color:var(--on-surface)}.lag-info small{color:var(--on-surface-variant);font-size:var(--text-label-md)}.lag-value{font-family:var(--font-display);color:var(--on-surface);font-weight:800}.lag-value.warning{color:#ef4444}.icon-btn{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);color:var(--on-surface-variant);cursor:pointer;padding:var(--sm);border-radius:var(--radius-full);transition:all .2s}.icon-btn:hover{background-color:var(--surface-container-low);color:var(--primary)}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-select{background:var(--surface-container-low);border:1px solid var(--outline-variant);border-radius:var(--radius-md);font-family:var(--font-body);color:var(--on-surface);cursor:pointer;outline:none;max-width:250px;padding:6px 12px;font-weight:600}.nav-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #8f4e001a}@media (width<=1024px){.layout-dual{grid-template-columns:1fr}}@media (width<=768px){.nav-center{align-items:stretch;gap:var(--md);padding:var(--md);flex-direction:column}.nav-left{justify-content:space-between;gap:var(--sm);width:100%}.breadcrumb{text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:14px;display:block;overflow:hidden}.nav-right{justify-content:space-between;gap:var(--xs);width:100%}.dash-content{padding:var(--md)}.panel-header{align-items:stretch;gap:var(--md);flex-direction:column}.search-box{width:100%;padding:var(--sm);flex-wrap:wrap}.search-box input,.search-box select{flex:1;min-width:80px;font-size:12px}.hero-grid{gap:var(--md);grid-template-columns:1fr}.stat-card{padding:var(--md);min-width:0}.stat-value{font-size:var(--text-headline);word-break:break-all}.parts-grid{gap:var(--md);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}