:root{--purple:#7458dc;--purple-dark:#5b40bd;--purple-light:#f0ebff;--text:#252733;--muted:#736c80;--line:#eeedf3;--bg:#f6f7fa;--white:#fff;--shadow:0 6px 26px #28244706;--radius:18px;--sidebar:232px;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit;transition:background .18s,transform .18s,box-shadow .18s}button:disabled{cursor:not-allowed;opacity:.55}button:hover:not(:disabled){filter:brightness(.98)}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b6a7f2;outline-offset:3px}a{color:var(--purple)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.4}h1{font-size:28px}h2{font-size:20px}h3{font-size:16px}p{margin-bottom:14px}strong{font-weight:650}small,.small{font-size:12px}svg.icon{display:inline-block;vertical-align:middle;flex-shrink:0}img{max-width:100%}input,select,textarea{width:100%;padding:11px 13px;border:1px solid #e4e3eb;border-radius:10px;background:#fff;color:var(--text);min-width:0}input::placeholder,textarea::placeholder{color:#786e83}textarea{resize:vertical;min-height:90px}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--purple)}input[type=file]{font-size:12px;padding:10px}input[type=file]::file-selector-button{padding:7px 10px;background:var(--purple-light);border:0;border-radius:6px;color:var(--purple);margin-right:10px}input[type=search]::-webkit-search-cancel-button{cursor:pointer}button.primary,.primary,.secondary,.ghost,.danger,.light-btn,.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:10px 17px;border-radius:9px;font-weight:600;line-height:1.4;text-decoration:none;white-space:nowrap}.primary{background:var(--purple);color:white;box-shadow:0 3px 8px #7458dc18}.primary:hover{background:var(--purple-dark)}.secondary{background:white;border:1px solid #e5e2ee;color:#5b536e}.secondary:hover{background:#f7f4ff}.ghost{color:var(--purple);padding:7px 10px;min-height:34px;background:transparent}.ghost:hover{background:var(--purple-light)}.danger{background:#f65c75;color:#fff}.secondary.danger,.ghost.danger{background:#fff4f5;color:#dc4c63;border-color:#ffdbe1}.light-btn{background:#fff;color:var(--purple)}.icon-btn{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:11px;color:#898694}.icon-btn:hover{background:var(--purple-light);color:var(--purple)}.text-link{display:inline-flex;gap:4px;align-items:center;color:var(--purple);font-size:12px;padding:0;white-space:nowrap}.muted{color:var(--muted)}.text-green{color:#277555}.text-danger{color:#b6324b}.text-link{color:var(--purple)}.full-width{width:100%}.full{grid-column:1/-1}.row{display:flex;align-items:center}.between{justify-content:space-between}.gap{gap:12px}.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:20px}.grid{display:grid;gap:22px;margin-bottom:24px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{padding:25px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:24px;min-width:0}.grid>.card{margin-bottom:0}.card-title{font-size:17px;margin:0 0 20px;font-weight:650}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.section-heading h2{font-size:17px;margin:0;display:flex;align-items:center;gap:9px}.section-heading h2>i{width:3px;height:19px;background:var(--purple);border-radius:3px}.section-heading .small{font-size:11px}.badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:6px;font-size:11px;line-height:1.35;white-space:nowrap;background:#f2f3f6;color:#70667c;font-weight:500}.badge.purple,.badge.info{background:#efeaff;color:#7050b8}.badge.success{background:#e8f6ef;color:#246c51}.badge.warning{background:#fff3dd;color:#8d5f12}.badge.danger{background:#ffedf1;color:#a93f5d}.badge.blue{background:#eaf2ff;color:#436d9f}.badge.white{background:#ffffff26;color:#fff}.info-box{display:flex;align-items:center;gap:9px;background:#f0ecfc;border:1px solid #e9e3fa;border-radius:11px;padding:14px 17px;color:#6f588f;margin:20px 0;line-height:1.8}.alert{padding:15px;background:#fff2e2;border-radius:10px;color:#896219}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:600;color:#766887;margin-bottom:8px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:5px 0 28px}.page-title{font-size:27px;font-weight:650;margin:0 0 7px;letter-spacing:-.5px}.page-description{font-size:13px;color:var(--muted);margin:0}.head-actions{display:flex;gap:10px;flex-shrink:0}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px;font-size:13px;font-weight:550}.field small{font-size:11px;font-weight:400;color:#756b80}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.amount{font-size:34px;font-weight:650;line-height:1.3;margin:20px 0;color:var(--purple)}.amount small{font-size:14px;font-weight:400;color:var(--muted)}.list{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:22px}.card .list{border:0;margin:0;border-radius:0}.list-row{display:flex;align-items:center;gap:14px;padding:20px 17px;border-bottom:1px solid var(--line);text-align:left}.list-row:last-child{border-bottom:0}.list-row button{flex-shrink:0}.list-main{flex:1;min-width:0}.list-main>small{display:block}.list-title{font-weight:650;font-size:15px}.list-sub{color:var(--muted);font-size:12px;margin:5px 0 0;line-height:1.6}.list-leading{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border-radius:13px;flex-shrink:0}.list-leading.lavender{background:#f0ebff;color:#967add}.list-leading.mint{background:#e6f6ef;color:#5ab697}.list-leading.peach{background:#fff1e4;color:#edab75}.list-leading.pink-soft{background:#fdeef4;color:#e08da8}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:0 0 24px}.filters{display:flex;flex-wrap:wrap;gap:7px}.filter{font-size:12px;padding:7px 13px;border-radius:7px;color:#746b80}.filter.active{background:var(--purple-light);color:var(--purple);font-weight:600}.filter span{font-size:10px;opacity:.7}.filter:hover{background:#f5f2fb}.search-input{max-width:270px;font-size:12px;padding:9px 12px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin:0 0 25px}.stat-card{display:flex;flex-direction:column;align-items:flex-start;gap:7px;border-radius:14px;min-width:0}.stat-card .row{width:100%}.stat-value{font-size:30px;font-weight:600;letter-spacing:-1px;line-height:1.4}.stat-value small{font-size:13px;font-weight:400;letter-spacing:0}.stat-label{font-size:12px;color:#776d82}.empty{text-align:center;color:#b5aec6;padding:40px 20px}.empty>svg{margin:0 0 15px}.empty h3{font-size:16px;color:#777181;margin:0 0 8px}.empty p{color:#776b81;font-size:12px;margin-bottom:17px}.detail-grid,.core-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;margin:25px 0}.detail-grid>div,.core-facts>div{display:flex;flex-direction:column;gap:6px;font-size:13px}.detail-grid span,.core-facts .muted{color:#776b81;font-size:11px}.detail-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.back-link{display:flex;gap:7px;align-items:center;font-size:12px;color:var(--muted);padding:0;align-self:flex-start}.back-link:hover{color:var(--purple)}.timeline{padding-left:10px}.timeline-item{position:relative;padding:0 0 25px 24px;border-left:1px solid #e8e3f3;font-size:13px}.timeline-item:before{content:'';position:absolute;left:-5px;top:7px;width:9px;height:9px;border-radius:50%;background:#b5a6e0;border:2px solid #eee8fc;box-sizing:border-box}.timeline-item:first-child:before{background:var(--purple)}.timeline-item:last-child{border-left-color:transparent;padding-bottom:0}.timeline-item p{font-size:12px;color:var(--muted);margin:6px 0}.timeline-item .row{gap:10px;align-items:flex-start}.timeline-item .small{font-size:10px}.rating{color:#9b6c20;font-size:13px}.image-preview{width:100%;max-height:230px;object-fit:contain;border-radius:10px;background:#f5f3f7}.skip-link{position:fixed;left:250px;top:-70px;background:var(--purple);color:white;padding:12px 22px;z-index:99}.skip-link:focus{top:10px}
/* App frame */
.sidebar{width:var(--sidebar);position:fixed;left:0;top:0;bottom:0;background:white;border-right:1px solid var(--line);padding:32px 21px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 8px;margin-bottom:42px;text-align:left}.brand-mark{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:var(--purple);color:#fff;box-shadow:0 5px 13px #7458dc25}.brand>span:last-child{font-size:23px;font-weight:700;line-height:1.2;letter-spacing:3px}.brand small{display:block;font-size:7px;letter-spacing:1.3px;color:#80758e;font-weight:500;margin-top:7px}.workspace-label{font-size:8px;letter-spacing:1.25px;color:#807389;margin:0 11px 14px}.nav-item{width:100%;display:flex;align-items:center;position:relative;gap:13px;padding:13px 15px;margin-bottom:5px;border-radius:10px;text-align:left;color:#776e83;font-size:13px}.nav-item.active{background:#f0ebfc;color:var(--purple);font-weight:650}.nav-item:hover{background:#f5f2fb;color:var(--purple)}.nav-item i{width:5px;height:5px;border-radius:50%;background:var(--purple);margin-left:auto}.sidebar-divider{height:1px;background:var(--line);margin:23px 12px}.sidebar-bottom{margin-top:auto}.mini-community{font-size:10px;color:#7d7088;padding:16px 10px;display:flex;gap:8px;align-items:center}.status-dot{width:6px;height:6px;border-radius:50%;background:#70c3a4;display:inline-block;box-shadow:0 0 0 3px #e8f8f1;flex-shrink:0}.demo-caption{padding:20px 15px 0;color:#807389;line-height:1.9;font-size:9px;letter-spacing:.5px}.app-body{margin-left:var(--sidebar)}.topbar{height:88px;background:#ffffffea;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:sticky;top:0;z-index:15;backdrop-filter:blur(12px)}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:20px}.community-switch{display:flex;align-items:center;gap:10px;text-align:left;color:#5b5269;padding:0}.community-switch>svg:first-child{color:var(--purple)}.community-switch span{font-size:14px;font-weight:650;line-height:1.4}.community-switch small{display:block;color:#766e80;font-size:10px;font-weight:400;margin-top:4px}.topbar-divider{height:24px;background:var(--line);width:1px}.breadcrumb{font-size:11px;color:#7b7084}.role-switch{display:flex;background:#f2eff8;padding:4px;border-radius:10px;gap:3px}.role-switch button{padding:7px 11px;border-radius:7px;display:flex;align-items:center;gap:5px;font-size:11px;color:#7b6d89;white-space:nowrap}.role-switch button.active{color:var(--purple);background:white;box-shadow:0 2px 6px #2914410c}.notification-btn{position:relative}.notification-btn i{position:absolute;top:7px;right:9px;width:4px;height:4px;border:1px solid white;background:#e8b358;border-radius:50%}.top-avatar{background:#f1e7e1;color:#80614e;font-size:13px;font-weight:600;width:35px;height:35px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #eee8e4}.main-content{padding:32px 40px 34px;max-width:1460px;margin:auto;outline:none;min-height:calc(100vh - 150px)}.desktop-footer{max-width:1460px;padding:8px 40px 25px;display:flex;justify-content:space-between;color:#82758d;font-size:9px}.bottom-nav{display:none}
/* Home */
.community-hero{height:275px;position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(120deg,#596b87,#a1bbc5);isolation:isolate}.community-hero>img{width:100%;height:100%;object-fit:cover;object-position:center 49%;position:absolute;z-index:-2}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#152f46b3 0%,#1a3a4c50 35%,transparent 80%),linear-gradient(0deg,#17374385,transparent 45%);z-index:-1}.hero-content{padding:35px 37px;color:white}.hero-eyebrow{font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:7px;color:#e4eaf1}.hero-eyebrow>span{height:4px;width:4px;border-radius:50%;background:#fff}.hero-content h1{font-weight:500;font-size:33px;letter-spacing:3px;margin:12px 0 9px;line-height:1.43}.hero-content p{font-size:11px;color:#e4e9e7;letter-spacing:1px}.hero-bottom{position:absolute;left:37px;right:30px;bottom:20px;display:flex;align-items:center;justify-content:space-between;color:#ffffffbc;font-size:10px;letter-spacing:.5px}.hero-bottom>span{display:flex;align-items:center;gap:8px}.hero-dots{gap:5px!important}.hero-dots i{height:4px;width:4px;border-radius:3px;background:#ffffff50}.hero-dots i.active{width:16px;background:#fff}.welcome-strip{display:flex;justify-content:space-between;align-items:center;margin:22px 3px 24px}.welcome-strip>div{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600}.welcome-strip small{display:block;font-size:10px;font-weight:400;color:#766e80;margin-top:3px}.welcome-face{font-size:28px;color:#c9b5e8;font-weight:400}.home-columns{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:25px}.home-primary{min-width:0}.home-aside{min-width:0}.service-section{padding:23px 26px}.service-section .section-heading{margin-bottom:22px}.service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 11px}.service-item{display:flex;flex-direction:column;align-items:center;gap:10px;white-space:nowrap;padding:0;font-size:11px;color:#716d7a}.service-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:white;box-shadow:0 5px 10px #1111110b;border:2px solid #ffffff65}.service-item:hover .service-icon{transform:translateY(-3px);box-shadow:0 7px 15px #7458dc28}.service-icon{transition:all .2s}.service-icon.cyan{background:linear-gradient(135deg,#39dbed,#10b6e4)}.service-icon.blue{background:linear-gradient(135deg,#8bc2ff,#5595ed)}.service-icon.teal{background:linear-gradient(135deg,#2be0c7,#04bdab)}.service-icon.green{background:linear-gradient(135deg,#5ee0bb,#27cba2)}.service-icon.yellow{background:linear-gradient(135deg,#ffc737,#ffb02d)}.service-icon.rose{background:linear-gradient(135deg,#ff8cad,#ff6485)}.service-icon.orange{background:linear-gradient(135deg,#ffc379,#ff9867)}.service-icon.pink{background:linear-gradient(135deg,#ed8ddd,#df56c5)}.service-icon.hotpink{background:linear-gradient(135deg,#fd739e,#f04479)}.promo-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.promo-card{display:flex;text-align:left;position:relative;border-radius:16px;padding:25px 20px;overflow:hidden;isolation:isolate;color:#fff;min-height:161px}.purple-promo{background:linear-gradient(120deg,#8a6add,#bc9bef)}.blue-promo{background:linear-gradient(120deg,#628fc8,#9db9d7)}.promo-card span{font-size:7px;letter-spacing:1.4px;opacity:.7}.promo-card h3{font-size:16px;margin:7px 0}.promo-card p{font-size:9px;opacity:.8;margin-bottom:19px}.promo-card b{font-size:10px;font-weight:500;display:flex;gap:7px;align-items:center}.promo-art{position:absolute;right:-15px;bottom:-11px;transform:rotate(-14deg);color:#ffffff25;z-index:-1}.promo-art>svg{width:115px;height:115px}.home-status{padding:23px}.home-status .section-heading h2{font-size:15px}.home-status .badge{font-size:9px}.due-amount{margin-top:25px}.due-amount>span{color:#7b6c89;display:block;font-size:11px}.due-amount strong{font-size:29px;font-weight:600;display:block;color:#534564;margin:6px 0}.due-amount small{font-size:16px;margin-right:4px;font-weight:400}.home-status p{font-size:10px;margin-bottom:20px}.home-status .primary{font-size:11px}.status-divider{height:1px;background:var(--line);margin:22px 0}.status-link{display:flex;align-items:center;gap:10px;width:100%;padding:0;text-align:left}.status-link .list-leading{width:37px;height:37px;border-radius:10px}.status-link strong{font-size:11px;display:block}.status-link small{display:block;font-size:9px;color:#7d7089;margin-top:3px}.status-link>svg{margin-left:auto;color:#c1b8ce}.home-notices{padding:23px}.home-notices h2{font-size:15px}.notice-preview{padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid var(--line);text-align:left;width:100%;display:block}.notice-preview:last-child{margin:0;padding:0;border:0}.notice-preview strong{display:block;font-size:12px;line-height:1.8;margin:8px 0}.notice-preview small{color:#7d7089;font-size:9px}.neighbor-note{text-align:center;padding:13px 0 2px;color:#b7adbf}.neighbor-note>span{color:#b6cbbb}.neighbor-note p{font-size:17px;line-height:1.9;letter-spacing:3px;font-weight:300;margin:12px 0}.neighbor-note small{font-size:7px;letter-spacing:1.8px}.manager-welcome{display:flex;align-items:center;justify-content:space-between;border-radius:17px;background:linear-gradient(110deg,#ece5fb,#eee9fa 60%,#dcd2f1);padding:29px 35px;margin-bottom:25px;overflow:hidden}.manager-welcome h2{font-weight:500;font-size:24px;letter-spacing:1px;color:#67587d;margin-bottom:10px}.manager-welcome p{font-size:12px;color:#7c698f;margin:0}.manager-welcome>span{color:#bcb0d7;margin-right:25px;transform:rotate(-7deg)}.dashboard-stats .card{margin:0;padding:22px}.dashboard-stats .list-leading{width:36px;height:36px;border-radius:10px}.dashboard-stats .stat-value{margin:2px 0}.quick-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-work{display:flex;flex-direction:column;align-items:flex-start;padding:15px;background:#f9f7fc;border-radius:12px;text-align:left}.quick-work svg{color:#ab99d0;margin-bottom:10px}.quick-work strong{font-size:12px;margin-bottom:3px}.quick-work small{font-size:9px;color:#7d7089}
/* Profile */
.profile-page{padding-top:0}.profile-hero{background:linear-gradient(110deg,#6b52e4,#9d8ced);border-radius:0 0 46% 7% / 0 0 19% 9%;padding:30px 38px 56px;color:#fff;margin:0 -40px}.profile-top{display:flex;justify-content:space-between;align-items:center}.profile-top .eyebrow{color:#d2c8f9;font-size:8px;margin:0}.profile-top .icon-btn{color:#e1d9fc}.profile-top .icon-btn:hover{background:#ffffff22}.profile-identity{display:flex;align-items:center;gap:23px;margin-top:25px}.profile-avatar{position:relative;width:80px;height:80px;border:4px solid #ffffff28;background:#e9e2fa;color:#a590d7;border-radius:50%;display:grid;place-items:center;font-size:30px;font-weight:500}.profile-avatar i{position:absolute;right:-2px;bottom:2px;background:#fff;color:var(--purple);width:21px;height:21px;border-radius:50%;border:3px solid #9180e9;display:grid;place-items:center}.profile-identity h1{font-size:25px;letter-spacing:1px;margin:0;display:flex;align-items:center;gap:2px}.profile-identity .icon-btn{color:#fff;width:28px}.profile-identity p{color:#e3dcf9;font-size:11px;margin:4px 0 10px}.profile-cert{display:inline-flex;gap:5px;align-items:center;background:#ffffff1c;border:1px solid #ffffff1f;padding:4px 9px;border-radius:6px;color:#e8e3fc;font-size:9px}.profile-content{max-width:800px;margin:0 auto}.profile-summary{background:white;border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:repeat(3,1fr);margin-top:-22px;position:relative;padding:20px 0;box-shadow:0 7px 24px #47327406;margin-bottom:25px}.profile-summary>button{display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--line);gap:3px}.profile-summary>button:last-child{border:0}.profile-summary strong{font-size:23px;color:#655773;font-weight:550}.profile-summary span{font-size:10px;color:#796a87}.profile-list{background:white;border:1px solid var(--line);border-radius:16px;padding:0 24px;overflow:hidden}.profile-row{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:20px 0;border-bottom:1px solid var(--line)}.profile-row:last-child{border:0}.profile-row-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f2efff;color:#8467da}.profile-row strong{font-size:14px;font-weight:550;color:#67606f}.profile-row small{margin-left:auto;font-size:11px;color:#7d7089}.profile-row>svg{color:#bfb8c7;width:16px}.profile-row:hover strong{color:var(--purple)}.settings-row{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--line);border-radius:14px;padding:20px 25px;width:100%;font-size:13px;color:#776681;margin:20px 0}.settings-row>svg:last-child{margin-left:auto}
/* Services */
.service-hero{display:flex;align-items:center;gap:30px;padding:34px;background:linear-gradient(110deg,#e2f4ec,#f1faf7);border-radius:17px;margin-bottom:25px}.service-hero.carwash{background:linear-gradient(110deg,#f9eddc,#fff8ef)}.service-hero.laundry{background:linear-gradient(110deg,#ede7fa,#f6f2fd)}.service-hero-icon{display:grid;place-items:center;width:130px;height:130px;border-radius:50%;background:#ffffff88;color:#75bba1;flex-shrink:0}.carwash .service-hero-icon{color:#d5aa7d}.laundry .service-hero-icon{color:#a893c8}.service-hero h2{font-size:25px;font-weight:500;color:#587767;margin-bottom:10px}.carwash h2{color:#947e63}.laundry h2{color:#827195}.service-hero p{font-size:12px;color:#667b70;max-width:400px;margin:0}.service-hero .eyebrow{font-size:10px;color:#567a65}.package-card .tiny-label{font-size:9px;letter-spacing:1px;color:#82728e}.package-card h3{font-size:18px;margin:14px 0 8px}.package-card p{font-size:11px;margin-bottom:26px}.price{font-size:24px;font-weight:650;color:#8f75bc;white-space:nowrap}.price small{font-size:10px;font-weight:400;color:#7d6d8d}.package-card .primary{padding:9px 13px;font-size:11px}.vehicle-card .plate{font-size:30px;font-weight:550;letter-spacing:2px;margin:22px 0 7px}.vehicle-card .muted{font-size:12px}.wallet-card{background:linear-gradient(110deg,#7153d0,#a18bdd);color:white;border-radius:19px;padding:30px 35px;max-width:650px;margin-bottom:25px}.wallet-card>.row>span{display:flex;align-items:center;gap:10px;color:#ded4f7;font-size:12px}.wallet-amount{font-size:50px;font-weight:500;letter-spacing:-1px;margin:25px 0 23px}.wallet-amount small{font-size:22px}.wallet-card .light-btn{font-size:12px}.segmented{display:flex;gap:5px;padding:4px;background:#ece8f3;border-radius:9px}.segmented.inline{display:inline-flex;margin-bottom:25px}.segmented button{padding:7px 26px;border-radius:6px;color:#7d6d8d;font-size:12px}.segmented button.active{background:white;color:var(--purple);box-shadow:0 2px 6px #00000005}.energy-chart{height:220px;display:flex;align-items:flex-end;justify-content:space-around;gap:20px;padding:15px 25px 0;border-bottom:1px solid var(--line)}.chart-column{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;flex:1;max-width:65px}.chart-column>span{font-size:11px;color:#7b678f}.chart-bar{background:linear-gradient(#aa94df,#e2d7f6);width:100%;border-radius:7px 7px 0 0}.chart-bar.water{background:linear-gradient(#8cc2db,#dfedf6)}.chart-column small{color:#7d6d8d;font-size:11px;margin-bottom:8px}.tip-row{display:flex;align-items:center;gap:10px;color:#607b62;background:#f3f7f2;border-radius:9px;padding:13px 16px;font-size:11px;margin-top:22px}.device-card{text-align:center}.device-status{text-align:right}.device-art{display:grid;place-items:center;width:140px;height:160px;margin:20px auto;color:#a58dca;background:linear-gradient(#ece6f7,#f9f7fd);border-radius:20px}.device-art.door{background:linear-gradient(#f0e8dd,#faf8f5);color:#b9a78a}.device-card h2{font-size:18px}.device-card .field{text-align:left;max-width:240px;margin:20px auto}.notice-point{display:flex;gap:15px;align-items:flex-start}.notice-point>svg{color:#baa8da;flex-shrink:0}.notice-point h3{font-size:14px;margin-bottom:8px}.notice-point p{font-size:12px}.chat-shell{max-width:820px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.chat-top{display:flex;align-items:center;gap:13px;padding:22px 25px;border-bottom:1px solid var(--line)}.chat-top strong{font-size:14px}.chat-top p{font-size:10px;margin:2px 0 0}.chat-top .status-dot{margin-left:auto}.avatar{width:48px;height:48px;border-radius:50%;background:#eee7f8;display:grid;place-items:center;color:#9d87b9;font-size:20px;flex-shrink:0;overflow:hidden}.avatar img{height:100%;width:100%;object-fit:cover}.small-avatar{width:40px;height:40px}.chat-messages{padding:25px;height:390px;overflow:auto;display:flex;flex-direction:column;gap:18px;background:#fbfafc}.chat-bubble{max-width:80%;border-radius:13px;padding:14px 18px;font-size:13px;line-height:1.9;word-break:break-word}.chat-bubble.bot{align-self:flex-start;background:white;border:1px solid var(--line);border-top-left-radius:2px;color:#756080}.chat-bubble.user{align-self:flex-end;background:#8d73cf;color:#fff;border-top-right-radius:2px}.chat-bubble small{display:block;opacity:.55;font-size:9px;margin-top:5px;text-align:right}.chat-quick{display:flex;flex-wrap:wrap;gap:7px;padding:15px 22px 6px}.chat-quick button{font-size:10px;border:1px solid #e9e2f1;border-radius:6px;padding:6px 10px;color:#785b95}.chat-quick button:hover{background:#f5f0fb}.chat-form{display:flex;gap:10px;padding:15px 22px 22px}.chat-form input{background:#f8f6fb;font-size:12px}.house-illustration{height:160px;display:flex;align-items:center;justify-content:center;background:linear-gradient(120deg,#e7e4f2,#f7f5fb);border-radius:12px;margin-bottom:25px;color:#b8a8d1}.house-unit{font-size:17px;color:#7b638e;margin:10px 0}.house-card h2{font-size:18px;margin:0}.business-banner{background:linear-gradient(110deg,#e7e0f3,#f0e9f7);padding:34px 38px;border-radius:18px;margin-bottom:28px;position:relative;overflow:hidden}.business-banner .eyebrow{font-size:9px;color:#826397}.business-banner h2{font-size:29px;font-weight:450;letter-spacing:2px;color:#8d72a6;margin:14px 0}.business-banner p{font-size:11px;color:#826397;margin:0}.business-banner-art{position:absolute;right:70px;bottom:20px;transform:rotate(-8deg);color:#cab8db}.listing-card{padding:0;overflow:hidden}.listing-art{display:flex;align-items:center;justify-content:center;width:100%;height:170px;position:relative}.listing-art.lavender,.listing-detail-art.lavender,.merchant-art.lavender{background:linear-gradient(120deg,#e7dff2,#f1eaf8);color:#b5a0cb}.listing-art.mint,.listing-detail-art.mint,.merchant-art.mint{background:linear-gradient(120deg,#dcece4,#eef6f1);color:#99b6a8}.listing-art.peach,.listing-detail-art.peach,.merchant-art.peach{background:linear-gradient(120deg,#f0e2d4,#fbf4e9);color:#c6b293}.listing-art>span{position:absolute;bottom:12px;left:14px;padding:4px 8px;font-size:9px;border-radius:5px;background:#ffffff9c;color:#77608b}.listing-body{padding:17px 21px 23px}.listing-body h3{font-size:15px;margin:13px 0 8px}.listing-body .small{font-size:10px}.listing-body .price{font-size:21px}.listing-body .ghost{padding:4px 0;font-size:10px}.favorite{width:28px;height:28px}.favorite.selected{color:#df97b6;background:#fff1f6}.favorite.selected svg{fill:#f8d6e5}.listing-detail-art{height:230px;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:30px;margin-bottom:25px}.listing-detail-art span{font-size:24px;font-weight:300;letter-spacing:3px}.merchant-art{height:130px;margin:-25px -25px 23px;display:grid;place-items:center}.merchant-card{overflow:hidden}.merchant-card h2{font-size:18px}.merchant-card .primary,.merchant-card .secondary{font-size:12px;padding:9px 13px}.album-photo{height:200px;width:100%;object-fit:cover;border-radius:12px;margin-bottom:15px}.photo-grid h3{font-size:14px}.photo-grid .card{padding:15px}.photo-grid .row .small{font-size:9px;margin:5px 0}.photo-grid .ghost{font-size:11px}
/* Core billing / maintenance */
.core-stat-grid{background:white;padding:22px 28px;border:1px solid var(--line);border-radius:15px}.core-stat-grid .stat-card:not(:last-child){border-right:1px solid var(--line);border-radius:0}.core-stat-grid .stat-value{font-size:28px;color:#756183}.core-stat-grid .small{font-size:10px}.core-list-card .toolbar{align-items:flex-start}.core-search{max-width:100%;gap:6px;margin-left:auto}.core-search .secondary{font-size:11px;padding:8px 11px;min-height:36px}.core-repair-row,.core-bill-row{display:flex;align-items:center;gap:17px;border-bottom:1px solid var(--line);padding:22px 0}.core-repair-row:last-child,.core-bill-row:last-child{border-bottom:0}.core-service-icon{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-radius:13px;background:#edf7f3;color:#81bda6}.core-title-button{font-weight:600;font-size:14px;text-align:left;padding:0;color:#615769}.core-title-button:hover{color:var(--purple)}.core-row-actions{display:flex;gap:7px;align-items:center;flex-shrink:0}.core-row-actions button{font-size:11px;padding:8px 11px}.core-inline-note{display:flex;gap:5px;align-items:center;color:#826894;margin-top:7px}.core-separator{margin:0 7px}.core-bill-amount{font-size:22px;font-weight:550;color:#816996;white-space:nowrap;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.core-description{font-size:13px;margin:25px 0;line-height:1.9}.core-description p{margin:9px 0;color:#786486}.core-stepper{display:flex;justify-content:space-between;padding:27px 20px}.core-step{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;gap:7px;text-align:center}.core-step:before{content:'';position:absolute;top:17px;left:-50%;right:50%;height:1px;background:#e9e5ef}.core-step:first-child:before{display:none}.core-step-dot{display:grid;place-items:center;border-radius:50%;width:34px;height:34px;background:#f3eff8;color:#c8bdd5;z-index:1;font-size:12px}.core-step.is-done .core-step-dot{background:#e8ddfa;color:#9876c2}.core-step.is-current .core-step-dot{background:#a389cc;color:white;box-shadow:0 0 0 5px #f5f0fc}.core-step strong{font-size:12px;font-weight:550;color:#7f6290}.core-step .small{font-size:9px;color:#8a7299}.core-detail-grid{grid-template-columns:1.15fr 1fr;align-items:start}.core-detail-grid>.stack{gap:0}.core-avatar{width:48px;height:48px;border-radius:50%;background:#ede6f6;color:#a68dc0;display:grid;place-items:center;font-size:22px}.core-soft-card{background:#f8f5fc}.core-stars{color:#9c7828;font-size:25px;letter-spacing:3px}.core-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.core-photo-grid figure{margin:0}.core-photo-grid figure figcaption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.core-photo-button{padding:0;display:flex;flex-direction:column;gap:5px;text-align:left}.core-photo-button img{height:150px;object-fit:cover}.core-photo-button span{color:#80678f}.core-full-photo{max-height:65vh;max-width:100%;display:block;margin:20px auto;object-fit:contain}.core-payment-banner{display:flex;align-items:center;justify-content:space-between;padding:26px 30px;background:linear-gradient(100deg,#ede6fa,#f8f5fc);border-radius:16px;margin-bottom:23px}.core-payment-banner .amount{margin:7px 0;color:#8f72a6}.core-payment-banner p{margin:0}.core-bill-total{font-size:43px;font-weight:500;color:#8d6ea8;letter-spacing:-1px;margin:15px 0}.core-fee-items{border-top:1px solid var(--line);padding-top:13px;margin-top:22px}.core-fee-items>.row{font-size:12px;padding:10px 0;color:#80678f}.core-total-line{border-top:1px solid var(--line);margin-top:12px;padding-top:20px!important;font-weight:600;font-size:14px!important}.core-paid-card{background:#f0f8f4;border-color:#e3f1e9}.core-question{padding:18px;background:#f9f7fc;border:1px solid var(--line);border-radius:11px;margin:15px 0;font-size:12px}.core-question p{line-height:1.8;margin:8px 0}.core-pay-summary{padding:20px;background:#f8f4fc;border-radius:12px;margin:22px 0;text-align:center}.core-pay-summary .amount{margin:8px 0}.core-payment-methods{display:flex;flex-direction:column;gap:10px;margin:20px 0}.core-payment-methods label{padding:14px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;gap:13px;cursor:pointer}.core-payment-methods input{margin-left:auto;order:3}.core-payment-logo{background:#dff3e8;width:35px;height:35px;border-radius:9px;color:#77b295;display:grid;place-items:center;font-size:17px}.core-payment-logo.is-blue{background:#e4effb;color:#83a6cc}.core-receipt{text-align:center}.core-success-mark{display:grid;place-items:center;margin:5px auto 16px;border-radius:50%;width:54px;height:54px;background:#e6f5ed;color:#84b99f;font-size:26px}.core-receipt .core-facts{text-align:left}.core-rating-options{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 25px}.core-rating-options label{padding:9px 12px;border-radius:9px;background:#faf6ed;color:#8a6a2a;display:flex;gap:5px;font-size:13px}.core-rating-field>span{font-size:12px;color:#80678f}.core-check{display:flex;align-items:center;gap:8px;font-size:11px;color:#80678f}.core-check input{width:14px;height:14px}.core-bottom-note{font-size:11px;align-items:flex-start}
/* Dialogs and feedback */
.modal-open{overflow:hidden}.modal-backdrop{position:fixed;inset:0;background:#201c344d;backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.modal{background:white;width:100%;max-width:590px;max-height:calc(100dvh - 48px);overflow:auto;border-radius:21px;padding:32px;position:relative;box-shadow:0 25px 100px #21133325;animation:modal-in .2s ease-out}.modal h2{font-size:22px;font-weight:600;margin:0 35px 10px 0;color:#61516d}.modal>p,.modal>form>p{font-size:12px}.modal-close{position:absolute;right:16px;top:15px;background:#f8f5fc;color:#afa0bd}.modal-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.modal-actions button{font-size:12px}.modal .info-box{font-size:11px}.modal .field{font-size:12px}.modal .detail-grid{font-size:12px}.toast{position:fixed;bottom:35px;left:calc(50% + var(--sidebar)/2);transform:translateX(-50%);background:#453951ec;color:#fff;z-index:200;display:flex;align-items:center;gap:9px;padding:13px 22px;border-radius:11px;box-shadow:0 7px 24px #32203f18;font-size:12px;max-width:calc(100vw - 36px);animation:toast-in .2s ease-out}.toast svg{color:#c2e0ce}.community-option{display:flex;align-items:center;gap:15px;border:1px solid var(--line);border-radius:13px;padding:18px;text-align:left;width:100%}.community-option.selected{background:#f7f2fd;border-color:#cdb9e3}.community-option strong{display:block;font-size:16px;margin-bottom:5px}.community-option small{display:block;font-size:11px;color:#80678f}.community-option>svg{color:#b39ac9}@keyframes modal-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{from{opacity:0;bottom:20px}to{opacity:1;bottom:35px}}
@media(min-width:1550px){.main-content{padding-top:38px}.community-hero{height:305px}.home-columns{grid-template-columns:minmax(0,1fr) 315px}.service-grid{gap:27px 16px}.service-icon{height:55px;width:55px}.service-item{font-size:12px}.service-section{padding:26px 35px}}
@media(max-width:1200px){:root{--sidebar:200px}.sidebar{padding:30px 15px}.topbar{padding:0 28px}.main-content{padding:27px 28px}.home-columns{grid-template-columns:minmax(0,1fr) 245px;gap:20px}.service-section{padding:22px 17px}.service-icon{width:43px;height:43px}.service-icon svg{width:23px;height:23px}.service-grid{gap:24px 5px}.service-item{font-size:10px}.home-status,.home-notices{padding:20px}.hero-content{padding:30px}.promo-card{padding:23px 16px}.promo-card h3{font-size:14px}.topbar-actions{gap:12px}.profile-hero{margin:0 -28px}.page-head{align-items:flex-start}.head-actions{max-width:40%;flex-wrap:wrap;justify-content:flex-end}.head-actions button{font-size:11px}.grid{gap:17px}.card{padding:21px}.core-list-card{padding:20px}.core-repair-row,.core-bill-row{gap:12px}.core-service-icon{width:40px;height:40px}.core-row-actions{flex-direction:column;gap:3px}.merchant-art{margin:-21px -21px 23px}.package-card .row{align-items:flex-start;flex-direction:column;gap:10px}.desktop-footer{padding-left:28px;padding-right:28px}}
@media(max-width:1050px){.home-columns{grid-template-columns:1fr}.home-aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.neighbor-note{display:none}.home-aside>.card{margin:0}.service-icon{width:48px;height:48px}.service-item{font-size:11px}.service-grid{gap:24px 12px}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.page-title{font-size:24px}.stat-grid{gap:12px}.stat-value{font-size:26px}.topbar-divider,.breadcrumb{display:none}.topbar-left{gap:10px}.core-repair-row .row.gap{flex-wrap:wrap;gap:6px}.core-detail-grid{grid-template-columns:1fr}.detail-header{align-items:flex-start}.detail-header>.row{flex-wrap:wrap;justify-content:flex-end;max-width:45%}.manager-welcome>span{margin-right:0}.dashboard-stats .card{padding:18px}.dashboard-stats .list-leading{display:none}.service-hero{padding:27px}.service-hero-icon{width:100px;height:100px}.service-hero h2{font-size:21px}.core-search{margin-left:0}.photo-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){:root{--sidebar:0px}.sidebar{display:none}.app-body{margin:0}.topbar{height:72px;padding:0 20px;background:#fff}.topbar-actions{gap:8px}.community-switch{gap:6px}.community-switch>svg:first-child{width:17px}.community-switch span{font-size:13px}.community-switch small{font-size:10px;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-switch>svg:last-child{width:13px}.role-switch{padding:3px;gap:0}.role-switch button{padding:6px 8px;font-size:10px;gap:4px}.role-switch button svg{display:none}.notification-btn{width:28px}.top-avatar{display:none}.main-content{padding:22px 20px 95px;min-height:calc(100dvh - 72px)}.desktop-footer{display:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(68px + env(safe-area-inset-bottom));padding:7px 20px calc(7px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-around;background:#fffffff5;border-top:1px solid #eae6f1;z-index:30;backdrop-filter:blur(12px)}.bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;width:88px;padding:3px 5px;gap:3px;margin:0;background:none;font-size:10px;color:#81718d;line-height:1.4}.bottom-nav .nav-item svg{width:23px;height:23px;stroke-width:1.7}.bottom-nav .nav-item.active{color:var(--purple)}.bottom-nav .nav-item i{display:none}.bottom-nav .nav-item.active svg{fill:#eee8fc;stroke-width:2}.home-page{padding-top:18px}.community-hero{height:232px;border-radius:15px}.hero-content{padding:24px}.hero-content h1{font-size:29px;letter-spacing:2px;margin-top:12px}.hero-eyebrow{font-size:10px;letter-spacing:1.5px}.hero-content p{font-size:10px}.hero-bottom{left:24px;right:20px;bottom:16px;font-size:10px}.hero-bottom svg{width:15px;height:15px}.hero-dots i{height:3px}.hero-shade{background:linear-gradient(90deg,#17364d99,transparent 100%),linear-gradient(0deg,#17374366,transparent 45%)}.community-hero>img{object-position:55% center}.welcome-strip{margin:17px 1px 20px}.welcome-strip>div{font-size:12px;gap:8px}.welcome-strip small{font-size:10px}.welcome-face{font-size:24px}.welcome-strip>.text-link{font-size:10px}.welcome-strip>.text-link svg{width:13px}.home-columns{gap:20px}.card{border-radius:14px;padding:20px;margin-bottom:20px}.service-section{padding:20px 13px}.service-section .section-heading{margin:0 5px 22px}.section-heading h2{font-size:15px}.section-heading .small{font-size:10px}.service-grid{gap:23px 5px}.service-icon{width:43px;height:43px;border-width:1.5px;box-shadow:0 4px 8px #20102d0b}.service-icon svg{width:22px;height:22px}.service-item{font-size:10px;gap:9px}.section-heading h2>i{height:16px}.promo-grid{gap:12px}.promo-card{padding:20px 15px;min-height:148px;border-radius:13px}.promo-card h3{font-size:12px;margin-top:7px}.promo-card span{font-size:6px;letter-spacing:.8px}.promo-card p{font-size:10px;max-width:125px;line-height:1.8}.promo-card b{font-size:10px}.promo-card b svg{width:13px}.promo-art>svg{width:87px;height:87px}.home-aside{grid-template-columns:1fr;gap:20px}.home-notices{display:none}.home-status{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.home-status .section-heading{grid-column:1/-1;margin-bottom:5px}.home-status .due-amount{margin:0}.home-status p{grid-column:1/2;margin:0;font-size:10px}.home-status>.primary{grid-column:2;grid-row:2/4;align-self:center;font-size:10px;padding:9px}.home-status .status-divider{grid-column:1/-1;margin:8px 0 2px}.home-status .status-link{grid-column:1/-1}.due-amount strong{font-size:25px}.page-head{margin:0 0 24px;gap:13px;align-items:flex-start;flex-wrap:wrap}.page-head .head-actions{max-width:100%;justify-content:flex-start}.eyebrow{font-size:10px;letter-spacing:1.1px}.page-title{font-size:23px}.page-description{font-size:11px}.head-actions .primary,.head-actions .secondary{font-size:11px;min-height:36px;padding:9px 12px}.grid,.grid-2,.grid-3{grid-template-columns:1fr;gap:18px;margin-bottom:20px}.grid .card{margin:0}.card-title{font-size:16px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.stat-value{font-size:26px}.stat-label{font-size:10px}.stat-card .small{font-size:10px}.list-row{padding:18px 13px;gap:10px;flex-wrap:wrap}.list-main{min-width:130px}.list-main strong{font-size:12px}.list-sub{font-size:10px}.list-leading{width:38px;height:38px;border-radius:10px}.list-row .primary,.list-row .secondary{font-size:10px;padding:8px 10px;min-height:33px}.list-row .ghost{font-size:10px}.list-row .badge{font-size:10px}.info-box{padding:12px 14px;font-size:11px;margin:18px 0;align-items:flex-start}.info-box svg{width:17px;height:17px;margin-top:3px}.toolbar{gap:14px;margin-bottom:18px}.filters{gap:3px}.filter{padding:6px 9px;font-size:10px}.search-input{max-width:none;font-size:11px}.section-heading{margin-bottom:18px}.empty{padding:30px 15px}.empty h3{font-size:14px}.empty p{font-size:11px}.primary,.secondary,.ghost,.danger{font-size:12px}.detail-header{flex-direction:column;gap:17px}.detail-header>.row{max-width:none;justify-content:flex-start}.detail-header .page-title{margin-top:9px}.detail-grid,.core-facts{gap:18px 13px}.detail-grid strong,.core-facts strong{font-size:12px}.timeline-item{padding-left:20px}.timeline-item .row{flex-direction:column;gap:3px}.timeline-item strong{font-size:12px}.timeline-item p{font-size:11px}.profile-page{padding-top:0}.profile-hero{margin:0 -20px;padding:22px 24px 50px;border-radius:0 0 48% 9% / 0 0 15% 8%}.profile-top .eyebrow{font-size:10px}.profile-identity{gap:18px;margin-top:17px}.profile-avatar{width:70px;height:70px;font-size:27px}.profile-identity h1{font-size:23px}.profile-identity p{font-size:10px}.profile-cert{font-size:10px}.profile-summary{padding:16px 0;margin-bottom:21px}.profile-summary strong{font-size:21px}.profile-summary span{font-size:10px}.profile-list{padding:0 17px;border-radius:13px}.profile-row{gap:12px;padding:17px 0}.profile-row strong{font-size:14px}.profile-row small{display:none}.profile-row>svg{margin-left:auto}.profile-row-icon{width:35px;height:35px;border-radius:10px}.profile-row-icon svg{width:22px;height:22px}.settings-row{font-size:12px;padding:18px 20px}.manager-welcome{padding:24px;align-items:flex-start}.manager-welcome h2{font-size:21px;max-width:210px}.manager-welcome p{font-size:10px;max-width:230px}.manager-welcome>span{display:none}.dashboard-stats{gap:12px}.dashboard-stats .card{padding:17px}.dashboard-stats .list-leading{display:flex;width:28px;height:28px;border-radius:8px}.dashboard-stats .list-leading svg{width:17px;height:17px}.dashboard-stats .text-link{font-size:10px}.quick-work{padding:17px}.quick-work strong{font-size:12px}.quick-work small{font-size:10px}.service-hero{padding:23px;gap:15px}.service-hero-icon{width:70px;height:80px;background:transparent}.service-hero-icon svg{width:53px;height:53px}.service-hero h2{font-size:19px}.service-hero p{font-size:10px}.package-card .row{flex-direction:row;align-items:center}.package-card .tiny-label{font-size:10px}.package-card h3{font-size:17px}.package-card p{margin-bottom:20px}.price{font-size:23px}.wallet-card{padding:25px;border-radius:16px}.wallet-amount{font-size:40px}.energy-chart{gap:16px;padding:0 5px}.chart-column{max-width:35px}.tip-row{font-size:10px}.device-card h2{font-size:16px}.device-art{width:130px;height:140px}.chat-top{padding:18px}.chat-messages{height:360px;padding:18px}.chat-bubble{font-size:12px;max-width:90%;padding:12px 14px}.chat-quick{padding:12px 15px 3px;gap:5px}.chat-quick button{font-size:10px;padding:6px 7px}.chat-form{padding:12px 15px 17px;gap:7px}.chat-form .primary{padding:8px 10px;font-size:11px}.chat-form input{font-size:11px;padding:9px}.house-illustration{height:140px}.business-banner{padding:28px;border-radius:14px}.business-banner h2{font-size:26px}.business-banner p{font-size:10px}.business-banner-art{right:15px;bottom:0;opacity:.6}.business-banner-art svg{width:85px;height:85px}.listing-art{height:180px}.listing-body h3{font-size:17px}.listing-detail-art{height:190px;gap:18px}.listing-detail-art svg{width:70px;height:70px}.listing-detail-art span{font-size:19px}.merchant-art{margin:-20px -20px 23px}.photo-grid{grid-template-columns:1fr}.core-stat-grid{padding:20px;gap:18px}.core-stat-grid .stat-card{border:0!important}.core-stat-grid .stat-value{font-size:26px}.core-stat-grid .small{font-size:10px}.core-search{width:100%;margin:0}.core-search .search-input{flex:1}.core-search .secondary{font-size:10px;padding:8px;min-height:34px}.core-search .secondary svg{width:15px}.core-list-card{padding:18px 15px}.core-list-card .section-heading{margin:0 0 5px}.core-list-card .toolbar{margin-bottom:15px}.core-repair-row,.core-bill-row{flex-wrap:wrap;position:relative;gap:10px;padding:20px 0}.core-service-icon{width:35px;height:35px;border-radius:10px;align-self:flex-start;margin-top:2px}.core-service-icon svg{width:20px;height:20px}.core-title-button{font-size:12px}.core-repair-row .list-main{width:calc(100% - 45px);flex:none}.core-bill-row .list-main{min-width:170px}.core-row-actions{flex-direction:row;justify-content:flex-end;gap:8px;width:100%;padding-top:3px}.core-row-actions button{font-size:10px;padding:7px 11px;min-height:32px}.core-repair-row .small,.core-bill-row .small{font-size:10px}.core-bill-amount{font-size:20px;margin-left:auto;padding-left:45px}.core-inline-note{font-size:10px}.core-stepper{padding:22px 12px;gap:5px}.core-step-dot{width:29px;height:29px;font-size:10px}.core-step:before{top:15px}.core-step strong{font-size:10px}.core-step .small{font-size:10px;max-width:68px;line-height:1.6}.core-facts{margin:20px 0}.core-description p{font-size:12px}.core-payment-banner{padding:20px;gap:15px;flex-wrap:wrap}.core-payment-banner .amount{font-size:30px}.core-payment-banner .small{font-size:10px}.core-bill-total{font-size:36px}.core-fee-items>.row{font-size:11px}.core-photo-button img{height:120px}.core-stars{font-size:22px}.core-rating-options{gap:5px}.core-rating-options label{padding:8px;font-size:11px}.core-bottom-note{font-size:10px}.core-question{padding:15px;font-size:11px}.modal-backdrop{padding:15px;align-items:center}.modal{border-radius:17px;padding:26px 22px;max-height:calc(100dvh - 30px)}.modal h2{font-size:20px}.modal-close{top:12px;right:12px;width:32px;height:32px}.modal-actions{gap:8px;flex-wrap:wrap;padding-top:20px}.modal-actions button{font-size:11px;padding:9px 13px}.modal .field{font-size:11px}.modal input,.modal select,.modal textarea{font-size:12px;padding:10px}.modal .form-grid{gap:0 12px}.modal .field small{font-size:10px}.modal .info-box{font-size:10px}.toast{bottom:85px;left:50%;font-size:11px;width:max-content;padding:12px 17px;max-width:calc(100vw - 30px)}@keyframes toast-in{from{opacity:0;bottom:70px}to{opacity:1;bottom:85px}}.community-option{padding:16px}.community-option strong{font-size:14px}.community-option small{font-size:10px}.skip-link{left:20px}}
@media(max-width:370px){.topbar{padding:0 14px}.community-switch>svg:first-child{display:none}.notification-btn{display:none}.main-content{padding-left:14px;padding-right:14px}.profile-hero{margin-left:-14px;margin-right:-14px}.service-section{padding:19px 9px}.service-icon{width:40px;height:40px}.service-item{font-size:10px}.service-grid{column-gap:2px}.welcome-strip>.text-link{display:none}.promo-card{padding:18px 12px}.promo-card h3{font-size:11px}.modal .form-grid{grid-template-columns:1fr}.grid{gap:16px}.core-title-button{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Compact manager workspace: scoped to manager home only. */
.manager-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 18px}.manager-heading .eyebrow{margin-bottom:3px}.manager-heading h1{font-size:26px;margin:0 0 3px}.manager-heading p{font-size:12px;color:var(--muted);margin:0}.manager-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:linear-gradient(110deg,#ede7fc,#f4f0ff);border:1px solid #e8e0f8;border-radius:14px;padding:13px 0;margin-bottom:20px}.manager-kpis button{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid #dbd1ed;min-width:0}.manager-kpis button:last-child{border:0}.manager-kpis strong{font-size:28px;color:#6543c1;line-height:1.3}.manager-kpis span{font-size:12px;color:#665977}.manager-shortcuts,.manager-tasks,.manager-more{padding:22px}.manager-shortcuts .section-heading,.manager-tasks .section-heading{margin-bottom:18px}.manager-shortcut-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 10px}.manager-shortcut{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;min-width:0;padding:3px}.manager-shortcut .service-icon{position:relative;width:43px;height:43px}.manager-count{position:absolute;right:-7px;top:-5px;background:#b53f60;border:2px solid white;color:white;font-size:10px;min-width:19px;height:19px;border-radius:12px;padding:0 4px;line-height:15px}.manager-pending-count{font-size:12px;color:var(--purple);padding:2px 7px;background:var(--purple-light);border-radius:7px}.manager-task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px}.manager-task{display:flex;align-items:center;gap:10px;text-align:left;padding:12px 0;min-width:0;border-bottom:1px solid var(--line)}.manager-task .list-main strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}.manager-task .list-main small{color:var(--muted);font-size:11px}.manager-task>svg{color:var(--purple)}.manager-service-group{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.manager-service-group h3{font-size:12px;color:var(--muted);margin-bottom:18px}.manager-service-group .service-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px 10px}.manager-service-group .service-icon{width:38px;height:38px}.manager-service-group .service-item{font-size:11px;gap:7px}
@media(max-width:760px){.manager-heading{margin-bottom:12px}.manager-heading .eyebrow{font-size:9px;letter-spacing:1.2px}.manager-heading h1{font-size:22px}.manager-heading p{font-size:10px}.manager-heading .secondary{min-height:34px;padding:8px;font-size:10px;gap:4px}.manager-heading .secondary svg{width:14px}.manager-kpis{padding:11px 0;margin-bottom:14px;border-radius:12px}.manager-kpis button{flex-direction:column;gap:2px}.manager-kpis strong{font-size:23px}.manager-kpis span{font-size:10px}.manager-dashboard .card{padding:16px 12px;margin-bottom:14px}.manager-shortcuts .section-heading,.manager-tasks .section-heading{margin:0 4px 14px}.manager-shortcut-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 5px}.manager-shortcut{font-size:11px;gap:6px;padding:0;min-height:62px}.manager-shortcut .service-icon{width:36px;height:36px}.manager-shortcut .service-icon svg{width:20px;height:20px}.manager-task-grid{grid-template-columns:1fr;gap:0}.manager-task{padding:10px 3px}.manager-task .list-leading{width:32px;height:32px}.manager-task .list-main small{font-size:10px}.manager-service-group .service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px 5px}.manager-service-group .service-icon{width:34px;height:34px}.manager-service-group .service-item{font-size:10px}.manager-more .section-heading{margin-bottom:12px}.manager-service-group{padding-top:14px;margin-top:14px}.manager-service-group h3{font-size:11px;margin-bottom:13px}}

.storage-warning{margin:16px 40px 0;padding:16px;border:1px solid #d88b3c;background:#fff3df;color:#754909;border-radius:12px;display:flex;flex-wrap:wrap;gap:8px 15px;align-items:center}.storage-warning span{flex:1}.storage-warning>div{display:flex;gap:8px}.storage-warning .secondary{font-size:11px}@media(max-width:760px){.storage-warning{margin:12px 20px 0;font-size:11px}}
.support-messages{display:flex;flex-direction:column;gap:14px;padding:20px 0;max-height:480px;overflow:auto}.support-message{background:#f5f3f9;padding:13px 16px;border-radius:12px;max-width:88%;align-self:flex-start}.support-message.from-manager{background:#eee8ff;align-self:flex-end}.support-message strong{font-size:12px}.support-message p{margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere}.support-message small{font-size:10px;color:var(--muted)}
/* Multi-question surveys, private-home lock simulation and explicit guest sessions. */
.auth-header-button{flex-shrink:0;font-size:12px;padding:7px 10px;border-radius:8px;background:var(--purple-light);color:var(--purple-dark);font-weight:650;white-space:nowrap}.auth-choices{display:grid;gap:12px;margin:22px 0}.auth-choice{display:grid;grid-template-columns:48px 1fr 22px;gap:5px 13px;align-items:center;text-align:left;border:1px solid #e7e0f7;background:#faf8ff;border-radius:13px;padding:18px}.auth-choice>.list-leading{grid-row:1/3}.auth-choice>strong{font-size:17px}.auth-choice>small{grid-column:2;color:var(--muted)}.auth-choice>svg{grid-column:3;grid-row:1/3}.guest-login{text-align:left;color:white;padding:0;width:100%}.guest-login strong{font-size:28px;display:flex;align-items:center;gap:8px}.guest-login small{display:block;font-size:12px;margin-top:6px;color:#fff}.guest-profile-content{padding-top:30px}.survey-mode-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 20px}.survey-question{border:0;border-bottom:1px solid var(--line);padding:22px 0;margin:0;min-width:0}.survey-question legend{font-size:16px;font-weight:650;padding:0 0 8px;line-height:1.7;overflow-wrap:anywhere}.survey-question h3{margin-bottom:6px}.survey-options{display:grid;gap:10px}.survey-option{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:13px 15px;cursor:pointer}.survey-option input{flex:0 0 auto;width:18px;height:18px}.survey-option span{overflow-wrap:anywhere}.survey-rating{display:flex;gap:10px;flex-wrap:wrap}.survey-rating label{display:flex;align-items:center;gap:6px;background:var(--purple-light);border-radius:10px;padding:10px 12px}.survey-rating input{width:16px;height:16px}.survey-answer{padding:12px;background:#f6f3fc;border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere}.survey-result{margin-bottom:15px}.survey-result .row{gap:15px}.survey-result strong{white-space:nowrap}.survey-result-track{height:8px;background:#eee9f6;border-radius:6px;overflow:hidden;margin-top:7px}.survey-result-track i{display:block;height:100%;background:var(--purple);border-radius:6px}.survey-text-results{padding-left:20px}.survey-text-results li{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:10px}.survey-builder-question{padding:18px;border:1px solid var(--line);border-radius:12px;margin:16px 0;background:#faf9fd}.survey-builder-question h3{margin:0}.survey-builder-question>.row{margin-bottom:15px}.survey-builder-question .field:last-child{margin-bottom:0}
@media(max-width:700px){.topbar-actions{gap:5px}.auth-header-button{padding:6px 7px;font-size:10px}.topbar .notification-btn{display:none}.community-switch{max-width:136px}.community-switch>span{min-width:0}.community-switch small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:105px}.role-switch button{padding:6px 6px}.survey-question legend{font-size:14px}.survey-question{padding:18px 0}.survey-option{font-size:12px;padding:11px}.survey-rating{gap:6px}.survey-rating label{font-size:11px;padding:8px}.survey-builder-question{padding:13px}.survey-result .row{font-size:12px}.guest-login strong{font-size:26px}.auth-choice{padding:14px}.auth-choice>strong{font-size:15px}.auth-choice>small{font-size:11px}.guest-profile-content{padding-top:25px}}
/* Content: facts, real-record agenda, accessible disclosures and local photos. */
.content-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:18px 0}.content-facts>div{padding:14px;background:var(--bg,#f7f7fa);border:1px solid var(--border,#e9e9ef);border-radius:12px;min-width:0}.content-facts dt{font-size:12px;color:var(--muted);line-height:1.5}.content-facts dd{margin:7px 0 0;font-size:14px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}.content-details{margin:15px 0;padding:15px 17px;border:1px solid var(--border,#e9e9ef);border-radius:12px;background:#fff}.content-details summary{cursor:pointer;font-size:14px;font-weight:650;line-height:1.7}.content-details summary:focus-visible{outline:3px solid var(--purple);outline-offset:5px}.content-details ul{margin:12px 0 2px;padding-left:20px;font-size:13px;line-height:1.9;color:var(--muted)}.content-details.compact{max-width:270px;margin:0}.content-steps{list-style:none;counter-reset:contentstep;padding:0;margin:12px 0}.content-steps li{counter-increment:contentstep;position:relative;padding:0 0 16px 37px}.content-steps li:before{content:counter(contentstep);position:absolute;left:0;top:0;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#eee8fb;color:#634b98;font-size:12px;font-weight:700}.content-steps li strong{font-size:14px;line-height:1.7}.content-steps li p{font-size:13px;line-height:1.75;color:var(--muted);margin:5px 0}.content-history{margin-top:20px}.agenda-list{display:grid;gap:9px}.agenda-item{display:flex;align-items:center;gap:16px;width:100%;padding:14px;border:1px solid var(--border,#e9e9ef);border-radius:12px;background:#fff;text-align:left}.agenda-item:hover{background:#faf8ff}.agenda-time{min-width:48px;font-size:12px;color:var(--muted)}.agenda-time strong{display:block;margin-top:6px;color:#634b98;font-size:16px}.agenda-item .list-main small{display:block;margin-top:6px;color:var(--muted);font-size:12px}.photo-open{position:relative;width:100%;padding:0;background:transparent;border:0;display:block}.photo-open span{position:absolute;right:12px;bottom:12px;padding:6px 10px;border-radius:20px;background:#292237d9;color:white;font-size:12px}.photo-full{width:100%;max-height:65vh;object-fit:contain;border-radius:14px;background:#f4f2f7}.profile-context{padding:2px 4px 18px}.profile-context .content-facts>div{background:white}.guest-tour{margin-top:22px}.manager-progress{margin-bottom:18px}.home-agenda{margin-bottom:20px}.home-agenda .notice-preview:last-child{border-bottom:0}
@media(max-width:640px){.content-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.content-facts>div{padding:11px}.content-facts dd{font-size:12px}.content-facts dt{font-size:11px}.content-details{padding:13px}.content-details.compact{max-width:100%}.agenda-item{gap:12px;padding:11px}.agenda-item strong{font-size:13px}.profile-context{padding:0 6px 12px}.toolbar input[type=date],.toolbar select{max-width:100%;min-width:0}}

/* Guided walkthrough: narration reserves space instead of covering controls. */
.tour-launch{border:1px solid #d9d0fa;background:#f1edff;color:#6145d1;border-radius:10px;padding:9px 13px;font:inherit;font-weight:700;white-space:nowrap;cursor:pointer}
.tour-options{display:grid;gap:12px;margin-top:22px}.tour-active{padding-bottom:260px}.tour-active .modal-backdrop{bottom:250px}.tour-active .bottom-nav{bottom:250px}.tour-player{position:fixed;z-index:1000;bottom:12px;left:max(16px,calc((100vw - 1120px)/2));right:max(16px,calc((100vw - 1120px)/2));background:#fff;border:1px solid #ded5fa;border-radius:18px;box-shadow:0 8px 48px #34225d33;padding:16px 20px;color:#302a46}.tour-heading,.tour-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tour-heading{font-size:12px;color:#777087}.tour-heading>button{margin-left:auto}.tour-badge{color:#6d54e8;font-weight:800}.tour-player button,.tour-player select{border:1px solid #ded9eb;background:#faf9ff;border-radius:8px;padding:7px 11px;font:inherit;cursor:pointer}.tour-player button.primary{background:#6d54e8;color:white}.tour-player button:disabled{opacity:.4;cursor:default}.tour-copy{margin:10px 0}.tour-copy strong{font-size:17px}.tour-copy p{font-size:14px;line-height:1.65;margin:5px 0}.tour-copy small{font-size:12px;color:#81768b}.tour-controls{font-size:12px}.tour-controls label{display:flex;align-items:center;gap:5px}.tour-chapter select{max-width:250px}.tour-progress{height:3px;background:#eee8fb;margin-top:12px;border-radius:5px}.tour-progress i{display:block;height:100%;background:#8869e4;transition:width .3s}.tour-highlight{outline:3px solid #9976ef!important;outline-offset:5px;scroll-margin-bottom:290px;scroll-margin-top:90px}main.tour-highlight{outline:none!important}.tour-active .desktop-footer{margin-bottom:40px}
@media(max-width:700px){.tour-launch{font-size:11px;padding:7px}.tour-player{left:8px;right:8px;bottom:6px;padding:12px;max-height:43dvh;overflow:auto}.tour-copy p{font-size:12px;line-height:1.5}.tour-copy strong{font-size:15px}.tour-copy small{font-size:11px}.tour-active{padding-bottom:45dvh}.tour-active .modal-backdrop{bottom:44dvh;padding:10px}.tour-active .modal{max-height:100%;overflow:auto}.tour-active .bottom-nav{bottom:44dvh}.tour-controls{gap:6px}.tour-player button,.tour-player select{padding:7px}.tour-chapter{width:100%}.tour-chapter select{flex:1;max-width:100%}.tour-highlight{scroll-margin-bottom:48dvh}.topbar-actions{gap:5px}.tour-active .toast{bottom:46dvh}}
@media(prefers-reduced-motion:reduce){.tour-progress i{transition:none}}
@media(max-width:700px){.topbar{height:auto;min-height:72px;flex-wrap:wrap;gap:8px;padding-top:10px;padding-bottom:10px}.topbar-actions{margin-left:auto;flex-wrap:wrap}.tour-heading{gap:6px}.tour-active .main-content{scroll-margin-bottom:48dvh}}