:root{--bg-color:#fff;--surface-color:#f8f9fa;--text-color:#212529;--border-color:#ccc;--border-color-light:#aaa;--border-color-lighter:#ddd;--border-color-lightest:#eee;--text-secondary:#555;--text-muted:#666;--shadow-color:#0000000f;--shadow-color-medium:#0000001a;--success-color:#28a745;--success-color-hover:#218838;--gray-light:#f0f0f0;--gray-lighter:#e0e0e0;--gray-muted:#6c757d;--gray-muted-hover:#5a6268;--blue-light:#e7f5ff;--blue-border:#007bff;--red-accent:#ff4d4d;--link-color:#495057;--link-hover:#0000000d;--header-bg:white;--red:red;--green:green}@media (prefers-color-scheme:dark){:root{--bg-color:#121212;--surface-color:#1e1e1e;--text-color:#e0e0e0;--border-color:#333;--border-color-light:#555;--border-color-lighter:#444;--border-color-lightest:#2a2a2a;--text-secondary:#b0b0b0;--text-muted:#999;--shadow-color:#0000004d;--shadow-color-medium:#0006;--success-color:#2ea44f;--success-color-hover:#2d8659;--gray-light:#2a2a2a;--gray-lighter:#3a3a3a;--gray-muted:#5a5a5a;--gray-muted-hover:#6a6a6a;--blue-light:#1a3a4a;--blue-border:#5ba3d0;--red-accent:#ff6b6b;--link-color:#b0b0b0;--link-hover:#ffffff1a;--header-bg:#1e1e1e;--red:#ff6b6b;--green:#51cf66}}p,label,th,td,h1,h2,h3,span{font-family:Helvetica,Arial Narrow,Arial,sans-serif}p,label,th{font-weight:700}html{height:100%}body{background-color:var(--bg-color);height:calc(100% - 16px);color:var(--text-color);flex-direction:column;display:flex}main{flex:1}.version-display{color:var(--text-muted);font-size:.8rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--gray-muted);border-radius:4px}::-webkit-scrollbar-corner{background-color:var(--header-bg)}header{box-shadow:0 0 15px 8px var(--shadow-color);background-color:var(--header-bg);border-radius:10px;justify-content:space-between;align-items:center;padding:5px;display:flex}header a{color:inherit;background-color:var(--header-bg);border-radius:10px;padding:5px;text-decoration:none;display:flex}header a img{height:50px;margin:auto 0}header a p{margin-left:20px;font-size:larger;font-weight:700}header a:hover{filter:brightness(95%)}header a:focus{filter:brightness(90%)}header select{margin:5px 5px 5px auto}select{border:1px solid var(--border-color-light);box-shadow:0 0 15px 4px var(--shadow-color);background-color:var(--surface-color);color:var(--text-color);border-radius:10px;padding:8px;font-size:14px}.district_select{margin-top:10px}.vote_share_section{display:flex}.info_container{width:25%;max-width:400px;margin:auto}th{text-align:left;padding:10px}td{padding:10px}.bar_container{width:50%;margin:auto}.bar_container canvas{min-height:400px}.input_fields_vote{width:20%;max-width:400px;margin:auto}.input_field_vote_party{margin-top:20px;margin-bottom:20px;display:flex}.input_field_vote_party label,.input_field_vote_party p{width:80px;margin:auto 0}.base_mandate_checkbox{text-align:center}input{border:1px solid var(--border-color-light);box-shadow:0 0 15px 4px var(--shadow-color);background-color:var(--surface-color);color:var(--text-color);border-radius:10px;padding:10px;font-size:16px}input[type=number]{box-sizing:border-box;width:100%;max-width:100%}.mandate_section{display:flex}.pie_container,.stack_container{width:40%;margin:auto}.majorityText{text-align:center}.red{color:var(--red)}.green{color:var(--green)}.scroll-container{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:20px;padding:10px 0;display:flex;overflow-x:auto}.card{border:1px solid var(--border-color);width:250px;box-shadow:0 2px 10px var(--shadow-color-medium);text-align:center;scroll-snap-align:start;background-color:var(--surface-color);border-radius:10px;flex-shrink:0;transition:transform .3s;overflow:hidden}.card:hover{transform:translateY(-5px)}.card-image{object-fit:cover;width:100%;height:150px}.card-content{box-shadow:0 2px 10px var(--shadow-color-medium);background-color:var(--surface-color);padding:15px}.card h3{height:4.2em;color:var(--text-color);margin-bottom:10px;font-size:1em;line-height:1.4}.card p{color:var(--text-secondary);font-size:1em}.card-link{color:inherit;text-decoration:none}.valuePadding{border:1px solid var(--border-color-light);box-shadow:0 0 15px 4px var(--shadow-color);background-color:var(--surface-color);border-radius:10px;padding:10px;font-size:16px;display:flex}.valuePadding input{box-shadow:none;border:none;border-radius:0;outline:none;padding:0}.selectApportionmentMethod{border:1px solid var(--border-color-light);box-shadow:0 0 15px 4px var(--shadow-color);background-color:var(--surface-color);border-radius:10px;padding:10px;font-size:16px;display:flex}section{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.info_container{flex:1;max-width:400px}.bar_container{flex:2;min-width:500px;max-width:1000px}.input_fields_vote{flex:1;max-width:300px}.input_fields_vote .valuePadding{width:100%;max-width:100px;margin-left:20px}.edit-group,.display-group{align-self:stretch;align-items:center;gap:10px;display:flex}.color-picker{cursor:pointer;background:0 0;border:none;width:30px;height:30px;padding:0}.color-picker:hover{filter:brightness(.85)}.color-preview{border:1px solid var(--border-color);align-self:stretch;width:15px;display:inline-block}.name-container{flex:1;align-items:center;gap:8px;display:flex}.name-edit-input{border:1px solid var(--blue-border);background-color:var(--surface-color);width:80px;color:var(--text-color);border-radius:4px;padding:4px;font-weight:700}.edit-icon-btn{cursor:pointer;background:0 0;border:none;margin-left:10px;font-size:1.1rem}.edit-icon-btn:hover{filter:brightness(.85)}.config_actions{border-top:1px solid var(--border-color-lighter);gap:10px;margin-top:20px;padding:15px;display:flex}.action-btn{cursor:pointer;text-align:center;border-radius:10px;padding:8px 16px;font-size:.9rem;font-weight:700;transition:background .2s}.export-btn{background-color:var(--success-color);color:#fff;border:none}.export-btn:hover{background-color:var(--success-color-hover)}.import-label{background-color:var(--gray-muted);color:#fff;display:inline-block}.import-label:hover{background-color:var(--gray-muted-hover)}input[type=file]{display:none}.remove-btn{color:var(--red-accent);cursor:pointer;opacity:.5;background:0 0;border:none;padding:0 8px;font-weight:700;transition:opacity .2s}.remove-btn:hover{opacity:1}.add-party-btn{background:var(--gray-light);border:1px dashed var(--border-color);cursor:pointer;width:100%;color:var(--text-color);border-radius:10px;margin-top:15px;padding:8px;font-weight:700}.add-party-btn:hover{background:var(--gray-lighter)}.label-stack{flex-direction:column;justify-content:center;gap:2px;display:flex}.eu-group-tag{vertical-align:middle;border-radius:3px;width:fit-content;padding:2px 8px;font-size:.7rem}.custom-select{max-width:500px;margin-right:10px;position:relative}.select-trigger{background:var(--surface-color);border:1px solid var(--border-color);cursor:pointer;text-align:left;width:100%;color:var(--text-color);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;display:flex}.label-text{white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:700;overflow:hidden}.options-list{background:var(--surface-color);border:1px solid var(--border-color);z-index:9999;min-width:200px;max-height:400px;box-shadow:0 4px 6px var(--shadow-color-medium);border-radius:10px;margin:0;padding:0;list-style:none;position:absolute;top:100%;left:auto;right:0;overflow:hidden auto}.options-list li button{text-align:left;cursor:pointer;width:100%;color:var(--text-color);background:0 0;border:none;align-items:center;gap:10px;padding:10px 12px;font-size:.9rem;display:flex}.options-list li button:hover{background:var(--link-hover)}.options-list li button.active{background:var(--blue-light);color:var(--text-color);font-weight:700}.flag-img{object-fit:cover;border:1px solid var(--border-color);width:60px;height:36px;box-shadow:0 1px 3px var(--shadow-color-medium);border-radius:4px;flex-shrink:0}.chevron{color:var(--text-muted);font-size:.7rem}.info_container table{table-layout:auto;border-collapse:collapse;width:100%}.info_container th,.info_container td{text-align:left;word-wrap:break-word;white-space:normal;padding:8px}.info_container th{min-width:180px;max-width:200px}.info_container td{min-width:150px}.info_container tr{display:block}.info_container th,.info_container td{display:inline-block}.party-header{height:100%;min-height:45px;color:var(--text-color);align-items:center;display:flex}.party-header .color-bar{border:1px solid #fff;flex-shrink:0;align-self:stretch;width:10px}.party-header .party-label{text-align:left;white-space:nowrap;text-overflow:ellipsis;color:var(--text-color);flex-grow:1;padding:10px;font-weight:600;overflow:hidden}.table_wrapper{background-color:var(--surface-color);border-radius:8px;width:90%;max-height:1000px;margin:auto;overflow-x:auto}.table_wrapper table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%}.table_wrapper .sticky-col{background:var(--surface-color);z-index:5;border-right:2px solid var(--border-color-lighter);text-align:left;width:200px;color:var(--text-color);padding:12px 10px;font-weight:700;position:sticky;left:0}.table_wrapper th:not(.sticky-col),.table_wrapper td:not(.sticky-col){width:100px}.table_wrapper thead th{background:var(--surface-color);z-index:4;border-bottom:2px solid var(--border-color);color:var(--text-color);position:sticky;top:0}.table_wrapper thead th.sticky-col{z-index:6}.table_wrapper th,.table_wrapper td{border-bottom:1px solid var(--border-color-lightest);border-right:1px solid var(--border-color-lightest);white-space:nowrap;text-align:right;box-sizing:border-box;color:var(--text-color);padding:12px 10px}.table_wrapper th{background:var(--surface-color);padding:0;position:sticky;top:0}.table_wrapper .winner{font-weight:700;color:#fff!important;background-color:#4caf50!important}@media (prefers-color-scheme:light){.table_wrapper .winner{color:inherit!important;background-color:#d4edda!important}}.mandate_info{width:100%}.mandate_info .sticky-col{width:150px}.text-green{color:var(--green)!important}.text-red{color:var(--red)!important}.toggle-group{background-color:var(--gray-light);border:1px solid var(--border-color-light);border-radius:8px;gap:4px;padding:4px;display:inline-flex}.toggle-group button{appearance:none;color:var(--link-color);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;outline:none;padding:6px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.toggle-group button.active{background-color:var(--blue-light);color:var(--text-color);box-shadow:0 2px 4px var(--shadow-color-medium)}.toggle-group button:hover:not(.active){background-color:var(--link-hover);color:var(--text-color)}@media screen and (width<=768px){header p,header .select-trigger.has-flag .label-text{display:none}header .select-trigger.has-flag{width:min-content}.vote_share_section{flex-flow:column}.info_container{width:auto;margin-bottom:20px}.bar_container{width:100%;margin:auto;min-width:auto!important}.bar_container canvas{min-height:250px}.input_fields_vote{width:90%;max-width:100%;margin:auto;padding:20px}.input_fields_vote .valuePadding{max-width:100%}.mandate_section{flex-flow:column}.pie_container,.stack_container{width:100%}.remove-btn{font-size:1.3rem}.table_wrapper{width:100%;max-height:600px}.mandate_info{margin-top:20px}}