.app-body{background:#f5f9fd;padding-top:82px}.page-content{min-height:calc(100vh - 180px)}.app-footer{margin-top:70px}.auth-section{min-height:calc(100vh - 180px);display:grid;place-items:center;padding:55px 15px}.auth-card{width:100%;max-width:470px;background:#fff;border-radius:22px;padding:40px;box-shadow:var(--shadow)}.auth-icon{width:55px;height:55px;border-radius:16px;display:grid;place-items:center;background:var(--sky);color:var(--blue);font-size:1.35rem;margin-bottom:23px}.auth-card h1,.form-heading h1,.listing-header h1,.detail-page h1,.profile-page h1,.about-intro h1{font-size:clamp(2rem,4vw,3.2rem);color:var(--navy);letter-spacing:-.055em;font-weight:800}.auth-subtitle,.form-heading p,.listing-header p{color:var(--muted);line-height:1.7}.auth-card label,.form-shell label{display:block;color:var(--navy);font-weight:700;font-size:.8rem;margin:17px 0 7px}.auth-card label small,.form-shell label small{color:var(--muted);font-weight:400}.form-control,.form-select{border-color:#dbe7f0;border-radius:10px;padding:12px 14px;font-size:.88rem}.form-control:focus,.form-select:focus{border-color:#87b9e8;box-shadow:0 0 0 3px rgba(30,110,219,.1)}.auth-switch{text-align:center;color:var(--muted);font-size:.85rem;margin:24px 0 0}.auth-switch a{color:var(--blue);font-weight:700}.form-page,.listing-page,.detail-page,.profile-page,.about-page{max-width:1080px;margin:0 auto;padding:55px 15px}.form-shell{max-width:760px;margin:0 auto;background:#fff;border-radius:22px;padding:42px;box-shadow:var(--shadow)}.form-heading{margin-bottom:25px}.form-heading h1{margin-bottom:8px}.listing-header{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.listing-header h1{margin:0 0 8px}.search-panel{display:grid;grid-template-columns:1.8fr 180px 180px auto;gap:10px;background:#fff;padding:14px;border-radius:15px;box-shadow:var(--shadow);margin-bottom:38px}.search-input{display:flex;align-items:center;gap:10px;border:1px solid #dbe7f0;border-radius:10px;padding:0 14px}.search-input i{color:var(--blue)}.search-input input{border:0;outline:0;min-width:0;width:100%;height:44px;font:inherit;font-size:.85rem}.placeholder-image{height:100%;display:grid;place-items:center;color:#91b8dc;font-size:3.5rem;background:linear-gradient(135deg,#eaf4ff,#f7fbff)}.empty-state{text-align:center;background:#fff;border-radius:20px;padding:70px 20px;color:var(--muted)}.empty-state i{font-size:2.4rem;color:#94badf;margin-bottom:18px}.empty-state h3,.empty-state h1{color:var(--navy);font-family:'Plus Jakarta Sans';font-weight:800}.page-empty{margin:35px auto;max-width:800px}.back-link{color:var(--blue);font-weight:700;font-size:.85rem}.detail-image{height:500px;border-radius:22px;overflow:hidden;background:#eaf4ff}.detail-image img{width:100%;height:100%;object-fit:cover}.detail-page h1{font-size:clamp(2.3rem,5vw,4rem);margin-bottom:20px}.detail-description{color:var(--muted);font-size:1.05rem;line-height:1.8}.detail-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin:28px 0}.detail-meta>div{display:flex;gap:9px;align-items:start;color:var(--blue);font-size:1rem}.detail-meta span{color:var(--navy);font-size:.78rem;font-weight:700}.detail-meta small{display:block;color:var(--muted);font-weight:400;font-size:.65rem;margin-bottom:3px}.contact-box{background:#eef7ff;border:1px solid #d6eafa;border-radius:15px;padding:22px}.contact-box h3{font-size:1.05rem;color:var(--navy)}.contact-box p{color:var(--muted);font-size:.82rem;line-height:1.6}.profile-hero{display:flex;align-items:center;gap:18px;background:#fff;border-radius:20px;padding:27px;margin-bottom:24px;box-shadow:var(--shadow)}.profile-avatar{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;background:var(--navy);color:var(--gold);font-size:1.65rem;font-family:'Plus Jakarta Sans';font-weight:800}.profile-hero h1{margin:0;font-size:1.75rem}.profile-hero p{margin:3px 0 0;color:var(--muted);font-size:.85rem}.profile-hero .section-kicker{margin:0 0 5px}.profile-stat{background:#fff;border-radius:16px;padding:22px;position:relative;box-shadow:0 7px 22px rgba(16,42,67,.04)}.profile-stat span{display:block;color:var(--muted);font-size:.78rem}.profile-stat strong{display:block;font-size:2rem;color:var(--navy);font-family:'Plus Jakarta Sans';margin-top:7px}.profile-stat i{position:absolute;right:21px;top:25px;color:#b8d9f7;font-size:1.35rem}.profile-page h2{font-size:1.8rem;margin:0}.about-page{padding-top:85px}.about-intro{max-width:700px;margin:0 auto}.about-intro p{color:var(--muted);line-height:1.8;font-size:1.06rem}.about-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:70px}.about-panels>div{background:#fff;border-radius:18px;padding:30px;box-shadow:var(--shadow)}.about-panels i{font-size:1.7rem;color:var(--blue);margin-bottom:22px}.about-panels h3{font-size:1.1rem}.about-panels p{color:var(--muted);font-size:.84rem;line-height:1.7}.alert{font-size:.85rem;border-radius:10px}.app-footer .footer-bottom{border:0;padding-top:0}.app-footer{padding:25px 0}.app-footer .footer-bottom{color:#a8bacb}
@media(max-width:800px){.search-panel{grid-template-columns:1fr 1fr}.search-input{grid-column:1/-1}.search-panel button{grid-column:1/-1}.listing-header{align-items:start;flex-direction:column}.profile-hero{flex-wrap:wrap}.profile-hero .ms-auto{width:100%;margin-left:86px!important}.detail-image{height:370px}.about-panels{grid-template-columns:1fr 1fr}}
@media(max-width:575px){.app-body{padding-top:72px}.auth-card,.form-shell{padding:28px 22px}.form-page,.listing-page,.detail-page,.profile-page,.about-page{padding-top:35px}.detail-meta{grid-template-columns:1fr}.profile-hero{align-items:flex-start}.profile-hero .ms-auto{margin-left:0!important}.about-panels{grid-template-columns:1fr}.search-panel{grid-template-columns:1fr}.search-panel button,.search-input{grid-column:auto}}