@keyframes filterSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes filterSlideOut{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes filterOverlayIn{0%{opacity:0}to{opacity:1}}.filter-overlay{-webkit-backdrop-filter:blur();backdrop-filter:blur();pointer-events:none;z-index:2147483646;isolation:isolate;background:0 0;transition:background .45s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .45s cubic-bezier(.4,0,.2,1),backdrop-filter .45s cubic-bezier(.4,0,.2,1);position:fixed;inset:0}.filter-overlay.active{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#000000bf}.filter-sidebar{z-index:2147483647;isolation:isolate;visibility:hidden;background:#fff;border-left:1px solid #0ea5e940;flex-direction:column;width:100%;max-width:420px;transition:transform .5s cubic-bezier(.4,0,.15,1),visibility 0s linear .5s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-8px 0 40px #00000026}.filter-sidebar.open{visibility:visible;transition:transform .5s cubic-bezier(.4,0,.15,1),visibility linear;transform:translate(0)}.filter-sidebar:before{content:"";opacity:0;background:linear-gradient(#0000 0%,#0ea5e999 25%,#0ea5e9 50%,#0ea5e999 75%,#0000 100%);width:2px;transition:opacity .6s .3s;position:absolute;top:0;bottom:0;left:0}.filter-sidebar.open:before{opacity:1}.filter-header{background:#0ea5e908;border-bottom:1px solid #0ea5e91f;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;display:flex}.filter-header-left{align-items:center;gap:.75rem;display:flex}.filter-icon{font-size:1.4rem}.filter-title{background:linear-gradient(#0ea5e9 0%,#0f172a 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-family:Goldman,system-ui,sans-serif;font-size:1.3rem;font-weight:600}.filter-count{color:#fff;background:linear-gradient(#0ea5e9 0%,#0f172a 100%);border-radius:20px;padding:.2rem .5rem;font-family:Goldman,system-ui,sans-serif;font-size:.6rem;font-weight:700}.filter-close{cursor:pointer;color:#64748b;background:#0ea5e91a;border:1px solid #0ea5e940;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.filter-close:hover{color:#fff;background:linear-gradient(#0ea5e9 0%,#0f172a 100%);border-color:#0ea5e9;transform:rotate(90deg);box-shadow:0 0 12px #0ea5e933}.filter-close svg{width:16px;height:16px}.filter-body{flex:1;padding:.5rem 0;overflow-y:auto}.filter-section{border-bottom:1px solid #0ea5e914}.filter-section-header{cursor:pointer;letter-spacing:.1em;text-transform:uppercase;color:#0f172a;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:1rem 1.5rem;font-family:Goldman,system-ui,sans-serif;font-size:.75rem;font-weight:600;transition:all .3s;display:flex;position:relative}.filter-section-header:hover{color:#0ea5e9;background:#0ea5e914}.filter-section-header.active{color:#0ea5e9;background:#0ea5e91f}.filter-section-icon{font-size:1rem}.filter-section-label{text-align:left;flex:1}.filter-section-active-dot{background:#0ea5e9;border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite filterPulse;box-shadow:0 0 6px #0ea5e980}@keyframes filterPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.filter-section-arrow{color:#0ea5e9;width:14px;height:14px;transition:transform .3s}.filter-section-arrow.open{transform:rotate(180deg)}.filter-section-content{flex-wrap:wrap;gap:.5rem;padding:.75rem 1.5rem 1rem 3rem;animation:.3s filterContentIn;display:flex}@keyframes filterContentIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-chip{letter-spacing:.05em;color:#475569;cursor:pointer;background:#fff;border:1px solid #0ea5e940;border-radius:40px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:Goldman,system-ui,sans-serif;font-size:.6rem;font-weight:500;transition:all .25s;display:inline-flex}.filter-chip:hover{color:#0ea5e9;background:#0ea5e90d;border-color:#0ea5e9;transform:translateY(-2px);box-shadow:0 0 8px #0ea5e926}.filter-chip.active{color:#fff;background:linear-gradient(#0ea5e9 0%,#0f172a 100%);border-color:#0000;font-weight:600}.filter-color-dot{border:1px solid #0000001a;border-radius:50%;width:12px;height:12px}.filter-footer{background:#0ea5e908;border-top:1px solid #0ea5e91f;flex-shrink:0;gap:1rem;padding:1rem 1.5rem 1.5rem;display:flex}.filter-clear-btn{letter-spacing:.1em;text-transform:uppercase;color:#0ea5e9;cursor:pointer;background:0 0;border:1px solid #0ea5e94d;border-radius:40px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.8rem;font-family:Goldman,system-ui,sans-serif;font-size:.6rem;font-weight:600;transition:all .3s;display:flex}.filter-clear-btn:hover{background:#0ea5e91a;border-color:#0ea5e9;transform:translateY(-2px)}.filter-clear-btn svg{width:14px;height:14px}.filter-apply-btn{letter-spacing:.15em;text-transform:uppercase;color:#fff;cursor:pointer;background:linear-gradient(#0ea5e9 0%,#0f172a 100%);border:none;border-radius:40px;flex:1;padding:.8rem;font-family:Goldman,system-ui,sans-serif;font-size:.6rem;font-weight:700;transition:all .3s}.filter-apply-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e966}@media (max-width:640px){.filter-sidebar{max-width:100%}.filter-header{padding:1.2rem 1.2rem .8rem}.filter-section-header{padding:.85rem 1.2rem}.filter-section-content{padding:.6rem 1.2rem .8rem 2.5rem}.filter-footer{padding:.8rem 1.2rem 1.2rem}}[dir=rtl] .filter-sidebar{border-left:none;border-right:1px solid #0ea5e940;left:0;right:auto;transform:translate(-100%);box-shadow:8px 0 40px #00000026}[dir=rtl] .filter-sidebar.open{transform:translate(0)}[dir=rtl] .filter-sidebar:before{left:auto;right:0}[dir=rtl] .filter-section-header,[dir=rtl] .filter-section-label{text-align:right}[dir=rtl] .filter-section-content{padding-left:1.5rem;padding-right:3rem}[dir=rtl] .filter-close:hover{transform:rotate(-90deg)}
.grid-controls-bar{border-bottom:1px solid #0ea5e91f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1.5rem;padding-bottom:.8rem;display:flex}.grid-controls-left{align-items:center;gap:.8rem;display:flex}.filter-trigger{letter-spacing:.12em;text-transform:uppercase;color:#38bdf8;cursor:pointer;background:#0ea5e914;border:1px solid #0ea5e940;border-radius:40px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-family:Goldman,system-ui,sans-serif;font-size:.6rem;font-weight:600;transition:all .3s;display:flex}.filter-trigger:hover{background:#0ea5e926;border-color:#0ea5e9;transform:translateY(-2px);box-shadow:0 0 10px #0ea5e933}.filter-trigger svg{width:13px;height:13px}.filter-active-dot{background:#0ea5e9;border-radius:50%;width:7px;height:7px;animation:1.5s ease-in-out infinite filterPulse;box-shadow:0 0 6px #0ea5e980}.per-row-selector{background:#0ea5e90f;border:1px solid #0ea5e926;border-radius:40px;align-items:center;gap:.25rem;padding:.15rem;display:flex}.per-row-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:40px;justify-content:center;align-items:center;width:34px;height:30px;font-family:Goldman,system-ui,sans-serif;font-size:.65rem;font-weight:600;transition:all .3s;display:flex;position:relative}.per-row-btn svg{stroke:currentColor;width:14px;height:14px}.per-row-btn:hover{color:#0ea5e9;background:#0ea5e926}.per-row-btn.active{color:#fff;background:linear-gradient(#0ea5e9 0%,#0f172a 100%);box-shadow:0 2px 8px #0ea5e94d}.per-row-btn:before{content:attr(data-tooltip);color:#0ea5e9;letter-spacing:.1em;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:100;background:#0f172a;border:1px solid #0ea5e94d;border-radius:6px;padding:.25rem .5rem;font-family:Goldman,system-ui,sans-serif;font-size:.5rem;font-weight:600;transition:all .2s;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.per-row-btn:hover:before{opacity:1;visibility:visible;bottom:-35px}.grid-sort-select{letter-spacing:.08em;color:#cbd5e1;cursor:pointer;appearance:none;background:#0f172acc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230ea5e9' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right .8rem center/11px no-repeat;border:1px solid #0ea5e940;border-radius:40px;outline:none;padding:.55rem 2rem .55rem 1rem;font-family:Goldman,system-ui,sans-serif;font-size:.6rem;font-weight:500;transition:all .3s}.grid-sort-select:hover{border-color:#0ea5e9}.grid-sort-select:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.grid-result-count{color:#94a3b8;font-family:Goldman,system-ui,sans-serif;font-size:.6rem;font-weight:400}.grid-result-count em{color:#0ea5e9;font-style:normal;font-weight:600}.pg-grid--cols-2{grid-template-columns:repeat(2,1fr)}.pg-grid--cols-3{grid-template-columns:repeat(3,1fr)}.pg-grid--cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.pg-grid--cols-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.grid-controls-bar{flex-direction:column;align-items:stretch;gap:.6rem}.grid-controls-left{justify-content:space-between}.per-row-selector{display:none}.pg-grid--cols-4,.pg-grid--cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.pg-grid--cols-4,.pg-grid--cols-3,.pg-grid--cols-2{grid-template-columns:1fr}}[dir=rtl] .grid-controls-bar,[dir=rtl] .grid-controls-left{flex-direction:row}[dir=rtl] .grid-sort-select{background-position:.8rem;padding:.55rem 1rem .55rem 2rem}[dir=rtl] .filter-trigger svg,[dir=rtl] .per-row-btn svg{transform:scaleX(-1)}