main{justify-content:flex-start;align-items:stretch}.role-dropdown-btn{display:flex;justify-content:space-between;min-width:260px;width:100%;box-sizing:border-box;text-align:left;border-radius:8px;position:relative;z-index:5001}.role-dropdown-btn:hover,.role-dropdown-btn:focus,.role-dropdown-btn:active{border-radius:8px}.role-dropdown-menu .w3-bar-item{min-width:260px;width:100%;box-sizing:border-box;text-align:left}.w3-dropdown-click{position:relative}.role-dropdown-menu{position:absolute !important;top:100%;left:0;display:none;min-width:260px;border:1px solid #d6d6d6;background:#f5f5f5;color:#111;border-radius:10px;box-shadow:0 12px 28px rgba(0,0,0,.25);max-height:320px;overflow:auto;z-index:4000}.role-dropdown-menu.w3-show{display:block}.role-dropdown-menu .w3-bar-item{padding:10px 12px;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#111;background:0 0}.role-dropdown-menu .w3-bar-item:last-child{border-bottom:none}.role-dropdown-menu .w3-bar-item:hover{background:#eaeaea;color:#111}.role-dropdown-menu .role-count{color:#666}.role-dropdown{position:relative;display:inline-block}.role-button{display:flex;justify-content:space-between;align-items:center;min-width:260px;width:100%;box-sizing:border-box;text-align:left;padding:8px 12px;border:1px solid #3a3a3a;background:#2a2a2a;color:#fafafa;border-radius:0;cursor:pointer}.role-button:hover,.role-button:focus{background:#343434;border-color:#4a4a4a}.role-menu{position:absolute;top:100%;left:0;display:none;min-width:260px;border:1px solid #d6d6d6;background:#f5f5f5;color:#111;border-radius:0;box-shadow:0 12px 28px rgba(0,0,0,.25);max-height:320px;overflow:auto;z-index:4000}.role-menu.is-open{display:block}.role-menu-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid #e8e8e8;color:#111;text-decoration:none}.role-menu-item:last-child{border-bottom:none}.role-menu-item:hover{background:#eaeaea;color:#111}.role-count{float:right;color:#aaa;font-size:.85rem}.work-grid{display:flex;flex-wrap:wrap;align-items:stretch;row-gap:20px}.work-card-col{display:flex}.work-card{display:flex;flex-direction:column;height:100%;width:100%}.summary-text{flex-grow:1;margin-bottom:0;padding-bottom:0 !important}.card-footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding-top:.25rem}.card-techs{display:flex;flex-wrap:wrap;gap:.4rem;margin-right:auto}.card-hint{color:#aaa;opacity:.95;white-space:nowrap}[data-theme=light] .card-hint{color:#666}.work-card .tag-role,.work-card .tag-tech{background:0 0;border:1px solid #3a3a3a;color:inherit;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.work-card .tag-role:hover,.work-card .tag-tech:hover{background:#2a2a2a;border-color:#5a5a5a}[data-theme=light] .work-card .tag-role,[data-theme=light] .work-card .tag-tech{background:#f3f4f6;border-color:#d1d5db;color:#111}[data-theme=light] .work-card .tag-role:hover,[data-theme=light] .work-card .tag-tech:hover{background:#e5e7eb;border-color:#c7cbd1}.work-card .tag-role{line-height:1.5}.tech-filters{display:flex;flex-wrap:wrap;gap:6px 10px;background:rgba(0,0,0,3%)}.tech-filter-item{display:inline-flex;align-items:center;gap:6px;margin:0 !important}.tech-filter-item input[type=checkbox]{margin-right:4px}.tech-count{color:#aaa;font-size:.8rem;margin-left:4px}.filters-toggle{display:inline-flex;align-items:center;gap:8px;border-radius:999px}.filters-toggle,.role-dropdown-btn,.btn-reset{padding:8px 14px;min-height:40px;line-height:1.2}.filters-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.filters-toggle .chevron{opacity:.85}.filters-panel{padding:0;border:1px solid #2b2b2b;border-radius:10px;background:#1b1b1b;overflow:hidden;height:0;opacity:0;transform:translateY(-6px);transition:height .25s ease,opacity .2s ease,transform .25s ease}.filters-panel{position:relative}.filters-panel.is-open{opacity:1;padding:12px;transform:translateY(0);overflow:visible;z-index:3000}.filters-panel.is-closing{overflow:hidden;pointer-events:none}.filters-panel.is-closing *{visibility:hidden}.filters-panel.is-closing .role-menu{display:none !important}.filters-panel-actions{position:absolute;top:12px;right:12px}@media(max-width:600px){.filters-panel-actions{justify-content:stretch}}.tech-filter-item .tag{background:#1b1b1b;border:1px solid #2b2b2b;color:#fafafa;transition:all .15s ease}.tech-filter-item input[type=checkbox]{display:none}.tech-filter-item input[type=checkbox]+.tag{cursor:pointer}.tech-filter-item input[type=checkbox]:checked+.tag{color:#fff;background:#2196f3;border-color:#2196f3;box-shadow:0 0 0 1px rgba(33,150,243,.2)inset}.tech-filter-item input[type=checkbox]:focus+.tag{outline:2px solid #4da3ff;outline-offset:2px}.btn-reset{display:inline-flex;align-items:center;gap:.5rem;padding:6px 12px;border:1px solid #fafafa;border-radius:9999px;background:0 0;color:#fafafa;cursor:pointer;opacity:.95;transition:transform .15s ease,opacity .15s ease,background-color .2s ease,border-color .2s ease}.btn-reset:hover{opacity:1;transform:translateY(-1px);border-color:#2196f3;background-color:#2196f3;color:#fff}[data-theme=light] .filters-panel{background:#fff;border-color:#e5e7eb}[data-theme=light] .filters-toggle{background:#f0f0f0;color:#111;border:1px solid #e5e7eb}[data-theme=light] .btn-reset{border-color:#111;color:#111}[data-theme=light] .btn-reset:hover{background:#2196f3;border-color:#2196f3;color:#fff}[data-theme=light] .role-button{background:#fff;border-color:#d6d6d6;color:#111}[data-theme=light] .role-menu{background:#fff;color:#111;border-color:#e5e7eb}[data-theme=light] .tech-filter-item .tag{background:#f3f4f6;border-color:#e5e7eb;color:#111}[data-theme=light] .tech-filter-item input[type=checkbox]:checked+.tag{background:#2196f3;border-color:#2196f3;color:#fff;box-shadow:0 0 0 1px rgba(33,150,243,.18)inset}[data-theme=light] .tech-count{color:#666}[data-theme=light] .tag-role{background:rgba(100,181,246,.18);border-color:#64b5f6;color:#111}[data-theme=light] .tag-tech{background:rgba(129,199,132,.18);border-color:#81c784;color:#111}.work-single{max-width:1000px}.work-hero{margin-top:.5rem;margin-bottom:1rem;background:linear-gradient(180deg,#2a2a2a 0%,#303030 100%);border:1px solid #3a3a3a;border-radius:14px;padding:16px;box-shadow:0 6px 16px rgba(0,0,0,.25)}.work-title{font-size:2rem;line-height:1.15;letter-spacing:.2px}.work-title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.role-chip{display:inline-flex;align-items:center;gap:.45rem;padding:.2rem .55rem;border-radius:6px;border:1px solid #66bb6a;background:rgba(102,187,106,.15);color:#fff;font-weight:600}.role-chip .fa-briefcase{color:#66bb6a}[data-theme=light] .role-chip{color:#111;background:rgba(102,187,106,.18);border-color:#66bb6a}.work-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem;margin-top:.25rem}.meta-item{display:inline-flex;align-items:center;gap:.4rem}.work-single .tag-row .tag{color:inherit}[data-theme=light] .work-single .tag-row .tag{color:#111}.work-summary{font-size:1.05em;line-height:1.6;margin:.75rem 0 0}.meta-item .fa-location-dot{color:#ba68c8}.meta-item .fa-calendar{color:#64b5f6}.work-single .tag-row{gap:.6rem}.work-single .tag-role{background:rgba(100,181,246,.15);border-color:#64b5f6}.work-single .tag-tech{background:rgba(129,199,132,.15);border-color:#81c784}.work-single .tag-location{background:rgba(186,104,200,.15);border-color:#ba68c8}.work-content{border-top:1px solid #2b2b2b;padding-top:1rem;margin-top:.5rem}.work-content p{line-height:1.6}@media(max-width:600px){.work-title{font-size:1.6rem}.work-meta{flex-direction:column;align-items:flex-start}.work-title-row{flex-direction:column;align-items:flex-start}}