:root{--bg-color:#f8fafc;--text-color:#0f172a;--primary-color:#490069;--secondary-color:#7b1fa2;--primary-light:#49006914;--card-bg:#fff;--border-color:#e2e8f0;--header-bg:#ffffffd9;--glass-bg:#ffffffb3;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--card-radius:20px;--image-radius:12px;--show-hero:block;--prop-show-price:block;--prop-show-location:flex;--prop-show-features:flex;--job-show-salary:flex;--job-show-location:flex;--job-show-type:flex;--job-show-date:flex;--job-show-desc:-webkit-box;--ad-show-price:block;--ad-show-location:flex;--ad-show-contact:inline-block;--font-weight-title:800;--font-weight-body:400}[data-theme=dark]{--bg-color:#0f172a;--text-color:#f8fafc;--primary-color:#a855f7;--secondary-color:#c084fc;--primary-light:#a855f726;--card-bg:#1e293b;--border-color:#334155;--header-bg:#0f172ad9;--glass-bg:#1e293bbf;--shadow-sm:0 1px 2px 0 #0000004d;--shadow:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;justify-content:center;min-height:100vh;font-family:Inter,system-ui,sans-serif;transition:background-color .3s,color .3s;display:flex;overflow-x:hidden}.mobile-container{background-color:var(--bg-color);text-transform:capitalize;width:100%;max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:90px;transition:background-color .3s;position:relative;overflow:hidden auto;box-shadow:0 0 40px #0000000d}[data-theme=dark] .mobile-container{box-shadow:0 0 40px #0000004d}.material-icons,.lucide{text-transform:none!important}.glass{background-color:var(--glass-bg);-webkit-backdrop-filter:blur(12px)}.navbar{background-color:var(--header-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:40;justify-content:space-between;align-items:center;padding:1rem 1.5rem;transition:background-color .3s;display:flex;position:sticky;top:0}.theme-toggle{cursor:pointer;color:var(--text-color);background:0 0;border:none;border-radius:50%;padding:.5rem;font-size:1.5rem;transition:all .2s}.theme-toggle:hover{background-color:var(--primary-light);transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #4900694d}50%{box-shadow:0 0 25px #7b1fa280}}[data-theme=dark] .cta-button{animation:3s infinite pulse-glow-dark}@keyframes pulse-glow-dark{0%,to{box-shadow:0 0 15px #a855f74d}50%{box-shadow:0 0 25px #c084fc80}}.animate-fade-in{opacity:0;animation:.5s cubic-bezier(.4,0,.2,1) forwards fadeIn}.delay-1{animation-delay:50ms}.delay-2{animation-delay:.1s}@keyframes pulse-skeleton{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background-color:var(--border-color);border-radius:8px;animation:1.5s cubic-bezier(.4,0,.6,1) infinite pulse-skeleton}.header{text-align:center;padding:2rem 1.5rem 1.5rem}.header h1{color:var(--primary-color);margin-bottom:.5rem;font-size:2.2rem;font-weight:800}.header p{color:var(--text-color);opacity:.8;font-size:1.05rem}.hero-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--card-radius);text-align:center;box-shadow:var(--shadow);margin:0 1.5rem 1.5rem;padding:2rem;transition:transform .3s,box-shadow .3s,background-color .3s}.hero-card:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px #0000001a}[data-theme=dark] .hero-card:hover{box-shadow:0 10px 15px -3px #00000080}.hero-card h2{color:var(--text-color);margin-bottom:1rem;font-size:1.6rem}.cta-button{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;cursor:pointer;border:none;border-radius:9999px;width:100%;margin-top:1.5rem;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:transform .2s,opacity .2s;animation:3s infinite pulse-glow}.cta-button:active{transform:scale(.97)}.features{flex-direction:column;gap:1rem;padding:0 1.5rem 2rem;display:flex}.feature-item{background-color:var(--card-bg);border-radius:var(--card-radius);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);align-items:center;gap:1.2rem;padding:1.2rem;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex}.feature-item:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.feature-icon{background:var(--primary-light);color:var(--primary-color);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.6rem;display:flex}[data-theme=dark] .feature-icon{background:var(--primary-light)}.bottom-nav{background-color:var(--glass-bg);-webkit-backdrop-filter:blur(16px);z-index:50;border:1px solid #ffffff1a;border-radius:24px;justify-content:space-around;width:calc(100% - 32px);max-width:440px;padding:.6rem .5rem;transition:background-color .3s;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000001a}[data-theme=dark] .bottom-nav{border:1px solid #ffffff0d;box-shadow:0 8px 32px #00000080}.bottom-nav-post-chip{background:linear-gradient(135deg, var(--primary-color) 0%, #7c3aed 100%);letter-spacing:.4px;white-space:nowrap;z-index:60;border:2.5px solid var(--card-bg);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:5px 16px;font-size:.82rem;font-weight:800;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:absolute;top:-15px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #49006966;color:#fff!important}.bottom-nav-post-chip:hover{filter:brightness(1.12);transform:translate(-50%)translateY(-2px)scale(1.06);box-shadow:0 8px 22px #49006980}.bottom-nav-post-chip:active{transform:translate(-50%)scale(.96)}[data-theme=dark] .bottom-nav-post-chip{border:2.5px solid #18181b;box-shadow:0 6px 20px #000000bf}.bottom-nav-item{color:var(--text-color);opacity:.5;border-radius:16px;flex-direction:column;align-items:center;gap:.3rem;padding:.4rem .8rem;font-size:.7rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.bottom-nav-item:hover:not(.active){opacity:.8;transform:translateY(-2px)}.bottom-nav-item.active{opacity:1;color:var(--primary-color);background-color:var(--primary-light)}.bottom-nav-icon{margin-bottom:2px;transition:transform .2s cubic-bezier(.4,0,.2,1)}.bottom-nav-item.active .bottom-nav-icon{transform:scale(1.1)}.section-title{color:var(--text-color);margin:1.5rem 1.5rem .8rem;font-size:1.2rem;font-weight:700}.horizontal-scroll{scrollbar-width:none;gap:1rem;padding:0 1.5rem 1rem;display:flex;overflow-x:auto}.horizontal-scroll::-webkit-scrollbar{display:none}.category-grid{grid-template-columns:repeat(3,1fr);justify-items:center;gap:1rem;margin-bottom:2rem;padding:0 1.2rem;display:grid}.category-item{flex-direction:column;align-items:center;gap:.6rem;text-decoration:none;display:flex}.category-icon-wrapper{background-color:var(--card-bg);border:1px solid var(--border-color);width:64px;height:64px;color:var(--primary-color);box-shadow:var(--shadow-sm);border-radius:20px;justify-content:center;align-items:center;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex}.category-item:hover .category-icon-wrapper{box-shadow:var(--shadow);background-color:var(--primary-light);transform:translateY(-3px)}[data-theme=dark] .category-item:hover .category-icon-wrapper{background-color:var(--primary-light)}.category-label{color:var(--text-color);text-align:center;font-size:.75rem;font-weight:600}.mini-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--card-radius);min-width:150px;box-shadow:var(--shadow-sm);flex-direction:column;gap:.6rem;padding:1.2rem;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);display:flex}.mini-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.hover-lift{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)!important}.hover-lift:hover{transform:translateY(-5px)!important;box-shadow:0 14px 24px -6px #0000001a,0 8px 12px -4px #0000000f!important}[data-theme=dark] .hover-lift:hover{box-shadow:0 14px 24px -6px #0006,0 8px 12px -4px #0003!important}.mini-card-title{white-space:nowrap;text-overflow:ellipsis;color:var(--text-color);font-size:.95rem;font-weight:700;overflow:hidden}.mini-card-subtitle{color:var(--text-color);opacity:.7;font-size:.8rem}.banner{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:#fff;box-shadow:var(--shadow);border-radius:24px;justify-content:space-between;align-items:center;margin:1rem 1.5rem 2rem;padding:2rem;display:flex;position:relative;overflow:hidden}.banner:after{content:"";pointer-events:none;background:linear-gradient(to bottom right,#fff3,#0000);position:absolute;inset:0}.banner-content h2{letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.6rem;font-weight:800}.banner-content p{opacity:.9;font-size:.95rem}.post-ads-container{gap:1rem;padding:0 1.5rem 2.5rem;display:flex}.post-ad-btn{border-radius:var(--card-radius);text-align:center;box-shadow:var(--shadow-sm);flex-direction:column;flex:1;align-items:center;gap:.6rem;padding:1.2rem;font-weight:700;text-decoration:none;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s;display:flex}.post-ad-btn:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.btn-free{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--primary-color)}.btn-paid{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;box-shadow:0 4px 15px #f59e0b4d}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.admin-layout-wrapper{flex-direction:column;display:flex}.admin-layout{flex-direction:column;flex:1;display:flex}.admin-sidebar{background-color:var(--card-bg);z-index:9999;width:280px;box-shadow:var(--shadow-lg);flex-direction:column;gap:12px;padding:20px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:9998;opacity:0;pointer-events:none;background-color:#00000080;width:100vw;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0}.sidebar-overlay.open{opacity:1;pointer-events:auto}.mobile-menu-btn{align-items:center;display:flex}.sidebar-header-mobile{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.home-grid-layout{grid-template-columns:repeat(2,1fr);gap:10px;padding:.8rem 1.2rem 1.4rem;display:grid}.home-section-header{justify-content:space-between;align-items:center;margin-top:1.5rem;padding:0 1.5rem;display:flex}.home-section-subtitle{color:var(--text-color);opacity:.75;margin:4px 0 0;padding:0 1.5rem;font-size:.82rem}.promo-card{border-radius:20px;margin:1rem 1.5rem 1.5rem;padding:1.5rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000014}.promo-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0000001f}.stats-grid-container{grid-template-columns:repeat(2,1fr);gap:10px;padding:.8rem 1.2rem 1.2rem;display:grid}.stat-box{background-color:var(--card-bg);border:1px solid var(--border-color);text-align:center;box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:14px 12px;display:flex}.stat-number{color:var(--primary-color);font-size:1.35rem;font-weight:800}.stat-label{color:var(--text-color);opacity:.8;font-size:.75rem;font-weight:600}.quick-links-container{grid-template-columns:repeat(2,1fr);gap:10px;padding:.8rem 1.2rem 1.2rem;display:grid}.quick-link-tile{background-color:var(--card-bg);border:1px solid var(--border-color);text-align:center;box-shadow:var(--shadow-sm);border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:14px 12px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.quick-link-tile:hover{border-color:var(--primary-color);box-shadow:var(--shadow);transform:translateY(-3px)}
