@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--text: #6b6375;--text-h: #08060d;--bg: #fff;--border: #e5e4e7;--code-bg: #f4f3ec;--accent: #aa3bff;--accent-bg: rgba(170, 59, 255, .1);--accent-border: rgba(170, 59, 255, .5);--social-bg: rgba(244, 243, 236, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;--sans: system-ui, "Segoe UI", Roboto, sans-serif;--heading: system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:1024px){:root{font-size:16px}}@media(prefers-color-scheme:dark){:root{--text: #9ca3af;--text-h: #f3f4f6;--bg: #16171d;--border: #2e303a;--code-bg: #1f2028;--accent: #c084fc;--accent-bg: rgba(192, 132, 252, .15);--accent-border: rgba(192, 132, 252, .5);--social-bg: rgba(47, 48, 58, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px}#social .button-icon{filter:invert(1) brightness(2)}}#root{width:1126px;max-width:100%;margin:0 auto;text-align:center;border-inline:1px solid var(--border);min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box}body{margin:0}h1,h2{font-family:var(--heading);font-weight:500;color:var(--text-h)}h1{font-size:56px;letter-spacing:-1.68px;margin:32px 0}@media(max-width:1024px){h1{font-size:36px;margin:20px 0}}h2{font-size:24px;line-height:118%;letter-spacing:-.24px;margin:0 0 8px}@media(max-width:1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f8fafc}.app{min-height:100vh;display:flex;background:#f8fafc;color:#101828}.app.dark{background:#0d0f12;color:#f8fafc}.app aside{width:292px;min-height:100vh;position:fixed;left:0;top:0;background:#fff;border-right:1px solid #e5e7eb;padding:24px 16px 18px;display:flex;flex-direction:column;z-index:8}.dark aside{background:#151820;border-color:#2a2e38;color:#d5dbea}.brand{height:68px;display:flex;align-items:flex-start;gap:12px;padding:4px 12px 19px;border-bottom:1px solid #eaedf1}.dark .brand{border-color:#2a2e38}.brand>b{width:37px;height:37px;border-radius:11px;background:#5265df;color:#fff;display:grid;place-items:center;font:700 17px Inter}.brand strong{display:block;font-size:18px;line-height:22px}.brand small,.user small{font-size:12px;color:#667085;display:block;margin-top:2px}.dark .brand small,.dark .user small{color:#8f99ab}.app nav{padding-top:16px}.app nav button{width:100%;height:41px;display:flex;align-items:center;gap:13px;background:transparent;border:0;border-radius:11px;text-align:left;padding:0 13px;color:#637087;font-size:14px;font-weight:500;margin:2px 0}.app nav button.on{background:#4d61db;color:#fff;font-weight:700;box-shadow:0 7px 14px #4d61db32}.dark nav button{color:#a4afc1}.user{margin-top:auto;padding:13px 12px;border-radius:10px;background:#f7f8fa;display:flex;align-items:center;gap:10px}.dark .user{background:#1d212a}.user i,header i,.compose i,.posthead i{font-style:normal;width:34px;height:34px;border-radius:50%;background:#eef0ff;color:#5265df;display:grid;place-items:center;font-weight:600;font-size:12px}.user b{display:block;font-size:13px}.version{display:none}.app main{margin-left:292px;width:calc(100% - 292px);min-height:100vh}.app header{height:65px;padding:0 32px;border-bottom:1px solid #e8ebef;background:#fff;display:flex;align-items:center;justify-content:flex-end}.dark header{background:#151820;border-color:#2a2e38}.app header>span{display:none}.app header>div{display:flex;gap:19px;align-items:center}.app header button{background:none;border:0;color:#6a7486}.dark header button{color:#a8b1c0}.app header i{background:#eef0ff}.hamb{display:none}.content{max-width:624px;margin:0 auto;padding:26px 0 60px}.title{margin:0 0 17px}.title h1{font-size:25px;line-height:31px;letter-spacing:-.6px;margin:0 0 3px;font-weight:700}.title p{margin:0;color:#64748b;font-size:14px}.card{background:#fff;border:1px solid #e2e7ee;border-radius:16px;padding:20px;margin:0 0 16px;box-shadow:none}.dark .card{background:#151820;border-color:#2b303b}.feedwide{max-width:624px}.compose{display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:start}.compose i{width:39px;height:39px;background:#f1f2f4;color:#56647a;grid-row:1/3}.compose textarea{width:100%;height:78px;resize:none;border:0;outline:0;padding:5px 0;background:transparent;color:inherit;font:14px Inter}.compose button{justify-self:end;background:#8391e9;color:#fff;border:0;border-radius:12px;padding:9px 18px;font-weight:700;font-size:13px}.posthead{display:flex;align-items:center;gap:11px}.posthead i{width:39px;height:39px}.posthead span{display:grid;gap:3px}.posthead b{font-size:14px}.posthead small{font-size:12px;color:#718096}.posthead em{margin-left:auto;color:#5265df;font-style:normal;font-size:11px;font-weight:700}.posttext{font-size:14px;line-height:1.5;margin:15px 0}.postimage{width:100%;height:384px;object-fit:cover;border-radius:12px;display:block}.feed footer{border-top:1px solid #e8ebef;margin-top:12px;padding:13px 8px 0;color:#718096;font-size:12px}.dark .feed footer{border-color:#2b303b;color:#9da7b6}.quick,.grid,.metrics,.amenities{display:grid;gap:12px}.quick{grid-template-columns:repeat(4,1fr)}.grid{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}.quick button,.amenities button,.metrics b{background:#fff;border:1px solid #e2e7ee;border-radius:14px;padding:18px;color:#192235;text-align:left}.dark .quick button,.dark .amenities button,.dark .metrics b{background:#151820;border-color:#2b303b;color:#f8fafc}.quick b,.quick small,.metrics small{display:block;margin-top:8px}.row{display:flex;gap:10px;border-top:1px solid #e8ebef;padding:13px 0;align-items:center}.dark .row{border-color:#2b303b}.row strong,.row small{display:block;font-size:13px}.primary{background:#4d61db;color:#fff;border:0;border-radius:10px;padding:10px 14px;font-weight:700}.accessone{display:grid;grid-template-columns:1fr 1fr;gap:16px}.qr svg{display:block;margin:18px auto;background:#fff;padding:14px;border-radius:8px}.pass{display:flex;align-items:center;gap:12px}.pass span{display:grid;gap:3px;flex:1}.pass em{font-style:normal;color:#159447;font-size:11px}.pass button{background:#fff;border:1px solid #dce2ea;border-radius:8px;padding:7px 10px}.dark .pass button{background:#151820;color:#fff;border-color:#363d49}.property{background:#1d3c55;color:#fff;padding:90px 24px 24px;border-radius:14px}.setting{display:flex;gap:12px;padding:15px 0;border-bottom:1px solid #e8ebef;align-items:center}.setting span{flex:1;display:grid;gap:3px}.install{display:flex;gap:14px;align-items:center}.install span{flex:1}@media(max-width:850px){.app aside{transform:translate(-100%);transition:.2s}.app aside.open{transform:translate(0)}.app main{margin-left:0;width:100%}.hamb{display:block!important;margin-right:auto}.content{padding:24px 18px;max-width:660px}.app header{padding:0 20px}.quick{grid-template-columns:repeat(2,1fr)}.accessone{grid-template-columns:1fr}}@media(max-width:500px){.content{padding:20px 12px}.card{border-radius:13px;padding:16px}.postimage{height:260px}.app header>div{gap:10px}.metrics,.four{grid-template-columns:1fr 1fr}}@media(max-width:850px){.app aside{top:auto;bottom:0;left:0;width:100%;min-height:66px;height:66px;padding:4px 6px;transform:none!important;background:#fff;border-top:1px solid #e6eaf0;border-right:0}.dark aside{background:#151820}.brand,.user{display:none}.app nav{display:flex;padding:0;width:100%;height:58px;justify-content:space-around}.app nav button{display:none!important;width:16.66%;height:58px;margin:0;padding:5px 1px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;border-radius:8px}.app nav button:nth-child(1),.app nav button:nth-child(2),.app nav button:nth-child(3),.app nav button:nth-child(4),.app nav button:nth-child(7),.app nav button:nth-child(11){display:flex!important}.app nav button:nth-child(2){order:3}.app nav button:nth-child(3){order:2}.app nav button:nth-child(4){order:5}.app nav button:nth-child(7){order:4}.app nav button:nth-child(11){order:6}.app nav button.on{background:transparent;color:#4d61db;box-shadow:none}.app main{padding-bottom:66px}.content{padding-bottom:20px}.hamb{display:none!important}}.feed footer button{border:0;background:none;color:#77849a;margin-right:16px;font-size:13px}.feed footer button.liked{color:#ef4444;font-weight:700}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#e6eaff,#f7f8fc 45%,#edf1f7);font-family:Inter,Arial;color:#18233a}.auth>section{width:min(420px,calc(100% - 32px));background:#fff;border:1px solid #e5e9f2;border-radius:24px;padding:42px 38px;box-shadow:0 24px 80px #465a8c26;text-align:center}.authbrand{margin:auto;background:linear-gradient(135deg,#5e70ee,#4558d5);color:#fff;width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font:700 27px Georgia;box-shadow:0 10px 24px #5265df52}.auth h1{margin:17px 0 6px;font-size:25px}.auth p{color:#71809a;margin:0}.auth form{display:grid;gap:11px;margin-top:27px}.auth input{border:1px solid #dce3ef;border-radius:12px;padding:14px 13px;font:14px Inter;outline:none}.auth input:focus{border-color:#5b6de2;box-shadow:0 0 0 3px #5b6de21c}.auth form button{background:linear-gradient(135deg,#586be6,#4659d5);color:#fff;border:0;border-radius:12px;padding:14px;font-weight:700;font-size:14px;box-shadow:0 8px 18px #5265df35}.or{color:#a0acbd;font-size:12px;margin:24px 0 14px;display:flex;align-items:center;gap:10px}.or:before,.or:after{content:"";height:1px;background:#e7ebf1;flex:1}.googleRow{display:flex;align-items:center;justify-content:center;gap:11px;color:#536178;font-weight:600;font-size:14px}.google{height:46px;width:46px;border-radius:50%;border:1px solid #dce3ee;background:#fff;display:grid;place-items:center;box-shadow:0 3px 10px #17223c12}.google:hover{border-color:#aab6df;transform:translateY(-1px)}.google svg{width:22px;height:22px}.switch{margin-top:23px!important;font-size:13px}.switch button{border:0;background:none;color:#5062dc;font-weight:700;cursor:pointer}.msg{margin-top:15px!important;font-size:12px;color:#4e60d9!important}

header .logout{font-size:12px!important;padding:7px 10px!important;border:1px solid #dfe4ec!important;border-radius:9px!important;color:#5f6e84!important;width:auto!important;height:auto!important}.dark header .logout{border-color:#303746!important;color:#bac5d5!important}
.user{position:relative}.user>img,.topavatar{width:38px;height:38px;border-radius:50%;object-fit:cover}.topavatar{width:32px!important;height:32px!important;margin-left:5px}.logoutside{margin-left:auto!important;color:#dc2626!important;border:0!important;background:transparent!important;font-size:22px!important;width:30px!important;height:30px!important;cursor:pointer}.dark .logoutside{color:#fb7185!important}
.feed footer{display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:4px!important;text-align:left!important}.feed footer button{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:3px 0!important;cursor:pointer}.heartIcon,.commentIcon{width:17px;height:17px;display:block}.feed footer button.commented{color:#5666df!important;font-weight:600}
/* Application shell override: remove the starter-template centered frame. */
html,body,#root{width:100%;max-width:none;min-height:100%;margin:0}#root{border:0!important;display:block!important;text-align:initial!important}.app{width:100%;overflow-x:hidden}.app main{min-width:0}.content{width:min(624px,calc(100% - 40px))}@media(max-width:850px){.content{width:100%;max-width:660px}.topavatar{width:30px!important;height:30px!important}}
.composeavatar{width:39px;height:39px;border-radius:50%;object-fit:cover;grid-row:1/3}.composeright{min-width:0}.composeactions{border-top:1px solid #e8ebef;padding-top:10px;display:flex;align-items:center;justify-content:space-between}.dark .composeactions{border-color:#2b303b}.photoadd{font-size:13px;color:#68758a;cursor:pointer;font-weight:600}.photoadd input{display:none}.preview{display:block;max-width:100%;max-height:260px;border-radius:12px;margin:8px 0;object-fit:cover}
.module .card{overflow:hidden}.message{padding:12px 0;border-bottom:1px solid #e8ebef;text-align:left}.message:last-child{border-bottom:0}.message b{font-size:13px}.message p{font-size:14px;margin:4px 0}.message small,.module small{color:#77849a;font-size:12px}.chatinput{width:100%;min-height:86px;resize:vertical;padding:10px;border:1px solid #dfe5ee;border-radius:10px;background:transparent;color:inherit;font:14px Inter;margin-bottom:10px}.profilecard{text-align:center}.profilecard img{width:88px;height:88px;border-radius:50%;object-fit:cover}.profilecard small{display:block;margin-top:10px}.propertyphoto{width:100%;height:200px;object-fit:cover;border-radius:10px;margin-bottom:14px}.empty{color:#77849a;font-size:14px}.module .primary{margin-top:13px}.dark .message{border-color:#2b303b}.dark .chatinput{border-color:#343c4a}
.postavatar{width:39px;height:39px;border-radius:50%;object-fit:cover;display:block}
.backfeed{background:transparent;border:0;color:#8d9bb0;padding:0 0 16px;font:14px Inter;cursor:pointer}.replybox{padding:14px 20px}.replyrow{display:flex;gap:10px;align-items:center}.replyrow textarea{flex:1;min-height:42px;max-height:100px;resize:vertical;background:#222734;border:0;border-radius:10px;color:inherit;padding:12px;font:14px Inter}.comment{display:flex;gap:11px;padding:16px 0;border-top:1px solid #2b303b;text-align:left}.comment>img,.comment>i{width:35px;height:35px;border-radius:50%;object-fit:cover;flex:0 0 auto}.comment>i{display:grid;place-items:center;background:#252c41;color:#8fa0ff;font-style:normal;font-size:12px}.comment>div{min-width:0}.comment b{font-size:13px}.comment b small{font-weight:400;color:#8490a4}.comment p{font-size:14px;margin:6px 0}.comment button{border:0;background:none;color:#8490a4;padding:0;font-size:13px;cursor:pointer}.comment button.liked{color:#ef4444}.postdetail .card{margin-bottom:14px}@media(max-width:500px){.replyrow{align-items:flex-end}.replyrow .primary{padding:10px}}
.chatpanel{width:min(672px,calc(100% - 32px));min-height:calc(100vh - 65px);margin:0 auto;padding:16px 0 78px;display:flex;flex-direction:column}.chattabs{display:flex;justify-content:center;gap:8px;padding-bottom:8px;border-bottom:1px solid #2b303b}.chattabs button{border:0;border-radius:12px;background:#252a35;color:#97a1b4;padding:10px 17px;font:600 14px Inter;cursor:pointer}.chattabs button.on{background:#586be6;color:#fff}.announcementbar{background:#29240f;color:#e8b72b;padding:9px 13px;font-size:12px}.chatmessages{flex:1;min-height:calc(100vh - 260px);padding:16px;display:flex;flex-direction:column;gap:12px}.chatline{display:flex;gap:8px;align-items:flex-end}.chatline>img,.chatline>i{width:32px;height:32px;object-fit:cover;border-radius:50%;font-style:normal;display:grid;place-items:center;background:#273047;color:#8ea1ff;font-size:11px}.chatline>div{max-width:78%}.chatline p{padding:11px 14px;border-radius:14px;background:#252a35;margin:0;font-size:14px;white-space:pre-wrap}.chatline small{display:block;color:#8d98aa;font-size:11px;margin:4px 3px}.chatline.mine{justify-content:flex-end}.chatline.mine p{background:#586be6;color:#fff;border-bottom-right-radius:4px}.chatline.theirs p{border-bottom-left-radius:4px}.chatempty{margin:auto;color:#8490a4;font-size:14px}.chatcomposer{position:sticky;bottom:0;display:flex;gap:8px;padding:14px 16px 0;border-top:1px solid #2b303b;background:#0d0f12}.chatcomposer textarea{flex:1;height:44px;resize:none;border:0;border-radius:12px;background:#252a35;color:#eff3fa;padding:13px 15px;font:14px Inter}.chatcomposer button{width:45px;border:0;border-radius:12px;background:#586be6;color:white;font-size:18px}.chatcomposer span{color:#9ba6b8;font-size:13px;padding:12px 0}@media(max-width:850px){.chatpanel{width:100%;min-height:calc(100vh - 66px);padding:10px 12px 16px}.chatmessages{min-height:calc(100vh - 235px);padding-inline:3px}.chattabs button{font-size:12px;padding:9px 10px}.announcementbar{font-size:11px}.chatcomposer{padding-inline:3px}}
.skeletonfeed{display:grid;gap:16px}.skeletoncard{background:#151820;border:1px solid #2b303b;border-radius:16px;padding:20px}.skhead{display:flex;gap:11px;align-items:center;margin-bottom:18px}.skhead span{display:grid;gap:7px}.sk{display:block;position:relative;overflow:hidden;background:#252b36;border-radius:8px}.sk:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,#3a4352a0,transparent);animation:shimmer 1.25s infinite}.skavatar{width:39px;height:39px;border-radius:50%}.skline{height:12px;margin:10px 0}.skline.short{width:155px;margin:0}.skline.tiny{width:92px;margin:0}.skline.medium{width:68%}.skline.full{width:100%}.skimage{height:260px;margin-top:18px}@keyframes shimmer{100%{transform:translateX(100%)}}.app:not(.dark) .skeletoncard{background:#fff;border-color:#e2e7ee}.app:not(.dark) .sk{background:#e8ecf1}.app:not(.dark) .sk:after{background:linear-gradient(90deg,transparent,#f8fafc,transparent)}
.profilepage{width:min(624px,calc(100% - 32px));margin:28px auto 70px}.profilehero{overflow:hidden;border:1px solid #2b303b;border-radius:16px;background:#151820}.profilecover{height:128px;background:linear-gradient(135deg,#28345b,#171c31 58%,#24294a)}.profilebody{position:relative;padding:64px 24px 24px}.profilephoto{position:absolute;top:-42px;left:24px;width:82px;height:82px;border-radius:50%;cursor:pointer}.profilephoto img,.profilephoto i{width:82px;height:82px;display:grid;place-items:center;object-fit:cover;border:4px solid #151820;border-radius:50%;background:#273152;color:#a4b0ff;font-style:normal;font-size:22px}.profilephoto span{position:absolute;right:-1px;bottom:1px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#586be6;color:#fff;border:3px solid #151820;font-size:13px}.profilephoto input{display:none}.editprofile{position:absolute;right:24px;top:14px;border:1px solid #373e4d;border-radius:10px;background:#1b202b;color:#fff;padding:8px 14px;font:600 13px Inter;cursor:pointer}.profilebody h1{margin:0 0 2px;font-size:23px}.profilehandle{color:#8a96ad;font-size:13px}.profilebio{margin-top:13px;font-size:14px;color:#eef1f7}.profilephone{font-size:13px;margin-top:7px;color:#adb8c8}.profilebody>small{display:block;margin-top:7px;color:#8b97aa;font-size:12px}.profilestats{margin-top:17px;padding-top:15px;border-top:1px solid #2b303b}.profilestats b{font-size:17px}.profilestats small{font-weight:400;color:#95a0b1}.poststitle{font-size:16px;margin:25px 0 12px}.profilemodal{position:fixed;inset:0;z-index:30;background:#000a;display:grid;place-items:center;padding:18px}.profilemodal section{position:relative;width:min(490px,100%);background:#151820;border:1px solid #343c4b;border-radius:15px;padding:25px}.profilemodal h2{font-size:19px;margin:0 0 20px}.profilemodal label{display:grid;gap:7px;margin:13px 0;color:#dce3ed;font-size:13px;font-weight:600}.profilemodal input,.profilemodal textarea{width:100%;border:1px solid #343d4c;border-radius:10px;background:#101218;color:#f5f7fa;padding:11px;font:14px Inter}.profilemodal textarea{min-height:92px;resize:vertical}.closemodal{position:absolute;right:15px;top:12px;border:0;background:transparent;color:#aab3c1;font-size:24px;cursor:pointer}.saveprofile{width:100%;margin-top:8px;border:0;border-radius:11px;background:#586be6;color:white;padding:12px;font:700 14px Inter;cursor:pointer}@media(max-width:500px){.profilepage{width:100%;margin:0;padding:14px 12px 20px}.profilecover{height:110px}.profilebody{padding:59px 18px 20px}.profilephoto{left:18px}.editprofile{right:18px}.profilebody h1{font-size:20px}}
.photoadd{width:44px;height:44px;border-radius:12px;background:#252b36;display:grid;place-items:center;color:#98a6bc;font-size:0}.photoadd svg{width:23px;height:23px}.photoadd:hover{color:#a9b5ff;background:#30394c}.profilephoto span{font-size:0}.profilephoto span svg{width:15px;height:15px}.profileposts{display:grid;gap:14px}.profilepost{background:#151820;border:1px solid #2b303b;border-radius:15px;padding:17px}.profilepost>small{color:#8894a8;font-size:12px}.profilepost>p{font-size:14px;margin:9px 0 12px}.profilepost img{display:block;width:100%;max-height:410px;object-fit:cover;border-radius:11px}.profilepost footer{margin-top:12px;padding-top:10px;border-top:1px solid #2b303b;color:#98a4b6;font-size:13px}.app:not(.dark) .photoadd{background:#eef1f5}.app:not(.dark) .profilepost{background:#fff;border-color:#e2e7ee}.app:not(.dark) .profilepost footer{border-color:#e2e7ee}
.composeactions button,.replyrow .primary{display:inline-flex;align-items:center;justify-content:center;gap:8px}.composeactions button svg,.replyrow .primary svg{width:16px;height:16px;flex:0 0 auto}.composeactions button:disabled,.replyrow .primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.replyrow .primary:disabled:hover{transform:none}.profileaction{display:inline-flex;align-items:center;gap:5px;margin-right:18px}.profileaction svg{width:17px;height:17px}.profileskeleton .profilecover{height:128px}.profileskeleton .profilebody{min-height:236px}.profileskeleton .skline{display:block;margin:12px 0}.profileskeleton .skavatar{position:absolute;left:24px;top:-42px;width:82px;height:82px}.profileskeleton .medium{width:180px;height:20px}.profileskeleton .wide{width:78%;height:14px}.profileskeleton .short{width:40%;height:14px}
.chatskeleton{display:grid;gap:14px;padding:12px 0}.chatskeleton .chatline{min-height:45px;align-items:center}.chatskeleton .skline{height:38px;width:min(68%,360px);margin:0}.chatskeleton .skavatar{width:36px;height:36px;position:static}
aside nav{margin-top:22px;display:flex;flex-direction:column;gap:2px}aside nav .navsection{margin:20px 12px 6px;color:#8490a6;font:700 11px/1 Inter;letter-spacing:.06em;font-style:normal}aside nav .navitem{margin:0;height:44px}.logoutside{margin-left:auto;border:0;background:transparent;color:#ff5f66;font-size:23px;line-height:1;cursor:pointer;padding:6px}.logoutside:hover{background:#3a2026;border-radius:8px}.scannerpage{max-width:720px;margin:0 auto}.scannercard{display:grid;gap:16px}.scanplaceholder,.scanvideo{width:min(100%,520px);height:320px;margin:auto;border-radius:14px;background:#202631;object-fit:cover;display:grid;place-items:center;color:#8fa1c5;font-size:66px;border:1px solid #343d4d}.scancontrols{display:flex;gap:10px;justify-content:center}.secondary{border:1px solid #424c60;background:transparent;color:#dce4f1;border-radius:10px;padding:10px 15px;font-weight:700;cursor:pointer}.manualscan{display:flex;gap:9px}.manualscan input{min-width:0;flex:1;border:1px solid #343d4d;background:#101218;color:#fff;border-radius:10px;padding:11px}.manualscan button{border:0;border-radius:10px;background:#586be6;color:#fff;padding:0 16px;font-weight:700}.manualscan button:disabled{opacity:.45}.scanresult{display:grid;gap:4px;border-radius:11px;padding:14px}.scanresult.allowed{background:#123522;color:#9af0bb;border:1px solid #236640}.scanresult.denied{background:#3a2026;color:#ffb4b7;border:1px solid #704047}@media(max-width:850px){aside nav .navsection{display:none}aside nav .navitem{display:none!important;width:16.66%;height:58px;margin:0;padding:5px 1px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;border-radius:8px}aside nav button:nth-of-type(1),aside nav button:nth-of-type(2),aside nav button:nth-of-type(3),aside nav button:nth-of-type(4),aside nav button:nth-of-type(7),aside nav button:nth-of-type(12){display:flex!important}aside nav button:nth-of-type(2){order:3}aside nav button:nth-of-type(3){order:2}aside nav button:nth-of-type(4){order:5}aside nav button:nth-of-type(7){order:4}aside nav button:nth-of-type(12){order:6}.scanplaceholder,.scanvideo{height:260px}.manualscan{flex-direction:column}.manualscan button{height:42px}}
.profilepost .profileaction{border:0;background:transparent;padding:2px;color:#98a4b6;cursor:pointer;font:inherit}.profilepost .profileaction:hover{color:#c6d0e2}.profilepost .profileaction.liked{color:#ff515a}.profilepost .profileaction svg{vertical-align:middle}.app:not(.dark) aside nav .navsection{color:#6b778b}.app:not(.dark) .scanplaceholder,.app:not(.dark) .scanvideo{background:#eef2f6;border-color:#dfe5ec}.app:not(.dark) .manualscan input{background:#fff;color:#1a2230;border-color:#d7dfe9}
.accessone{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.installcard{text-align:center}.installcard .qr{margin:14px auto}.installhint{display:block;margin-top:12px;color:#9aa7ba;line-height:1.45}@media(max-width:700px){.accessone{grid-template-columns:1fr}}
.installpage{min-height:100vh;background:linear-gradient(145deg,#0d1e18,#17382a 55%,#10271d);color:#fff;display:flex;flex-direction:column;align-items:center;text-align:center;padding:48px 18px;gap:13px}.installlogo{width:74px;height:74px;border-radius:22px;background:#d9ab4d;color:#17382a;display:grid;place-items:center;font:bold 39px Georgia}.installpage h1{margin:8px 0 0;font-size:31px}.installpage>p{margin:0;color:#d6e4dc}.installpage>section{width:min(590px,100%);margin-top:18px;border:1px solid #ffffff24;background:#0c1612c9;border-radius:20px;padding:22px}.installpage h2{margin:0 0 16px;font-size:20px}.androidinstall{display:grid;gap:14px}.androidinstall p,.androidinstall small{margin:0;color:#c9d7cf}.installpage .primary{justify-self:center;border:0;border-radius:11px;background:#d9ab4d;color:#17382a;padding:12px 19px;font-weight:800;cursor:pointer}.installpage .primary:disabled{opacity:.72;cursor:default}.installpage>a{margin-top:8px;color:#f6e1a8}.iosguide{display:grid;gap:16px;text-align:left}.iosstep{display:flex;gap:16px;align-items:center;background:#17251f;border-radius:15px;padding:13px}.iosstep b{font-size:16px}.iosstep p{margin:5px 0 0;color:#cbd8d0;font-size:14px}.phoneshot{width:148px;height:100px;flex:none;border:3px solid #d5e0dc;border-radius:16px;background:#f8faf9;color:#18231e;position:relative;overflow:hidden}.fakebar{position:absolute;top:9px;left:12px;right:12px;border-radius:7px;background:#e6ece9;padding:5px;text-align:center;font:8px Arial;color:#53615b}.shareicon{position:absolute;bottom:8px;left:62px;width:26px;height:26px;border:2px solid #17382a;border-radius:7px;text-align:center;font:bold 24px/28px Arial;color:#17382a}.sheetphoto{display:grid;place-items:center;gap:3px;font:11px Arial;font-weight:700}.sheetphoto strong{font-size:32px;color:#17382a}@media(max-width:470px){.installpage{padding:32px 14px}.iosstep{align-items:flex-start}.phoneshot{width:115px;height:92px}.shareicon{left:44px}.installpage>section{padding:16px}.installpage h1{font-size:27px}}
.installprogress{display:grid;justify-items:center;gap:11px;padding:14px;color:#d8e5de}.installprogress i{width:42px;height:42px;border-radius:50%;border:4px solid #d9ab4d44;border-top-color:#d9ab4d;animation:installspin .9s linear infinite}.installprogress span{font-size:13px;color:#bfcfc6}.installprogress.done strong{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#2f9b64;color:white;font-size:25px}.installprogress.done{color:#e6f4eb}@keyframes installspin{to{transform:rotate(360deg)}}
.installpage{padding:0;min-height:100svh;display:block;position:relative;overflow:hidden;background:#07170f}.installhero{min-height:58svh;position:relative;display:grid;place-items:start center;padding-top:clamp(70px,14svh,150px);background:linear-gradient(180deg,#09281bc7 0%,#15352345 42%,#07170f 100%),url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1100&q=86') center/cover}.installhero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 31%,transparent 0 18%,#07170f22 48%,#07170fc9 100%)}.installbrand{position:relative;z-index:1;text-align:center;color:#f6e1a8;text-shadow:0 2px 20px #03150d}.installlogo{margin:auto;width:68px;height:68px;border-radius:16px;background:#123b2b;color:#d9ab4d;box-shadow:0 8px 24px #06140ec9;font:bold 40px/68px Georgia}.installbrand h1{margin:10px 0 3px;font:700 31px Georgia,serif;letter-spacing:-1px}.installbrand small{font:700 8px/1.2 Inter,sans-serif;letter-spacing:.24em}.installdrawer{position:relative;z-index:2;width:min(650px,calc(100% - 24px));margin:-46px auto 24px;border:1px solid #ffffff22;border-radius:24px;background:#0d1c15f2;box-shadow:0 -12px 40px #0008;padding:24px;color:#fff;text-align:left}.installkicker{display:block;color:#d9ab4d;font:800 10px Inter,sans-serif;letter-spacing:.14em}.installdrawer h2{margin:8px 0 10px;font:700 24px Inter,sans-serif}.installdrawer p{margin:0 0 18px;color:#c7d5cc;line-height:1.45}.installdrawer>a{display:block;margin-top:17px;text-align:center;color:#cce7d6;font-size:13px}.appletutorial{display:grid;gap:10px}.appleline{display:flex;align-items:center;gap:12px;padding:13px;border-radius:14px;background:#173526}.appleline>b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#d9ab4d;color:#123b2b;font:800 14px Inter}.appleline span{display:grid;gap:3px;flex:1}.appleline strong{font:700 14px Inter}.appleline small{color:#abc2b3;font:12px Inter}.appleline i{width:34px;height:34px;border-radius:10px;border:1px solid #7ca18c;display:grid;place-items:center;color:#f6e1a8;font:700 25px Arial;font-style:normal}.installpage .primary{width:100%;border:0;border-radius:13px;background:#d9ab4d;color:#153222;padding:14px;font:800 15px Inter;cursor:pointer}.installpage .primary:disabled{opacity:.74;cursor:default}.installprogress{display:grid;justify-items:center;gap:10px;padding:12px;text-align:center;color:#e0eee5}.installprogress i{width:40px;height:40px;border-radius:50%;border:4px solid #d9ab4d44;border-top-color:#d9ab4d;animation:installspin .9s linear infinite}.installprogress span{font-size:13px;color:#b8cabe}.installprogress.done strong{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#2f9b64;color:white;font-size:24px}@media(min-width:700px){.installhero{min-height:66svh}.installdrawer{margin-top:-72px;max-width:540px}}@media(max-width:420px){.installhero{min-height:56svh;padding-top:90px}.installdrawer{padding:20px}.installbrand h1{font-size:28px}}
.notifwrap{position:relative}.notificationbell{position:relative!important}.notificationbell b{position:absolute;right:-7px;top:-7px;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:#ef4444;color:#fff;font:700 10px/17px Inter}.notifmenu{position:absolute;right:-8px;top:38px;width:min(350px,calc(100vw - 28px));max-height:420px;overflow:auto;border:1px solid #343d4d;border-radius:14px;background:#171b24;box-shadow:0 16px 40px #0008;padding:6px;z-index:60}.notifmenu>button{width:100%;display:grid!important;gap:4px;text-align:left!important;padding:11px!important;border-radius:10px!important;color:#dce5ef!important}.notifmenu>button:hover,.notifmenu>button.unread{background:#252d3d!important}.notifmenu strong{font-size:12px}.notifmenu span{font-size:13px;line-height:1.25}.notifmenu small{color:#8e9bae;font-size:11px}.notifmenu p{padding:17px 12px;color:#aab6c8;font-size:13px}@media(max-width:850px){.app aside{position:fixed!important;z-index:100!important;height:68px!important;min-height:68px!important}.app aside nav{display:flex!important;flex-direction:row!important;align-items:stretch!important;justify-content:space-around!important;width:100%!important;height:60px!important;margin:0!important;padding:0!important}.app aside nav .navitem{display:none!important;flex:0 0 16.666%!important;width:16.666%!important;height:60px!important}.app aside nav button:nth-of-type(1),.app aside nav button:nth-of-type(2),.app aside nav button:nth-of-type(3),.app aside nav button:nth-of-type(4),.app aside nav button:nth-of-type(7),.app aside nav button:nth-of-type(12){display:flex!important}.app main{padding-bottom:76px!important;min-height:100dvh}.content{padding-bottom:92px!important}.notifmenu{right:-6px;top:42px;width:min(340px,calc(100vw - 20px))}}

html,body,#root{background:#151820}.app{min-height:100dvh}@supports (padding: env(safe-area-inset-top)){.app header{height:calc(65px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);box-sizing:border-box}.app aside{padding-top:calc(24px + env(safe-area-inset-top))}}

/* Floating glass navigation for phones and tablets */
@media(max-width:850px){
 .app aside{left:50%!important;top:auto!important;bottom:max(14px,env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;width:min(calc(100% - 28px),640px)!important;height:70px!important;min-height:70px!important;padding:0!important;border:1px solid rgba(180,191,217,.20)!important;border-radius:35px!important;background:rgba(21,24,32,.72)!important;box-shadow:0 14px 40px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.10)!important;backdrop-filter:blur(22px) saturate(145%)!important;-webkit-backdrop-filter:blur(22px) saturate(145%)!important;overflow:hidden}
 .app:not(.dark) aside{background:rgba(250,252,255,.76)!important;border-color:rgba(89,105,151,.18)!important;box-shadow:0 14px 36px rgba(30,42,68,.16),inset 0 1px 0 rgba(255,255,255,.78)!important}
 .app aside .brand,.app aside .user,.app aside .logout,.app aside .logoutside{display:none!important}
 .app aside nav{display:flex!important;position:static!important;width:100%!important;height:70px!important;margin:0!important;padding:5px!important;align-items:stretch!important;justify-content:space-around!important;gap:3px!important}
 .app aside nav .navsection{display:none!important}
 .app aside nav .navitem{display:none!important;flex:1 1 0!important;width:auto!important;min-width:0!important;height:60px!important;margin:0!important;padding:5px 2px!important;border-radius:29px!important;color:#b6c0d4!important;font-size:10px!important;line-height:13px!important;transition:background .2s ease,color .2s ease,transform .2s ease!important}
 .app aside nav .navitem.on{background:rgba(255,255,255,.15)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important}
 .app:not(.dark) aside nav .navitem{color:#526077!important}.app:not(.dark) aside nav .navitem.on{background:rgba(82,101,223,.14)!important;color:#4356c8!important}
 .app aside nav button:nth-of-type(1),.app aside nav button:nth-of-type(2),.app aside nav button:nth-of-type(3),.app aside nav button:nth-of-type(4),.app aside nav button:nth-of-type(7),.app aside nav button:nth-of-type(12){display:flex!important}
 .app main{margin-left:0!important;padding-bottom:104px!important}.content{padding-bottom:118px!important}
}

/* Header account menu */
.top-tournaments{display:inline-flex!important;align-items:center;gap:7px!important;width:auto!important;height:36px!important;padding:0 12px!important;border:1px solid #303746!important;border-radius:18px!important;background:rgba(255,255,255,.04)!important;color:#c4cede!important;font-size:12px!important;cursor:pointer}.top-tournaments:hover{background:rgba(255,255,255,.1)!important;color:#fff!important}.accountwrap{position:relative}.topavatarbtn{display:grid!important;place-items:center!important;border:0!important;background:transparent!important;padding:0!important;width:38px!important;height:38px!important;cursor:pointer}.topavatarbtn .topavatar{display:block}.accountmenu{position:absolute;right:0;top:47px;z-index:40;width:210px;padding:7px;border:1px solid rgba(180,191,217,.2);border-radius:14px;background:rgba(21,24,32,.92);box-shadow:0 18px 42px rgba(0,0,0,.35);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.accountmenu button{display:block!important;width:100%!important;height:auto!important;padding:10px 11px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#dbe3f4!important;text-align:left!important;font-size:13px!important}.accountmenu button:hover{background:rgba(255,255,255,.09)!important}.accountmenu .accountlogout{color:#fb7185!important}.app:not(.dark) .top-tournaments{border-color:#d9dfeb!important;background:rgba(82,101,223,.06)!important;color:#53627b!important}.app:not(.dark) .accountmenu{background:rgba(255,255,255,.92);border-color:#d9dfeb}.app:not(.dark) .accountmenu button{color:#334155!important}@media(max-width:850px){.top-tournaments{width:38px!important;padding:0!important;justify-content:center!important;border-radius:50%!important}.top-tournaments span{display:none}.accountmenu{top:46px;right:-2px}}
@media(max-width:850px){.app aside nav button:nth-of-type(7),.app aside nav button:nth-of-type(12){display:none!important}.app aside nav button:nth-of-type(6),.app aside nav button:nth-of-type(9){display:flex!important}}

/* Icon-only navigation rail */
@media(min-width:851px){.app aside{width:76px!important;padding:24px 10px 18px!important}.dark aside{width:76px!important}.app main{margin-left:76px!important}.brand{justify-content:center!important;padding-left:0!important;padding-right:0!important}.brand span,.user span,.logoutside{display:none!important}.user{justify-content:center!important;padding:10px!important;background:transparent!important}.navsection{display:none!important}.navitem{justify-content:center!important;font-size:0!important;gap:0!important;padding:0!important;border-radius:13px!important}.navitem svg{width:21px!important;height:21px!important}.app aside nav{margin-top:8px!important}}
@media(max-width:850px){.app aside nav .navitem{display:none!important}.app aside nav button:nth-of-type(1),.app aside nav button:nth-of-type(2),.app aside nav button:nth-of-type(3),.app aside nav button:nth-of-type(4),.app aside nav button:nth-of-type(9){display:flex!important}.app aside nav .navitem{font-size:0!important;gap:0!important}.app aside nav .navitem svg{width:22px!important;height:22px!important}}

.themebutton{font-size:19px!important;line-height:1!important;width:34px!important;height:34px!important;border-radius:50%!important;display:grid!important;place-items:center!important}.themebutton:hover{background:rgba(255,255,255,.10)!important}@media(max-width:850px){.app header{justify-content:space-between!important}.app header>span{display:inline-flex!important;align-items:center!important;color:#eef3ff!important;font:700 16px/1 Inter!important;letter-spacing:-.02em!important}.app:not(.dark) header>span{color:#1d2939!important}.app header>span b,.app header>span svg{display:none!important}.app header>div{margin-left:auto!important}.app header .hamb{display:none!important}}

/* Chat: fixed composer, scroll only the messages */
.chatpanel{height:calc(100dvh - 65px);min-height:0;overflow:hidden}.chatmessages{min-height:0;overflow-y:auto;overscroll-behavior:contain}.chatcomposer{position:relative;flex:0 0 auto}
@media(max-width:850px){.content:has(.chatpanel){height:calc(100dvh - 65px - env(safe-area-inset-top));padding:0!important;overflow:hidden}.chatpanel{height:calc(100dvh - 65px - env(safe-area-inset-top) - 98px)!important;min-height:0!important;margin:0!important;padding:10px 12px 0!important}.chattabs{flex:0 0 auto}.chatmessages{min-height:0!important;overflow-y:auto!important;padding:14px 3px!important}.chatcomposer{position:relative!important;bottom:auto!important;flex:0 0 auto!important;padding:12px 3px 10px!important;background:#0d0f12!important}.app:not(.dark) .chatcomposer{background:#f8fafc!important}.app aside nav{align-items:center!important}.app aside nav .navitem{flex:0 0 clamp(44px,14vw,60px)!important;width:clamp(44px,14vw,60px)!important;height:clamp(44px,14vw,60px)!important;min-width:0!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;line-height:0!important}.app aside nav .navitem svg{display:block!important;margin:0!important;transform:none!important}.app aside nav{justify-content:space-evenly!important;padding:5px!important}}
@media(max-width:850px){.app aside nav .navitem{display:none!important}.app aside nav .navitem:nth-of-type(1),.app aside nav .navitem:nth-of-type(2),.app aside nav .navitem:nth-of-type(3),.app aside nav .navitem:nth-of-type(4),.app aside nav .navitem:nth-of-type(9){display:grid!important}}

/* Chat is an app surface: page never scrolls, only its history does */
@media(max-width:850px){body:has(.chatpanel){overflow:hidden!important}.app:has(.chatpanel){height:100dvh!important;min-height:0!important;overflow:hidden!important}.app:has(.chatpanel) main{height:100dvh!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.app:has(.chatpanel) header{flex:0 0 auto!important}.app:has(.chatpanel) .content{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-width:none!important;width:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;display:flex!important}.app:has(.chatpanel) .chatpanel{flex:1 1 auto!important;min-height:0!important;height:auto!important;margin:0!important;padding:10px 12px 0!important;overflow:hidden!important}.app:has(.chatpanel) .chatmessages{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important}.app aside nav .navitem{position:relative!important;display:none!important;place-items:unset!important}.app aside nav .navitem:nth-of-type(1),.app aside nav .navitem:nth-of-type(2),.app aside nav .navitem:nth-of-type(3),.app aside nav .navitem:nth-of-type(4),.app aside nav .navitem:nth-of-type(9){display:block!important}.app aside nav .navitem svg{position:absolute!important;left:50%!important;top:50%!important;margin:0!important;transform:translate(-50%,-50%)!important}}

@media(max-width:850px){.notifmenu{right:0!important;top:44px!important;width:min(300px,calc(100vw - 32px))!important;max-height:calc(100dvh - 145px)!important;border-radius:18px!important;padding:7px!important;overflow-y:auto!important;box-shadow:0 18px 44px rgba(0,0,0,.48)!important}.notifmenu>button{padding:12px!important;border-radius:13px!important}}

.profilelink{display:inline!important;width:auto!important;height:auto!important;padding:0!important;border:0!important;background:transparent!important;color:inherit!important;font:inherit!important;text-align:left!important;cursor:pointer!important}.profilelink:hover{text-decoration:underline!important}.profilelinkavatar{cursor:pointer!important}.readonly .profilephoto,.readonly .editprofile{display:none!important}.pullrefresh{position:sticky;top:8px;z-index:15;width:max-content;margin:0 auto 8px;padding:8px 13px;border-radius:999px;background:#252d3d;color:#dce5ef;font:600 12px Inter;box-shadow:0 8px 20px #0004}
/* iOS only zooms focused fields smaller than 16px */
@media(max-width:850px){input,textarea,select,.chatcomposer textarea,.compose textarea,.replyrow textarea{font-size:16px!important}}

html,body{touch-action:pan-x pan-y;}
/* Perfil de vivienda y QR temporal */
.qrstatus{display:block;color:#72dc9a!important;letter-spacing:.03em}.qrskeleton{width:220px;height:220px;border-radius:14px;background:linear-gradient(100deg,var(--surface,#202432) 30%,#363c50 50%,var(--surface,#202432) 70%);background-size:200% 100%;animation:shine 1.1s infinite}.qrrefresh{margin-top:4px}.propertypage{width:min(100%,760px);margin:0 auto;padding-bottom:36px}.propertyhero{height:230px;position:relative;border:1px solid var(--line,#303545);border-radius:18px;overflow:hidden;background:#202432;margin:18px 0 22px}.propertyhero>img{width:100%;height:100%;object-fit:cover}.propertyemptyphoto{height:100%;display:grid;place-items:center;font-size:68px;color:#7e8bb0}.changepropertyphoto{position:absolute;right:14px;bottom:13px;border-radius:999px;background:rgba(8,10,16,.82);color:#fff;padding:10px 14px;font-size:13px;font-weight:700;cursor:pointer;backdrop-filter:blur(10px)}.changepropertyphoto input{display:none}.propertymembers,.guestpasscard{margin:16px 0}.propertycardhead,.guestpasscard{display:flex;justify-content:space-between;align-items:center;gap:14px}.propertycardhead h2,.guestpasscard h2,.propertycharges h2{font-size:17px;margin:0}.propertycardhead>div{display:flex;gap:8px;align-items:center}.linkbutton{border:0;background:transparent;color:#98a7d7;padding:8px;cursor:pointer}.propertymember{display:flex;gap:12px;align-items:center;padding:15px 0;border-top:1px solid var(--line,#2d3341)}.propertymember i,.propertymember img{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:#28315b;color:#99a7ff;font-style:normal;font-size:12px;object-fit:cover}.propertymember span{display:grid;gap:3px}.propertymember small,.guestpasscard p,.charge small{color:var(--muted,#8e99b3);font-size:13px}.guestpasscard p{margin:4px 0 0}.propertycharges{margin-top:27px}.propertycharges>h2{margin:0 0 13px;color:#b9c8ff}.charge{display:flex;justify-content:space-between;align-items:center;margin:8px 0}.charge span,.charge strong{display:grid;gap:4px}.charge strong{text-align:right;color:#fff}.charge strong small{text-transform:capitalize}.propertyskeleton .propertycover{height:230px;border-radius:18px;margin:18px 0}.propertyskeleton .propertycard{height:145px;border-radius:16px;margin:16px 0}@media(max-width:850px){.propertypage{padding:0 16px 105px;width:100%;box-sizing:border-box}.propertyhero{height:190px;margin-top:10px}.propertycardhead{align-items:flex-start;flex-direction:column}.guestpasscard{align-items:flex-start;flex-direction:column}.guestpasscard .primary{width:100%}.propertycardhead>div{width:100%;justify-content:space-between}.changepropertyphoto{padding:9px 12px}.qrrefresh{width:100%}}
.propertyselect{display:grid;gap:7px;color:var(--muted,#9aa4bb);font-size:13px;margin:12px 0}.propertyselect select{appearance:none;border:1px solid var(--line,#303545);background:var(--surface,#171a24);border-radius:12px;padding:12px 14px;color:inherit;font:inherit}.propertydetails{margin:16px 0}.propertydetails>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.propertydetails span{display:grid;gap:5px}.propertydetails small{font-size:10px;letter-spacing:.08em;color:var(--muted,#929cb4)}.propertydetails b{font-size:15px}@media(max-width:480px){.propertydetails>div{grid-template-columns:1fr 1fr;gap:14px}.propertydetails b{font-size:14px}}
/* Mi vivienda: interfaz premium */
.propertypage{max-width:800px!important}.propertyhero{height:292px!important;border:1px solid rgba(135,151,211,.24)!important;background:radial-gradient(circle at 72% 20%,rgba(95,112,227,.3),transparent 30%),linear-gradient(135deg,#191d31,#252b48)!important;box-shadow:0 22px 60px rgba(0,0,0,.28)!important}.propertyemptyphoto{background:radial-gradient(circle,rgba(107,124,255,.2),transparent 52%)!important}.propertyemptyphoto i{font-size:64px!important;color:#b9c5ff!important;filter:drop-shadow(0 10px 22px rgba(72,94,255,.35))}.changepropertyphoto{display:flex;align-items:center;gap:8px;background:rgba(9,12,23,.78)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 10px 30px rgba(0,0,0,.28)!important}.propertydetails{padding:0!important;background:transparent!important;border:0!important}.propertydetailgrid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}.propertydetail{min-height:96px;box-sizing:border-box;padding:17px 14px!important;border-radius:16px!important;border:1px solid rgba(138,154,214,.18)!important;background:linear-gradient(145deg,rgba(32,37,58,.96),rgba(20,23,35,.96))!important;display:flex!important;gap:12px!important;align-items:center!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important}.propertydetail>i{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:11px!important;flex:0 0 34px!important;color:#9cacff!important;background:rgba(88,104,218,.19)!important;font-size:15px!important}.propertydetail span{display:grid!important;gap:5px!important;min-width:0}.propertydetail small{font-size:9px!important;letter-spacing:.12em!important;color:#818ca7!important}.propertydetail b{font-size:14px!important;line-height:1.25!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.propertymembers,.guestpasscard{border:1px solid rgba(138,154,214,.19)!important;background:linear-gradient(145deg,rgba(29,33,49,.98),rgba(18,21,32,.98))!important;box-shadow:0 14px 40px rgba(0,0,0,.16)!important}.propertycardhead{padding-bottom:14px!important;border-bottom:1px solid rgba(138,154,214,.16)!important}.propertycardhead h2,.guestpasscard h2,.propertycharges h2{display:flex!important;align-items:center!important;gap:9px!important;letter-spacing:-.02em}.propertycardhead h2>i,.guestpasscard h2>i,.propertycharges h2>i{color:#93a3ff!important;font-size:16px}.propertycardhead .secondary{display:inline-flex!important;align-items:center!important;gap:7px!important;border-radius:10px!important;padding:9px 12px!important}.linkbutton{display:inline-flex!important;align-items:center!important;gap:7px!important}.propertymember{padding:16px 1px!important}.propertymember i,.propertymember img{width:44px!important;height:44px!important;flex-basis:44px!important;border:2px solid rgba(137,152,222,.2)!important}.propertymember b{font-size:15px!important}.guestpasscard{padding:20px!important}.guestpasscard .primary{display:inline-flex!important;align-items:center!important;gap:8px!important;border-radius:11px!important;box-shadow:0 10px 22px rgba(80,101,236,.25)!important}.propertycharges{padding:10px 2px!important}.charge{border:1px solid rgba(138,154,214,.15)!important;border-radius:14px!important;padding:15px!important;background:rgba(28,32,47,.62)!important}.charge strong{color:#cad1ff!important}@media(max-width:850px){.propertyhero{height:235px!important}.propertydetailgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.propertydetail{min-height:84px;padding:13px!important}.propertydetail b{font-size:13px!important}.propertycardhead{flex-direction:row!important;align-items:center!important}.guestpasscard{flex-direction:row!important;align-items:center!important}.guestpasscard .primary{width:auto!important;white-space:nowrap!important}}@media(max-width:440px){.propertycardhead{flex-direction:column!important;align-items:flex-start!important}.propertycardhead>div{width:100%!important}.guestpasscard{flex-direction:column!important;align-items:stretch!important}.guestpasscard .primary{width:100%!important;justify-content:center!important}}
.propertydetail b{white-space:normal!important;text-overflow:clip!important;overflow:visible!important;word-break:break-word}.guestpasspremium{margin:18px 0;border:1px solid rgba(138,154,214,.2);border-radius:18px;padding:20px;background:linear-gradient(145deg,#1d2131,#131620);box-shadow:0 16px 45px rgba(0,0,0,.18)}.guestpasshead{display:flex;justify-content:space-between;gap:18px;align-items:center}.guestpasshead h2{margin:0;display:flex;gap:9px;align-items:center}.guestpasshead h2 i{color:#94a6ff}.guestpasshead p{margin:5px 0 0;color:#909ab0;font-size:13px}.guestpasshead .primary{display:flex;gap:8px;align-items:center}.passloglist{border-top:1px solid rgba(138,154,214,.16);margin-top:18px}.passloglist article{display:flex;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid rgba(138,154,214,.11)}.passloglist article>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(89,106,224,.16);color:#9aabff}.passloglist span{display:grid;gap:4px;flex:1}.passloglist small{font-size:12px;color:#929cb1}.passdelete{background:transparent;border:0;color:#ff7881;padding:9px;cursor:pointer}.newpass{margin-top:18px;display:grid;justify-items:center;gap:12px;padding:18px;background:rgba(91,107,230,.1);border-radius:14px}.newpass .secondary{padding:8px 12px}.passmodal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:rgba(3,5,10,.72);backdrop-filter:blur(7px);padding:18px}.passmodal>div{width:min(100%,410px);padding:22px;border-radius:18px;border:1px solid #3d4666;background:#171a25;box-shadow:0 25px 80px #000;display:grid;gap:13px}.passmodal header{display:flex;align-items:center;justify-content:space-between}.passmodal h3{margin:0}.passmodal header button{border:0;background:transparent;color:#b5bfd4;font-size:25px;cursor:pointer}.passmodal label{display:grid;gap:7px;font-size:13px;color:#c4cce0}.passmodal input,.passmodal select{font:inherit;font-size:16px;box-sizing:border-box;width:100%;padding:12px;border:1px solid #38415c;border-radius:10px;background:#222735;color:#fff}.membermenu{margin-left:auto;position:relative}.membermenu summary{list-style:none;cursor:pointer;border-radius:9px;padding:8px;color:#aeb9dc}.membermenu summary::-webkit-details-marker{display:none}.membermenu>div{position:absolute;right:0;top:38px;width:210px;z-index:4;padding:12px;border:1px solid #3a4260;border-radius:12px;background:#1b2030;box-shadow:0 18px 35px rgba(0,0,0,.4)}.membermenu label{display:flex;justify-content:space-between;align-items:center;padding:7px 3px;font-size:12px}.joinpage{min-height:100dvh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#29355b,#090b12 55%)}.joinpage .card{max-width:460px;text-align:center;padding:35px;display:grid;justify-items:center;gap:14px}.joinpage .card>i{font-size:42px;color:#aebaff}.joinpage h1{margin:0}.joinpage p{color:#aeb7cb;line-height:1.55}.joinpage .primary{margin-top:6px}@media(max-width:600px){.guestpasspremium{padding:16px}.guestpasshead{align-items:flex-start;flex-direction:column}.guestpasshead .primary{width:100%;justify-content:center}}
.apptoast{position:fixed;right:24px;bottom:28px;z-index:120;display:flex;align-items:center;gap:11px;max-width:min(390px,calc(100vw - 32px));padding:14px 17px;border-radius:14px;color:#eff3ff;background:rgba(23,28,43,.96);border:1px solid rgba(135,153,240,.34);box-shadow:0 20px 60px rgba(0,0,0,.45);backdrop-filter:blur(16px);animation:toastin .28s ease-out}.apptoast i{color:#67e09a;font-size:18px}.apptoast.error{border-color:rgba(255,104,116,.45)}.apptoast.error i{color:#ff6975}@keyframes toastin{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}.passloglist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding-top:16px}.passloglist article{min-height:72px;box-sizing:border-box;border:1px solid rgba(137,154,220,.16);border-radius:13px!important;padding:13px!important;background:linear-gradient(135deg,rgba(40,46,70,.8),rgba(24,28,42,.8));transition:.18s}.passloglist article:hover{border-color:rgba(139,156,255,.46);transform:translateY(-1px)}.passloglist small{line-height:1.35}.passloglist>button{grid-column:1/-1;justify-self:center;margin-top:4px}.passdelete{border-radius:9px!important;background:rgba(255,93,107,.08)!important}.passdelete:hover{background:rgba(255,93,107,.2)!important}.newpass{border:1px solid rgba(120,139,255,.28);box-shadow:inset 0 1px rgba(255,255,255,.05)}@media(max-width:600px){.passloglist{grid-template-columns:1fr}.apptoast{right:16px;bottom:92px}}

/* Premium guest-pass composer */
.passmodal.passmodal-premium{padding:18px;background:rgba(4,7,15,.74);backdrop-filter:blur(15px)}
.passmodal.passmodal-premium>div{width:min(100%,540px)!important;padding:0!important;overflow:hidden;border:1px solid #3c4a78!important;border-radius:22px!important;background:linear-gradient(145deg,#1d2437,#121722 68%)!important;box-shadow:0 26px 80px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.04)}
.passmodalheader{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:24px 25px 19px!important;border-bottom:1px solid rgba(159,178,255,.13)!important}
.passmodalbrand{display:flex;align-items:center;gap:14px}.passmodalbrand>i{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;color:#dce3ff;background:linear-gradient(135deg,#6175ff,#4251bb);box-shadow:0 9px 23px rgba(73,93,224,.35);font-size:18px}.passmodalbrand small{display:block;color:#93a5df;font-weight:800;font-size:10px;letter-spacing:.105em}.passmodalbrand h3{margin:3px 0 0;font-size:21px;color:#f5f7ff}.modalclose{border:0!important;background:rgba(255,255,255,.06)!important;color:#b8c2df!important;border-radius:11px!important;width:37px!important;height:37px!important;padding:0!important}
.passmodalsubtitle{margin:0!important;padding:17px 25px 2px!important;font-size:13px!important;line-height:1.55;color:#9faacd!important}.passmodal-premium .premiumfield{display:block!important;margin:16px 25px 0!important;color:#dce3f6!important;font-size:12px!important;font-weight:750!important;letter-spacing:.02em}.premiumfield>span>i{margin-right:6px;color:#90a3ff}.passmodal-premium .inputshell{display:flex;align-items:center;gap:10px;margin-top:8px;padding:0 13px;border:1px solid #3b4973;border-radius:13px;background:rgba(5,9,18,.35);transition:.2s}.passmodal-premium .inputshell:focus-within{border-color:#7185ff;box-shadow:0 0 0 3px rgba(94,113,255,.16)}.passmodal-premium .inputshell>i{color:#8ca0ec}.passmodal-premium .inputshell input{border:0!important;box-shadow:none!important;background:transparent!important;padding:13px 0!important;color:#f7f8ff!important;font-size:15px!important}
.passtypechoices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.passtypechoices button{display:flex!important;min-height:92px!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:4px!important;padding:12px!important;border:1px solid #364364!important;border-radius:14px!important;background:rgba(7,11,21,.35)!important;color:#aeb9d5!important;text-align:left!important}.passtypechoices button>i{font-size:17px;color:#8494c7}.passtypechoices button b{font-size:13px;color:#d7ddf1}.passtypechoices button small{font-size:10px;color:#8090b8}.passtypechoices button.selected{border-color:#7889ff!important;background:linear-gradient(145deg,rgba(93,111,245,.42),rgba(60,70,178,.28))!important;box-shadow:0 8px 20px rgba(59,72,197,.18)}.passtypechoices button.selected>i,.passtypechoices button.selected b{color:#f0f2ff}
.passmodalfooter{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:24px 25px 25px;padding-top:17px;border-top:1px solid rgba(159,178,255,.13)}.passmodalfooter>small{color:#8d9abe;font-size:12px}.passmodalfooter>small i{color:#91a1ff;margin-right:5px}.passmodalfooter .primary{margin:0!important;min-height:45px!important;padding:0 18px!important;border-radius:13px!important;font-size:13px!important;font-weight:800!important;box-shadow:0 10px 25px rgba(70,90,225,.28)}.passmodalfooter .primary i{margin-right:7px}.passmodalfooter .primary:disabled{opacity:.48;filter:saturate(.45)}
@media(max-width:520px){.passmodal.passmodal-premium{align-items:flex-end;padding:10px}.passmodal.passmodal-premium>div{border-radius:21px!important}.passmodalheader{padding:20px 18px 16px!important}.passmodalsubtitle{padding:14px 18px 0!important}.passmodal-premium .premiumfield{margin-left:18px!important;margin-right:18px!important}.passtypechoices{gap:6px}.passtypechoices button{min-height:82px!important;padding:9px!important}.passtypechoices button b{font-size:11px}.passtypechoices button small{font-size:9px}.passmodalfooter{margin:20px 18px 19px;align-items:stretch;flex-direction:column}.passmodalfooter .primary{width:100%}.passmodalbrand h3{font-size:18px}}


/* Selected guest pass */
.guestpasscard{cursor:pointer;position:relative;transition:transform .18s ease,border-color .18s ease}.guestpasscard:hover{transform:translateY(-2px)}.guestpasscard.selected{border-color:#7588ff!important;background:linear-gradient(135deg,rgba(82,103,222,.30),rgba(27,33,56,.92))!important}.guestpasscard.selected:after{content:"QR activo";position:absolute;right:13px;top:11px;color:#b9c5ff;font-size:10px;font-weight:800;letter-spacing:.06em}.mobilebar,.mobilemorewrap{display:none!important}

/* Original dock, only its intended mobile shortcuts change. */
@media(max-width:850px){.app aside nav .navitem{display:none!important}.app aside nav .navitem:nth-of-type(1),.app aside nav .navitem:nth-of-type(3),.app aside nav .navitem:nth-of-type(4),.app aside nav .navitem:nth-of-type(5){display:block!important}.app aside nav .navitem:nth-of-type(2),.app aside nav .navitem:nth-of-type(9){display:none!important}.mobilemorewrap{display:block!important;position:relative!important;flex:0 0 clamp(44px,14vw,60px)!important;width:clamp(44px,14vw,60px)!important;height:clamp(44px,14vw,60px)!important}.mobilemorewrap .mobilemore{display:grid!important;place-items:center!important;width:100%!important;height:100%!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#b6c0d4!important;font-size:0!important}.mobilemorewrap .mobilemore i{font-size:21px!important;line-height:1!important}.mobilemorewrap .mobilemore.on{background:rgba(255,255,255,.15)!important;color:#fff!important}.mobilemoremenu{display:flex!important;align-items:center!important;gap:3px!important;position:fixed!important;z-index:150!important;left:12px!important;right:12px!important;bottom:82px!important;width:auto!important;max-width:none!important;padding:5px!important;overflow-x:auto!important;border:1px solid rgba(151,165,211,.30)!important;border-radius:31px!important;background:rgba(15,19,29,.92)!important;box-shadow:0 18px 42px rgba(0,0,0,.44)!important;backdrop-filter:blur(20px)!important}.mobilemoremenu button{display:grid!important;place-items:center!important;flex:0 0 46px!important;width:46px!important;height:46px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#b6c0d4!important;font-size:0!important}.mobilemoremenu button:hover{background:rgba(255,255,255,.13)!important}.mobilemoremenu button i{font-size:19px!important;line-height:1!important}.mobilemoremenu .accountlogout{color:#ff8194!important}}

/* Keep the original five icon dock; only its final QR access becomes More on mobile. */
@media(max-width:850px){.app aside nav .navitem:nth-of-type(4){font-size:0!important}.app aside nav .navitem:nth-of-type(4) svg{display:none!important}.app aside nav .navitem:nth-of-type(4)::after{content:"⋯";position:absolute;left:50%;top:50%;transform:translate(-50%,-58%);font-size:27px;line-height:1;color:currentColor}.mobilemorewrap{display:block!important;position:static!important;flex:0!important;width:0!important;height:0!important;overflow:visible!important}.mobilemorewrap .mobilemore{display:none!important}.mobilemoremenu{display:flex!important;align-items:center!important;gap:3px!important;position:fixed!important;z-index:150!important;left:12px!important;right:12px!important;bottom:82px!important;width:auto!important;max-width:none!important;padding:5px!important;overflow-x:auto!important;border:1px solid rgba(151,165,211,.30)!important;border-radius:31px!important;background:rgba(15,19,29,.92)!important;box-shadow:0 18px 42px rgba(0,0,0,.44)!important;backdrop-filter:blur(20px)!important}.mobilemoremenu button{display:grid!important;place-items:center!important;flex:0 0 46px!important;width:46px!important;height:46px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#b6c0d4!important;font-size:0!important}.mobilemoremenu button:hover{background:rgba(255,255,255,.13)!important}.mobilemoremenu button i{font-size:19px!important;line-height:1!important}.mobilemoremenu .accountlogout{color:#ff8194!important}}

@media(max-width:850px){
.app aside nav .navitem:nth-of-type(1),.app aside nav .navitem:nth-of-type(3),.app aside nav .navitem:nth-of-type(4),.app aside nav .navitem:nth-of-type(5),.app aside nav .navitem:nth-of-type(6){display:flex!important}
.app aside nav .navitem:nth-of-type(2),.app aside nav .navitem:nth-of-type(7),.app aside nav .navitem:nth-of-type(8),.app aside nav .navitem:nth-of-type(9){display:none!important}
.app aside nav .navitem:nth-of-type(1){order:1!important}.app aside nav .navitem:nth-of-type(5){order:2!important}.app aside nav .navitem:nth-of-type(6){order:3!important}.app aside nav .navitem:nth-of-type(3){order:4!important}.app aside nav .navitem:nth-of-type(4){order:5!important}
.app aside nav .navitem:nth-of-type(4)::after{pointer-events:none!important}
}

@media(max-width:850px){
  .mobilemoremenu{
    display:flex!important;
    position:fixed!important;
    left:14px!important;
    right:14px!important;
    bottom:82px!important;
    z-index:9999!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .app aside{overflow:visible!important}
}

/* Mobile More dock: exact icon centering and light-mode surface. */
@media(max-width:850px){
  .mobilemoremenu{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:58px!important;
    padding:6px 10px!important;
  }
  .mobilemoremenu button{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    line-height:1!important;
  }
  .mobilemoremenu button i{
    display:block!important;
    width:1em!important;
    height:1em!important;
    margin:0!important;
    padding:0!important;
    line-height:1!important;
    transform:none!important;
  }
  .app:not(.dark) .mobilemoremenu{
    background:rgba(255,255,255,.94)!important;
    border-color:#d9e1ee!important;
    box-shadow:0 16px 36px rgba(37,52,83,.18)!important;
  }
  .app:not(.dark) .mobilemoremenu button{color:#50627f!important}
  .app:not(.dark) .mobilemoremenu button:hover{background:#eef2ff!important;color:#4d61db!important}
  .app:not(.dark) .mobilemoremenu .accountlogout{color:#dc3e54!important}
}
/* Mi Vivienda must use the active light palette rather than dark cards. */
.app:not(.dark) .propertypage,
.app:not(.dark) .propertypage .card,
.app:not(.dark) .propertymembers,
.app:not(.dark) .propertydetail,
.app:not(.dark) .propertydetailgrid,
.app:not(.dark) .guestpasspremium,
.app:not(.dark) .guestpasscard{
  background:#fff!important;
  color:#17223a!important;
  border-color:#dce4f0!important;
}
.app:not(.dark) .propertypage h1,
.app:not(.dark) .propertypage h2,
.app:not(.dark) .propertypage h3,
.app:not(.dark) .propertypage b,
.app:not(.dark) .propertypage strong{color:#17223a!important}
.app:not(.dark) .propertypage p,
.app:not(.dark) .propertypage small,
.app:not(.dark) .propertypage .propertydetail label,
.app:not(.dark) .propertypage .guestpasshead p{color:#667895!important}
.app:not(.dark) .propertydetail>div,
.app:not(.dark) .propertydetailgrid>div{
  background:linear-gradient(145deg,#f5f7ff,#eef2fb)!important;
  border-color:#dce4f5!important;
}
.app:not(.dark) .guestpasscard{box-shadow:0 5px 16px rgba(31,48,80,.06)!important}

/* Profile follows light mode completely. */
.app:not(.dark) .profilepage,
.app:not(.dark) .profilecard,
.app:not(.dark) .profilebody,
.app:not(.dark) .profilepost,
.app:not(.dark) .profileposts .card{
  background:#fff!important;
  color:#18233a!important;
  border-color:#dce4ef!important;
}
.app:not(.dark) .profilecover{background:linear-gradient(135deg,#6072d9,#344a9c)!important}
.app:not(.dark) .profilehero,
.app:not(.dark) .profilebody{background:#fff!important}
.app:not(.dark) .profilepage h1,
.app:not(.dark) .profilepage h2,
.app:not(.dark) .profilepage h3,
.app:not(.dark) .profilepage b,
.app:not(.dark) .profilepage strong,
.app:not(.dark) .profilepage .profilehandle{color:#18233a!important}
.app:not(.dark) .profilepage p,
.app:not(.dark) .profilepage small,
.app:not(.dark) .profilepage .profilebio,
.app:not(.dark) .profilepage .profilephone,
.app:not(.dark) .profilepage .profilestats{color:#677995!important}
.app:not(.dark) .profileaction,
.app:not(.dark) .profilelink{background:#fff!important;color:#33435e!important;border-color:#cfd9e8!important}
.app:not(.dark) .profilepost{box-shadow:0 6px 18px rgba(31,48,80,.06)!important}

/* Community chat: identity-rich message rows and a true light palette. */
.chatmessages{padding:14px 4px 18px!important}
.chatline{display:flex!important;align-items:flex-end!important;gap:10px!important;margin:12px 0!important}
.chatline>img,.chatline>i{width:38px!important;height:38px!important;flex:0 0 38px!important;border-radius:50%!important;object-fit:cover!important;display:grid!important;place-items:center!important;font-style:normal!important;font-size:11px!important;font-weight:800!important}
.chatline>div{max-width:min(78%,420px)!important;display:grid!important;gap:3px!important}
.chatline strong{font-size:12px!important;line-height:1.15!important;font-weight:800!important;letter-spacing:.01em!important}
.chatline p{margin:0!important;padding:11px 13px!important;border-radius:16px 16px 16px 4px!important;font-size:14px!important;line-height:1.4!important}
.chatline small{font-size:10px!important;opacity:.75!important}
.chatline.mine{justify-content:flex-end!important}
.chatline.mine>div{justify-items:end!important}
.chatline.mine p{border-radius:16px 16px 4px 16px!important;background:linear-gradient(135deg,#6478f3,#4d60d6)!important;color:#fff!important}
.chatline.mine strong{color:#6074df!important}
.app:not(.dark) .chatpanel{background:#fff!important;color:#1c2940!important}
.app:not(.dark) .chattabs{border-color:#e0e6ef!important}
.app:not(.dark) .chattabs button{background:#f2f5fa!important;color:#5a6b86!important}
.app:not(.dark) .chattabs button.on{background:#586be5!important;color:#fff!important;box-shadow:0 7px 18px rgba(77,97,219,.22)!important}
.app:not(.dark) .chatline.theirs>img,.app:not(.dark) .chatline.theirs>i{background:#e7ecfb!important;color:#5265df!important}
.app:not(.dark) .chatline.theirs strong{color:#273858!important}
.app:not(.dark) .chatline.theirs p{background:#eef2f7!important;color:#1e2a3d!important;border:1px solid #e0e6ef!important}
.app:not(.dark) .chatline.theirs small{color:#72829b!important}
.app:not(.dark) .chatcomposer{background:#fff!important;border-color:#dce4ef!important}
.app:not(.dark) .chatcomposer textarea{background:#f2f5fa!important;color:#1c2940!important;border-color:#d9e2ee!important}
.app:not(.dark) .chatempty{color:#71819a!important}

/* Refined chat chrome: no text emojis, consistent Font Awesome language. */
.chatpanel{border:1px solid rgba(123,140,196,.18)!important;border-radius:20px!important;overflow:hidden!important;box-shadow:0 16px 44px rgba(8,14,29,.12)!important}
.chatidentity{display:flex!important;align-items:center!important;gap:12px!important;padding:17px 18px 13px!important;border-bottom:1px solid rgba(133,149,199,.16)!important}
.chatidentity>i{display:grid!important;place-items:center!important;width:39px!important;height:39px!important;border-radius:13px!important;background:linear-gradient(135deg,#667bf3,#4b5fd1)!important;color:#fff!important;font-size:17px!important;box-shadow:0 8px 18px rgba(75,95,209,.25)!important}
.chatidentity span{display:grid!important;gap:3px!important}.chatidentity strong{font-size:14px!important}.chatidentity small{font-size:11px!important;color:#8d9ab5!important}
.chattabs{padding:11px 14px!important;display:flex!important;gap:8px!important}.chattabs button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}.chattabs button i{font-size:14px!important}
.announcementbar{display:flex!important;align-items:center!important;gap:8px!important;margin:0 14px 4px!important;border-radius:10px!important;padding:10px 12px!important;font-size:12px!important}.announcementbar i{font-size:14px!important}
.chatcomposer{display:flex!important;align-items:flex-end!important;gap:9px!important;padding:12px 14px!important;border-top:1px solid rgba(133,149,199,.16)!important}.chatcomposer textarea{min-height:46px!important;max-height:104px!important;resize:none!important;padding:13px 14px!important;border-radius:14px!important;line-height:1.35!important}.chatcomposer button{width:46px!important;height:46px!important;display:grid!important;place-items:center!important;padding:0!important;border-radius:14px!important}.chatcomposer button i{font-size:16px!important}.chatcomposer button:disabled{opacity:.46!important;cursor:not-allowed!important}
.app:not(.dark) .chatpanel{border-color:#dce4ef!important;box-shadow:0 15px 38px rgba(40,58,93,.11)!important}.app:not(.dark) .chatidentity{background:#fff!important;border-color:#e4e9f2!important}.app:not(.dark) .chatidentity strong{color:#1d2a43!important}.app:not(.dark) .chatidentity small{color:#70819c!important}.app:not(.dark) .announcementbar{background:#eef3ff!important;color:#4f63b8!important}.app:not(.dark) .chatcomposer{background:#fff!important}

/* Flat chat surface: remove the card-like rounded shell. */
.chatpanel{border-radius:0!important;box-shadow:none!important}
.chatidentity{border-radius:0!important}
.chattabs{border-radius:0!important}
.chattabs button{border-radius:0!important}
.announcementbar{border-radius:0!important}
.chatcomposer{border-radius:0!important}
.chatcomposer textarea,.chatcomposer button{border-radius:0!important}
.chatline p{border-radius:0!important}
.chatline.mine p{border-radius:0!important}

/* Consecutive messages share one identity block and one compact bubble group. */
.chatline.chatgroup{margin:10px 0!important}
.chatbubblegroup{display:grid!important;gap:2px!important;overflow:hidden!important}
.chatline.chatgroup p{margin:0!important;border-radius:0!important}
.chatline.chatgroup p:first-child{padding-top:11px!important}
.chatline.chatgroup p:last-child{padding-bottom:11px!important}
.chatline.chatgroup .chatbubblegroup{border:1px solid rgba(128,145,192,.15)!important}
.chatline.theirs .chatbubblegroup{background:#252b3b!important}
.chatline.mine .chatbubblegroup{background:linear-gradient(135deg,#6478f3,#4d60d6)!important}
.chatline.mine .chatbubblegroup p{background:transparent!important}
.app:not(.dark) .chatline.theirs .chatbubblegroup{background:#eef2f7!important;border-color:#e0e6ef!important}
.app:not(.dark) .chatline.theirs .chatbubblegroup p{background:transparent!important;border:0!important}

/* Compact real chat bubbles; preserve the flat app shell. */
.chatmessages{padding:8px 2px 12px!important}
.chatline.chatgroup{margin:6px 0!important}
.chatline>div{gap:2px!important}
.chatbubblegroup{gap:0!important;border-radius:18px!important}
.chatline.theirs .chatbubblegroup{border-radius:18px 18px 18px 6px!important}
.chatline.mine .chatbubblegroup{border-radius:18px 18px 6px 18px!important}
.chatline.chatgroup p{padding:5px 12px!important;line-height:1.34!important}
.chatline.chatgroup p:first-child{padding-top:10px!important}
.chatline.chatgroup p:last-child{padding-bottom:10px!important}
.chatline strong{margin-bottom:1px!important}
.chatline small{margin-top:2px!important}
.chatcomposer{padding:8px 10px!important}
.chatcomposer textarea{min-height:42px!important;padding:11px 12px!important}
.chatcomposer button{width:42px!important;height:42px!important;border-radius:12px!important}

/* Keep outgoing bubbles clear of the scrollbar gutter. */
.chatmessages{padding-right:16px!important;padding-left:8px!important}
.chatline.mine{padding-right:8px!important}
@media(max-width:850px){.chatmessages{padding-right:18px!important;padding-left:8px!important}.chatline.mine{padding-right:10px!important}}