:root{--blue:#075BFF;--blue2:#092E8F;--orange:#FF7A00;--orange2:#FFB000;--ink:#101828;--muted:#667085;--line:#E7EEF8;--bg:#F5F8FE;--card:#fff;--green:#12B76A;--red:#F04438;--shadow:0 26px 80px rgba(16,24,40,.14);--soft:0 16px 40px rgba(16,24,40,.08);--rail:310px}html[data-theme=dark]{--ink:#F8FAFC;--muted:#A8B3C7;--line:#26354F;--bg:#07111F;--card:#101B2F;--shadow:0 26px 80px rgba(0,0,0,.38);--soft:0 16px 40px rgba(0,0,0,.28)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at top left,rgba(7,91,255,.15),transparent 28%),radial-gradient(circle at top right,rgba(255,122,0,.15),transparent 24%),linear-gradient(180deg,#FBFDFF,var(--bg));color:var(--ink)}html[data-theme=dark] body{background:radial-gradient(circle at top left,rgba(7,91,255,.18),transparent 28%),radial-gradient(circle at top right,rgba(255,122,0,.16),transparent 24%),linear-gradient(180deg,#07111F,#0A1322)}button,input,select,textarea{font-family:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:var(--rail) 1fr;min-height:100vh}.side-rail{position:sticky;top:0;height:100vh;padding:20px;background:rgba(255,255,255,.84);backdrop-filter:blur(22px);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:20px;z-index:50}html[data-theme=dark] .side-rail{background:rgba(16,27,47,.82)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:52px;height:52px;border-radius:20px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;display:grid;place-items:center;font-size:23px;font-weight:1000;box-shadow:0 18px 40px rgba(7,91,255,.25);position:relative;overflow:hidden}.brand-mark:after{content:"";position:absolute;right:-5px;bottom:-5px;width:22px;height:22px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 8px rgba(255,122,0,.20)}.brand b{display:block;font-size:18px;letter-spacing:-.4px}.brand span{display:block;color:var(--muted);font-size:12px;font-weight:800;margin-top:3px}.rail-nav{display:grid;gap:6px;overflow:auto;padding-right:4px}.rail-nav button{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:var(--ink);border-radius:18px;padding:11px 13px;font-weight:1000;text-align:left}.rail-nav button i{width:34px;height:34px;border-radius:14px;display:grid;place-items:center;background:#F1F6FF;color:var(--blue);font-style:normal}html[data-theme=dark] .rail-nav button i{background:#16263F}.rail-nav button.active,.rail-nav button:hover{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 16px 36px rgba(7,91,255,.22)}.rail-nav button.active i,.rail-nav button:hover i{background:rgba(255,255,255,.18);color:#fff}.rail-card{margin-top:auto;background:linear-gradient(135deg,#071D5B,var(--blue));color:white;border-radius:26px;padding:18px;box-shadow:var(--soft)}.rail-card small{color:rgba(255,255,255,.72);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.rail-card b{display:block;margin:8px 0;font-size:22px}.rail-card p{margin:0 0 14px;color:rgba(255,255,255,.82);font-weight:700;line-height:1.55}.rail-card button{border:0;border-radius:14px;background:white;color:var(--blue);padding:10px 12px;font-weight:1000;width:100%}.main{padding:22px 28px 44px;overflow:hidden}.topbar{min-height:76px;display:grid;grid-template-columns:1fr minmax(260px,420px) auto;align-items:center;gap:18px;margin-bottom:22px}.topbar h1{margin:0;font-size:25px;letter-spacing:-.7px}.topbar p{margin:4px 0 0;color:var(--muted);font-weight:750}.top-search{height:52px;border:1px solid var(--line);border-radius:18px;background:var(--card);display:flex;align-items:center;gap:10px;padding:0 14px;box-shadow:0 10px 26px rgba(16,24,40,.05)}.top-search span{color:var(--blue);font-weight:1000}.top-search input{border:0;outline:0;background:transparent;color:var(--ink);font-weight:850;width:100%}.top-actions{display:flex;gap:10px;align-items:center}.btn{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:16px;padding:12px 16px;font-weight:1000;box-shadow:0 10px 28px rgba(16,24,40,.06);transition:.16s ease}.btn:hover{transform:translateY(-2px)}.btn.blue{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;border:0}.btn.orange{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;border:0}.btn.light,.btn.ghost{background:#EEF5FF;color:var(--blue);border-color:#D6E6FF}.btn.glass{background:rgba(255,255,255,.18);color:#fff;border-color:rgba(255,255,255,.34);backdrop-filter:blur(12px)}.btn.full{grid-column:1/-1;width:100%}.icon-btn{width:48px;height:48px;border:1px solid var(--line);background:var(--card);border-radius:17px;position:relative;font-weight:1000;color:var(--blue)}.icon-btn em{position:absolute;right:-4px;top:-4px;background:var(--orange);color:white;border-radius:999px;padding:3px 6px;font-size:10px;font-style:normal}.page{display:none;animation:fadeUp .22s ease both}.page.active{display:block}@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.hero{min-height:590px;border-radius:42px;color:#fff;box-shadow:var(--shadow);overflow:hidden;position:relative;background:#071D5B}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,29,91,.92),rgba(7,91,255,.42),rgba(255,122,0,.25)),url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1800&q=85') center/cover;animation:slowZoom 11s ease-in-out infinite alternate}@keyframes slowZoom{from{transform:scale(1.02)}to{transform:scale(1.08)}}.hero-content{position:relative;z-index:1;min-height:590px;padding:44px;display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:center}.eyebrow{display:inline-flex;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(12px);border-radius:999px;padding:10px 13px;font-size:13px;font-weight:1000}.hero-copy h2{font-size:clamp(42px,5.8vw,78px);line-height:.9;letter-spacing:-3px;margin:20px 0 18px;max-width:830px}.hero-copy p{max-width:720px;color:rgba(255,255,255,.86);font-weight:750;line-height:1.75;font-size:18px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.phone-preview{justify-self:end;width:min(380px,100%);background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(20px);border-radius:44px;padding:14px;box-shadow:0 34px 90px rgba(0,0,0,.26);transform:rotate(2deg)}.phone-head{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;border-radius:32px 32px 18px 18px;padding:20px}.phone-head small{display:block;color:rgba(255,255,255,.72);font-weight:900;margin-bottom:5px}.phone-head b{font-size:22px}.phone-card{background:#fff;color:#101828;border-radius:28px;margin-top:14px;overflow:hidden;box-shadow:0 20px 44px rgba(16,24,40,.20)}.phone-img{height:210px;background:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=900&q=85') center/cover}.phone-body{padding:16px}.phone-body span{display:inline-flex;background:#FFF2E6;color:var(--orange);border-radius:999px;padding:7px 10px;font-weight:1000;font-size:12px}.phone-body h3{margin:12px 0 8px}.phone-body b{color:var(--blue);font-size:20px}.search-card,.filter-bar{margin:22px 0;background:rgba(255,255,255,.92);border:1px solid var(--line);backdrop-filter:blur(16px);box-shadow:var(--soft);border-radius:28px;padding:14px;display:grid;grid-template-columns:1.3fr .8fr .8fr .8fr auto;gap:12px}.search-card input,.search-card select,.filter-bar input,.filter-bar select,.map-search{height:54px;border:1px solid var(--line);border-radius:18px;padding:0 15px;font-weight:850;outline:none;background:var(--card);color:var(--ink)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.kpis div{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--soft)}.kpis b{display:block;font-size:27px;color:var(--blue)}.kpis span{color:var(--muted);font-weight:900;font-size:12px;text-transform:uppercase}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:34px 0 18px}.section-head h2{margin:0;font-size:34px;letter-spacing:-1px}.section-head p{margin:6px 0 0;color:var(--muted);font-weight:750}.segmented,.tabs{display:flex;background:var(--card);border:1px solid var(--line);padding:7px;border-radius:999px}.segmented button,.tabs button{border:0;background:transparent;border-radius:999px;padding:10px 14px;font-weight:1000;color:var(--ink)}.segmented button.active,.segmented button:hover{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff}.property-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.property-card{background:var(--card);border:1px solid var(--line);border-radius:34px;overflow:hidden;box-shadow:var(--soft);transition:.18s ease}.property-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.property-img{height:245px;background-size:cover;background-position:center;position:relative}.property-img:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.58))}.badges{position:absolute;z-index:1;top:15px;left:15px;display:flex;gap:8px;flex-wrap:wrap}.badge{background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-radius:999px;padding:8px 11px;font-size:12px;font-weight:1000;box-shadow:0 10px 24px rgba(16,24,40,.14)}.badge.sale{color:var(--blue)}.badge.rent{color:var(--orange)}.badge.reward{color:var(--green)}.heart{position:absolute;z-index:2;top:15px;right:15px;width:46px;height:46px;border:0;border-radius:18px;background:rgba(255,255,255,.94);color:var(--red);font-size:21px}.img-meta{position:absolute;z-index:1;left:15px;right:15px;bottom:15px;display:flex;justify-content:space-between;color:#fff;font-weight:1000}.img-meta span{background:rgba(16,24,40,.58);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);border-radius:999px;padding:8px 11px;font-size:12px}.property-body{padding:19px}.property-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.property-top h3{margin:0;font-size:19px;line-height:1.25;letter-spacing:-.4px}.price{white-space:nowrap;color:var(--blue);font-size:18px;font-weight:1000}.location{margin:9px 0 14px;color:var(--muted);font-weight:800;font-size:14px}.features,.more-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.more-row{grid-template-columns:repeat(4,1fr)}.features div,.more-row div{background:#F8FBFF;border:1px solid var(--line);border-radius:16px;padding:10px 7px;text-align:center}html[data-theme=dark] .features div,html[data-theme=dark] .more-row div{background:#111E33}.features b,.more-row b{display:block;color:var(--ink);font-size:15px}.features span,.more-row span{display:block;color:var(--muted);font-size:10px;font-weight:850;margin-top:2px}.reward-line{display:flex;justify-content:space-between;gap:10px;background:linear-gradient(135deg,#EDF5FF,#FFF2E6);border:1px solid #DCEBFF;border-radius:18px;padding:12px 13px;font-weight:950;margin-bottom:14px;color:#344054}.reward-line strong{color:var(--orange)}.card-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.project-card{height:255px;border-radius:34px;background-size:cover;background-position:center;position:relative;overflow:hidden;box-shadow:var(--soft);cursor:pointer}.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,24,40,.05),rgba(16,24,40,.82))}.project-card-content{position:absolute;z-index:1;left:20px;right:20px;bottom:20px;color:#fff}.project-card h3{margin:0 0 6px;font-size:23px}.project-card p{margin:0;color:rgba(255,255,255,.85);font-weight:800}.map-layout,.studio-layout{display:grid;grid-template-columns:390px 1fr;gap:20px}.map-panel,.studio-tools{background:var(--card);border:1px solid var(--line);border-radius:32px;padding:20px;box-shadow:var(--soft)}.map-panel h2,.studio-tools h2{margin:0;font-size:30px;letter-spacing:-1px}.map-panel p,.studio-tools p{color:var(--muted);font-weight:750;line-height:1.65}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.mini-stats div{background:#F8FBFF;border:1px solid var(--line);border-radius:18px;padding:12px;text-align:center}html[data-theme=dark] .mini-stats div{background:#111E33}.mini-stats b{display:block;color:var(--blue);font-size:22px}.mini-stats span{color:var(--muted);font-size:11px;font-weight:900}.map-chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.map-chips button{border:1px solid var(--line);background:#F8FBFF;border-radius:999px;padding:9px 12px;font-weight:1000;color:#344054}.map-chips button.active{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff}.map-list{display:grid;gap:10px;max-height:560px;overflow:auto;margin-top:12px}.map-list-card{display:grid;grid-template-columns:88px 1fr;gap:11px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:10px;cursor:pointer}.map-list-card.active,.map-list-card:hover{border-color:#bfd4ff;box-shadow:0 16px 36px rgba(7,91,255,.13)}.map-list-img{height:80px;border-radius:16px;background-size:cover;background-position:center}.map-list-card h3{margin:0 0 5px;font-size:14px}.map-list-card p{margin:0;color:var(--muted);font-size:12px;font-weight:800}.map-list-card strong{display:block;margin-top:5px;color:var(--orange)}.map-stage{min-height:720px;border-radius:36px;overflow:hidden;position:relative;border:1px solid var(--line);box-shadow:var(--shadow);background:#EAF2FF}.map-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.map-floating{position:absolute;left:22px;top:22px;width:min(460px,calc(100% - 44px));background:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(18px);border-radius:26px;padding:18px;box-shadow:0 22px 60px rgba(16,24,40,.18)}.map-floating small{display:inline-flex;background:#EEF5FF;color:var(--blue);border-radius:999px;padding:7px 10px;font-weight:1000}.map-floating h3{margin:10px 0 6px;color:#101828}.map-floating p{margin:0;color:#667085;font-weight:800}.map-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}.map-tools{position:absolute;right:22px;bottom:22px;display:flex;gap:10px;flex-wrap:wrap}.map-tools button{border:1px solid rgba(255,255,255,.75);background:rgba(255,255,255,.92);color:#101828;border-radius:16px;padding:12px 14px;font-weight:1000}.radius-circle{position:absolute;left:50%;top:50%;width:260px;height:260px;border-radius:50%;transform:translate(-50%,-50%);background:rgba(7,91,255,.12);border:2px solid rgba(7,91,255,.55);pointer-events:none}.studio-stage{min-height:680px;border-radius:36px;overflow:hidden;position:relative;border:1px solid var(--line);box-shadow:var(--shadow);background:url('https://images.unsplash.com/photo-1600210492493-0946911123ea?auto=format&fit=crop&w=1600&q=85') center/cover}.wall-overlay,.light-overlay{position:absolute;inset:0;pointer-events:none;transition:.2s}.wall-overlay{background:rgba(7,91,255,.05);mix-blend-mode:multiply}.light-overlay{background:radial-gradient(circle at 55% 20%,rgba(255,255,255,.40),transparent 38%)}.dimension{position:absolute;background:rgba(255,255,255,.92);color:#101828;border:1px solid rgba(16,24,40,.12);box-shadow:0 14px 34px rgba(16,24,40,.18);border-radius:999px;padding:9px 13px;font-weight:1000;display:none}.dimension.width{bottom:30px;left:50%;transform:translateX(-50%)}.dimension.height{right:26px;top:45%;transform:rotate(90deg)}.studio-stage.show-dim .dimension{display:block}.furniture{position:absolute;display:none;align-items:center;justify-content:center;color:#fff;font-weight:1000;border:2px solid rgba(255,255,255,.75);box-shadow:0 18px 45px rgba(16,24,40,.2);background:linear-gradient(135deg,rgba(7,91,255,.88),rgba(9,46,143,.86))}.furniture.show{display:flex}.sofa{left:16%;bottom:13%;width:260px;height:92px;border-radius:32px}.table{left:47%;bottom:16%;width:130px;height:82px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--orange2))}.bed{right:12%;bottom:12%;width:220px;height:118px;border-radius:28px}.plant{right:12%;top:25%;width:82px;height:116px;border-radius:45px 45px 20px 20px;background:linear-gradient(135deg,#12B76A,#027A48)}.tool-block{margin:18px 0}.tool-block h3{margin:0 0 10px}.color-row,.tool-row{display:flex;gap:9px;flex-wrap:wrap}.color-row button{width:40px;height:40px;border-radius:15px;border:3px solid #fff;box-shadow:0 8px 20px rgba(16,24,40,.14)}.tool-row button{border:1px solid var(--line);background:#F8FBFF;border-radius:15px;padding:10px 12px;font-weight:1000}.compare-grid,.payment-grid,.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.compare-card,.payment-grid div,.profile-card,.support-card,.showcase-card{background:var(--card);border:1px solid var(--line);border-radius:30px;padding:20px;box-shadow:var(--soft)}.compare-card img{width:100%;height:170px;border-radius:22px;object-fit:cover}.compare-row{display:flex;justify-content:space-between;border-bottom:1px dashed var(--line);padding:9px 0;color:var(--muted);font-weight:850}.compare-row b{color:var(--ink)}.wallet-hero,.showcase-hero{border-radius:38px;padding:32px;color:#fff;background:radial-gradient(circle at top right,rgba(255,122,0,.62),transparent 38%),linear-gradient(135deg,var(--blue2),var(--blue));box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.wallet-hero h2,.showcase-hero h2{font-size:42px;margin:0;letter-spacing:-1.3px}.wallet-hero p,.showcase-hero p{color:rgba(255,255,255,.83);font-weight:800;line-height:1.7}.wallet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.wallet-grid div{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);border-radius:24px;padding:18px}.wallet-grid b{display:block;font-size:30px}.wallet-grid span{color:rgba(255,255,255,.8);font-weight:850}.table-card{background:var(--card);border:1px solid var(--line);border-radius:30px;box-shadow:var(--soft);overflow:auto;margin-top:22px}table{width:100%;border-collapse:collapse}th,td{padding:16px 18px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{background:#F8FBFF;color:#475467;font-size:12px;letter-spacing:.08em;text-transform:uppercase}html[data-theme=dark] th{background:#111E33;color:#A8B3C7}td{color:var(--ink);font-weight:850}.status{padding:8px 11px;border-radius:999px;font-size:12px;font-weight:1000;background:#EEF5FF;color:var(--blue)}.status.green{background:#ECFDF3;color:var(--green)}.status.orange{background:#FFF2E6;color:var(--orange)}.profile-layout,.support-layout{display:grid;grid-template-columns:330px 1fr;gap:22px}.avatar{width:94px;height:94px;border-radius:32px;background:linear-gradient(135deg,var(--blue),var(--orange));color:#fff;display:grid;place-items:center;font-size:28px;font-weight:1000}.profile-card{text-align:center}.profile-card .avatar{margin:0 auto 14px}.profile-details{background:var(--card);border:1px solid var(--line);border-radius:30px;padding:22px;box-shadow:var(--soft)}.info-grid,.document-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.info-grid div,.document-grid div{background:#F8FBFF;border:1px solid var(--line);border-radius:18px;padding:14px}html[data-theme=dark] .info-grid div,html[data-theme=dark] .document-grid div{background:#111E33}.info-grid span,.document-grid span{display:block;color:var(--muted);font-size:12px;font-weight:1000;text-transform:uppercase}.document-grid i{width:36px;height:36px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;font-style:normal;font-size:12px;font-weight:1000;margin-bottom:8px}.notifications-list{display:grid;gap:12px}.notification{display:grid;grid-template-columns:46px 1fr auto;gap:14px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:15px;box-shadow:var(--soft)}.notification i{width:46px;height:46px;border-radius:17px;display:grid;place-items:center;background:#EEF5FF;color:var(--blue);font-style:normal}.notification p{margin:4px 0 0;color:var(--muted);font-weight:750}.notification small{color:var(--orange);font-weight:1000}.showcase-card i{width:54px;height:54px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;font-style:normal;font-size:22px;font-weight:1000}.showcase-card:nth-child(even) i{background:linear-gradient(135deg,var(--orange),var(--orange2))}.showcase-card p{color:var(--muted);font-weight:750;line-height:1.6}.showcase-card ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px}.showcase-card li{font-weight:850;color:var(--ink);font-size:13px}.showcase-card li:before{content:"✓ ";color:var(--green);font-weight:1000}.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(16,24,40,.52);backdrop-filter:blur(7px);z-index:100;padding:22px}.modal.show{display:flex}.modal-panel{width:min(720px,100%);max-height:92vh;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:34px;box-shadow:0 40px 130px rgba(16,24,40,.38)}.modal-panel.wide{width:min(1160px,100%)}.modal-panel.small{width:min(520px,100%)}.modal-head{position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);padding:22px 26px;display:flex;justify-content:space-between;gap:18px;z-index:2}html[data-theme=dark] .modal-head{background:rgba(16,27,47,.92)}.modal-head h2{margin:0;font-size:30px}.modal-head p{margin:6px 0 0;color:var(--muted);font-weight:800}.close{width:48px;height:48px;border-radius:18px;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:24px;font-weight:1000}.modal-body{padding:24px 26px}.detail-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.detail-image{height:420px;border-radius:30px;background-size:cover;background-position:center;box-shadow:inset 0 -100px 100px rgba(16,24,40,.32)}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.thumb{height:88px;border-radius:18px;background-size:cover;background-position:center;border:3px solid var(--card);box-shadow:0 12px 26px rgba(16,24,40,.13)}.gallery-note{margin-top:10px;color:var(--muted);font-weight:800}.detail-info,.advanced-info,.reward-preview{display:grid;gap:10px}.detail-info div,.advanced-info div,.reward-preview div{display:flex;justify-content:space-between;gap:14px;background:#F8FBFF;border:1px solid var(--line);border-radius:16px;padding:11px;color:#475467;font-weight:850}html[data-theme=dark] .detail-info div,html[data-theme=dark] .advanced-info div,html[data-theme=dark] .reward-preview div{background:#111E33;color:#A8B3C7}.detail-info b,.advanced-info b,.reward-preview b{color:var(--ink);text-align:right}.modal-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;margin-top:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid.one{grid-template-columns:1fr}.form-grid label{display:grid;gap:7px;color:var(--ink);font-weight:1000}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line);border-radius:17px;padding:13px 14px;font-weight:850;outline:none;background:var(--card);color:var(--ink)}.form-grid textarea{grid-column:1/-1;min-height:92px}.toast{position:fixed;right:22px;bottom:22px;background:linear-gradient(135deg,var(--blue),var(--blue2));color:white;border-radius:20px;padding:14px 18px;font-weight:950;box-shadow:var(--shadow);z-index:200;opacity:0;transform:translateY(20px);pointer-events:none;transition:.22s}.toast.show{opacity:1;transform:none}.hidden{display:none!important}.mobile-nav{display:none;position:fixed;left:12px;right:12px;bottom:12px;z-index:70;background:rgba(255,255,255,.92);border:1px solid var(--line);backdrop-filter:blur(18px);box-shadow:0 20px 55px rgba(16,24,40,.18);border-radius:26px;padding:8px;grid-template-columns:repeat(5,1fr);gap:4px}.mobile-nav button{border:0;background:transparent;border-radius:18px;padding:9px 4px;color:#475467;font-size:18px;font-weight:1000}.mobile-nav button span{display:block;font-size:10px}.mobile-nav button.active{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff}@media(max-width:1200px){:root{--rail:280px}.property-grid,.showcase-grid{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:repeat(2,1fr)}.topbar{grid-template-columns:1fr}.top-search{max-width:640px}.top-actions{justify-content:flex-start}.wallet-hero,.showcase-hero,.map-layout,.studio-layout,.profile-layout,.support-layout,.detail-layout{grid-template-columns:1fr}.map-stage{min-height:620px}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.side-rail{display:none}.main{padding:16px 16px 92px}.mobile-nav{display:grid}.hero-content{grid-template-columns:1fr;padding:28px}.phone-preview{display:none}.hero{border-radius:30px;min-height:auto}.hero-content{min-height:auto}.search-card,.filter-bar,.kpis,.property-grid,.project-grid,.showcase-grid,.wallet-grid,.payment-grid,.info-grid,.document-grid,.compare-grid,.features,.more-row{grid-template-columns:1fr}.section-head{flex-direction:column;align-items:flex-start}.map-floating{left:12px;right:12px;top:12px;width:auto}.map-tools{left:12px;right:12px;justify-content:center}.studio-stage{min-height:500px}.modal{padding:10px}.modal-panel{border-radius:28px}.detail-image{height:320px}.form-grid,.modal-actions{grid-template-columns:1fr}.topbar h1{font-size:22px}}