:root{--primary:#1e3a8a;--primary-hover:#172554;--primary-rgb:30, 58, 138;--secondary:#f97316;--secondary-rgb:249, 115, 22;--dark:#0f172a;--light:#f8fafc;--border:#e5e7eb;--card-bg:rgba(255,255,255,.85);--glass-border:rgba(255,255,255,.4);--text-xs:clamp(.7rem, calc(.65rem + .15vw), .8rem);--text-sm:clamp(.8rem, calc(.75rem + .2vw), .9rem);--text-base:clamp(.9rem, calc(.85rem + .25vw), 1.05rem);--text-lg:clamp(1rem, calc(.95rem + .35vw), 1.25rem);--text-xl:clamp(1.15rem, calc(1.05rem + .5vw), 1.5rem);--text-2xl:clamp(1.3rem, calc(1.15rem + .75vw), 1.85rem);--text-3xl:clamp(1.5rem, calc(1.3rem + 1vw), 2.25rem);--text-4xl:clamp(1.75rem, calc(1.5rem + 1.5vw), 3rem);--text-5xl:clamp(2rem, calc(1.75rem + 2.5vw), 4.5rem);--text-6xl:clamp(2.25rem, calc(2rem + 4vw), 6rem);--text-7xl:clamp(2.75rem, calc(2.25rem + 6vw), 8rem);--text-8xl:clamp(3.5rem, calc(2.5rem + 10vw), 12rem);--spacing-container:clamp(1rem, 5vw, 5rem);--spacing-section:clamp(2.5rem, 6vw, 5rem)}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,-apple-system,sans-serif}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{color:var(--dark);min-height:100vh;font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f4f6;width:100%;line-height:1.6;position:relative;overflow-x:hidden}input,select,textarea{font-size:16px!important}img,video,canvas,svg{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1280px;padding-left:var(--spacing-container);padding-right:var(--spacing-container);margin-left:auto;margin-right:auto}h1,.h1{font-size:var(--text-5xl);font-weight:800;line-height:1.15}h2,.h2{font-size:var(--text-4xl);font-weight:700;line-height:1.2}h3,.h3{font-size:var(--text-3xl);font-weight:700;line-height:1.25}h4,.h4{font-size:var(--text-2xl);font-weight:600;line-height:1.3}h5,.h5{font-size:var(--text-xl);font-weight:600;line-height:1.4}h6,.h6{font-size:var(--text-lg);font-weight:600;line-height:1.4}p{font-size:var(--text-base)}.small,small{font-size:var(--text-sm)}.app-container{flex-direction:column;min-height:100vh;display:flex}.nb-root{-webkit-backdrop-filter:blur(20px);z-index:1000;background:rgba(255,255,255,.75);border-bottom:1px solid rgba(255,255,255,.45);justify-content:space-between;align-items:center;height:64px;padding:0 2rem;transition:box-shadow .3s,background .3s;display:flex;position:-webkit-sticky;position:sticky;top:0}.nb-scrolled{box-shadow:0 4px 24px rgba(var(--primary-rgb), .08);background:rgba(255,255,255,.92)}.nb-brand{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;gap:.55rem;text-decoration:none;display:flex}.nb-logo-icon{background:0 0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden}.nb-brand-text{font-size:var(--text-2xl);letter-spacing:-.5px;color:var(--dark);font-weight:800}.nb-brand-accent{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;-ms-background-clip:text;background-clip:text}.nb-links{align-items:center;gap:.25rem;margin-left:auto;display:flex}.nb-link{color:#4b5563;font-weight:600;font-size:var(--text-sm);white-space:nowrap;border-radius:.6rem;align-items:center;gap:.4rem;padding:.45rem .85rem;text-decoration:none;transition:background .18s,color .18s;display:flex}.nb-link:hover{background:rgba(var(--primary-rgb), .07);color:var(--primary)}.nb-link-active{color:var(--primary);background:rgba(var(--primary-rgb), .1)}.nb-cta{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);font-weight:700;font-size:var(--text-sm);letter-spacing:.01em;box-shadow:0 3px 10px rgba(var(--primary-rgb), .3);white-space:nowrap;border-radius:.75rem;align-items:center;gap:.45rem;margin-left:.5rem;padding:.5rem 1.15rem;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;color:#fff!important}.nb-cta:hover{box-shadow:0 6px 18px rgba(var(--primary-rgb), .4);transform:translateY(-2px)}.nb-user{border:1.5px solid var(--border);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:.45rem;margin-left:.5rem;padding:.35rem .75rem .35rem .45rem;transition:border-color .2s,background .2s;display:flex;position:relative}.nb-user:hover{border-color:var(--primary);background:rgba(var(--primary-rgb), .04)}.nb-user:hover .nb-dropdown{opacity:1;pointer-events:all;transform:translateY(0)}.nb-avatar{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;width:32px;height:32px;font-weight:700;font-size:var(--text-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nb-avatar-lg{width:46px;height:46px;font-size:var(--text-lg)}.nb-user-name{font-size:var(--text-sm);color:#374151;font-weight:600}.nb-chevron{color:#9ca3af;transition:transform .2s}.nb-user:hover .nb-chevron{transform:rotate(180deg)}.nb-dropdown{border:1px solid var(--border);opacity:0;pointer-events:none;z-index:2000;background:#fff;border-radius:.85rem;min-width:200px;padding:.5rem;transition:opacity .2s,transform .2s;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-8px);box-shadow:0 12px 32px rgba(0,0,0,.12)}.nb-dropdown-item{cursor:pointer;width:100%;font-size:var(--text-sm);background:0 0;border:none;border-radius:.6rem;align-items:center;gap:.55rem;padding:.6rem .85rem;font-weight:600;transition:background .15s;display:flex}.nb-logout{color:#dc2626}.nb-logout:hover{background:#fee2e2}.btn{cursor:pointer;text-align:center;border:none;border-radius:.5rem;padding:.5rem 1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.btn-secondary{background-color:var(--secondary);color:#fff}.btn-secondary:hover{background-color:#059669;transform:translateY(-2px)}.btn-outline{border:1px solid var(--primary);color:var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:#fff}.btn-danger{color:#fff;background-color:#ef4444}.btn-danger:hover{background-color:#dc2626}.auth-submit-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);color:#fff;font-size:var(--text-base);cursor:pointer;letter-spacing:.01em;border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px rgba(30,58,138,.25)}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px rgba(30,58,138,.35)}.auth-submit-btn:disabled{cursor:not-allowed;opacity:.65}.toggle-password{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;right:1rem}.toggle-password:hover{color:var(--dark)}.hero{padding:var(--spacing-container);text-align:center;background:linear-gradient(135deg, rgba(var(--primary-rgb), .1) 0%, rgba(var(--secondary-rgb), .1) 100%);margin:var(--spacing-container);border-radius:1rem}.hero h1{font-size:var(--text-5xl);background:-webkit-linear-gradient(45deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;-ms-background-clip:text;background-clip:text;margin-bottom:1rem}.hero-layout{grid-template-columns:1fr;align-items:center;gap:3rem;display:grid}.hero-left-content{flex-direction:column;align-items:center;display:flex}.hero-features-list{display:none}@media (min-width:1024px){.hero-layout{grid-template-columns:1.2fr .8fr}.hero-left-content{text-align:left;align-items:flex-start}.hero-features-list{border-left:2px solid rgba(30,58,138,.05);flex-direction:column;align-items:flex-start;gap:1.5rem;padding-left:2rem;display:flex}}.form-grid{grid-template-columns:1fr;gap:1rem;display:grid}.form-grid .form-group{margin-bottom:0}@media (min-width:900px){.form-grid{grid-template-columns:1fr 1fr;gap:2rem}}.form-section{margin-bottom:1.25rem}.form-section-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}@media (min-width:768px){.form-section{margin-bottom:2rem}.form-section-header{margin-bottom:1.25rem}}.form-card{background:#fff;border:1px solid #f3f4f6;border-radius:2rem;position:relative;overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,.05),0 8px 10px -6px rgba(0,0,0,.01)}.form-card-body{padding:1rem}@media (min-width:768px){.form-card-body{padding:2rem}}.hero p{font-size:var(--text-lg);color:#4b5563;margin-bottom:2rem}.search-container{background:#fff;border-radius:999px;gap:1rem;max-width:800px;margin:0 auto 2rem;padding:.5rem;display:flex;box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.search-input{font-size:var(--text-base);border:none;border-radius:999px;outline:none;flex:1;padding:.75rem 1.5rem}.search-select{border:1px solid var(--border);background:#fff;border-radius:999px;outline:none;padding:.5rem 1rem}.main-content{padding:var(--spacing-container);width:100%;max-width:1400px;margin:0 auto}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:2rem;display:grid}.grid-listings{grid-template-columns:250px 1fr;align-items:start;gap:2rem;display:grid}@media (max-width:850px){.grid-listings{grid-template-columns:1fr}}.card{background:#fff;border-radius:1rem;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.card:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}.card-image{object-fit:cover;background:#e5e7eb;width:100%;height:200px}.card-content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.card-title{font-size:var(--text-lg);color:var(--dark);word-break:break-word;overflow-wrap:anywhere;margin-bottom:.5rem;font-weight:600}.card-category{font-size:var(--text-sm);color:var(--primary);text-transform:uppercase;margin-bottom:.5rem;font-weight:500}.card-city{color:#6b7280;font-size:var(--text-sm);align-items:center;gap:.25rem;margin-bottom:1rem;display:flex}.card-desc{color:#4b5563;font-size:var(--text-sm);word-break:break-word;overflow-wrap:anywhere;flex:1;margin-bottom:1rem}.badge-featured{color:#d97706;font-size:var(--text-sm);background:#fef3c7;border-radius:.25rem;margin-bottom:.5rem;padding:.25rem .5rem;font-weight:600;display:inline-block}.form-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.8);border-radius:1.5rem;width:90%;max-width:500px;margin:4rem auto;padding:2.5rem 2rem;animation:.5s ease-out forwards slideUpFade;box-shadow:0 20px 40px -5px rgba(0,0,0,.08)}@media (max-width:768px){.form-container{margin:2rem auto;padding:2rem 1.5rem}}.form-group{margin-bottom:1.5rem}.form-label{font-size:var(--text-sm);color:#475569;margin-bottom:.5rem;font-weight:600;display:block}.form-control{width:100%;font-size:var(--text-sm);color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;outline:none;padding:.85rem 1rem;transition:all .2s}.form-control:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px rgba(30,58,138,.1)}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;pointer-events:none;transition:color .2s;position:absolute;left:1rem}.input-wrapper input,.input-wrapper select,.input-wrapper textarea{padding-left:2.8rem}.input-wrapper input:focus+.input-icon,.input-wrapper select:focus+.input-icon{color:var(--primary)}.input-wrapper input:not(:-moz-placeholder-shown)+.input-icon{color:var(--primary)}.input-wrapper input:not(:placeholder-shown)+.input-icon{color:var(--primary)}.input-group{margin-bottom:1.5rem}.input-group label{font-size:var(--text-sm);color:#475569;margin-bottom:.5rem;font-weight:600;display:block}.input-group-row{gap:1rem;display:flex}.input-group-row .input-group{flex:1;margin-bottom:0}@media (max-width:600px){.input-group-row{flex-direction:column;gap:1.25rem}}.table-wrapper{background:#fff;border-radius:1rem;overflow-x:auto;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:1rem}th{color:#4b5563;background:#f9fafb;font-weight:600}.status-badge{font-size:var(--text-sm);text-transform:uppercase;border-radius:999px;padding:.25rem .5rem;font-weight:600}.status-pending{color:#d97706;background:#fef3c7}.status-approved{color:#059669;background:#d1fae5}.status-rejected{color:#dc2626;background:#fee2e2}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nb-hamburger{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:4px;transition:background .2s;display:none}.nb-hamburger:hover{background:rgba(var(--primary-rgb), .07)}.nb-hamburger span{transform-origin:50%;background:#374151;border-radius:2px;width:22px;height:2.5px;transition:transform .3s,opacity .3s,width .3s;display:block}.nb-hamburger-open span:first-child{transform:translateY(7.5px)rotate(45deg)}.nb-hamburger-open span:nth-child(2){opacity:0;width:0}.nb-hamburger-open span:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}.nb-overlay{z-index:1099;background:0 0;transition:background .3s;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.nb-overlay-show{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(0,0,0,.35);display:block}.nb-drawer{z-index:1100;background:#fff;flex-direction:column;width:min(85vw,320px);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-8px 0 40px rgba(0,0,0,.15)}.nb-drawer-open{transform:translate(0)}.nb-drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.nb-drawer-close{cursor:pointer;color:#374151;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}.nb-drawer-close:hover{background:#e5e7eb}.nb-drawer-user{background:linear-gradient(135deg, rgba(var(--primary-rgb), .06), rgba(var(--secondary-rgb), .05));align-items:center;gap:.85rem;padding:1.2rem 1.25rem;display:flex}.nb-drawer-uname{font-weight:700;font-size:var(--text-base);color:var(--dark)}.nb-drawer-urole{font-size:var(--text-xs);color:#6b7280;margin-top:2px}.nb-drawer-divider{background:var(--border);height:1px;margin:.5rem 1.25rem}.nb-drawer-nav{flex-direction:column;flex:1;gap:.25rem;padding:.75rem;display:flex}.nb-drawer-link{color:#374151;font-weight:600;font-size:var(--text-base);border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:background .18s,color .18s;display:flex}.nb-drawer-link:hover{background:rgba(var(--primary-rgb), .06);color:var(--primary)}.nb-drawer-link-active{background:rgba(var(--primary-rgb), .1);color:var(--primary)}.nb-drawer-link-cta{background:linear-gradient(135deg, rgba(var(--primary-rgb), .08), rgba(var(--secondary-rgb), .06));color:var(--primary)}.nb-drawer-logout{color:#dc2626;width:100%;font-weight:600;font-size:var(--text-base);cursor:pointer;background:#fef2f2;border:none;border-radius:.75rem;align-items:center;gap:.75rem;margin-top:auto;padding:.75rem 1rem;transition:background .18s;display:flex}.nb-drawer-logout:hover{background:#fee2e2}.nb-drawer-cta-btn{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;font-weight:700;font-size:var(--text-base);box-shadow:0 4px 12px rgba(var(--primary-rgb), .3);border-radius:.85rem;justify-content:center;align-items:center;margin-top:.5rem;padding:.9rem 1rem;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex}.nb-drawer-cta-btn:hover{box-shadow:0 6px 20px rgba(var(--primary-rgb), .4);transform:translateY(-2px)}@media (max-width:768px){.nb-links{display:none}.nb-hamburger{display:flex}.nb-mobile-actions{align-items:center;gap:.25rem;display:flex}.nb-root{padding:0 1.25rem}}.nb-invite-btn-special{border:1.5px solid var(--secondary);font-weight:700;font-size:var(--text-base);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:.5rem;text-decoration:none;transition:all .2s;display:flex;color:var(--secondary)!important;padding:.6rem 1.25rem!important}.nb-invite-btn-special:hover{background:var(--secondary);color:#fff!important}.nb-invite-btn-special:hover svg{color:#fff!important}@media (min-width:769px){.nb-invite-btn-special{font-weight:500;font-size:var(--text-sm);padding:.5rem 1rem!important}}.nb-prime-wrap{position:relative}.nb-prime-btn{cursor:pointer;font-weight:700;font-size:var(--text-sm);letter-spacing:.01em;white-space:nowrap;color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem 1rem;transition:all .2s;display:flex;box-shadow:0 3px 10px rgba(217,119,6,.35)}.nb-prime-btn:hover,.nb-prime-btn.nb-prime-btn-open{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);transform:translateY(-1px);box-shadow:0 5px 16px rgba(217,119,6,.45)}.nb-prime-crown{color:#fef3c7;flex-shrink:0}.nb-prime-dropdown{opacity:0;pointer-events:none;z-index:2100;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:1rem;width:280px;transition:opacity .22s,transform .22s cubic-bezier(.4,0,.2,1);position:absolute;top:calc(100% + 10px);left:50%;overflow:hidden;transform:translate(-50%)translateY(-6px);box-shadow:0 16px 40px rgba(0,0,0,.15)}.nb-prime-dropdown-open{opacity:1;pointer-events:all;transform:translate(-50%)translateY(0)}.nb-prime-header{text-align:center;background:linear-gradient(160deg,#1e2a3a 0%,#0f172a 100%);flex-direction:column;align-items:center;gap:.5rem;padding:1.4rem 1.25rem 1.2rem;display:flex}.nb-prime-header-crown{color:#f59e0b;-webkit-filter:drop-shadow(0 2px 8px rgba(245,158,11,.6));filter:drop-shadow(0 2px 8px rgba(245,158,11,.6));margin-bottom:.15rem}.nb-prime-title{font-size:var(--text-base);color:#fff;letter-spacing:.01em;margin:0;font-weight:600}.nb-prime-title strong{color:#fbbf24;font-weight:800}.nb-prime-subtitle{font-size:var(--text-xs);color:#f59e0b;letter-spacing:.02em;margin:0;font-weight:600}.nb-prime-features{flex-direction:column;gap:.6rem;padding:1rem 1.25rem .75rem;list-style:none;display:flex}.nb-prime-features li{font-size:var(--text-sm);color:#1f2937;white-space:nowrap;align-items:center;gap:.55rem;font-weight:600;display:flex}.nb-prime-feat-icon{color:var(--primary);flex-shrink:0}.nb-prime-feat-verified{color:#0ea5e9}.nb-prime-feat-wa{color:#16a34a}.nb-prime-feat-gold{color:#f59e0b}.nb-prime-check{color:#16a34a;flex-shrink:0}.nb-prime-cta{text-align:center;font-weight:700;font-size:var(--text-sm);letter-spacing:.02em;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border-radius:999px;margin:.5rem 1.25rem 1.25rem;padding:.7rem 1rem;text-decoration:none;transition:transform .18s,box-shadow .18s;display:block;box-shadow:0 4px 12px rgba(220,38,38,.4);color:#fff!important}.nb-prime-cta:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(220,38,38,.5)}.nb-drawer-prime-link{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(217,119,6,.07));color:#d97706!important}.nb-drawer-prime-link:hover{color:#b45309!important;background:linear-gradient(135deg,rgba(245,158,11,.18),rgba(217,119,6,.13))!important}.nb-drawer-prime-crown{color:#f59e0b}.lst-page{min-height:100vh}.lst-hero{padding:clamp(2rem, 5vw, 4rem) var(--spacing-container);background:radial-gradient(ellipse at 20% 0%, rgba(var(--primary-rgb), .15) 0%, transparent 60%), radial-gradient(ellipse at 80% 100%, rgba(var(--secondary-rgb), .12) 0%, transparent 60%), #f9fafb;position:relative;overflow:hidden}.lst-hero-bg{background-image:radial-gradient(circle at 10% 20%, rgba(var(--primary-rgb), .06) 0%, transparent 50%), radial-gradient(circle at 90% 80%, rgba(var(--secondary-rgb), .06) 0%, transparent 50%);pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.lst-hero-content{text-align:center;z-index:1;max-width:720px;margin:0 auto;position:relative}.lst-hero-badge{background:rgba(var(--primary-rgb), .1);color:var(--primary);font-size:var(--text-xs);letter-spacing:.02em;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:1.25rem;padding:.45rem 1.1rem;font-weight:700;display:inline-flex}.lst-hero-title{font-size:var(--text-6xl);letter-spacing:-.03em;color:#111827;margin-bottom:1.5rem;font-weight:900;line-height:1.05}.lst-hero-accent{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;-ms-background-clip:text;background-clip:text}.lst-hero-sub{font-size:var(--text-lg);color:#6b7280;max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto;line-height:1.7}.lst-search-bar{box-shadow:0 8px 30px rgba(var(--primary-rgb), .08), 0 2px 8px rgba(0,0,0,.04);background:#fff;border:1.5px solid transparent;border-radius:999px;align-items:center;max-width:600px;margin:0 auto;padding:.5rem .75rem .5rem 1.25rem;transition:border-color .25s,box-shadow .25s;display:flex}.lst-search-bar:focus-within{border-color:rgba(var(--primary-rgb), .35);box-shadow:0 8px 30px rgba(var(--primary-rgb), .12), 0 0 0 4px rgba(var(--primary-rgb), .06)}.lst-search-icon{color:#9ca3af;flex-shrink:0}.lst-search-input{font-size:var(--text-base);color:#111827;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.75rem}.lst-search-input::-webkit-input-placeholder{color:#9ca3af}.lst-search-input::-moz-placeholder{color:#9ca3af}.lst-search-input::-ms-input-placeholder{color:#9ca3af}.lst-search-input::placeholder{color:#9ca3af}.lst-search-clear{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s,color .2s;display:flex}.lst-search-clear:hover{color:#111827;background:#e5e7eb}.lst-container{max-width:1400px;padding:var(--spacing-container);margin:0 auto}.lst-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.lst-toolbar-left{flex-wrap:wrap;flex:1;align-items:center;gap:1rem;min-width:0;display:flex}.lst-result-count{font-size:var(--text-sm);color:#6b7280;white-space:nowrap;font-weight:600}.lst-active-tags{flex-wrap:wrap;gap:.5rem;display:flex}.lst-tag{background:rgba(var(--primary-rgb), .08);color:var(--primary);font-size:var(--text-xs);border-radius:999px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-weight:600;display:inline-flex}.lst-tag button{cursor:pointer;color:var(--primary);opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;margin-left:.15rem;padding:0;transition:opacity .15s;display:flex}.lst-tag button:hover{opacity:1}.lst-filter-toggle{border:1.5px solid var(--border);font-size:var(--text-sm);color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border-radius:.75rem;align-items:center;gap:.45rem;padding:.55rem 1.1rem;font-weight:600;transition:border-color .2s,background .2s;display:none}.lst-filter-toggle:hover{border-color:var(--primary);background:rgba(var(--primary-rgb), .03)}.lst-filter-badge{background:var(--primary);color:#fff;width:20px;height:20px;font-size:var(--text-xs);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.lst-grid{grid-template-columns:260px 1fr;align-items:start;gap:2rem;display:grid}.lst-sidebar-card{background:#fff;border:1px solid #f0f0f5;border-radius:1.25rem;padding:1.5rem;position:-webkit-sticky;position:sticky;top:84px;box-shadow:0 4px 12px rgba(0,0,0,.03)}.lst-sidebar-header{color:#111827;border-bottom:1px solid #f3f4f6;align-items:center;gap:.55rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.lst-sidebar-header h3{font-size:var(--text-base);font-weight:700}.lst-filter-group{margin-bottom:1.25rem}.lst-filter-label{font-size:var(--text-sm);color:#374151;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.4rem;margin-bottom:.5rem;font-weight:600;display:flex}.lst-select-wrap{position:relative}.lst-select{width:100%;font-size:var(--text-sm);color:#374151;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;cursor:pointer;background:#fafafa;border:1.5px solid #e5e7eb;border-radius:.7rem;outline:none;padding:.7rem 2.25rem .7rem .85rem;transition:border-color .2s,box-shadow .2s,background .2s}.lst-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .08);background:#fff}.lst-select:hover{background:#fff;border-color:#d1d5db}.lst-select-arrow{color:#9ca3af;pointer-events:none;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.lst-clear-btn{color:#6b7280;width:100%;font-size:var(--text-sm);cursor:pointer;background:0 0;border:1.5px solid #e5e7eb;border-radius:.7rem;justify-content:center;align-items:center;gap:.45rem;margin-top:.5rem;padding:.7rem 1rem;font-weight:600;transition:all .2s;display:flex}.lst-clear-btn:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.lst-results{min-height:400px}.lst-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.lst-loading{flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;padding:5rem 2rem;display:flex}.lst-spinner{border:3.5px solid #e5e7eb;border-top-color:var(--primary);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite lst-spin}@keyframes lst-spin{to{transform:rotate(360deg)}}.lst-loading p{color:#9ca3af;font-size:var(--text-sm);font-weight:500}.lst-empty{text-align:center;background:#fff;border:1px solid #f0f0f5;border-radius:1.5rem;flex-direction:column;align-items:center;padding:5rem 2rem;display:flex}.lst-empty-icon{background:linear-gradient(135deg, rgba(var(--primary-rgb), .08), rgba(var(--secondary-rgb), .06));width:100px;height:100px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.lst-empty h3{font-size:var(--text-xl);color:#111827;margin-bottom:.5rem;font-weight:800}.lst-empty p{color:#6b7280;max-width:400px;margin-bottom:2rem;line-height:1.6}.lst-empty-btn{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;font-weight:700;font-size:var(--text-sm);cursor:pointer;box-shadow:0 4px 12px rgba(var(--primary-rgb), .25);border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;transition:transform .2s,box-shadow .2s;display:flex}.lst-empty-btn:hover{box-shadow:0 6px 20px rgba(var(--primary-rgb), .35);transform:translateY(-2px)}.lst-mobile-overlay{z-index:1099;background:0 0;transition:background .3s;display:none;position:fixed;top:0;bottom:0;left:0;right:0}.lst-mobile-overlay-show{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(0,0,0,.35);display:block}.lst-mobile-drawer{z-index:1100;background:#fff;border-radius:1.5rem 1.5rem 0 0;flex-direction:column;max-height:80vh;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -8px 40px rgba(0,0,0,.1)}.lst-mobile-drawer-open{transform:translateY(0)}.lst-drawer-head{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.lst-drawer-head h3{font-size:var(--text-lg);color:#111827;align-items:center;gap:.5rem;font-weight:700;display:flex}.lst-drawer-close{cursor:pointer;color:#374151;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}.lst-drawer-close:hover{background:#e5e7eb}.lst-drawer-body{flex:1;padding:1.5rem;overflow-y:auto}.lst-drawer-footer{background:#fafafa;border-top:1px solid #f3f4f6;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.lst-drawer-clear{color:#6b7280;font-weight:600;font-size:var(--text-sm);cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:.75rem;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.85rem 1rem;transition:all .2s;display:flex}.lst-drawer-clear:hover{color:#ef4444;border-color:#ef4444}.lst-drawer-apply{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;font-weight:700;font-size:var(--text-sm);cursor:pointer;box-shadow:0 4px 12px rgba(var(--primary-rgb), .25);border:none;border-radius:.75rem;flex:1.5;padding:.85rem 1rem;transition:transform .2s,box-shadow .2s}.lst-drawer-apply:hover{box-shadow:0 6px 18px rgba(var(--primary-rgb), .35);transform:translateY(-1px)}.lst-pagination{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:3rem;padding-top:1.5rem;display:flex}.lst-pagination-info{font-size:var(--text-base);color:#6b7280;font-weight:500}.lst-pagination-controls{align-items:center;gap:.35rem;display:flex}.lst-page-btn{color:#4b5563;min-width:38px;height:38px;font-size:var(--text-base);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:#fff;border:1.5px solid transparent;border-radius:.6rem;justify-content:center;align-items:center;padding:0 .5rem;font-weight:600;transition:all .2s;display:inline-flex}.lst-page-btn:hover:not(:disabled):not(.lst-page-active){background:rgba(var(--primary-rgb), .08);color:var(--primary)}.lst-page-active{background:linear-gradient(135deg, var(--primary), var(--secondary));box-shadow:0 4px 12px rgba(var(--primary-rgb), .35);border-color:transparent;color:#fff!important}.lst-page-nav{color:#6b7280;background:0 0;border:1.5px solid #e5e7eb}.lst-page-nav:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:0 0}.lst-page-btn:disabled{opacity:.4;cursor:not-allowed;background:#f9fafb;border-color:#e5e7eb}.lst-page-dots{color:#9ca3af;letter-spacing:2px;padding:0 .25rem;font-weight:700}@media (max-width:1024px){.lst-grid{grid-template-columns:220px 1fr;gap:1.5rem}.lst-cards-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.lst-hero{padding:3.5rem 1.25rem 3rem}.lst-hero-title{font-size:var(--text-4xl);letter-spacing:-1px}.lst-hero-sub{font-size:var(--text-base);margin-bottom:1.5rem}.lst-container{padding:1.25rem 1.25rem 3rem}.lst-grid{grid-template-columns:1fr}.lst-sidebar{display:none}.lst-filter-toggle{display:flex}.lst-cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.lst-toolbar{gap:.75rem}.lst-pagination{text-align:center;flex-direction:column;justify-content:center;gap:1.25rem}}@media (max-width:480px){.lst-hero{padding:2.5rem 1rem 2rem}.lst-hero-title{font-size:var(--text-3xl)}.lst-hero-badge{font-size:var(--text-xs);padding:.35rem .85rem}.lst-hero-sub{font-size:var(--text-sm)}.lst-search-bar{padding:.35rem .5rem .35rem 1rem}.lst-search-input{font-size:var(--text-sm);padding:.6rem .5rem}.lst-container{padding:1rem 1rem 2.5rem}.lst-cards-grid{grid-template-columns:1fr;gap:1rem}.lst-empty{padding:3rem 1.25rem}.lst-empty h3{font-size:var(--text-lg)}.lst-active-tags{gap:.35rem}.lst-tag{font-size:var(--text-xs);padding:.25rem .5rem}.lst-pagination-controls{gap:.25rem}.lst-page-btn{min-width:32px;height:32px;font-size:var(--text-sm)}}@media (max-width:400px){.hide-on-mobile{display:none}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}