:root{--color-green-dark: #253325;--color-red-dark: #440C1A;--color-red: #EB4040;--color-green: #539760;--color-bg-main: #F2EBDD;--color-bg-muted: #EFEFEF;--color-panel: #ffffff;--color-border: #F2EBDD;--color-text: #333333;--color-text-muted: #666666;--primary-color: var(--color-green-dark);--secondary-color: var(--color-red-dark);--accent-color: var(--color-green);--success-color: var(--color-green);--fail-color: var(--color-red);--neutral-color: #6c757d;--dark-green: var(--color-green-dark);--dark-red: var(--color-red-dark);--red: var(--color-red);--green: var(--color-green);--light-tan: var(--color-bg-main);--light-gray: var(--color-bg-muted);--panel-bg: var(--color-panel);--border-color: var(--color-border);--light-bg: var(--color-bg-muted);--menu-width: 250px}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}body{background-color:var(--color-bg-main);line-height:1.6;color:var(--color-text)}body.menu-open{overflow:hidden}.container{max-width:1500px;margin:0 auto;padding:1.5rem}header{display:flex;align-items:center;padding:1.1rem 2rem;margin-bottom:2rem;background:linear-gradient(135deg,#fff,#f7f2e8 60%,#efe6d6);border:1px solid rgba(68,12,26,.12);border-radius:14px;box-shadow:0 6px 20px #440c1a14;justify-content:space-between;gap:1rem;position:relative}header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-red) 0%,var(--color-green) 100%)}.logo-container{display:flex;align-items:center;flex-shrink:0}.logo-text{font-size:1rem;font-weight:700;color:var(--color-text);text-decoration:none;padding:8px 16px;border-radius:999px;border:1px solid var(--border-color);background-color:#fff;transition:all .25s ease;display:flex;align-items:center;gap:8px}.logo-text:hover{color:var(--dark-red);background-color:#fff;border-color:#25332540}.logo-icon{font-size:1.1rem;color:var(--color-green);opacity:.9}.logo-container:hover{transform:scale(1.02);transition:transform .3s ease}.header-text{flex-grow:1;text-align:center;padding:0 1rem;flex-shrink:1}header h1{color:var(--primary-color);font-size:1.8rem;font-weight:700;margin:0;line-height:1.2;letter-spacing:-.01em}.header-subtitle{color:var(--secondary-color);font-size:1rem;margin-top:.3rem;font-weight:400}.description,.introduction{margin-bottom:2rem;padding:1.8rem;background-color:var(--panel-bg);border-radius:12px;box-shadow:0 4px 15px #0000000f;border-left:5px solid var(--color-red);transition:box-shadow .3s ease}.introduction{text-align:center}.introduction h2{color:var(--dark-green);margin-bottom:15px;font-size:1.8rem}.introduction p{color:#555;max-width:800px;margin:0 auto 1rem;line-height:1.6}.description:hover,.introduction:hover{box-shadow:0 6px 18px #00000014}.info-text{font-size:1rem;color:var(--color-text-muted);margin-top:.7rem}.highlight{color:var(--dark-red);font-weight:600}.action-buttons{margin:25px 0;display:flex;gap:15px;justify-content:center}button,.button{padding:10px 20px;border:none;border-radius:25px;cursor:pointer;font-weight:600;transition:all .2s ease;box-shadow:0 3px 8px #00000014;font-size:.95rem;text-decoration:none;display:inline-block;text-align:center}.btn-primary,.button.primary{background:var(--color-green);color:#fff}.btn-secondary,.button.secondary{background-color:var(--color-green);color:#fff;border:1px solid rgba(37,51,37,.2)}.btn-primary:hover,.button.primary:hover{transform:translateY(-2px);box-shadow:0 5px 12px #0000001f}.btn-secondary:hover,.button.secondary:hover{background-color:#3f764a;transform:translateY(-2px);box-shadow:0 5px 10px #0000001a}#selectAllBtn.action-button-disabled,#clearAllBtn.action-button-disabled{background-color:var(--dark-green)}footer{margin-top:40px;border-top:1px solid rgba(37,51,37,.15);padding:25px 0;font-size:.9rem;color:#777;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.footer-line{display:flex;align-items:center;justify-content:center;gap:6px}.footer-icon{font-size:16px;opacity:.6;transition:opacity .2s ease}.footer-line:hover .footer-icon{opacity:1}.footer-muted{font-size:.8rem;color:#aaa}footer a{color:var(--dark-red);text-decoration:none}footer a:hover{text-decoration:underline}.party-grid,.party-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:1rem;margin-bottom:25px}.party-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem .5rem;border:2px solid #e0e0e0;border-radius:8px;background-color:var(--panel-bg);cursor:pointer;transition:all .2s ease-in-out;text-align:center;-webkit-user-select:none;user-select:none}.party-initials{height:48px;width:48px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff;margin-bottom:.6rem;box-shadow:0 4px 10px #00000014;font-size:.95rem}.party-initials-small{height:22px;width:22px;font-size:.65rem;margin-bottom:0}.is-hidden{display:none!important}.party-fullname{font-size:.85rem;color:var(--color-text-muted);text-align:center;margin-top:4px}.party-seats{font-size:.8rem;color:var(--color-text-muted);font-weight:600;margin-top:2px}.party-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #0000001a;border-color:silver}.party-card.selected{border-color:var(--color-red);box-shadow:0 4px 15px #eb404033;background-color:#e6e6e6}.party-logo{height:50px;max-width:100%;object-fit:contain;margin-bottom:.75rem}.party-logo-small{height:22px;width:22px;object-fit:contain;margin-bottom:0}.party-name{font-size:1rem;font-weight:700;color:var(--color-text)}.party-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;margin:6px;border-radius:999px;border:1px solid transparent;background-color:#25332514;font-size:.9rem;font-weight:600;transition:all .2s ease;cursor:pointer;border-color:var(--party-color, transparent)}.party-chip:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.party-chip-selected{background-color:var(--party-color-alpha);opacity:1}.party-chip-unselected{background-color:#e0e0e0;opacity:.5}.party-chip-selected .party-initials-small{background-color:var(--party-color)}.party-chip-unselected .party-initials-small{background-color:#999}.party-chip-label{color:#333}.party-chip-unselected .party-chip-label{color:#999}.party-chip-logo-dimmed{opacity:.5}.party-tag{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 8px;border-radius:20px;font-weight:700;font-size:.9em;border:1.5px solid;color:var(--color-text);border-color:var(--party-color);background-color:var(--party-color-alpha)}.party-tag-initials{background-color:var(--party-color)}.accent-link{color:var(--dark-red);font-weight:600;text-decoration:none}.accent-link:hover{color:var(--dark-green);text-decoration:underline}.section-title{font-size:1.5rem;color:var(--primary-color);margin:0 0 1.5rem;padding-bottom:.8rem;border-bottom:2px solid var(--border-color);position:relative;text-align:center}.section-title:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:80px;height:2px;background:var(--color-red)}@media(max-width:1024px){.container{padding:1rem}header{flex-direction:column;padding:1rem 1.2rem;align-items:center;gap:.5rem}.header-text{text-align:center;padding:0}header h1{font-size:1.4rem}header .header-subtitle{font-size:.85rem}.logo-text{font-size:.9rem;padding:6px 12px}.party-grid,.party-selector{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.party-card{padding:.75rem .25rem}.party-logo{height:40px}.party-name{font-size:.9rem}:root{--menu-width: 280px}}.nav-links{display:none!important;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}.nav-link{display:inline-block;padding:7px 14px;background-color:transparent;color:var(--dark-green);text-decoration:none;border-radius:8px;font-weight:500;font-size:.9rem;transition:all .2s ease;border:1px solid transparent;white-space:nowrap}.nav-link:hover{background-color:#25332514;color:var(--dark-red)}.nav-links .nav-link.active{font-weight:700;color:var(--color-red);cursor:default;pointer-events:none}.nav-category-dropdown{position:relative;display:inline-block}.nav-category-title{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;background-color:transparent;color:var(--dark-green);text-decoration:none;border-radius:8px;font-weight:500;font-size:.9rem;transition:all .2s ease;border:1px solid transparent;white-space:nowrap;cursor:default}.nav-category-title:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.7rem;opacity:.6;transition:transform .2s ease}.nav-category-dropdown:hover .nav-category-title:after{transform:rotate(180deg)}.nav-category-title:hover,.nav-category-dropdown:hover .nav-category-title{background-color:#25332514;color:var(--dark-red)}.nav-category-title.active-category{font-weight:700;color:var(--dark-green)}.dropdown-content{display:none;position:absolute;top:100%;right:0;background-color:#fff;min-width:220px;box-shadow:0 12px 32px #00000026;z-index:1000;border-radius:10px;margin-top:0;padding:6px;border:1px solid rgba(0,0,0,.06)}.nav-category-dropdown:hover .dropdown-content{display:block;animation:dropdownFade .15s ease}@keyframes dropdownFade{0%{opacity:0}to{opacity:1}}.dropdown-content a{color:var(--dark-green);padding:9px 14px;text-decoration:none;display:block;text-align:left;font-size:.88rem;font-weight:500;transition:all .15s ease;white-space:nowrap;border-radius:6px}.dropdown-content a:hover{background-color:#53976014;color:var(--dark-green)}.dropdown-content a.active{font-weight:700;color:var(--color-red);background-color:#eb40400f;pointer-events:none;cursor:default}.burger-menu{position:fixed;top:20px;left:20px;z-index:1000;cursor:pointer;background:#fff;padding:10px;border-radius:5px;box-shadow:0 2px 5px #0003;display:block}.burger-bar{width:25px;height:3px;background-color:var(--dark-green);margin:5px 0;transition:.4s}.mobile-menu{position:fixed;left:calc(-1 * var(--menu-width));top:0;width:var(--menu-width);max-width:80vw;height:100%;background-color:#fff;transition:left .3s ease;box-shadow:2px 0 5px #0003;z-index:999;display:flex;flex-direction:column}.mobile-menu.active{left:0}body.menu-open .burger-menu{opacity:0;pointer-events:none;transition:opacity .3s ease}.menu-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.menu-header h3{margin:0;color:var(--dark-green)}.close-button{font-size:24px;cursor:pointer;background:none;border:none;padding:0;margin:0;line-height:1;color:#666;box-shadow:none}.close-button:hover{color:var(--red)}.menu-items{padding:20px;overflow-y:auto;flex-grow:1}.menu-items a{display:block;padding:12px 15px;margin-bottom:10px;color:#333;text-decoration:none;border-radius:5px;transition:background-color .2s,color .2s;font-weight:500}.menu-items a:hover{background-color:#0030870d;color:var(--dark-green)}.menu-items a.active{background-color:var(--dark-green);color:#fff;font-weight:600}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:998;display:none;transition:opacity .3s ease;opacity:0}.menu-overlay.active{display:block;opacity:1}.mobile-menu-category-title{padding:10px 15px 5px;margin-top:15px;margin-bottom:5px;font-size:.9rem;font-weight:700;color:var(--dark-red);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #eee}.mobile-menu-category-title:first-of-type{margin-top:0}@media(max-width:1024px){.nav-links{display:none!important}.burger-menu{display:block}.mobile-menu{display:flex}}@media(min-width:1025px){.burger-menu,.mobile-menu,.menu-overlay{display:none!important}.nav-links{display:flex!important}body.menu-open{overflow:auto}}