/* app/globals.css */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');*{box-sizing:border-box}body{margin:0;background:#f6f8fc;color:#17213b;font:14px Vazirmatn,Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button{border:0;border-radius:8px;padding:10px 14px;background:#3862e9;color:white;font-weight:700}.new-landing{min-height:100vh;background:linear-gradient(135deg,#f8faff,#eef3ff)}.new-landing nav{height:78px;display:flex;justify-content:space-between;align-items:center;max-width:1140px;margin:auto}.new-landing nav b{font-size:22px}.new-landing nav i{background:#3862e9;color:#fff;padding:4px 8px;border-radius:8px;font-style:normal;margin-right:7px}.new-landing nav button{background:#fff;color:#3862e9;border:1px solid #3862e9}.new-landing section{max-width:1080px;margin:65px auto;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.new-landing section>div>span{color:#3862e9;background:#e8efff;border-radius:20px;padding:7px 12px;font-size:12px}.new-landing h1{font-size:49px;line-height:1.45;margin:18px 0}.new-landing h1 em{color:#3862e9;font-style:normal}.new-landing p{color:#68758e;line-height:2}.new-landing aside{background:linear-gradient(145deg,#17379c,#4775f4);border-radius:25px;padding:35px;color:#fff;display:grid;gap:15px;box-shadow:0 25px 50px #2d56bd33}.new-landing aside b{font-size:23px}.new-landing aside small{color:#cbd8ff}.chart{height:105px;display:flex;gap:11px;align-items:flex-end;direction:ltr}.chart i{width:28px;background:#9ab0ff;border-radius:7px 7px 0 0;height:40%}.chart i:nth-child(2),.chart i:nth-child(5){height:70%}.chart i:nth-child(3){height:95%;background:white}.chart footer{border-top:1px solid #ffffff44;padding-top:14px}.landing-grid{max-width:1080px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.landing-grid article{background:#fff;padding:21px;border:1px solid #e5e9f3;border-radius:14px}.landing-grid b{color:#234abf}.real-app{min-height:100vh;display:flex}.real-app>aside{width:255px;background:#101c3f;color:#b8c4e8;padding:25px 17px;display:flex;flex-direction:column;gap:7px}.logo{font-size:22px;color:#fff;margin:0 9px 18px}.logo:first-letter{background:#3965ef;padding:5px 9px;border-radius:8px}.building{background:#243461;padding:10px;border-radius:8px}.real-app aside button,.real-app aside a{background:transparent;color:#b8c4e8;text-align:right;text-decoration:none;padding:11px;border-radius:7px}.real-app aside button.sel{background:#345de4;color:#fff}.real-app aside small{margin-top:auto;padding:12px}.workspace{padding:33px 45px;width:min(1400px,100%);margin:auto}.workspace header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.workspace h1{margin:5px 0;font-size:25px}.workspace h2{font-size:16px;margin-top:0}.workspace header small,.workspace p,.list span{color:#71809c}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpis article,.wide article,.list,.entry,.report,.setup{background:#fff;border:1px solid #e5e9f3;border-radius:13px;padding:20px}.kpis small{display:block;color:#71809c}.kpis b{font-size:18px;display:block;margin-top:12px}.kpis em{font-size:11px;font-style:normal;color:#71809c}.wide{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:15px}.wide code{display:block;direction:ltr;background:#f4f6fb;padding:9px;border-radius:6px;overflow:hidden;margin:9px 0}.wide button,.request button{padding:6px 10px;font-size:11px}.entry{display:grid;gap:10px;max-width:550px}.entry input,.entry textarea,.setup input{padding:11px;border:1px solid #dce2ef;border-radius:8px}.entry textarea{min-height:90px}.list{margin-top:16px}.list>div{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:center;border-top:1px solid #edf0f5;padding:13px 0}.list em{font-style:normal;color:#db6247}.list button{background:#fff0f0;color:#d84f4f;padding:6px 9px;font-size:11px}.toast{background:#e8f8f0;color:#16865f;padding:10px;border-radius:8px}.setup{max-width:480px;margin:70px auto;display:grid;gap:12px;text-align:center}.report{max-width:600px}.report p{border-top:1px solid #edf0f5;padding-top:12px}@media(max-width:800px){.new-landing nav,.new-landing section,.landing-grid{margin-right:18px;margin-left:18px}.new-landing section,.landing-grid,.wide,.kpis{grid-template-columns:1fr}.new-landing h1{font-size:34px}.real-app>aside{width:70px;padding:18px 7px}.logo span,.real-app aside .building,.real-app aside a,.real-app aside small{display:none}.real-app aside button{font-size:0}.workspace{padding:20px}.list>div{grid-template-columns:1fr 1fr}.workspace header{align-items:start}}


/* app/dashboard.css */
.auth-page{min-height:100vh;background:radial-gradient(circle at 10% 15%,#dce7ff,transparent 30%),#f5f7fc;padding:28px}.auth-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#162343;max-width:1080px;margin:auto;font-size:22px}.auth-brand i,.dash-logo i{display:grid;place-items:center;width:36px;height:36px;background:#3c66ec;color:#fff;border-radius:10px;font-style:normal}.auth-shell{max-width:1000px;margin:55px auto;display:grid;grid-template-columns:1fr 1fr;background:#ffffffb8;border:1px solid #fff;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px #183b8f22;backdrop-filter:blur(18px)}.auth-shell aside{background:linear-gradient(150deg,#142b71,#426ce9);color:#fff;padding:55px}.auth-shell aside>span{color:#bcd0ff}.auth-shell aside h1{font-size:38px;line-height:1.5;margin:15px 0}.auth-shell aside p{color:#d5e0ff;line-height:2;margin-bottom:30px}.auth-shell aside div{margin:12px 0;color:#e6edff}.auth-shell aside div b{color:#8ef0c8;margin-left:8px}.auth-shell form{padding:50px;display:grid;gap:14px}.auth-shell form>small{color:#3c66ec;font-weight:700}.auth-shell h2{font-size:25px;margin:0}.auth-shell form>p{color:#7a859b;margin:0 0 10px}.auth-shell label{display:grid;gap:7px;font-size:12px;font-weight:700}.auth-shell input{border:1px solid #dce2ee;border-radius:9px;padding:12px;background:#fff}.auth-shell input:focus{outline:0;border-color:#426bea;box-shadow:0 0 0 4px #426bea18}.auth-shell form>button{border:0;border-radius:9px;background:#3c66ec;color:#fff;padding:12px;font-weight:700}.auth-switch{background:transparent!important;color:#3c66ec!important}.form-error{background:#fff0f1;color:#c83e49;padding:10px;border-radius:8px;font-size:12px}.app-loading{min-height:100vh;display:grid;place-content:center;text-align:center;color:#76829a}.loader{width:35px;height:35px;border:3px solid #dce4fb;border-top-color:#3c66ec;border-radius:50%;animation:spin .7s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}.dash{min-height:100vh;display:flex;background:radial-gradient(circle at 65% 0,#e2eaff,transparent 30%),#f5f7fc}.dash-side{width:260px;background:linear-gradient(175deg,#0c1737,#172d67);padding:24px 16px;color:#afbee3;display:flex;flex-direction:column;flex-shrink:0}.dash-logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:21px;margin:0 9px 22px}.building-chip{background:#ffffff0d;border:1px solid #ffffff12;border-radius:11px;padding:11px 13px;display:grid;gap:4px;margin-bottom:17px}.building-chip small{font-size:10px}.building-chip b{color:#fff;font-size:12px}.dash-side nav{display:grid;gap:4px}.dash-side nav button,.invite-nav{background:transparent;border:0;color:#afbee3;border-radius:9px;padding:11px 12px;text-align:right;display:flex;align-items:center;gap:11px;font:inherit;cursor:pointer}.dash-side nav button:hover,.invite-nav:hover{background:#ffffff0e;color:#fff}.dash-side nav button.active{background:linear-gradient(100deg,#315be2,#4773f1);color:#fff;box-shadow:0 10px 25px #07184455}.dash-side nav i,.invite-nav i{font-style:normal;width:18px;text-align:center}.invite-nav{margin-top:10px}.invite-nav b{margin-right:auto;background:#f16069;color:#fff;border-radius:10px;padding:1px 6px;font-size:10px}.dash-user{margin-top:auto;border-top:1px solid #ffffff16;padding:17px 5px 0;display:flex;align-items:center;gap:9px}.dash-user>div{width:34px;height:34px;border-radius:50%;background:#ffd8bc;color:#a55028;display:grid;place-items:center;font-weight:800}.dash-user span{display:grid;flex:1}.dash-user span b{color:#fff;font-size:11px}.dash-user small{font-size:9px}.dash-user button{background:transparent;border:0;color:#ff9da2;font-size:18px}.dash-main{width:min(1400px,100%);padding:28px 40px;margin:auto}.dash-main>header{display:flex;align-items:center;justify-content:space-between;background:#ffffff9c;border:1px solid #fff;border-radius:15px;padding:14px 18px;backdrop-filter:blur(17px);box-shadow:0 10px 30px #1735780d;margin-bottom:20px}.dash-main>header small{color:#8590a4}.dash-main>header h1{font-size:22px;margin:4px 0}.dash-main>header>div:last-child{display:flex;gap:9px}.dash-main button{border:0;background:#3c66ec;color:#fff;border-radius:8px;padding:9px 13px;font:inherit;font-weight:700;cursor:pointer;transition:.2s}.dash-main button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #315be533}.dash-main button.ghost{background:#fff;color:#3c5eba;border:1px solid #dfe5f1}.toast{background:#e9f9f2;color:#17805f;border:1px solid #c9edde;border-radius:9px;padding:10px 13px;margin-bottom:14px;display:flex;justify-content:space-between}.hero-panel{background:linear-gradient(110deg,#2449ca,#4b75ed);border-radius:17px;color:#fff;padding:28px 30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 20px 38px #3156c32b;position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;width:260px;height:260px;border:42px solid #ffffff10;border-radius:50%;left:-70px;bottom:-150px}.hero-panel span,.hero-panel p{color:#d8e3ff;font-size:12px}.hero-panel h2{font-size:23px;margin:8px 0}.hero-panel button{background:#fff;color:#315bd9;z-index:1}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:18px 0}.metric,.surface,.entry-card,.empty-setup{background:#ffffffbd;border:1px solid #fff;border-radius:13px;backdrop-filter:blur(15px);box-shadow:0 10px 25px #183d850e}.metric{padding:18px;display:grid;gap:8px;position:relative;overflow:hidden}.metric>i{font-style:normal;width:30px;height:30px;border-radius:8px;display:grid;place-items:center}.metric.blue>i{background:#e7edff;color:#3760df}.metric.green>i{background:#e5f8f0;color:#158d68}.metric.orange>i{background:#fff0de;color:#d17a22}.metric.red>i{background:#ffeded;color:#d74747}.metric span{font-size:11px;color:#77839a}.metric>b{font-size:16px}.metric small{font-weight:400;color:#818ba0;font-size:9px}.dashboard-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.surface-head{padding:18px 20px;border-bottom:1px solid #e9edf4}.surface-head h3{margin:0;font-size:15px}.surface-head p{margin:4px 0 0;color:#8993a6;font-size:10px}.request-row,.data-row{display:flex;align-items:center;gap:11px;padding:12px 20px;border-bottom:1px solid #edf0f5}.request-row:last-child,.data-row:last-child{border:0}.request-row>div,.data-row>div:nth-child(2){display:grid;gap:3px;flex:1}.request-row small,.data-row small{color:#858fa3;font-size:10px}.request-row button{font-size:10px;padding:6px 9px}.invite-card>p{padding:5px 20px;color:#727f96;font-size:12px}.invite-card code,.share-box code{display:block;direction:ltr;background:#f1f4fb;border:1px dashed #aab9df;border-radius:7px;margin:12px 20px;padding:10px;overflow:hidden}.invite-card>button,.share-box>button{margin:0 20px 18px}.empty-state{text-align:center;padding:27px;color:#8b95a7}.empty-state i{font-style:normal;font-size:25px}.entry-card{margin-bottom:15px}.entry-card>div:last-child{padding:16px 20px;display:grid;grid-template-columns:repeat(3,1fr) auto;gap:9px}.entry-card input,.entry-card textarea,.empty-setup input{border:1px solid #dfe4ee;border-radius:8px;padding:10px;background:#fff;font:inherit}.entry-card textarea{grid-column:span 2;min-height:44px;resize:vertical}.data-list{margin-top:14px}.data-row>strong,.data-row>span{margin-right:auto}.unit-badge,.finance-icon{width:34px;height:34px;border-radius:8px;background:#eef2f9;color:#53627d;display:grid!important;place-items:center;flex:none!important}.finance-icon.income{background:#e7f8f1;color:#168e69}.finance-icon.expense{background:#fff0df;color:#d17a23}.finance-icon.notice{background:#edf0ff;color:#5269d8}.debt{color:#d74848}.paid{color:#168b68}.dash-main button.danger{background:#fff0f0;color:#d94949}.row-actions{margin-right:auto;display:flex!important;gap:6px;flex:none!important}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.report-card>div:not(.surface-head){display:flex;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #edf0f5}.report-visual{text-align:center;padding:25px}.donut{width:170px;height:170px;border-radius:50%;margin:30px auto;background:conic-gradient(#3c66ec 0 var(--ratio),#e8ecf4 var(--ratio));display:grid;place-content:center;position:relative}.donut:before{content:"";position:absolute;inset:22px;background:#fff;border-radius:50%}.donut b,.donut span{z-index:1}.donut b{font-size:24px}.donut span{color:#8390a5}.share-box{padding-bottom:18px}.empty-setup{max-width:520px;margin:80px auto;padding:45px;text-align:center;display:grid;gap:12px}.empty-setup>i{font-style:normal;font-size:38px}.empty-setup p{color:#7c879b}.app-loading{min-height:100vh;display:grid;place-content:center;text-align:center}@media(max-width:900px){.dash-side{width:72px;padding:18px 8px}.dash-logo span,.building-chip,.dash-side nav span,.invite-nav span,.dash-user span,.invite-nav b{display:none}.dash-side nav button,.invite-nav{justify-content:center}.dash-main{padding:18px}.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-cols,.report-grid{grid-template-columns:1fr}.entry-card>div:last-child{grid-template-columns:1fr 1fr}.auth-shell{grid-template-columns:1fr}.auth-shell aside{display:none}}@media(max-width:600px){.dash-main{padding:10px}.dash-main>header{align-items:flex-start}.dash-main>header>div:last-child{display:grid}.dash-main>header .ghost{display:none}.hero-panel{display:block;padding:22px}.hero-panel button{margin-top:15px}.metrics{gap:8px}.metric{padding:13px}.entry-card>div:last-child{grid-template-columns:1fr}.entry-card textarea{grid-column:auto}.data-row{flex-wrap:wrap}.auth-page{padding:15px}.auth-shell{margin:35px auto}.auth-shell form{padding:28px}.auth-brand{margin:0}}


/* app/marketing-premium.css */
.marketing{background:radial-gradient(circle at 15% 10%,#dfe9ff,transparent 28%),linear-gradient(140deg,#fbfcff,#eef3ff);overflow:hidden}.marketing-header{position:sticky;top:0;z-index:5;background:#ffffffad;backdrop-filter:blur(18px);border-bottom:1px solid #ffffffcc}.m-hero aside,.feature-cards article,.roles article,.faq details{box-shadow:0 20px 48px #24459b15}.feature-cards article{transition:transform .25s,box-shadow .25s}.feature-cards article:hover{transform:translateY(-8px);box-shadow:0 25px 45px #24459b24}.m-hero aside{position:relative;overflow:hidden}.m-hero aside:after{content:"";position:absolute;width:260px;height:260px;border:45px solid #ffffff15;border-radius:50%;left:-95px;bottom:-140px}.m-hero aside>*{position:relative;z-index:1}.marketing button{transition:.2s}.marketing button:hover{transform:translateY(-3px);box-shadow:0 13px 25px #315be54a}.cta{box-shadow:0 24px 55px #315be54a}.m-footer{margin-top:0}


/* app/invitation.css */
.resident-page{min-height:100vh;background:radial-gradient(circle at 12% 15%,#dce7ff,transparent 30%),#f5f7fc;display:grid;place-items:center;padding:24px}.resident-card{width:min(500px,100%);background:#ffffffc7;border:1px solid #fff;border-radius:22px;padding:34px;box-shadow:0 28px 75px #173b8e20;backdrop-filter:blur(18px)}.resident-card .brand{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:800}.resident-card .brand>.brand-logo-mark{width:38px!important;height:38px!important;border-radius:11px!important}.resident-card>.pill{display:inline-block;margin-top:25px;background:#e8efff;color:#3b63db;border-radius:20px;padding:6px 11px;font-size:11px}.resident-card h1{font-size:25px;margin:15px 0 7px}.resident-card>p{color:#748097;line-height:2}.resident-card form{display:grid;gap:13px;margin-top:22px}.resident-card label{display:grid;gap:7px;font-size:12px;font-weight:700}.resident-card input,.resident-card select{border:1px solid #dfe4ee;border-radius:9px;padding:11px;background:#fff;font:inherit}.resident-card input:focus,.resident-card select:focus{outline:0;border-color:#3c66ec;box-shadow:0 0 0 4px #3c66ec16}.resident-card button,.resident-card .primary{border:0;border-radius:9px;background:#3c66ec;color:#fff;padding:11px 15px;font:inherit;font-weight:700;text-decoration:none;text-align:center}.manager-invites{width:min(720px,100%)}.share-link{display:flex;gap:8px;margin:18px 0}.share-link code{direction:ltr;flex:1;background:#f0f3fa;border:1px dashed #acb9d8;border-radius:7px;padding:10px;overflow:hidden}.request{display:flex;align-items:center;padding:13px 0;border-top:1px solid #e8ecf3}.request>div{display:grid;gap:4px;flex:1}.request span{color:#7c879c;font-size:11px}.request aside{display:flex;gap:7px}.request .reject{background:#fff0f0;color:#d34949}.success{background:#e9f9f2;color:#15815d;padding:9px;border-radius:8px}@media(max-width:600px){.resident-card{padding:24px}.share-link{display:grid}}


/* app/components/landing.css */
:root{--navy:#101b38;--blue:#3862e9;--blue2:#527bf2;--muted:#69758b;--line:#e4e9f2;--paper:#f7f9fd;--green:#16946d}.site{min-height:100vh;background:#f8faff;color:var(--navy);overflow:hidden;direction:rtl}.announcement{height:34px;background:#101d42;color:#dce5ff;display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px}.announcement>span{background:#4d73eb;color:#fff;border-radius:12px;padding:2px 8px}.announcement a{color:#a9c1ff;text-decoration:none}.site-header{height:76px;max-width:1190px;margin:auto;display:flex;align-items:center;padding:0 25px;position:relative;z-index:20}.site-brand{display:flex;align-items:center;gap:9px;color:var(--navy);text-decoration:none;font-size:21px}.site-brand>i{width:35px;height:35px;border-radius:10px;background:linear-gradient(140deg,#2b50d0,#527cf4);color:#fff;display:grid;place-items:center;font-style:normal;box-shadow:0 9px 22px #3158d33d}.site-header nav{display:flex;gap:28px;margin-right:70px}.site-header nav a{color:#536079;text-decoration:none;font-size:12px;position:relative;padding:29px 0}.site-header nav a:after{content:"";position:absolute;right:0;left:100%;bottom:18px;height:2px;background:var(--blue);transition:.2s}.site-header nav a:hover{color:var(--blue)}.site-header nav a:hover:after{left:0}.header-actions{margin-right:auto;display:flex;gap:8px}.site button{font-family:inherit;cursor:pointer}.login-link,.header-cta{border:0;border-radius:8px;padding:9px 15px;font-size:12px;font-weight:700}.login-link{background:transparent;color:#526077}.header-cta{background:var(--blue);color:#fff;box-shadow:0 9px 22px #3158d32b}.menu-button{display:none;border:0;background:transparent;font-size:22px}.hero{max-width:1190px;min-height:650px;margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:50px;align-items:center;padding:60px 25px 90px;position:relative}.hero:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:#dbe5ff;filter:blur(90px);opacity:.75;left:-250px;top:0}.hero-copy,.hero-product{position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid #d9e2f8;background:#ffffffa8;backdrop-filter:blur(10px);border-radius:22px;padding:7px 11px;font-size:11px;color:#50617f}.hero-badge span{color:#22b982;font-size:10px}.hero h1{font-size:58px;line-height:1.34;letter-spacing:-2.5px;margin:19px 0 15px}.hero h1 em{font-style:normal;color:var(--blue);position:relative}.hero h1 em:after{content:"";position:absolute;height:8px;right:0;left:0;bottom:5px;background:#b5c8ff;z-index:-1;border-radius:8px;transform:rotate(-1deg)}.hero-copy>p{color:var(--muted);font-size:15px;line-height:2.05;max-width:490px;margin:0}.hero-actions{display:flex;align-items:center;gap:12px;margin-top:26px}.button-primary{border:0;background:linear-gradient(110deg,#3159db,#4974ef);color:#fff;border-radius:10px;padding:13px 20px;font-weight:800;box-shadow:0 14px 28px #315bd43b;transition:.2s}.button-primary:hover,.header-cta:hover{transform:translateY(-2px);box-shadow:0 18px 32px #315bd44f}.button-primary span{margin-right:8px}.button-play{display:flex;align-items:center;gap:8px;text-decoration:none;color:#39465e;font-weight:700;font-size:12px;padding:10px}.button-play i{width:34px;height:34px;border:1px solid #dbe1ec;background:#fff;border-radius:50%;display:grid;place-items:center;color:var(--blue);font-style:normal;font-size:10px;box-shadow:0 8px 20px #173b7812}.hero-proof{display:flex;align-items:center;gap:11px;margin-top:32px}.avatar-stack{display:flex;direction:ltr;padding-left:7px}.avatar-stack i{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#dce5ff;color:#3456ba;border:2px solid #fff;margin-left:-7px;font-style:normal;font-size:10px;font-weight:800}.avatar-stack i:nth-child(2){background:#ffe6d7;color:#a25732}.avatar-stack i:nth-child(3){background:#ddf5ed;color:#23795e}.avatar-stack i:nth-child(4){background:#f0e4ff;color:#7147a0}.hero-proof>div:last-child{display:grid}.hero-proof b{font-size:11px}.hero-proof span{font-size:9px;color:#8993a6;margin-top:3px}.hero-product{height:490px;display:grid;place-items:center;perspective:1200px}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:420px;height:420px;background:linear-gradient(145deg,#244acb,#527df4);left:30px;top:26px;box-shadow:0 40px 90px #244acb43}.orb-two{width:160px;height:160px;background:#89a8ff;right:10px;bottom:8px;opacity:.45}.product-window{width:620px;max-width:100%;background:#fff;border:1px solid #ffffffb5;border-radius:17px;overflow:hidden;box-shadow:0 35px 80px #0f287054;transform:rotateY(-3deg) rotateX(1deg);position:relative;z-index:2}.window-top{height:34px;background:#f4f6fa;border-bottom:1px solid #e6eaf1;display:flex;align-items:center;gap:6px;padding:0 12px;direction:ltr}.window-top>span{width:7px;height:7px;border-radius:50%;background:#cbd2df}.window-top>span:first-child{background:#ff7b75}.window-top>span:nth-child(2){background:#ffc45e}.window-top>span:nth-child(3){background:#67cf8e}.window-top b{margin-left:auto;margin-right:8px;color:#607089;font-size:8px;direction:rtl}.window-body{height:346px;display:flex;direction:rtl;background:#f7f8fc}.mock-nav{width:54px;background:#122453;display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:7px}.mini-logo{width:25px;height:25px;border-radius:7px;background:#4771ef;color:#fff;display:grid;place-items:center;font-size:10px;margin-bottom:5px}.mock-nav i{width:28px;height:28px;display:grid;place-items:center;color:#91a3cc;font-style:normal;font-size:10px;border-radius:6px}.mock-nav i.active{background:#3b63e1;color:#fff}.mock-content{padding:18px;width:calc(100% - 54px)}.mock-heading{display:flex;justify-content:space-between;align-items:center}.mock-heading>div{display:grid;gap:3px}.mock-heading small{color:#8792a5;font-size:7px}.mock-heading b{font-size:12px}.mock-heading button{border:0;background:#3d66e8;color:#fff;border-radius:5px;font-size:7px;padding:6px 8px}.mock-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.mock-metrics article{background:#fff;border:1px solid #e9edf3;border-radius:8px;padding:10px;display:grid;gap:6px;box-shadow:0 5px 12px #18347708}.mock-metrics span{color:#8290a5;font-size:6px}.mock-metrics b{font-size:12px}.mock-metrics i{font-style:normal;font-size:6px}.mock-metrics .up{color:#15916b}.mock-metrics .down{color:#e05555}.mock-lower{display:grid;grid-template-columns:1.2fr .8fr;gap:8px;margin-top:9px}.chart-card,.resident-card-mini{background:#fff;border:1px solid #e9edf3;border-radius:8px;padding:10px}.chart-card>div:first-child{display:flex;justify-content:space-between}.chart-card b,.resident-card-mini>b{font-size:8px}.chart-card span{font-size:6px;color:#8d97a9}.line-chart{height:95px;display:flex;gap:12px;align-items:end;padding:12px 10px 0;border-bottom:1px solid #dfe4ee;position:relative}.line-chart:before,.line-chart:after{content:"";position:absolute;left:0;right:0;border-top:1px dashed #e5e9f1}.line-chart:before{top:35px}.line-chart:after{top:65px}.line-chart i{flex:1;background:linear-gradient(#456fee,#bed0ff);border-radius:3px 3px 0 0;height:28%;position:relative;z-index:1}.line-chart i:nth-child(2){height:45%}.line-chart i:nth-child(3){height:38%}.line-chart i:nth-child(4){height:62%}.line-chart i:nth-child(5){height:52%}.line-chart i:nth-child(6){height:78%}.line-chart i:nth-child(7){height:88%;background:linear-gradient(#19a47a,#b8ebdb)}.chart-labels{display:flex;justify-content:space-between;margin-top:4px}.resident-card-mini>div{display:flex;align-items:center;gap:5px;border-top:1px solid #edf0f4;padding:10px 0}.resident-card-mini>div>i{width:21px;height:21px;border-radius:5px;background:#edf1f8;display:grid;place-items:center;font-style:normal;font-size:6px}.resident-card-mini>div>span{display:grid;gap:2px;flex:1;font-size:7px}.resident-card-mini small{font-size:5px;color:#8b96aa}.resident-card-mini strong{font-size:6px;color:#168d69}.floating-card{position:absolute;z-index:4;background:#ffffffd9;border:1px solid #fff;backdrop-filter:blur(16px);box-shadow:0 16px 36px #112d7440;border-radius:11px}.paid-float{left:-5px;bottom:48px;padding:11px 14px;display:flex;align-items:center;gap:8px;animation:float 4s ease-in-out infinite}.paid-float>i{width:29px;height:29px;border-radius:8px;background:#e2f7ef;color:#168c69;display:grid;place-items:center;font-style:normal;font-weight:800}.paid-float>div{display:grid}.paid-float b{font-size:9px}.paid-float span{font-size:6px;color:#7b879a;margin-top:2px}.debt-float{right:5px;top:65px;padding:10px 13px;display:grid;gap:3px;animation:float 4.5s ease-in-out 1s infinite}.debt-float span{font-size:6px;color:#7e899d}.debt-float b{font-size:13px}.debt-float i{font-style:normal;color:#158d68;font-size:6px}@keyframes float{50%{transform:translateY(-9px)}}.trust-bar{background:#fff;border-block:1px solid var(--line);min-height:94px;display:flex;align-items:center;justify-content:center;gap:65px;padding:20px}.trust-bar p{font-size:13px;color:#5c6980}.trust-bar p b{color:var(--navy)}.trust-bar>div{display:flex;align-items:center;gap:18px;color:#798498;font-size:10px}.trust-bar i{width:4px;height:4px;border-radius:50%;background:#b8c1d2}.section{max-width:1160px;margin:0 auto;padding:115px 25px}.section-title>span,.process-copy>span,.faq-copy>span{color:var(--blue);font-size:11px;font-weight:800}.section-title h2,.process h2,.faq-copy h2{font-size:35px;line-height:1.55;letter-spacing:-1px;margin:12px 0}.section-title>p,.process-copy>p,.faq-copy>p{color:var(--muted);line-height:2;max-width:580px}.section-title.centered{text-align:center}.section-title.centered>p{margin-inline:auto}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:45px}.pain-grid article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:25px;transition:.25s;position:relative;overflow:hidden}.pain-grid article:hover{transform:translateY(-7px);box-shadow:0 22px 45px #17397914;border-color:#ced9f2}.pain-grid article>i{font-style:normal;color:#b2bfd9;font-size:11px}.pain-grid h3{font-size:15px;margin:25px 0 9px}.pain-grid p{color:var(--muted);font-size:11px;line-height:2}.pain-grid a{color:var(--blue);text-decoration:none;font-size:10px;font-weight:700;display:inline-block;margin-top:12px}.feature-section{max-width:1210px;background:linear-gradient(180deg,#f2f5fb,#f8faff);border-radius:35px;padding-inline:50px}.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px}.bento article{min-height:225px;background:#ffffffc2;border:1px solid #fff;border-radius:17px;padding:23px;position:relative;overflow:hidden;backdrop-filter:blur(12px);box-shadow:0 12px 30px #1c42850a;transition:.25s}.bento article:hover{transform:translateY(-7px);box-shadow:0 25px 45px #193d8219}.feature-icon{width:37px;height:37px;border-radius:10px;background:#e9efff;color:#3e65df;display:grid;place-items:center;font-size:17px}.bento article>small{position:absolute;left:20px;top:20px;color:#b7c0d1}.bento h3{font-size:15px;margin:26px 0 9px}.bento p{color:#6c788e;font-size:11px;line-height:2}.feature-arrow{position:absolute;left:20px;bottom:18px;color:#8793a8;transition:.2s}.bento article:hover .feature-arrow{left:14px;color:var(--blue)}.bento .feature-primary{grid-row:span 2;background:linear-gradient(150deg,#3159db,#5079ef);color:#fff;min-height:464px}.feature-primary .feature-icon{background:#ffffff1d;color:#fff}.feature-primary>small,.feature-primary p,.feature-dark p,.feature-dark>small{color:#d5e1ff}.feature-primary:after{content:"";position:absolute;width:280px;height:280px;border:45px solid #ffffff0d;border-radius:50%;bottom:-160px;left:-90px}.bento .feature-dark{background:#142654;color:#fff}.feature-dark .feature-icon{background:#ffffff12;color:#fff}.bento .feature-wide{grid-column:span 2}.process{background:linear-gradient(125deg,#0f1f49,#193773);color:#fff;padding:95px max(25px,calc((100% - 1100px)/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;position:relative;overflow:hidden}.process:after{content:"";position:absolute;width:450px;height:450px;border:70px solid #ffffff08;border-radius:50%;left:-180px;bottom:-280px}.process-copy{position:relative;z-index:1}.process-copy>span{color:#93b1ff}.process-copy>p{color:#acbce0}.process-copy button{border:1px solid #ffffff2e;background:#ffffff10;color:#fff;border-radius:9px;padding:11px 16px;margin-top:15px}.process ol{list-style:none;margin:0;padding:0;display:grid;gap:13px;position:relative;z-index:1}.process li{display:flex;gap:16px;background:#ffffff0a;border:1px solid #ffffff12;border-radius:13px;padding:19px;transition:.2s}.process li:hover{background:#ffffff12;transform:translateX(-5px)}.process li>i{width:37px;height:37px;border-radius:10px;background:#416ce8;display:grid;place-items:center;font-style:normal;font-weight:800;flex:none}.process li>div{display:grid;gap:5px}.process li b{font-size:13px}.process li p{font-size:10px;color:#aebee0;margin:0}.role-switch{display:grid;grid-template-columns:1fr 190px 1fr;gap:18px;margin-top:45px;align-items:stretch}.role-switch>article{border-radius:19px;padding:27px;border:1px solid var(--line);background:#fff;box-shadow:0 18px 40px #1839790d}.manager-role{border-top:3px solid #4169e9!important}.resident-role{border-top:3px solid #18a276!important}.role-top{display:flex;align-items:center;gap:11px}.role-top>i{width:42px;height:42px;border-radius:12px;background:#e8eeff;color:#3860db;display:grid;place-items:center;font-style:normal;font-weight:800}.resident-role .role-top>i{background:#e5f7f0;color:#168d69}.role-top span{display:grid}.role-top small{color:#8290a6;font-size:9px}.role-top b{font-size:14px;margin-top:3px}.role-switch ul{list-style:none;padding:0;margin:25px 0;display:grid;gap:12px}.role-switch li{font-size:11px;color:#626f86}.role-switch li:before{content:"✓";color:#1a9b72;margin-left:8px;font-weight:900}.role-switch article button{width:100%;border:1px solid #dbe2f1;background:#f8faff;color:#345bd3;border-radius:9px;padding:10px;font-weight:700}.role-center{border-radius:90px;background:linear-gradient(180deg,#e7edff,#f1f4fb);display:grid;place-content:center;text-align:center;gap:15px}.building-graphic{width:94px;height:118px;margin:auto;background:#fff;border-radius:8px 8px 3px 3px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:14px;box-shadow:0 18px 30px #234b9b20;position:relative}.building-graphic:after{content:"";position:absolute;width:28px;height:23px;background:#3d65df;bottom:0;right:33px;border-radius:4px 4px 0 0}.building-graphic i{background:#cad7fa;border-radius:3px}.role-center>span{font-size:9px;color:#65728a;line-height:1.8}.numbers{background:#fff;border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:36px max(25px,calc((100% - 1100px)/2));gap:20px}.numbers article{display:grid;text-align:center;gap:6px;border-left:1px solid var(--line)}.numbers article:last-child{border:0}.numbers b{font-size:27px;color:#3159d8}.numbers span{font-size:10px;color:#79859a}.stories{padding-bottom:125px}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}.story-grid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:23px;transition:.2s}.story-grid article:hover{transform:translateY(-6px);box-shadow:0 22px 45px #18397912}.stars{color:#ffb645;letter-spacing:2px;font-size:11px}.story-grid article>p{color:#5f6c82;font-size:11px;line-height:2.1;min-height:93px}.story-grid footer{display:flex;align-items:center;gap:9px;border-top:1px solid #edf0f4;padding-top:14px}.story-grid footer>i{width:34px;height:34px;border-radius:50%;background:#e8eeff;color:#365ed9;display:grid;place-items:center;font-style:normal}.story-grid footer>span{display:grid}.story-grid footer b{font-size:10px}.story-grid footer small{font-size:8px;color:#8792a6;margin-top:3px}.faq-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:75px}.faq-copy a{color:var(--blue);font-size:11px}.faq-list{display:grid;gap:10px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 18px;transition:.2s}.faq-list details[open]{border-color:#cdd8f4;box-shadow:0 13px 25px #1739790c}.faq-list summary{list-style:none;cursor:pointer;font-weight:700;font-size:12px;padding:17px 0;display:flex;justify-content:space-between}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary i{font-style:normal;color:var(--blue)}.faq-list p{color:#68758c;font-size:10px;line-height:2;border-top:1px solid #edf0f4;padding:13px 0;margin:0}.final-cta{max-width:1120px;margin:10px auto 100px;text-align:center;background:linear-gradient(115deg,#254ccf,#4e78ed);color:#fff;border-radius:24px;padding:63px 25px;position:relative;overflow:hidden;box-shadow:0 30px 60px #315bd43c}.cta-glow{position:absolute;width:450px;height:450px;border:70px solid #ffffff0c;border-radius:50%;left:-160px;bottom:-270px}.final-cta>*:not(.cta-glow){position:relative}.final-cta>span{font-size:10px;color:#c9d8ff}.final-cta h2{font-size:32px;margin:11px}.final-cta p{color:#d5e1ff}.final-cta>div:last-child{display:flex;justify-content:center;gap:10px;margin-top:22px}.final-cta button,.final-cta a{border:0;border-radius:9px;padding:11px 16px;font:inherit;font-size:11px;font-weight:800;text-decoration:none}.final-cta button{background:#fff;color:#3159d8}.final-cta a{border:1px solid #ffffff45;color:#fff}.site-footer{background:#0e1936;color:#ccd7f2;padding:65px max(25px,calc((100% - 1100px)/2)) 25px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:50px}.site-footer .site-brand{color:#fff}.footer-brand>p{color:#8999bc;font-size:10px;line-height:2;max-width:300px}.socials{display:flex;gap:7px;margin-top:16px}.socials a{width:30px;height:30px;border-radius:7px;background:#ffffff0d;border:1px solid #ffffff12;color:#aebee1;display:grid;place-items:center;text-decoration:none;font-size:9px}.footer-main>div:not(.footer-brand){display:flex;flex-direction:column;gap:10px}.footer-main>div>b{color:#fff;font-size:11px;margin-bottom:7px}.footer-main a,.footer-main span{color:#93a3c5;text-decoration:none;font-size:9px}.footer-main small{color:#647597;font-size:8px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff10;margin-top:45px;padding-top:20px;color:#7181a3;font-size:8px}.footer-bottom>div{display:flex;gap:15px}.footer-bottom a{color:#7181a3;text-decoration:none}.footer-bottom b{font-size:8px;color:#899abd}.site a,.site button{transition:.2s}.site button:hover{transform:translateY(-2px)}@media(max-width:1000px){.hero{grid-template-columns:1fr;padding-top:45px}.hero-copy{text-align:center}.hero-copy>p{margin:auto}.hero-actions,.hero-proof{justify-content:center}.hero-product{height:500px}.product-window{width:650px}.site-header nav{margin-right:35px}.bento{grid-template-columns:1fr 1fr}.bento .feature-primary{grid-row:auto;min-height:225px}.process{grid-template-columns:1fr}.role-switch{grid-template-columns:1fr 140px 1fr}.trust-bar{gap:25px}.faq-section{grid-template-columns:1fr}.footer-main{grid-template-columns:2fr 1fr 1fr}}@media(max-width:760px){.announcement{font-size:9px}.announcement a{display:none}.site-header{height:66px}.site-header nav{position:absolute;top:66px;right:15px;left:15px;background:#fffffff5;border:1px solid var(--line);border-radius:13px;padding:10px;display:none;box-shadow:0 18px 40px #1739791f}.site-header nav.open{display:grid}.site-header nav a{padding:10px}.site-header nav a:after{display:none}.header-actions{display:none}.menu-button{display:block;margin-right:auto}.hero{padding-top:30px;min-height:auto}.hero h1{font-size:40px}.hero-product{height:380px}.product-window{transform:none}.floating-card{display:none}.window-body{height:300px}.mock-content{padding:12px}.mock-lower{grid-template-columns:1fr}.resident-card-mini{display:none}.trust-bar{display:grid;text-align:center}.trust-bar>div{flex-wrap:wrap;justify-content:center}.section{padding:75px 18px}.section-title h2,.process h2,.faq-copy h2{font-size:28px}.pain-grid,.story-grid{grid-template-columns:1fr}.feature-section{border-radius:0;padding-inline:18px}.bento{grid-template-columns:1fr}.bento .feature-wide{grid-column:auto}.process{padding:70px 18px}.role-switch{grid-template-columns:1fr}.role-center{display:none}.numbers{grid-template-columns:1fr 1fr}.numbers article:nth-child(2){border:0}.faq-section{gap:30px}.final-cta{margin:0 15px 70px;padding:45px 18px}.final-cta h2{font-size:25px}.footer-main{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.footer-bottom{display:grid;gap:12px}.mock-metrics{gap:4px}.mock-metrics article{padding:7px}}@media(max-width:480px){.hero h1{font-size:34px}.hero-actions{display:grid}.button-play{justify-content:center}.hero-product{height:315px}.window-top{height:28px}.window-body{height:245px}.mock-metrics article:nth-child(3){display:none}.mock-metrics{grid-template-columns:1fr 1fr}.chart-card{padding:7px}.line-chart{height:78px}.numbers{grid-template-columns:1fr}.numbers article{border-left:0;border-bottom:1px solid var(--line);padding-bottom:15px}.footer-main{grid-template-columns:1fr}.footer-brand{grid-column:auto}}


/* app/components/landing-polish.css */
/* Final landing-page interaction and readability layer. */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 96px;
}

.site-header {
  position: sticky;
  top: 0;
  max-width: none;
  padding-inline: max(25px, calc((100% - 1140px) / 2));
  background: #f8faffd9;
  border-bottom: 1px solid #dfe6f22b;
  backdrop-filter: blur(18px) saturate(150%);
  -webkit-backdrop-filter: blur(18px) saturate(150%);
  box-shadow: 0 10px 35px #17397908;
}

.announcement { font-size: 13px; }
.site-header nav a {
  font-size: 14px;
  font-weight: 600;
  transition: color .3s ease, transform .3s ease;
}
.site-header nav a:hover { transform: translateY(-2px); }
.login-link, .header-cta {
  font-size: 13px;
  padding: 10px 17px;
  transition: transform .3s ease, box-shadow .3s ease, background .3s ease;
}

.hero-badge {
  font-size: 13px;
  padding: 8px 13px;
  box-shadow: 0 10px 30px #315bd410;
}
.hero-copy > p { font-size: 17px; line-height: 2.1; }
.button-primary {
  font-size: 14px;
  padding: 14px 22px;
  transition: transform .3s ease, box-shadow .3s ease, filter .3s ease;
}
.button-primary:hover { transform: translateY(-3px) scale(1.015); filter: saturate(1.15); }
.button-play { font-size: 14px; transition: color .3s ease, transform .3s ease; }
.button-play:hover { color: var(--blue); transform: translateX(-4px); }
.button-play i { transition: transform .35s ease, box-shadow .35s ease; }
.button-play:hover i { transform: scale(1.12); box-shadow: 0 12px 28px #315bd42e; }
.hero-proof b { font-size: 13px; }
.hero-proof span { font-size: 11px; }

.hero-highlights {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}
.hero-highlights span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 11px;
  background: #ffffffa8;
  border: 1px solid #dde5f4;
  border-radius: 999px;
  color: #647087;
  font-size: 11px;
  box-shadow: 0 8px 25px #18397908;
  backdrop-filter: blur(10px);
  transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.hero-highlights span:hover {
  transform: translateY(-3px);
  border-color: #bfcdf0;
  box-shadow: 0 13px 28px #18397912;
}
.hero-highlights i { font-style: normal; color: #14936d; font-weight: 900; }
.product-window { transition: transform .55s cubic-bezier(.2,.8,.2,1), box-shadow .55s ease; }
.hero-product:hover .product-window {
  transform: rotateY(0) rotateX(0) translateY(-5px);
  box-shadow: 0 44px 95px #0f287064;
}

.trust-bar p { font-size: 15px; }
.trust-bar > div { font-size: 12px; }
.capability-rail {
  direction: ltr;
  overflow: hidden;
  background: #eef3ff;
  border-bottom: 1px solid #dce5f5;
  padding: 15px 0;
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
}
.rail-track {
  width: max-content;
  display: flex;
  align-items: center;
  gap: 11px;
  animation: railMove 32s linear infinite;
}
.capability-rail:hover .rail-track { animation-play-state: paused; }
.rail-track span {
  direction: rtl;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 15px;
  border: 1px solid #dbe4f7;
  border-radius: 999px;
  background: #ffffffb8;
  color: #596783;
  font-size: 12px;
  font-weight: 700;
  box-shadow: 0 8px 20px #1739790a;
  transition: transform .3s ease, color .3s ease, border-color .3s ease;
}
.rail-track span:hover { transform: translateY(-2px); color: var(--blue); border-color: #bdcbef; }
.rail-track i { font-style: normal; color: #4168e5; }
@keyframes railMove { to { transform: translateX(-50%); } }

.section-title > span, .process-copy > span, .faq-copy > span { font-size: 13px; }
.section-title h2, .process h2, .faq-copy h2 { font-size: 38px; }
.section-title > p, .process-copy > p, .faq-copy > p { font-size: 15px; }
.pain-grid article, .bento article, .story-grid article, .role-switch > article { isolation: isolate; }
.pain-grid article::before, .bento article::before, .story-grid article::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  top: -100px;
  left: -100px;
  background: radial-gradient(circle, #aac0ff55, transparent 68%);
  transition: transform .6s ease, opacity .6s ease;
  opacity: 0;
}
.pain-grid article:hover::before, .bento article:hover::before, .story-grid article:hover::before {
  transform: translate(55px, 55px) scale(1.7);
  opacity: 1;
}
.pain-grid h3, .bento h3 { font-size: 18px; }
.pain-grid p, .bento p { font-size: 14px; line-height: 2.05; }
.pain-grid a { font-size: 13px; }
.feature-icon { transition: transform .35s ease, box-shadow .35s ease; }
.bento article:hover .feature-icon { transform: rotate(-7deg) scale(1.08); box-shadow: 0 10px 24px #315bd425; }
.process-copy button { font-size: 13px; transition: transform .3s ease, background .3s ease; }
.process-copy button:hover { background: #ffffff1b; transform: translateX(-5px); }
.process li { transition: transform .3s ease, background .3s ease, border-color .3s ease; }
.process li b { font-size: 16px; }
.process li p { font-size: 13px; line-height: 1.9; }
.role-switch > article { transition: transform .35s ease, box-shadow .35s ease; }
.role-switch > article:hover { transform: translateY(-7px); box-shadow: 0 28px 55px #18397919; }
.role-top small { font-size: 11px; }
.role-top b { font-size: 17px; }
.role-switch li { font-size: 14px; }
.role-switch article button { font-size: 13px; transition: transform .3s ease, background .3s ease, box-shadow .3s ease; }
.role-switch article button:hover { background: #edf2ff; box-shadow: 0 12px 25px #315bd416; }
.numbers article { transition: transform .3s ease; }
.numbers article:hover { transform: translateY(-4px); }
.numbers b { transition: transform .3s ease; }
.numbers article:hover b { transform: scale(1.06); }
.numbers span { font-size: 13px; }
.marketing-pricing { max-width: 1210px; }
.marketing-plan-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 45px; align-items: stretch; }
.marketing-plan-grid article { background: #fff; border: 1px solid #e1e7f1; border-radius: 20px; padding: 28px; display: flex; flex-direction: column; position: relative; box-shadow: 0 14px 35px #1739790b; transition: transform .35s ease, box-shadow .35s ease; }
.marketing-plan-grid article:hover { transform: translateY(-8px); box-shadow: 0 28px 55px #17397918; }
.marketing-plan-grid article.recommended { border: 2px solid #3e67e7; background: linear-gradient(180deg, #f8faff, #fff); transform: translateY(-10px); }
.marketing-plan-grid article.recommended:hover { transform: translateY(-16px); }
.marketing-plan-grid article > span { position: absolute; top: -13px; right: 24px; color: #fff; background: #3e67e7; border-radius: 999px; padding: 6px 12px; font-size: 10px; font-weight: 800; }
.marketing-plan-grid h3 { font-size: 21px; margin: 0 0 7px; }
.marketing-plan-grid p { color: #758198; margin: 0; min-height: 50px; }
.marketing-plan-grid article > b { font-size: 25px; margin: 20px 0; }
.marketing-plan-grid article > b small { font-size: 10px; color: #8792a6; }
.marketing-plan-grid ul { list-style: none; padding: 0; margin: 0 0 24px; display: grid; gap: 11px; color: #5f6d84; }
.marketing-plan-grid li::before { content: "✓"; color: #15916b; font-weight: 900; margin-left: 8px; }
.marketing-plan-grid button { margin-top: auto; border: 1px solid #dce4f5; color: #345cd8; background: #f7f9ff; padding: 12px; }
.marketing-plan-grid .recommended button { background: #3e67e7; color: #fff; border-color: #3e67e7; }
.story-grid article { position: relative; overflow: hidden; }
.stars { font-size: 13px; }
.story-grid article > p { font-size: 14px; line-height: 2.15; }
.story-grid footer b { font-size: 13px; }
.story-grid footer small { font-size: 11px; }
.faq-copy a { font-size: 13px; }
.faq-list summary { font-size: 15px; padding: 20px 0; }
.faq-list summary i { transition: transform .3s ease; }
.faq-list details[open] summary i { transform: rotate(45deg); }
.faq-list p { font-size: 13px; }
.final-cta > span { font-size: 12px; }
.final-cta p { font-size: 15px; }
.final-cta button, .final-cta a { font-size: 13px; transition: transform .3s ease, background .3s ease; }
.final-cta button:hover, .final-cta a:hover { transform: translateY(-3px); }
.footer-brand > p { font-size: 13px; }
.site-brand > span { display: grid; gap: 1px; line-height: 1.1; }
.site-brand > span > small { color: #7f8da8; direction: ltr; font-size: 8px; font-weight: 800; letter-spacing: 1.3px; }
.site-footer .site-brand > span > small { color: #7890bd; }
.socials a { font-size: 11px; transition: transform .3s ease, background .3s ease, color .3s ease; }
.socials a:hover { transform: translateY(-4px); background: #ffffff19; color: #fff; }
.footer-main > div > b { font-size: 14px; }
.footer-main a, .footer-main span { font-size: 12px; transition: color .25s ease, transform .25s ease; }
.footer-main a:hover { color: #fff; transform: translateX(-3px); }
.footer-main small { font-size: 10px; }
.footer-bottom { font-size: 11px; }
.footer-bottom b { font-size: 11px; }
.footer-bottom .creator-link {
  display: inline-flex;
  margin-right: 4px;
  padding: 5px 9px;
  border: 1px solid #ffffff17;
  border-radius: 999px;
  color: #c9d8ff;
  background: #ffffff0a;
  font-weight: 800;
}
.footer-bottom .creator-link:hover {
  color: #fff;
  background: #4169e8;
  border-color: #4169e8;
  transform: translateY(-2px);
}

@media (max-width: 760px) {
  .announcement { font-size: 10px; }
  .hero-copy > p { font-size: 15px; }
  .hero-highlights { justify-content: center; }
  .site-header { padding-inline: 18px; }
  .section-title h2, .process h2, .faq-copy h2 { font-size: 30px; }
  .section-title > p, .process-copy > p, .faq-copy > p { font-size: 14px; }
  .pain-grid p, .bento p, .role-switch li, .story-grid article > p { font-size: 13px; }
  .footer-bottom b { line-height: 2; }
  .marketing-plan-grid { grid-template-columns: 1fr; }
  .marketing-plan-grid article.recommended { transform: none; }
  .marketing-plan-grid article.recommended:hover { transform: translateY(-8px); }
}

/* Hero copy is intentionally concise: the product preview already explains the dashboard. */
.hero-actions { gap: 15px; margin-top: 28px; }
.hero-actions > small { color: #7b879b; font-size: 11px; font-weight: 700; }

@media (max-width: 480px) {
  .hero-actions > small { text-align: center; }
}

/* Expanded premium product story */
.site-header .brand-logo-mark,.site-footer .brand-logo-mark{width:42px!important;height:42px!important}.site-header{height:82px}.site-header::before{content:"";position:absolute;inset:8px 12px;border:1px solid #ffffffb8;border-radius:18px;background:#ffffff9e;box-shadow:0 14px 40px #1735780d;backdrop-filter:blur(18px);z-index:-1}.site-header nav{margin-right:55px}.bento .feature-support{background:linear-gradient(145deg,#f0fbf7,#fff);border-color:#d8eee7}.feature-support .feature-icon{color:#158064;background:#dff5ed}.bento .feature-admin{background:linear-gradient(145deg,#142958,#244da5);color:#fff}.feature-admin p,.feature-admin>small{color:#c5d3f1}.feature-admin .feature-icon{color:#fff;background:#ffffff12}.role-switch{grid-template-columns:repeat(3,1fr)}.admin-role{border-top:3px solid #8159d6!important;background:linear-gradient(150deg,#fff,#faf7ff)!important}.admin-role .role-top>i{color:#7249bd;background:#eee6ff}.platform-showcase{max-width:1160px;margin:0 auto 105px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:60px;padding:70px 65px;border:1px solid #fff;border-radius:31px;background:radial-gradient(circle at 15% 10%,#dce8ff,transparent 34%),linear-gradient(145deg,#f4f7fd,#eef3fb);box-shadow:0 30px 80px #17357814}.platform-copy>span{color:#315bd9;font-size:11px;font-weight:800}.platform-copy h2{margin:13px 0;font-size:34px;line-height:1.55}.platform-copy>p{color:#65728a;line-height:2}.platform-copy>div{display:grid;gap:9px;margin-top:23px}.platform-copy article{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #fff;border-radius:12px;background:#ffffff8f}.platform-copy article>i{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;color:#fff;background:#3c66ec;font-style:normal;font-weight:900}.platform-copy article span{display:grid}.platform-copy article b{font-size:11px}.platform-copy article small{color:#8290a6;font-size:8px}.support-preview{position:relative;overflow:hidden;padding:13px;border:1px solid #fff;border-radius:20px;background:#ffffffd9;box-shadow:0 28px 65px #173b7b24;transform:rotate(-1deg)}.support-preview::before{content:"";position:absolute;width:220px;height:220px;left:-100px;top:-120px;border-radius:50%;background:#7697f42b;filter:blur(2px)}.support-preview>header{position:relative;display:flex;align-items:center;gap:8px;padding:7px 6px 13px;border-bottom:1px solid #e8edf5}.support-preview>header>span{display:flex;align-items:center;gap:6px;color:#18316d;font-weight:900}.support-preview>header .brand-logo-mark{width:29px!important;height:29px!important;border-radius:9px!important}.support-preview>header>b{margin-right:auto}.support-preview>header>em{padding:4px 7px;border-radius:20px;color:#b8681e;background:#fff0de;font-size:8px;font-style:normal}.support-preview>article{position:relative;display:flex;align-items:flex-start;gap:10px;margin-top:10px;padding:14px;border:1px solid #e5eaf3;border-radius:13px;background:#fff}.support-preview>article>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#167b5e;background:#e4f7ef;font-style:normal;font-weight:900}.support-preview>article.urgent>i{color:#bd3e49;background:#ffeaec}.support-preview article>span{display:grid;gap:3px;flex:1}.support-preview article small{color:#8390a5;font-size:8px}.support-preview article p{margin:0;color:#748197;font-size:8px}.support-preview article>em{padding:4px 7px;border-radius:20px;color:#956018;background:#fff1dc;font-size:7px;font-style:normal}.support-preview article:not(.urgent)>em{color:#167b5e;background:#e4f7ef}.support-preview>footer{display:flex;justify-content:space-between;margin-top:12px;padding:12px 8px 3px;color:#758299;font-size:8px}.support-preview>footer b{color:#315bd9}.site-footer .brand-logo-mark{background-size:170%!important}
@media(max-width:1000px){.platform-showcase{grid-template-columns:1fr;margin-inline:20px}.role-switch{grid-template-columns:1fr 1fr}.admin-role{grid-column:1/-1}}
@media(max-width:760px){.site-header{height:72px}.site-header::before{inset:6px 9px}.site-header .brand-logo-mark{width:38px!important;height:38px!important}.hero>*{width:100%;min-width:0}.hero-copy,.hero-product{max-width:100%}.product-window{width:100%}.role-switch{grid-template-columns:1fr}.admin-role{grid-column:auto}.platform-showcase{margin:0 12px 75px;padding:40px 18px;gap:35px}.platform-copy h2{font-size:27px}.support-preview{transform:none}.support-preview article>em{display:none}}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .rail-track, .paid-float, .debt-float { animation: none !important; }
  .site * { transition-duration: .01ms !important; }
}


/* app/components/landing-v3.css */
.lux-site{--ink:#07142e;--navy:#091a3a;--blue:#3d69ee;--cyan:#12b8ae;--paper:#f5f8fc;--line:#dfe6f1;--muted:#69768e;background:#fff;color:var(--ink);overflow:hidden;font-size:16px;line-height:1.8}.lux-site *{box-sizing:border-box}.lux-site svg{display:block;width:1.35em;height:1.35em}.lux-site button,.lux-site a{font-family:inherit}.lux-announce{height:36px;display:grid;place-items:center;background:#07142e;color:#c7d5f2;font-size:.78rem}.lux-announce>div{width:min(1180px,calc(100% - 40px));display:flex;align-items:center;justify-content:center;gap:18px}.lux-announce span{display:flex;align-items:center;gap:7px}.lux-announce span i{width:7px;height:7px;border-radius:50%;background:#43d7b5;box-shadow:0 0 0 5px rgba(67,215,181,.12)}.lux-announce b{color:#fff}.lux-announce a{margin-right:auto;display:flex;align-items:center;gap:5px;color:#8eacff;text-decoration:none}.lux-announce a svg{width:15px;transform:rotate(180deg)}
.lux-header{position:absolute;top:36px;left:0;right:0;z-index:80;width:min(1220px,calc(100% - 48px));height:82px;margin:auto;display:flex;align-items:center;gap:40px;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.lux-brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.lux-brand>.brand-logo-mark{width:45px;height:45px;border-radius:14px;background-color:#fff;box-shadow:0 12px 28px rgba(18,184,174,.18)}.lux-brand>span{display:flex;flex-direction:column;line-height:1.15}.lux-brand b{font-size:1.2rem}.lux-brand small{margin-top:3px;color:#8ba0c7;font-size:.55rem;font-weight:800;letter-spacing:2.6px}.lux-header nav{display:flex;align-items:center;gap:27px;margin-right:25px}.lux-header nav a{position:relative;color:#b6c3dd;text-decoration:none;font-size:.83rem;font-weight:650;transition:.25s}.lux-header nav a:after{content:"";position:absolute;right:0;left:100%;bottom:-10px;height:2px;background:#4f79f4;transition:.25s}.lux-header nav a:hover{color:#fff}.lux-header nav a:hover:after{left:0}.lux-header-actions{margin-right:auto;display:flex;gap:8px}.lux-header-actions button{height:43px;padding:0 17px;border-radius:11px;border:0;color:#fff;font-size:.82rem;font-weight:750;cursor:pointer}.lux-header-actions .quiet{background:transparent}.lux-header-actions .solid{display:flex;align-items:center;gap:8px;background:#fff;color:#102651}.lux-header-actions .solid svg{width:17px;transform:rotate(180deg)}.lux-menu{display:none;border:0;background:rgba(255,255,255,.1);color:#fff;width:43px;height:43px;border-radius:12px;place-items:center}
.lux-hero{position:relative;min-height:960px;padding:176px max(34px,calc((100% - 1220px)/2)) 100px;background:radial-gradient(circle at 17% 25%,rgba(59,104,235,.22),transparent 33%),radial-gradient(circle at 82% 44%,rgba(17,183,174,.13),transparent 30%),linear-gradient(145deg,#06122a 0%,#0a1d42 52%,#081730 100%);color:#fff;isolation:isolate}.hero-grid{position:absolute;inset:0;z-index:-1;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to bottom,#000,transparent 84%)}.hero-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(1px)}.hero-glow.one{width:320px;height:320px;top:220px;right:-180px;border:50px solid rgba(72,115,238,.08)}.hero-glow.two{width:150px;height:150px;left:8%;bottom:17%;background:rgba(23,191,180,.07);filter:blur(28px)}.lux-hero-copy{position:relative;z-index:3;width:48%;padding-top:55px}.lux-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:7px 11px 7px 15px;border:1px solid rgba(136,165,233,.18);border-radius:999px;background:rgba(255,255,255,.045);color:#aebfe2;font-size:.76rem;font-weight:700;backdrop-filter:blur(12px)}.lux-eyebrow span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:rgba(72,115,238,.2);color:#77e3d1}.lux-eyebrow svg{width:17px}.lux-hero h1{margin:23px 0 17px;font-size:clamp(3.15rem,5.3vw,5rem);line-height:1.18;letter-spacing:-2.6px}.lux-hero h1 em{font-style:normal;background:linear-gradient(90deg,#fff 0%,#76a0ff 42%,#48d7c4 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.lux-hero-copy>p{max-width:600px;margin:0;color:#b5c3dd;font-size:1.08rem;line-height:2.05}.lux-hero-actions{display:flex;align-items:center;gap:20px;margin-top:31px}.lux-hero-actions>button{height:57px;padding:0 24px;display:flex;align-items:center;gap:12px;border:0;border-radius:14px;background:linear-gradient(115deg,#3e69ed,#527ef5);color:#fff;font-size:.93rem;font-weight:850;box-shadow:0 17px 38px rgba(52,98,230,.35);cursor:pointer;transition:.25s}.lux-hero-actions>button svg{width:19px;transform:rotate(180deg)}.lux-hero-actions>button:hover{transform:translateY(-4px);box-shadow:0 22px 45px rgba(52,98,230,.48)}.lux-hero-actions>a{display:flex;align-items:center;gap:10px;color:#d0dbf1;text-decoration:none;font-size:.86rem;font-weight:700}.lux-hero-actions>a span{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.18);color:#65ddca}.lux-proof{display:flex;flex-wrap:wrap;gap:15px 22px;margin-top:28px;color:#8fa1c3;font-size:.74rem}.lux-proof span{display:flex;align-items:center;gap:6px}.lux-proof svg{width:16px;color:#3fd2ad}
.lux-product-stage{position:absolute;z-index:2;width:min(760px,54vw);height:665px;left:max(12px,calc((100% - 1320px)/2));top:175px;perspective:1400px}.stage-ring{position:absolute;border-radius:50%;border:1px solid rgba(102,141,239,.17)}.ring-one{width:570px;height:570px;left:50px;top:30px}.ring-two{width:430px;height:430px;left:120px;top:100px;border-color:rgba(45,208,187,.13)}.lux-dashboard{position:absolute;width:740px;height:555px;left:50%;top:50%;display:flex;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:25px;background:#f5f7fb;color:#10203d;box-shadow:0 50px 100px rgba(0,8,27,.52);transform:translate(-50%,-50%) rotateY(7deg) rotateX(2deg);transform-origin:center;transition:.6s cubic-bezier(.2,.8,.2,1)}.lux-product-stage:hover .lux-dashboard{transform:translate(-50%,-50%) rotateY(0) rotateX(0) translateY(-8px)}.lux-dashboard>aside{width:68px;padding:15px 11px;display:flex;align-items:center;flex-direction:column;gap:8px;background:#0c2149;color:#8ea2ca}.lux-dashboard>aside>.brand-logo-mark{width:39px;height:39px;margin-bottom:16px;border-radius:11px;background-color:#fff}.lux-dashboard>aside button{width:39px;height:39px;display:grid;place-items:center;border:0;border-radius:11px;background:transparent;color:#8ea2ca}.lux-dashboard>aside button svg{width:17px}.lux-dashboard>aside button.active{background:#3e68e9;color:#fff}.lux-dashboard>aside>span{flex:1}.dash-area{width:calc(100% - 68px);padding:17px 20px}.dash-area>header{height:43px;display:flex;align-items:center;justify-content:space-between}.dash-area>header>div:first-child{display:flex;flex-direction:column}.dash-area>header small{color:#8793aa;font-size:8px}.dash-area>header strong{font-size:13px}.dash-area>header>div:last-child{display:flex;align-items:center;gap:8px}.dash-area>header button{position:relative;width:32px;height:32px;display:grid;place-items:center;border:1px solid #e0e5ef;border-radius:9px;background:#fff;color:#5f6e89}.dash-area>header button svg{width:14px}.dash-area>header button i{position:absolute;width:6px;height:6px;right:4px;top:3px;border:1px solid #fff;border-radius:50%;background:#ee5b69}.dash-area>header>div:last-child>span{padding:7px 10px;border:1px solid #e0e5ef;border-radius:9px;background:#fff;font-size:8px;font-weight:800}.dash-area>header>div:last-child b{margin-right:12px}.dash-welcome{margin-top:13px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;border-radius:15px;background:linear-gradient(115deg,#153775,#315fd1);color:#fff;box-shadow:0 10px 26px rgba(31,75,172,.18)}.dash-welcome small{font-size:8px;color:#9fbaff}.dash-welcome h3{margin:1px 0;font-size:15px}.dash-welcome p{margin:0;color:#c5d4f3;font-size:7px}.dash-welcome button{padding:8px 10px;border:1px solid rgba(255,255,255,.18);border-radius:8px;background:rgba(255,255,255,.12);color:#fff;font:inherit;font-size:8px;font-weight:800}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.dash-stats article{padding:12px;border:1px solid #e2e7f0;border-radius:12px;background:#fff}.dash-stats article>span{display:flex;align-items:center;gap:5px;color:#738098;font-size:7px}.dash-stats article>span i{width:22px;height:22px;display:grid;place-items:center;border-radius:7px}.dash-stats article>span i svg{width:12px}.dash-stats i.blue{background:#e8efff;color:#3e68eb}.dash-stats i.teal{background:#e5f8f3;color:#159178}.dash-stats i.orange{background:#fff1df;color:#d47a15}.dash-stats article>b{display:block;margin:8px 0 2px;font-size:13px}.dash-stats article>b small{font-size:6px;color:#8b96aa}.dash-stats article>em{font-size:6px;font-style:normal}.dash-stats .positive{color:#19916f}.dash-stats .warning{color:#d07815}.dash-bottom{display:grid;grid-template-columns:1.45fr 1fr;gap:10px;margin-top:10px}.dash-bottom>article{height:210px;padding:13px;border:1px solid #e2e7f0;border-radius:12px;background:#fff}.dash-chart>header,.dash-payments>header{display:flex;align-items:flex-start;justify-content:space-between}.dash-chart>header>div{display:flex;flex-direction:column}.dash-chart header b,.dash-payments header b{font-size:9px}.dash-chart header small{color:#8995a8;font-size:6px}.dash-chart header>span{display:flex;align-items:center;gap:4px;color:#8b96a9;font-size:5px}.dash-chart header>span i{width:5px;height:5px;border-radius:50%;background:#4773eb}.dash-chart header>span i:nth-of-type(2){background:#13b59f}.chart-visual{position:relative;height:140px;margin-top:5px}.chart-lines{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,#edf0f5 0,#edf0f5 1px,transparent 1px,transparent 35px)}.chart-visual svg{position:absolute;inset:0;width:100%;height:100%}.dash-chart footer{display:flex;justify-content:space-between;color:#929daf;font-size:5px}.dash-payments header a{color:#4168dc;font-size:6px}.dash-payments>div{display:flex;align-items:center;gap:7px;padding:11px 0;border-bottom:1px solid #edf0f5}.dash-payments>div>i{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#e9efff;color:#3d64db;font-size:8px;font-style:normal;font-weight:800}.dash-payments>div>span{display:flex;flex:1;flex-direction:column}.dash-payments>div b{font-size:7px}.dash-payments>div small{color:#8c97aa;font-size:5px}.dash-payments>div strong{color:#15916e;font-size:6px}.lux-float{position:absolute;z-index:6;padding:12px 14px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.67);border-radius:15px;background:rgba(255,255,255,.94);color:#162545;box-shadow:0 20px 45px rgba(0,13,43,.25);backdrop-filter:blur(15px);animation:luxFloat 4.8s ease-in-out infinite}.lux-float>i{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#e6f8f2;color:#14866a;font-style:normal}.lux-float>i svg{width:17px}.lux-float>span{display:flex;flex-direction:column}.lux-float small{color:#7e8ba2;font-size:7px}.lux-float b{font-size:9px}.lux-float em{margin-right:15px;color:#929daf;font-size:6px;font-style:normal}.lux-float.resident{right:3px;top:61px}.lux-float.paid{left:5px;bottom:60px;animation-delay:-2.4s}.lux-float.paid>i{background:#e5f8f2;color:#15906f}.hero-scroll{position:absolute;right:50%;bottom:28px;display:flex;align-items:center;gap:8px;color:#6f82a8;font-size:.66rem;transform:translateX(50%)}.hero-scroll span{width:1px;height:30px;background:linear-gradient(transparent,#6180cd)}@keyframes luxFloat{50%{transform:translateY(-9px)}}
.lux-trust{min-height:105px;padding:20px max(30px,calc((100% - 1160px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e7ebf2}.lux-trust p{margin:0;color:#8390a5;font-size:.8rem}.lux-trust>div{display:flex;align-items:center;gap:22px}.lux-trust>div>span{display:flex;align-items:center;gap:8px;color:#526079;font-size:.8rem;font-weight:750}.lux-trust svg{width:19px;color:#3f69e5}.lux-trust>div>i{width:4px;height:4px;border-radius:50%;background:#c7d0df}
.lux-section{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:115px 0}.lux-section-title{max-width:760px}.lux-section-title>span,.lux-section-title>div>span,.experience-copy>span,.process-head>span,.lux-faq>div>span{display:inline-flex;align-items:center;color:#3460dd;font-size:.78rem;font-weight:850}.lux-section-title>span:before,.lux-section-title>div>span:before,.experience-copy>span:before,.process-head>span:before,.lux-faq>div>span:before{content:"";width:24px;height:2px;margin-left:9px;background:#3f6aeb}.lux-section-title h2{margin:12px 0 13px;font-size:clamp(2.25rem,4vw,3.35rem);line-height:1.45;letter-spacing:-1.4px}.lux-section-title p{margin:0;color:var(--muted);font-size:1rem;line-height:2}.lux-section-title.centered{margin:0 auto 55px;text-align:center}.lux-section-title.centered>span{justify-content:center}.lux-section-title.centered>span:after{content:"";width:24px;height:2px;margin-right:9px;background:#3f6aeb}.lux-section-title.row{max-width:none;display:flex;align-items:flex-end;justify-content:space-between}.lux-section-title.row>p{max-width:430px;padding-bottom:8px}
.lux-problem{padding-bottom:100px}.problem-flow{display:grid;grid-template-columns:1fr 135px 1fr;align-items:center;gap:25px;margin-top:52px}.problem-flow>article{position:relative;min-height:260px;padding:32px;border:1px solid #e3e8f1;border-radius:25px;background:#f8fafc;overflow:hidden}.problem-flow>article:after{content:"×";position:absolute;left:22px;bottom:-35px;color:#edf0f5;font-size:130px;font-weight:900;line-height:1}.problem-flow>article>i{display:inline-block;padding:5px 10px;border-radius:8px;background:#eef1f6;color:#778399;font-size:.7rem;font-style:normal;font-weight:800}.problem-flow article>div{display:grid;gap:12px;margin-top:25px}.problem-flow article>div span{padding:12px 15px;border:1px solid #e3e7ef;border-radius:11px;background:#fff;color:#6e7b91;font-size:.87rem}.problem-flow>article.after{background:linear-gradient(145deg,#0c214a,#163b7f);border-color:#244987;box-shadow:0 24px 55px rgba(18,50,110,.18)}.problem-flow>article.after:after{content:"✓";color:rgba(255,255,255,.045)}.problem-flow>article.after>i{background:rgba(57,218,184,.12);color:#5ee0c2}.problem-flow article.after span{display:flex;align-items:center;gap:9px;border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.06);color:#d8e1f4}.problem-flow article.after svg{width:17px;color:#4ad7b7}.flow-arrow{display:flex;align-items:center;flex-direction:column;color:#416aea}.flow-arrow svg{width:42px;height:42px;transform:rotate(180deg)}.flow-arrow small{margin-top:8px;font-size:.7rem;font-weight:800}
.lux-features{width:100%;padding-inline:max(24px,calc((100% - 1180px)/2));background:#f4f7fb}.lux-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:17px;margin-top:55px}.lux-bento>article{position:relative;min-height:330px;padding:27px;display:flex;flex-direction:column;border:1px solid #e0e6f0;border-radius:23px;background:#fff;overflow:hidden;box-shadow:0 10px 30px rgba(22,44,84,.045);transition:.3s}.lux-bento>article:hover{transform:translateY(-7px);box-shadow:0 23px 48px rgba(22,44,84,.11)}.lux-bento>article:nth-child(1),.lux-bento>article:nth-child(2){grid-column:span 6}.lux-bento>article:nth-child(n+3){grid-column:span 4}.lux-bento article>header{display:flex;align-items:center;justify-content:space-between}.lux-bento article>header>i{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:#eaf0ff;color:#3e67e4;font-style:normal}.lux-bento article>header svg{width:23px}.lux-bento article>header small{color:#bcc5d3;font-size:.72rem;font-weight:850}.lux-bento article>span{margin-top:25px;color:#3c66df;font-size:.73rem;font-weight:800}.lux-bento h3{margin:4px 0 8px;font-size:1.25rem}.lux-bento p{max-width:500px;margin:0;color:#6e7b91;font-size:.88rem;line-height:2}.lux-bento article.invite{background:radial-gradient(circle at 0 100%,#d9e5ff,transparent 40%),#fff}.mini-invite{margin-top:auto;padding:12px;display:flex;align-items:center;gap:10px;border:1px solid #dce4f2;border-radius:14px;background:rgba(255,255,255,.8);box-shadow:0 12px 30px rgba(33,61,115,.08)}.mini-invite>div{display:flex;align-items:center;gap:9px;flex:1}.mini-invite>div>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#143574;color:#fff;font-style:normal;font-weight:800}.mini-invite span{display:flex;flex-direction:column}.mini-invite b{font-size:.72rem}.mini-invite small{color:#8c97a9;font-size:.57rem}.mini-invite button{padding:8px 12px;border:0;border-radius:9px;background:#3d68eb;color:#fff;font-size:.66rem}.lux-bento article.debt{background:linear-gradient(145deg,#0c2149,#173d82);color:#fff;border-color:#214886}.lux-bento article.debt>header>i{background:rgba(255,255,255,.1);color:#6de2cb}.lux-bento article.debt>span{color:#65dfc7}.lux-bento article.debt p{color:#bdcce6}.mini-debt{display:grid;gap:7px;margin-top:auto}.mini-debt>span{padding:9px 10px;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.055);color:#d5def0;font-size:.65rem}.mini-debt span>i{width:7px;height:7px;border-radius:50%;background:#36cda9}.mini-debt span:nth-child(2)>i{background:#f0a64a}.mini-debt b{margin-right:auto;font-size:.61rem}.lux-bento article.notice{background:linear-gradient(145deg,#f2fbf8,#fff)}.lux-bento article.notice>header>i{background:#dff6ef;color:#13846a}.lux-bento article.support{background:linear-gradient(145deg,#fff8ef,#fff)}.lux-bento article.support>header>i{background:#fff0db;color:#d3760e}.mini-bars{height:72px;margin-top:auto;display:flex;align-items:flex-end;gap:7px}.mini-bars i{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(#6389f2,#3d65da)}.mini-bars i:nth-child(1){height:31%}.mini-bars i:nth-child(2){height:59%}.mini-bars i:nth-child(3){height:45%}.mini-bars i:nth-child(4){height:82%}.mini-bars i:nth-child(5){height:64%}.mini-bars i:nth-child(6){height:100%;background:linear-gradient(#3fd1b7,#159a84)}
.lux-experience{position:relative;min-height:790px;padding:125px max(40px,calc((100% - 1180px)/2));display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:80px;background:linear-gradient(135deg,#07162f,#0d2754);color:#fff;overflow:hidden}.lux-experience:before{content:"";position:absolute;width:600px;height:600px;left:-200px;bottom:-280px;border:90px solid rgba(55,102,225,.07);border-radius:50%}.experience-copy{position:relative;z-index:2}.experience-copy>span{color:#61ddc6}.experience-copy>span:before{background:#44d0b7}.experience-copy h2{margin:13px 0;font-size:clamp(2.3rem,4vw,3.3rem);line-height:1.45}.experience-copy>p{color:#aebdda;line-height:2}.experience-copy ul{display:grid;gap:15px;margin:28px 0;padding:0;list-style:none}.experience-copy li{display:flex;align-items:center;gap:11px}.experience-copy li>svg{width:22px;color:#3fd2b1}.experience-copy li span{display:flex;flex-direction:column}.experience-copy li b{font-size:.9rem}.experience-copy li small{color:#8295b9;font-size:.72rem}.experience-copy>button{height:52px;padding:0 19px;display:flex;align-items:center;gap:9px;border:0;border-radius:12px;background:#fff;color:#13316b;font-weight:850;cursor:pointer}.experience-copy>button svg{width:18px;transform:rotate(180deg)}.experience-visual{position:relative;height:565px}.exp-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:45px 45px;mask-image:radial-gradient(circle,#000,transparent 68%)}.exp-card{position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(255,255,255,.09);box-shadow:0 28px 60px rgba(0,5,20,.23);backdrop-filter:blur(18px)}.exp-card.balance{width:58%;right:5%;top:27px;padding:25px}.exp-card.balance small{display:block;color:#91a5ca;font-size:.72rem}.exp-card.balance b{display:inline-block;margin-top:7px;font-size:2rem}.exp-card.balance>span{margin-right:7px;color:#91a5ca;font-size:.7rem}.exp-card.balance em{float:left;margin-top:15px;padding:5px 8px;border-radius:8px;background:rgba(54,205,168,.12);color:#54d7ba;font-size:.68rem;font-style:normal}.exp-card.donut{width:39%;left:2%;top:110px;padding:19px;display:flex;align-items:center;gap:13px}.exp-card.donut>div{position:relative;width:75px;height:75px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#43d1b5 0 86%,rgba(255,255,255,.08) 86%)}.exp-card.donut>div:after{content:"";position:absolute;inset:8px;border-radius:50%;background:#112c58}.exp-card.donut>div b{position:relative;z-index:2;font-size:.8rem}.exp-card.donut>span{display:flex;flex-direction:column}.exp-card.donut span b{font-size:.75rem}.exp-card.donut span small{color:#8ea2c6;font-size:.6rem}.exp-card.unit-list{width:78%;right:12%;top:210px;padding:20px;background:rgba(255,255,255,.96);color:#12203c}.exp-card.unit-list header{display:flex;justify-content:space-between;margin-bottom:8px}.exp-card.unit-list header b{font-size:.85rem}.exp-card.unit-list header span{color:#8995a9;font-size:.62rem}.exp-card.unit-list>div{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #e7ebf2}.exp-card.unit-list>div>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eaf0ff;color:#3c64db;font-size:.63rem;font-style:normal;font-weight:800}.exp-card.unit-list>div>span{display:flex;flex:1;flex-direction:column}.exp-card.unit-list>div b{font-size:.72rem}.exp-card.unit-list>div small{color:#8995aa;font-size:.58rem}.exp-card.unit-list>div>em{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#e4f8f1;color:#148266;font-size:.65rem;font-style:normal;font-weight:900}.exp-card.unit-list>div>em.late{background:#ffeded;color:#d84554}.exp-card.unit-list>div>em.wait{background:#fff1dd;color:#c57618}.exp-card.pulse{left:3%;bottom:22px;padding:13px 15px}.exp-card.pulse span{display:flex;align-items:center;gap:7px;color:#8fa3c7;font-size:.63rem}.exp-card.pulse span i{width:7px;height:7px;border-radius:50%;background:#42d1b2;box-shadow:0 0 0 5px rgba(66,209,178,.12)}.exp-card.pulse b{display:block;font-size:.78rem}
.lux-process{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:120px 0;display:grid;grid-template-columns:.75fr 1.25fr;gap:90px}.process-head h2{margin:12px 0;font-size:clamp(2.3rem,4vw,3.35rem)}.process-head p{color:#6d7a90}.process-head button{height:50px;margin-top:18px;padding:0 18px;display:flex;align-items:center;gap:9px;border:0;border-radius:12px;background:#3e68e9;color:#fff;font-weight:800}.process-head button svg{transform:rotate(180deg)}.lux-process ol{position:relative;margin:0;padding:0;display:grid;gap:14px;list-style:none}.lux-process ol:before{content:"";position:absolute;right:27px;top:60px;bottom:60px;border-right:1px dashed #bdc9de}.lux-process li{position:relative;z-index:2;min-height:125px;padding:21px;display:flex;align-items:center;gap:17px;border:1px solid #e1e7f0;border-radius:18px;background:#fff;box-shadow:0 11px 30px rgba(19,43,83,.045);transition:.25s}.lux-process li:hover{transform:translateX(-7px);border-color:#bdcbef}.lux-process li>i{width:55px;height:55px;display:grid;place-items:center;flex:0 0 auto;border-radius:17px;background:#eaf0ff;color:#3963df;font-style:normal;font-size:1.1rem;font-weight:900}.lux-process li>div{display:flex;flex:1;flex-direction:column}.lux-process li small{color:#8b97a9;font-size:.67rem}.lux-process li b{font-size:1rem}.lux-process li p{margin:2px 0;color:#6f7c91;font-size:.8rem}.lux-process li>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#f2f5fa;color:#4169e4}.lux-process li>span svg{width:19px}
.lux-roles{padding-top:20px}.role-deck{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.role-deck article{position:relative;min-height:410px;padding:29px;display:flex;flex-direction:column;border:1px solid #e0e6ef;border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 13px 35px rgba(21,46,88,.055);transition:.3s}.role-deck article:hover{transform:translateY(-8px);box-shadow:0 27px 55px rgba(21,46,88,.12)}.role-deck article:after{content:"";position:absolute;width:190px;height:190px;left:-110px;top:-100px;border:28px solid rgba(62,104,233,.06);border-radius:50%}.role-deck header{display:flex;align-items:center;gap:11px}.role-deck header>i{width:49px;height:49px;display:grid;place-items:center;border-radius:15px;background:#eaf0ff;color:#3e67e1}.role-deck header svg{width:23px}.role-deck header span{color:#66758e;font-size:.75rem;font-weight:800}.role-deck h3{margin:30px 0 20px;font-size:1.35rem}.role-deck ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}.role-deck li{display:flex;align-items:center;gap:8px;color:#647188;font-size:.83rem}.role-deck li svg{width:16px;color:#20a27f}.role-deck button{height:47px;margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d9e2f2;border-radius:11px;background:#f7f9fd;color:#3962dc;font-weight:800}.role-deck button svg{width:17px;transform:rotate(180deg)}.role-deck article.resident{background:linear-gradient(150deg,#f0fbf8,#fff)}.role-deck article.resident header>i{background:#dcf5ed;color:#15856c}.role-deck article.admin{background:linear-gradient(145deg,#112a59,#1c438c);color:#fff;border-color:#244c94}.role-deck article.admin header>i{background:rgba(255,255,255,.1);color:#66dfc8}.role-deck article.admin header span,.role-deck article.admin li{color:#c0cce3}.role-deck article.admin h3{color:#fff}.role-deck article.admin button{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.09);color:#fff}
.lux-pricing{width:100%;padding-inline:max(24px,calc((100% - 1100px)/2));background:#f4f7fb}.pricing-deck{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;align-items:stretch}.pricing-deck article{position:relative;min-height:470px;padding:30px;display:flex;flex-direction:column;border:1px solid #dfe5ef;border-radius:23px;background:#fff;box-shadow:0 13px 35px rgba(18,42,82,.045)}.pricing-deck article.recommended{border:2px solid #416be8;box-shadow:0 24px 55px rgba(48,91,215,.15);transform:translateY(-12px)}.pricing-deck article>span{position:absolute;top:-15px;right:25px;padding:6px 13px;border-radius:999px;background:#416ae7;color:#fff;font-size:.68rem;font-weight:800}.pricing-deck article>small{color:#7c899d;font-size:.74rem}.pricing-deck h3{margin:4px 0 20px;font-size:1.55rem}.price{padding:18px 0;border-block:1px solid #e7ebf1;display:flex;flex-direction:column}.price b{font-size:1.75rem;color:#244fcb}.price em{color:#8b96a8;font-size:.67rem;font-style:normal}.pricing-deck article>strong{margin:18px 0 8px;font-size:.82rem}.pricing-deck ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.pricing-deck li{display:flex;align-items:center;gap:8px;color:#69768b;font-size:.8rem}.pricing-deck li svg{width:16px;color:#1da17d}.pricing-deck button{height:48px;margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dae3f3;border-radius:11px;background:#f6f8fd;color:#3e66dc;font-weight:850}.pricing-deck button svg{width:17px;transform:rotate(180deg)}.pricing-deck .recommended button{border-color:#416ae7;background:#416ae7;color:#fff}
.lux-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.lux-faq>div h2{margin:12px 0;font-size:clamp(2.3rem,4vw,3.3rem);line-height:1.5}.lux-faq>div p{color:#6f7c91}.lux-faq>div a{display:inline-block;margin-top:10px;color:#3b64dc;font-weight:800;text-decoration:none}.lux-faq>section{border-top:1px solid #dfe5ee}.lux-faq details{border-bottom:1px solid #dfe5ee}.lux-faq summary{padding:22px 0;display:flex;align-items:center;gap:15px;cursor:pointer;list-style:none;font-size:.95rem;font-weight:750}.lux-faq summary::-webkit-details-marker{display:none}.lux-faq summary>b{color:#a5afbf;font-size:.7rem}.lux-faq summary>i{margin-right:auto;color:#4069e3;font-style:normal;font-size:1.25rem;transition:.25s}.lux-faq details[open] summary>i{transform:rotate(45deg)}.lux-faq details p{margin:0 40px 22px 0;color:#6b788e;font-size:.84rem;line-height:2}
.lux-final{position:relative;width:min(1180px,calc(100% - 48px));min-height:520px;margin:10px auto 100px;padding:70px 70px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;overflow:hidden;border-radius:30px;background:radial-gradient(circle at 15% 10%,rgba(75,122,240,.25),transparent 30%),linear-gradient(125deg,#081a3a,#12336c);color:#fff;box-shadow:0 35px 80px rgba(9,31,72,.23)}.final-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,#000,transparent)}.lux-final>div:nth-child(2){position:relative;z-index:2}.lux-final>div:nth-child(2)>span{display:flex;align-items:center;gap:8px;color:#67dfc8;font-size:.75rem;font-weight:800}.lux-final>div:nth-child(2)>span i{width:8px;height:8px;border-radius:50%;background:#41d0ae}.lux-final h2{margin:12px 0;font-size:clamp(2.3rem,4vw,3.4rem);line-height:1.45}.lux-final p{max-width:590px;color:#b3c1dc}.lux-final>div:nth-child(2)>div{display:flex;align-items:center;gap:12px;margin-top:25px}.lux-final button,.lux-final>div:nth-child(2)>div a{height:51px;padding:0 19px;display:flex;align-items:center;gap:8px;border-radius:11px;font-size:.8rem;font-weight:800;text-decoration:none}.lux-final button{border:0;background:#fff;color:#183a7d}.lux-final button svg{width:17px;transform:rotate(180deg)}.lux-final>div:nth-child(2)>div a{border:1px solid rgba(255,255,255,.15);color:#d2dcf0}.lux-final aside{position:relative;height:380px}.final-phone{position:absolute;width:250px;right:50%;top:0;padding:12px;border:7px solid #1d3157;border-radius:32px;background:#f4f7fb;color:#12223f;box-shadow:0 35px 70px rgba(0,7,24,.4);transform:translateX(50%) rotate(-4deg)}.final-phone:before{content:"";position:absolute;width:80px;height:18px;right:50%;top:0;border-radius:0 0 13px 13px;background:#1d3157;transform:translateX(50%)}.final-phone header{height:48px;padding-top:9px;display:flex;align-items:center;gap:7px}.final-phone header>.brand-logo-mark{width:29px;height:29px;border-radius:9px}.final-phone header b{font-size:.75rem}.final-phone header span{margin-right:auto;color:#149172;font-size:.48rem}.final-phone section{padding:10px}.final-phone section>small{color:#8a96a9;font-size:.55rem}.final-phone h3{margin:1px 0 14px;font-size:.85rem}.final-phone article{padding:15px;border-radius:14px;background:linear-gradient(135deg,#173d80,#2d5dc7);color:#fff}.final-phone article span{display:block;color:#a9c0ed;font-size:.55rem}.final-phone article b{display:block;margin:4px 0;font-size:1.05rem}.final-phone article em{color:#54ddbc;font-size:.53rem;font-style:normal}.final-phone section>div{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.final-phone section>div button{height:70px;padding:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;border:1px solid #e1e6ef;border-radius:11px;background:#fff;color:#3e67df;font-size:.56rem}.final-phone section>div svg{width:18px}
.lux-footer{padding:75px max(30px,calc((100% - 1180px)/2)) 25px;background:#061329;color:#9aaccc}.footer-top{display:grid;grid-template-columns:1fr 1.45fr;gap:100px}.footer-intro .lux-brand{color:#fff}.footer-intro>p{max-width:390px;margin:20px 0;color:#8295b9;font-size:.83rem}.footer-intro>div{display:flex;gap:10px}.footer-intro>div span{padding:7px 9px;display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.08);border-radius:9px;font-size:.64rem}.footer-intro>div svg{width:15px;color:#49d2b4}.footer-top>nav{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.footer-top>nav>div{display:flex;flex-direction:column;gap:10px}.footer-top nav b{margin-bottom:8px;color:#fff;font-size:.83rem}.footer-top nav a,.footer-top nav span{color:#8193b4;text-decoration:none;font-size:.75rem;transition:.2s}.footer-top nav a:hover{color:#fff;transform:translateX(-4px)}.lux-footer .footer-bottom{margin-top:55px;padding-top:20px;display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);font-size:.66rem}.lux-footer .footer-bottom a{color:#62d9c1;text-decoration:none}
@media(max-width:1100px){.lux-header{gap:20px}.lux-header nav{gap:16px;margin-right:5px}.lux-product-stage{opacity:.9;left:-70px}.lux-hero-copy{width:52%}.lux-dashboard{transform:translate(-50%,-50%) scale(.9) rotateY(5deg)}.lux-product-stage:hover .lux-dashboard{transform:translate(-50%,-50%) scale(.9)}.lux-bento>article:nth-child(n){grid-column:span 6}.lux-experience{gap:35px}.experience-visual{transform:scale(.9)}.role-deck{gap:12px}}
@media(max-width:860px){.lux-header nav{position:absolute;top:72px;right:0;left:0;padding:13px;display:none;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.13);border-radius:17px;background:rgba(8,25,56,.97);box-shadow:0 25px 55px rgba(0,0,0,.35);backdrop-filter:blur(20px)}.lux-header nav.open{display:grid}.lux-header nav a{padding:9px}.lux-header-actions{margin-right:auto}.lux-header-actions .quiet{display:none}.lux-menu{display:grid}.lux-hero{min-height:1260px;padding-top:155px}.lux-hero-copy{width:100%;padding-top:15px;text-align:center}.lux-eyebrow{margin:auto}.lux-hero-copy>p{margin:auto}.lux-hero-actions,.lux-proof{justify-content:center}.lux-product-stage{width:100%;height:620px;left:0;top:590px}.lux-dashboard{transform:translate(-50%,-50%) scale(.88)}.lux-product-stage:hover .lux-dashboard{transform:translate(-50%,-50%) scale(.88)}.lux-trust{align-items:flex-start;flex-direction:column;gap:13px}.lux-trust>div{width:100%;flex-wrap:wrap}.lux-section-title.row{align-items:flex-start;flex-direction:column}.lux-section-title.row>p{max-width:650px;margin-top:12px}.problem-flow{grid-template-columns:1fr}.flow-arrow{transform:rotate(90deg);padding:5px}.lux-bento>article:nth-child(n){grid-column:span 12}.lux-experience{grid-template-columns:1fr;padding-top:90px}.experience-copy{text-align:center}.experience-copy ul{width:max-content;max-width:100%;margin-inline:auto;text-align:right}.experience-copy>button{margin-inline:auto}.experience-visual{width:650px;max-width:100%;margin:auto;transform:none}.lux-process{grid-template-columns:1fr;gap:45px}.role-deck,.pricing-deck{grid-template-columns:1fr}.role-deck article{min-height:360px}.pricing-deck article{min-height:420px}.pricing-deck article.recommended{transform:none}.lux-faq{grid-template-columns:1fr;gap:40px}.lux-final{grid-template-columns:1fr;padding:55px;text-align:center}.lux-final p{margin-inline:auto}.lux-final>div:nth-child(2)>span,.lux-final>div:nth-child(2)>div{justify-content:center}.lux-final aside{height:340px}.footer-top{grid-template-columns:1fr;gap:45px}}
@media(max-width:600px){.lux-announce{height:auto;min-height:37px}.lux-announce>div{width:calc(100% - 20px);gap:8px;font-size:.62rem}.lux-announce span{display:none}.lux-announce a{margin-right:auto}.lux-header{top:37px;width:calc(100% - 28px);height:70px}.lux-brand>.brand-logo-mark{width:39px;height:39px}.lux-header-actions .solid{height:39px;padding:0 12px;font-size:.7rem}.lux-header-actions .solid svg{display:none}.lux-menu{width:39px;height:39px}.lux-hero{min-height:1050px;padding:135px 17px 70px}.lux-hero h1{font-size:2.65rem;letter-spacing:-1.5px}.lux-hero-copy>p{font-size:.92rem}.lux-hero-actions{flex-direction:column}.lux-hero-actions>button{width:100%;justify-content:center}.lux-proof{gap:8px 12px}.lux-proof span{font-size:.64rem}.lux-product-stage{top:550px;height:470px}.lux-dashboard{width:720px;transform:translate(-50%,-50%) scale(.55)}.lux-product-stage:hover .lux-dashboard{transform:translate(-50%,-50%) scale(.55)}.stage-ring{display:none}.lux-float{transform:scale(.78);transform-origin:center}.lux-float.resident{right:-15px;top:22px}.lux-float.paid{left:-13px;bottom:30px}.hero-scroll{display:none}.lux-trust{padding:24px}.lux-trust>div{gap:12px}.lux-trust>div>i{display:none}.lux-trust>div>span{width:calc(50% - 6px);font-size:.7rem}.lux-section{width:calc(100% - 30px);padding:80px 0}.lux-section-title h2{font-size:2rem}.lux-section-title p{font-size:.87rem}.problem-flow>article{min-height:230px;padding:22px}.lux-features{width:100%;padding-inline:15px}.lux-bento{margin-top:35px}.lux-bento>article{min-height:300px;padding:22px}.lux-experience{min-height:1010px;padding:80px 18px}.experience-copy h2{font-size:2rem}.experience-visual{height:490px}.exp-card.balance{width:80%;right:5%}.exp-card.donut{width:58%;left:0;top:125px}.exp-card.unit-list{width:94%;right:3%;top:235px}.exp-card.pulse{bottom:-5px}.lux-process{width:calc(100% - 30px);padding:80px 0}.process-head h2{font-size:2.1rem}.lux-process li{padding:15px}.lux-process li>i{width:45px;height:45px}.lux-process li>span{display:none}.lux-roles{padding-top:10px}.pricing-deck article{padding:25px}.lux-faq details p{margin-right:0}.lux-final{width:calc(100% - 24px);margin-bottom:65px;padding:42px 18px 25px;border-radius:24px}.lux-final h2{font-size:2rem}.lux-final>div:nth-child(2)>div{align-items:stretch;flex-direction:column}.lux-final button,.lux-final>div:nth-child(2)>div a{justify-content:center}.final-phone{transform:translateX(50%) scale(.88)}.lux-footer{padding:60px 22px 22px}.footer-top>nav{grid-template-columns:1fr 1fr}.footer-top>nav>div:last-child{grid-column:1/-1}.lux-footer .footer-bottom{align-items:flex-start;flex-direction:column;gap:9px}}
@media(prefers-reduced-motion:reduce){.lux-site *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* app/components/install.css */
.install-section{max-width:1160px;margin:0 auto 115px;padding:62px;display:grid;grid-template-columns:1fr .72fr;gap:55px;position:relative;overflow:hidden;border:1px solid #dce5f4;border-radius:32px;background:radial-gradient(circle at 90% 5%,#cfe0ff 0,transparent 32%),linear-gradient(145deg,#f9fbff,#edf3ff);box-shadow:0 30px 80px #173b7b18}.install-section:before{content:"";position:absolute;width:360px;height:360px;left:-220px;bottom:-250px;border:65px solid #3862e90a;border-radius:50%}.install-copy,.install-device,.install-platforms{position:relative;z-index:1}.install-copy>span{display:inline-flex;padding:6px 11px;border-radius:999px;color:#315bd9;background:#e5edff;font-size:11px;font-weight:900}.install-copy h2{margin:16px 0 12px;font-size:38px;line-height:1.55;letter-spacing:-1px}.install-copy>p{max-width:570px;margin:0;color:#66758e;font-size:14px;line-height:2}.install-benefits{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.install-benefits span{padding:7px 10px;border:1px solid #dbe4f2;border-radius:999px;color:#526079;background:#ffffffb8;font-size:10px;font-weight:700}.install-benefits i{margin-left:5px;color:#15916b;font-style:normal}.install-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.install-actions>button:first-child{display:flex;align-items:center;gap:8px;padding:13px 18px;border-radius:11px;background:linear-gradient(110deg,#3159da,#4a76ef);box-shadow:0 15px 30px #315bd43b}.install-actions>button:first-child i{font-size:17px;font-style:normal}.install-guide-button{border:1px solid #d9e2f2;background:#fff;color:#315bd9}.install-message{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin-top:14px;padding:9px 12px;border:1px solid #cce8dc;border-radius:10px;color:#16795c;background:#edf9f4;font-size:10px}.install-message button{padding:0;color:#16795c;background:transparent;font-size:18px}.install-device{display:grid;place-items:center;min-height:455px}.phone-frame{width:235px;height:450px;padding:9px;border:2px solid #23375f;border-radius:36px;background:#0a1428;box-shadow:0 35px 70px #10275538;transform:rotate(3deg)}.phone-speaker{width:68px;height:18px;margin:-1px auto -17px;position:relative;z-index:2;border-radius:0 0 12px 12px;background:#0a1428}.phone-screen{height:100%;overflow:hidden;border-radius:27px;background:linear-gradient(155deg,#f8fbff,#e8effd);color:#14213e}.phone-screen>header{display:flex;align-items:center;gap:7px;padding:28px 13px 12px}.phone-screen .brand-logo-mark{width:34px!important;height:34px!important;border-radius:10px!important}.phone-screen header span{display:grid;flex:1}.phone-screen header b{font-size:11px}.phone-screen header small{color:#8290a7;font-size:6px}.phone-screen header em{color:#15916b;font-style:normal;font-size:7px}.phone-screen>section{margin:4px 10px;padding:17px 12px;border:1px solid #fff;border-radius:17px;background:#ffffffc7;box-shadow:0 14px 28px #17357812}.phone-screen>section>small{color:#71809a;font-size:7px}.phone-screen h3{margin:5px 0 16px;font-size:15px}.phone-screen section>div{display:grid;gap:8px}.phone-screen article{display:grid;grid-template-columns:auto 1fr;gap:2px 7px;padding:9px;border:1px solid #e6ebf4;border-radius:10px;background:#f8faff}.phone-screen article>i{grid-row:1/3;width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:#315bd9;background:#e5edff;font-style:normal}.phone-screen article span{color:#8290a5;font-size:6px}.phone-screen article b{font-size:9px}.phone-screen>nav{position:absolute;right:19px;left:19px;bottom:14px;display:flex;justify-content:space-around;padding:9px;border:1px solid #fff;border-radius:13px;background:#ffffffdc;box-shadow:0 10px 24px #17357818}.phone-screen>nav i{color:#7c8ca8;font-style:normal;font-size:11px}.phone-screen>nav i:first-child{color:#315bd9}.install-float{position:absolute;right:-5px;bottom:44px;display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid #fff;border-radius:13px;background:#ffffffea;box-shadow:0 18px 35px #17357824;animation:installFloat 4s ease-in-out infinite}.install-float>i{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#fff;background:#15916b;font-style:normal}.install-float span{display:grid}.install-float b{font-size:9px}.install-float small{color:#7d8aa0;font-size:6px}.install-platforms{grid-column:1/-1;padding-top:30px;border-top:1px solid #dce4f1}.install-platforms>header{display:flex;align-items:center;justify-content:space-between;gap:20px}.install-platforms header span{display:grid}.install-platforms header small{color:#72819a;font-size:9px}.install-platforms header b{font-size:17px;margin-top:4px}.install-platforms header>div,.install-modal-tabs{display:flex;gap:5px;padding:5px;border:1px solid #dce4f2;border-radius:12px;background:#fff}.install-platforms header button,.install-modal-tabs button{padding:7px 10px;color:#60708a;background:transparent;font-size:9px}.install-platforms header button.active,.install-modal-tabs button.active{color:#fff;background:#3862e9}.install-platforms ol,.install-modal ol{list-style:none;padding:0;margin:23px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.install-platforms li,.install-modal li{display:flex;gap:10px;padding:15px;border:1px solid #dfe6f2;border-radius:13px;background:#ffffffa8}.install-platforms li>i,.install-modal li>i{width:31px;height:31px;display:grid;place-items:center;flex:none;border-radius:9px;color:#fff;background:#3862e9;font-style:normal;font-weight:900}.install-platforms li span,.install-modal li span{display:grid;gap:4px}.install-platforms li b,.install-modal li b{font-size:11px}.install-platforms li p,.install-modal li p{margin:0;color:#75839a;font-size:9px;line-height:1.85}.install-modal-backdrop{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:20px;background:#061127b8;backdrop-filter:blur(8px)}.install-modal{width:min(720px,100%);max-height:min(780px,92vh);overflow:auto;border:1px solid #fff;border-radius:23px;background:#fff;box-shadow:0 35px 100px #02071280}.install-modal>header{display:flex;justify-content:space-between;align-items:center;padding:24px 27px 15px}.install-modal header small{color:#3862e9;font-size:9px;font-weight:800}.install-modal h2{margin:4px 0;font-size:23px}.install-modal>header>button{width:35px;height:35px;padding:0;color:#5d6b82;background:#eef2f7;font-size:20px}.install-modal-tabs{width:max-content;margin:0 27px}.install-modal ol{padding:0 27px;grid-template-columns:1fr}.install-modal footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:17px 27px;border-top:1px solid #edf0f4;background:#f8faff}.install-modal footer p{margin:0;color:#69778e;font-size:10px}.install-modal footer button{white-space:nowrap}.offline-page{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 20% 10%,#dce8ff,transparent 33%),#f4f7fc}.offline-card{width:min(560px,100%);padding:45px;text-align:center;border:1px solid #fff;border-radius:25px;background:#ffffffd9;box-shadow:0 30px 80px #17357820}.offline-card>.brand-logo-mark{width:75px!important;height:75px!important;margin:auto;border-radius:20px!important}.offline-card h1{font-size:28px;margin:20px 0 8px}.offline-card p{color:#6d7990;line-height:2}.offline-card div{display:flex;justify-content:center;gap:8px;margin-top:22px}.offline-card a{text-decoration:none;padding:10px 14px;border-radius:8px;color:#315bd9;background:#eaf0ff;font-weight:800}@keyframes installFloat{50%{transform:translateY(-8px)}}
@media(max-width:900px){.install-section{grid-template-columns:1fr;padding:48px}.install-copy{text-align:center}.install-copy>p{margin-inline:auto}.install-benefits,.install-actions{justify-content:center}.install-device{min-height:420px}.install-platforms ol{grid-template-columns:1fr}.install-platforms li{align-items:flex-start}}
@media(max-width:600px){.install-section{margin:0 12px 75px;padding:37px 17px;border-radius:24px;gap:30px}.install-copy h2{font-size:29px}.install-copy>p{font-size:13px}.install-actions{display:grid}.install-actions button{width:100%;justify-content:center}.install-device{min-height:390px}.phone-frame{width:210px;height:405px}.install-float{right:0;bottom:25px}.install-platforms{padding-top:22px}.install-platforms>header{align-items:flex-start;display:grid}.install-platforms header>div{width:100%;overflow-x:auto}.install-platforms header button{flex:1}.install-platforms li{padding:13px}.install-modal-backdrop{padding:10px}.install-modal>header{padding:20px 18px 12px}.install-modal-tabs{margin-inline:18px;overflow-x:auto;max-width:calc(100% - 36px)}.install-modal-tabs button{white-space:nowrap}.install-modal ol{padding:0 18px}.install-modal footer{align-items:stretch;display:grid;padding:15px 18px}.offline-card{padding:35px 20px}.offline-card div{display:grid}}
@media(prefers-reduced-motion:reduce){.install-float{animation:none}}
.numbers + .install-section{margin-top:96px}
@media(max-width:600px){.numbers + .install-section{margin-top:58px}}


/* app/product.css */
:root{--product-navy:#0d1b3d;--product-blue:#3862e9;--product-green:#168b68;--product-red:#d94949;--product-orange:#d17a23;--product-border:#e2e8f2;--product-muted:#77839a}
button:disabled{opacity:.58;cursor:not-allowed;transform:none!important}.resident-login-note{font-size:11px!important;text-align:center;color:#8792a6!important;border-top:1px solid #edf0f4;padding-top:13px}.auth-shell form{align-content:center}.auth-shell form>button:first-of-type{margin-top:4px}
.product-dash{font-size:13px}.product-dash .dash-side{width:276px;position:sticky;top:0;height:100vh;overflow-y:auto}.dash-logo{flex-wrap:wrap}.dash-logo small{font-size:8px;color:#91a5d5;background:#ffffff0c;border:1px solid #ffffff12;border-radius:20px;padding:3px 7px;margin-right:auto}.building-select-wrap{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;padding:11px;margin-bottom:15px;display:grid;gap:6px}.building-select-wrap small{font-size:9px}.building-select-wrap select{width:100%;background:#172c62;color:#fff;border:0;border-radius:7px;padding:8px;font:inherit;outline:0}.dash-side nav button b{margin-right:auto;background:#ef646e;color:#fff;border-radius:20px;padding:1px 6px;font-size:9px}.product-header{position:sticky;top:12px;z-index:20}.mobile-nav-button{display:none!important}.header-tools{align-items:center}.notification-button{position:relative;background:#edf2ff!important;color:#315bd9!important;padding:9px 12px!important}.notification-button b{position:absolute;top:-6px;left:-6px;background:#ef5b67;color:#fff;width:18px;height:18px;border-radius:50%;font-size:9px;display:grid;place-items:center}.product-toast{position:sticky;top:95px;z-index:30;box-shadow:0 15px 35px #17357816}.stack-page{display:grid;gap:16px}.metric em{font-style:normal;color:#8a95a8;font-size:9px}.manager-hero{min-height:190px}.manager-hero>div:first-child{position:relative;z-index:1}.hero-mini-actions{display:flex;gap:8px;margin-top:17px}.hero-mini-actions button{background:#ffffff14;border:1px solid #ffffff26;color:#fff}.collection-ring{--value:0%;width:128px;height:128px;border-radius:50%;background:conic-gradient(#8ef0c8 0 var(--value),#ffffff20 var(--value));display:grid;place-content:center;text-align:center;position:relative;z-index:1;margin-left:18px}.collection-ring:before{content:"";position:absolute;inset:12px;background:#355fdb;border-radius:50%}.collection-ring>*{position:relative}.collection-ring b{font-size:24px}.collection-ring span{font-size:9px}.dashboard-three{grid-template-columns:1fr 1fr .9fr}.transaction-row{display:flex;align-items:center;gap:10px;padding:13px 20px;border-bottom:1px solid #edf0f5}.transaction-row>i{width:32px;height:32px;border-radius:9px;background:#e5f7ef;color:#168b68;display:grid;place-items:center;font-style:normal}.transaction-row>div{display:grid;gap:3px;flex:1}.transaction-row small{color:#8994a8;font-size:9px}.transaction-row strong{color:#168b68;font-size:11px}.enhanced-invite{background:linear-gradient(155deg,#ffffffd9,#eef3ff)}.resident-share{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;padding:10px 16px}.resident-share .surface-head{padding-right:0;border:0}.resident-share p{color:#77839a;margin:0 0 12px}.resident-share code{margin:0}.resident-share>div:last-child{display:grid;gap:7px}.status{display:inline-flex!important;align-items:center!important;justify-content:center;padding:5px 9px;border-radius:20px;font-size:9px;font-weight:800;flex:none!important}.status.paid,.status.active{background:#e4f7ef;color:#168b68}.status.pending,.status.partial{background:#fff3dc;color:#b36b19}.status.unpaid,.status.failed{background:#ffebed;color:#c83f49}.advanced-entry{overflow:hidden}.advanced-entry>.surface-head{background:linear-gradient(100deg,#f8faff,#eef3ff)}.advanced-entry>div.form-grid,.settings-form .form-grid{padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.form-grid label,.setup-fields label,.product-modal label,.settings-form label,.resident-profile-layout label{display:grid;gap:7px;color:#4d5c76;font-size:11px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea,.setup-fields input,.setup-fields textarea,.product-modal input,.product-modal textarea,.settings-form input,.settings-form textarea,.resident-profile-layout input{width:100%;border:1px solid #dce3ef;border-radius:9px;padding:11px 12px;background:#fff;color:#17213b;font:inherit;outline:0;transition:.2s}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.setup-fields input:focus,.product-modal input:focus,.settings-form input:focus,.resident-profile-layout input:focus{border-color:#5277e8;box-shadow:0 0 0 4px #3862e912}.form-grid textarea,.setup-fields textarea,.settings-form textarea,.product-modal textarea{min-height:84px;resize:vertical}.form-grid .wide,.setup-fields .wide{grid-column:1/-1}.unit-picker{border:1px solid #dfe5f1;border-radius:12px;padding:13px;display:flex;flex-wrap:wrap;gap:8px}.unit-picker legend{font-weight:800;color:#34425d;padding:0 8px}.unit-picker legend small{color:#8390a5;margin-right:8px}.unit-picker label{min-width:118px;display:grid;grid-template-columns:auto 1fr;gap:3px 7px;background:#f7f9fd;border:1px solid #e5eaf3;border-radius:9px;padding:9px;cursor:pointer}.unit-picker label input{width:auto;grid-row:span 2}.unit-picker label small{font-size:8px;color:#8994a7}.advanced-entry>.form-actions{padding:0 20px 20px!important;display:flex!important;grid-template-columns:none!important}.charge-row{display:grid;grid-template-columns:auto minmax(160px,1fr) minmax(140px,.7fr) auto auto}.charge-progress{display:grid!important;gap:5px!important;flex:none!important}.charge-progress>span{width:100%;height:6px;background:#edf0f5;border-radius:20px;overflow:hidden}.charge-progress i{display:block;height:100%;background:linear-gradient(90deg,#2fa77e,#67d4ad);border-radius:20px}.charge-progress small{text-align:left}.compact-metrics{margin-top:0}.debt-row{display:grid;grid-template-columns:auto 1fr auto auto auto}.debt-amount{display:grid!important;gap:3px!important;text-align:left;flex:none!important}.reference-code{direction:ltr;background:#f2f5fa;border-radius:6px;padding:5px 7px;color:#6c7890;font-size:8px;max-width:140px;overflow:hidden}.notice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.notice-card{background:#fff;border:1px solid var(--product-border);border-radius:15px;padding:20px;box-shadow:0 10px 28px #1735780a}.notice-card>div{display:flex;align-items:center;justify-content:space-between}.notice-card>div i{width:34px;height:34px;border-radius:9px;background:#edf1ff;color:#5269d8;display:grid;place-items:center;font-style:normal}.notice-card small{color:#8a95aa}.notice-card h3{margin:20px 0 8px}.notice-card p{color:#68758d;line-height:2;min-height:75px}.notice-card footer{display:flex;gap:7px;border-top:1px solid #edf0f5;padding-top:13px}.notice-card footer button{font-size:10px;padding:7px 10px}.report-actions,.page-actions{display:flex;align-items:center;justify-content:space-between;background:#ffffffb5;border:1px solid #fff;border-radius:12px;padding:13px 16px}.report-actions{justify-content:flex-end;gap:8px}.report-page .report-grid{grid-template-columns:.8fr 1.2fr}.modern-chart{text-align:right}.modern-chart h3{margin:0 0 28px}.bar-line{display:grid;grid-template-columns:60px 1fr 100px;gap:12px;align-items:center;margin:24px 0}.bar-line>i{height:10px;border-radius:30px;background:#edf1f6;overflow:hidden}.bar-line>i>b{display:block;height:100%;border-radius:30px}.bar-line .green{background:#2bab82}.bar-line .orange{background:#e49a4b}.bar-line .red{background:#df626a}.bar-line strong{text-align:left;font-size:10px}.income{color:#168b68!important}.expense{color:#cf6f1c!important}.notification-list{display:grid;gap:10px}.notification-list article{display:flex;gap:14px;background:#fff;border:1px solid var(--product-border);border-radius:13px;padding:17px;transition:.2s}.notification-list article.unread{border-color:#b9c9f4;background:#f5f8ff;box-shadow:inset -3px 0 #3c66ec}.notification-list article>i{width:38px;height:38px;border-radius:11px;background:#e9efff;color:#3c62d8;display:grid;place-items:center;font-style:normal;font-weight:900;flex:none}.notification-list article>div{display:grid;gap:5px}.notification-list p{margin:0;color:#657189}.notification-list small{color:#8b96a9}.settings-layout{display:grid;grid-template-columns:1.4fr .8fr;gap:15px}.settings-form{padding-bottom:20px}.settings-form>button{margin-right:20px}.settings-side{padding-bottom:16px}.settings-side>div{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid #edf0f4}.settings-side>div>i{width:33px;height:33px;border-radius:8px;background:#eef2ff;color:#3c63da;display:grid;place-items:center;font-style:normal}.settings-side>div>span{display:grid;flex:1}.settings-side>div small{color:#8792a6;font-size:9px}.settings-side em{font-style:normal;color:#178664;background:#e6f7f0;border-radius:20px;padding:3px 7px;font-size:8px}.settings-side>button{margin:14px 18px}.settings-side>p{color:#8490a5;font-size:9px;padding:0 18px}.security-card{grid-column:1/-1;padding:20px;display:grid;grid-template-columns:auto 1fr 1fr;gap:16px}.security-card>i{width:45px;height:45px;border-radius:13px;background:#eaf0ff;color:#3c64df;display:grid;place-items:center;font-style:normal}.security-card h3{margin:0}.security-card p{color:#758198;line-height:1.9}.security-card ul{margin:0;padding:0;list-style:none}.security-card li{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f4;padding:6px}.security-card li small{color:#8b96aa}.subscription-page{display:grid;gap:20px}.subscription-status{background:linear-gradient(110deg,#122657,#315fd8);color:#fff;border-radius:19px;padding:30px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 20px 40px #17357822}.subscription-status span,.subscription-status p{color:#bdcdf1}.subscription-status h2{font-size:30px;margin:6px 0}.subscription-status>i{width:90px;height:90px;border-radius:50%;background:#ffffff13;border:1px solid #ffffff1f;display:grid;place-items:center;font-style:normal;font-size:35px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.plan-card{background:#fff;border:1px solid var(--product-border);border-radius:17px;padding:24px;display:grid;gap:20px;position:relative}.plan-card.featured{border:2px solid #3c66ec;box-shadow:0 20px 45px #315bd422}.plan-card>div>span{position:absolute;top:-12px;right:22px;background:#3c66ec;color:#fff;border-radius:20px;padding:5px 11px;font-size:9px}.plan-card h3{font-size:20px;margin:4px 0}.plan-card p{color:#7b869a}.plan-card>div>b{display:block;font-size:24px;margin-top:18px}.plan-card>div>b small{font-size:10px;color:#8792a6}.plan-card ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;color:#58667e}.plan-card li::first-letter{color:#168b68}.plan-card button{align-self:end}.gateway-note{text-align:center;color:#7f8ba0;font-size:10px}.modal-backdrop{position:fixed;inset:0;background:#07132b99;backdrop-filter:blur(5px);z-index:100;display:grid;place-items:center;padding:20px}.product-modal{width:min(470px,100%);background:#fff;border-radius:18px;box-shadow:0 30px 80px #07132b55;overflow:hidden}.product-modal>header{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #edf0f4}.product-modal h3{margin:0}.product-modal>header button{background:#f1f4f9;color:#59667c;padding:5px 10px}.product-modal form{padding:20px;display:grid;gap:13px}.product-modal form>p{color:#68758d;background:#f6f8fc;border-radius:9px;padding:12px}.modal-actions{display:flex;gap:8px;margin-top:5px}.setup-fields{display:grid;grid-template-columns:1.5fr .5fr;gap:12px;text-align:right}.upgraded-empty{max-width:720px}.upgraded-empty>span{color:#3c66ec;font-weight:800}.upgraded-empty textarea{min-height:70px}.mobile-open{transform:none!important}

/* Resident application */
.resident-shell{min-height:100vh;background:radial-gradient(circle at 15% 10%,#dce8ff,transparent 34%),#f4f7fc;padding:28px}.resident-brand{display:flex;align-items:center;gap:9px;color:#172445;text-decoration:none;font-size:21px}.resident-brand>i{width:36px;height:36px;border-radius:10px;background:linear-gradient(140deg,#3158d9,#507af0);color:#fff;display:grid;place-items:center;font-style:normal}.resident-brand small{font-size:8px;color:#8491aa;background:#eef2fa;border-radius:20px;padding:3px 7px;margin-right:auto}.standalone-state>section{width:min(600px,100%);margin:90px auto;background:#ffffffcf;border:1px solid #fff;border-radius:22px;padding:55px;text-align:center;box-shadow:0 30px 75px #17357819}.standalone-state>section>i{width:68px;height:68px;border-radius:20px;background:#e9efff;color:#3b63dc;display:grid;place-items:center;font-style:normal;font-size:28px;margin:auto}.standalone-state h1{margin:20px 0 8px}.standalone-state p{color:#6d7990;line-height:2}.standalone-state button{margin:8px}.pending-state>span{display:inline-block;color:#b36b19;background:#fff3dc;border-radius:20px;padding:5px 10px;margin-top:20px}.resident-app{min-height:100vh;display:flex;background:radial-gradient(circle at 75% 0,#e1eaff,transparent 35%),#f5f8fc;color:#16213c}.resident-side{width:265px;background:linear-gradient(175deg,#0c1838,#18336f);color:#afbee2;padding:24px 16px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.resident-side .resident-brand{color:#fff;margin:0 7px 22px}.resident-building{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;padding:12px;display:grid;gap:7px;margin-bottom:16px}.resident-building select{background:#1a326b;color:#fff;border:0;border-radius:7px;padding:8px;font:inherit}.resident-building>span{font-size:10px;color:#a9b9dc}.resident-side nav{display:grid;gap:4px}.resident-side nav button{background:transparent;color:#afbee2;display:flex;align-items:center;gap:10px;text-align:right;padding:11px 12px}.resident-side nav button:hover{background:#ffffff0c;color:#fff}.resident-side nav button.active{background:linear-gradient(100deg,#315be2,#4773f1);color:#fff;box-shadow:0 10px 25px #07184455}.resident-side nav button i{font-style:normal;width:18px}.resident-side nav button b{margin-right:auto;background:#f05d69;border-radius:20px;padding:1px 6px;font-size:9px}.resident-user{margin-top:auto;border-top:1px solid #ffffff15;padding-top:17px;display:flex;align-items:center;gap:9px}.resident-user>i{width:34px;height:34px;border-radius:50%;background:#dfe8ff;color:#3157c8;display:grid;place-items:center;font-style:normal;font-weight:800}.resident-user>span{display:grid;flex:1}.resident-user b{font-size:11px;color:#fff}.resident-user small{font-size:8px}.resident-user button{background:transparent;color:#ff9da2;padding:5px}.resident-main{width:min(1380px,100%);padding:28px 40px;margin:auto}.resident-main>header{display:flex;align-items:center;justify-content:space-between;background:#ffffffa8;border:1px solid #fff;border-radius:15px;padding:14px 18px;backdrop-filter:blur(16px);box-shadow:0 10px 30px #1735780d;margin-bottom:20px}.resident-main>header small{color:#8793a7}.resident-main h1{margin:4px 0;font-size:22px}.resident-alert{position:relative;background:#edf2ff;color:#315bd9}.resident-alert b{position:absolute;top:-6px;left:-6px;background:#ef5d68;color:#fff;border-radius:50%;width:18px;height:18px;font-size:9px;display:grid;place-items:center}.resident-welcome{background:linear-gradient(115deg,#2449c9,#4d77ed);border-radius:18px;color:#fff;padding:32px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 22px 45px #3156c32b;position:relative;overflow:hidden}.resident-welcome:after{content:"";position:absolute;width:320px;height:320px;border:55px solid #ffffff0b;border-radius:50%;left:-120px;bottom:-220px}.resident-welcome>div{position:relative;z-index:1}.resident-welcome span,.resident-welcome p{color:#d6e1ff}.resident-welcome h2{font-size:24px}.resident-welcome button{background:#fff;color:#315bd9}.resident-welcome button.ghost{background:#ffffff12;color:#fff;border:1px solid #ffffff24}.resident-welcome aside{width:225px;background:#ffffff12;border:1px solid #ffffff20;border-radius:15px;padding:19px;display:grid;gap:8px;position:relative;z-index:1}.resident-welcome aside>b{font-size:24px}.resident-welcome aside b i{font-size:10px;font-style:normal}.resident-welcome aside span{width:max-content;border-radius:20px;padding:4px 8px;font-size:9px}.resident-welcome aside span.due{background:#ffdfdf;color:#b73642}.resident-welcome aside span.clear{background:#dff7ed;color:#147d5d}.resident-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:17px 0}.resident-metrics article,.resident-surface{background:#ffffffc4;border:1px solid #fff;border-radius:14px;box-shadow:0 10px 28px #1735780c;backdrop-filter:blur(14px)}.resident-metrics article{padding:19px;display:grid;gap:7px}.resident-metrics i{width:34px;height:34px;background:#e8eeff;color:#3760de;border-radius:9px;display:grid;place-items:center;font-style:normal}.resident-metrics span{color:#77849a;font-size:10px}.resident-metrics b{font-size:16px}.resident-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.resident-notice{display:flex;gap:11px;padding:14px 19px;border-bottom:1px solid #edf0f4}.resident-notice>i{width:34px;height:34px;border-radius:9px;background:#edf1ff;color:#5169d7;display:grid;place-items:center;font-style:normal}.resident-notice>div{display:grid;gap:3px}.resident-notice p{margin:0;color:#69758c;line-height:1.8}.resident-notice small{color:#8c97aa;font-size:8px}.resident-bill{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:15px 19px;border-bottom:1px solid #edf0f4}.bill-icon{width:39px;height:39px;border-radius:10px;display:grid;place-items:center}.bill-icon.due{background:#ffeded;color:#cc4650}.bill-icon.paid{background:#e5f7ef;color:#168b68}.resident-bill>div:nth-child(2){display:grid;gap:3px}.resident-bill p{margin:0;color:#6c7890}.resident-bill small{color:#8994a8;font-size:9px}.resident-bill aside{display:grid;justify-items:end;gap:5px}.resident-bill aside>span{font-size:8px;border-radius:20px;padding:3px 7px}.resident-bill aside>span.due{background:#ffebed;color:#c83e49}.resident-bill aside>span.paid{background:#e5f7ef;color:#168b68}.resident-bill button{padding:6px 9px;font-size:9px}.resident-stack{display:grid;gap:15px}.resident-info-banner{display:flex;gap:10px;align-items:center;background:#eef3ff;border:1px solid #d9e3fa;border-radius:12px;padding:12px 15px;color:#53637f}.resident-info-banner i{width:27px;height:27px;border-radius:50%;background:#3c66ec;color:#fff;display:grid;place-items:center;font-style:normal}.resident-data{overflow:hidden}.resident-payment{display:grid;grid-template-columns:auto 1fr auto auto minmax(100px,.5fr);gap:13px;align-items:center;padding:15px 19px;border-bottom:1px solid #edf0f4}.resident-payment>i{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;font-style:normal}.resident-payment>i.paid{background:#e4f7ef;color:#168b68}.resident-payment>i.pending{background:#fff3dc;color:#b36b19}.resident-payment>i.failed{background:#ffebed;color:#c83e49}.resident-payment>div{display:grid;gap:3px}.resident-payment small{color:#8894a8;font-size:9px}.resident-payment>span{font-size:9px}.resident-payment code{direction:ltr;color:#77839a;background:#f1f4f9;border-radius:6px;padding:6px;overflow:hidden}.transparency-hero{background:linear-gradient(120deg,#10234f,#1e438b);border-radius:17px;color:#fff;padding:30px;display:flex;justify-content:space-between;align-items:center}.transparency-hero span,.transparency-hero p{color:#b9c8e8}.transparency-hero h2{font-size:24px}.transparency-hero aside{background:#ffffff0c;border:1px solid #ffffff17;border-radius:13px;padding:18px;display:grid;gap:8px}.transparency-hero aside b{font-size:20px}.expense-public-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.expense-public-grid article{background:#fff;border:1px solid var(--product-border);border-radius:15px;padding:19px}.expense-public-grid article>div{display:flex;justify-content:space-between;align-items:center}.expense-public-grid article i{width:34px;height:34px;border-radius:9px;background:#fff0de;color:#d17a23;display:grid;place-items:center;font-style:normal}.expense-public-grid article small{color:#8994a8}.expense-public-grid article p{color:#69758c;line-height:2;min-height:52px}.expense-public-grid article>b{color:#bd651b}.resident-announcements{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.resident-announcements article{background:#fff;border:1px solid var(--product-border);border-radius:16px;padding:24px}.resident-announcements article>div{display:flex;gap:10px;align-items:center}.resident-announcements article>div>i{width:39px;height:39px;border-radius:10px;background:#eaf0ff;color:#3c63dc;display:grid;place-items:center;font-style:normal}.resident-announcements article>div>span{display:grid}.resident-announcements small{color:#3c63dc}.resident-announcements article>div b{font-size:9px;color:#8a95a8}.resident-announcements h2{font-size:18px;margin-top:24px}.resident-announcements p{color:#657189;line-height:2.1}.resident-profile-layout{display:grid;grid-template-columns:1fr 1fr;gap:15px}.resident-profile-layout>form{padding-bottom:20px}.resident-profile-layout label{margin:14px 20px}.resident-profile-layout>form>button{margin-right:20px}.unit-profile{padding:25px}.unit-profile>i{width:50px;height:50px;border-radius:14px;background:#e9efff;color:#3c63da;display:grid;place-items:center;font-style:normal;font-size:20px}.unit-profile>span{display:inline-block;margin-top:15px;color:#178664;background:#e5f7ef;border-radius:20px;padding:4px 9px;font-size:9px}.unit-profile h3{font-size:20px;margin-bottom:4px}.unit-profile>p{color:#758199}.unit-profile dl{display:grid;gap:10px;margin:20px 0}.unit-profile dl>div{display:flex;justify-content:space-between;border-top:1px solid #edf0f4;padding-top:10px}.unit-profile dt{color:#7c889c}.unit-profile dd{margin:0}.unit-profile .danger{background:#ffeded;color:#c83e49}

/* Demo payment gateway */
.gateway-page{min-height:100vh;background:radial-gradient(circle at 10% 10%,#d7e5ff,transparent 32%),#f1f4f9;display:grid;place-items:center;padding:25px}.gateway-shell{width:min(980px,100%);background:#fff;border-radius:22px;box-shadow:0 35px 90px #102b6627;overflow:hidden}.gateway-shell>header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid #e7ebf2}.gateway-bank{display:flex;align-items:center;gap:11px}.gateway-bank>.brand-logo-mark{width:45px!important;height:45px!important;border-radius:13px!important}.gateway-bank>span{display:grid}.gateway-bank small{color:#8591a5}.gateway-timer{text-align:left}.gateway-timer small{display:block;color:#8490a4}.gateway-timer b{font-size:20px;direction:ltr}.gateway-body{display:grid;grid-template-columns:.85fr 1.15fr;min-height:460px}.gateway-body>aside{background:linear-gradient(150deg,#112652,#1d4289);color:#fff;padding:40px}.gateway-body>aside>span{color:#9eb4e4}.gateway-body aside h2{font-size:20px;line-height:1.6}.gateway-body dl{margin:28px 0;display:grid;gap:14px}.gateway-body dl>div{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff14;padding-bottom:10px}.gateway-body dt{color:#aebde0}.gateway-body dd{margin:0}.gateway-body aside p{font-size:10px;color:#9eb0d5;line-height:2}.gateway-body>form{padding:38px;display:grid;gap:14px;position:relative}.demo-ribbon{position:absolute;top:15px;left:15px;background:#fff0d4;color:#aa6819;border-radius:20px;padding:5px 10px;font-size:9px}.gateway-body form label{display:grid;gap:7px;color:#536178;font-size:11px;font-weight:700}.gateway-body input{border:1px solid #dce3ee;border-radius:9px;padding:12px;font:inherit;direction:ltr;text-align:left}.gateway-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gateway-fields label span{display:flex;gap:6px}.gateway-fields label span input{width:50%}.otp-field{display:flex;gap:7px}.otp-field input{flex:1}.otp-field button{background:#eef3ff;color:#315bd7;font-size:10px}.gateway-pay{padding:13px;margin-top:7px}.gateway-cancel{background:transparent;color:#748097}.gateway-shell>footer{display:flex;justify-content:space-between;background:#f8f9fc;border-top:1px solid #e8ebf2;padding:13px 25px;color:#8490a4;font-size:9px}.gateway-error{width:min(500px,100%);background:#fff;border-radius:20px;padding:50px;text-align:center;box-shadow:0 30px 80px #102b6622}.gateway-error>i{width:60px;height:60px;border-radius:18px;background:#ffebed;color:#c83e49;display:grid;place-items:center;font-style:normal;font-size:28px;margin:auto}.gateway-error p{color:#748097}.gateway-error a{display:inline-block;background:#3c66ec;color:#fff;text-decoration:none;border-radius:9px;padding:10px 15px}
.invite-form-card .brand{text-decoration:none;color:#17213b}.invite-form-card .form-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.invite-form-card label small{color:#8792a6;font-weight:400}.invite-success{text-align:center;padding:30px 0}.invite-success>i{width:70px;height:70px;border-radius:22px;background:#e4f7ef;color:#168b68;display:grid;place-items:center;font-style:normal;font-size:30px;margin:auto}.danger-pill{background:#ffebed!important;color:#c83e49!important}

@media(max-width:1150px){.dashboard-three{grid-template-columns:1fr 1fr}.enhanced-invite{grid-column:1/-1}.settings-layout{grid-template-columns:1fr}.security-card{grid-template-columns:auto 1fr}.security-card ul{grid-column:1/-1}.product-dash .dash-side{width:235px}.resident-side{width:230px}}
@media(max-width:900px){.product-dash .dash-side{position:fixed;right:0;top:0;bottom:0;width:265px;height:100vh;z-index:80;transform:translateX(110%);transition:.3s;padding:22px 15px}.product-dash .dash-logo span,.product-dash .dash-logo small,.product-dash .building-select-wrap,.product-dash .dash-side nav span,.product-dash .invite-nav span,.product-dash .dash-user span,.product-dash .invite-nav b{display:initial}.product-dash .dash-side nav button,.product-dash .invite-nav{justify-content:flex-start}.mobile-nav-button{display:block!important}.product-header{top:7px}.notice-grid,.plan-grid,.expense-public-grid{grid-template-columns:1fr 1fr}.charge-row,.debt-row{grid-template-columns:auto 1fr auto}.charge-progress,.charge-row>strong,.charge-row>.row-actions,.debt-row>.row-actions{grid-column:2/-1}.advanced-entry>div.form-grid,.settings-form .form-grid{grid-template-columns:1fr 1fr}.resident-side{width:76px;padding:18px 8px}.resident-side .resident-brand b,.resident-side .resident-brand small,.resident-building,.resident-side nav span,.resident-side nav b,.resident-user span{display:none}.resident-side nav button{justify-content:center}.resident-main{padding:20px}.resident-columns{grid-template-columns:1fr}.transparency-hero{display:grid;gap:20px}.resident-profile-layout{grid-template-columns:1fr}}
@media(max-width:650px){.product-header{align-items:flex-start!important}.product-header h1{font-size:18px!important}.header-tools .notification-button,.header-tools .ghost{display:none}.dash-main{padding:9px}.manager-hero{display:grid;gap:20px}.collection-ring{width:105px;height:105px;margin:0}.metrics,.resident-metrics{grid-template-columns:1fr 1fr}.dashboard-three,.report-page .report-grid,.notice-grid,.plan-grid,.expense-public-grid,.resident-announcements{grid-template-columns:1fr}.resident-share{grid-template-columns:1fr}.advanced-entry>div.form-grid,.settings-form .form-grid,.setup-fields{grid-template-columns:1fr}.unit-picker,.form-grid .wide,.setup-fields .wide{grid-column:auto}.data-row,.charge-row,.debt-row{display:flex;flex-wrap:wrap}.data-row>.row-actions,.charge-row>.row-actions,.debt-row>.row-actions{width:100%;margin:0}.reference-code{max-width:100%;width:100%}.report-actions{display:grid}.security-card{grid-template-columns:1fr}.resident-side{position:fixed;right:0;left:0;bottom:0;top:auto;width:100%;height:68px;z-index:70;padding:7px 8px}.resident-side>.resident-brand,.resident-building,.resident-user{display:none}.resident-side nav{display:flex;overflow-x:auto;justify-content:space-around}.resident-side nav button{min-width:53px;display:grid;justify-items:center;gap:2px;padding:6px}.resident-side nav span{display:block;font-size:7px}.resident-side nav b{display:grid;position:absolute}.resident-main{padding:10px 10px 82px}.resident-main>header{padding:11px 13px}.resident-welcome{display:grid;gap:20px;padding:23px}.resident-welcome aside{width:100%}.resident-metrics{gap:8px}.resident-metrics article{padding:13px}.resident-bill{grid-template-columns:auto 1fr}.resident-bill aside{grid-column:2;justify-items:start}.resident-payment{grid-template-columns:auto 1fr auto}.resident-payment strong,.resident-payment code{grid-column:2/-1}.transparency-hero{padding:22px}.gateway-body{grid-template-columns:1fr}.gateway-body>aside{padding:25px}.gateway-body>form{padding:28px 20px}.gateway-fields{grid-template-columns:1fr}.gateway-shell>header{padding:15px}.gateway-bank small{display:none}.invite-form-card .form-two{grid-template-columns:1fr}}
@media(max-width:430px){.metrics,.resident-metrics{grid-template-columns:1fr}.hero-mini-actions{display:grid}.collection-ring{display:none}.resident-welcome h2{font-size:20px}.gateway-body>aside{display:none}}
@media print{.dash-side,.product-header,.report-actions,.toast{display:none!important}.dash-main{padding:0;width:100%}.dash,.resident-app{background:#fff}.surface{box-shadow:none;border:1px solid #ddd}.report-page{display:block}.report-page>*{margin-bottom:16px}}

/* Keep the off-canvas manager navigation from widening small viewports. */
.product-dash{overflow-x:hidden}

.legal-page{min-height:100vh;background:radial-gradient(circle at 12% 5%,#dce7ff,transparent 28%),#f6f8fc;padding:28px}.legal-page>header{max-width:900px;margin:auto;display:flex;justify-content:space-between;align-items:center}.legal-page>header>a:first-child{display:flex;align-items:center;gap:9px;color:#172445;text-decoration:none;font-size:21px}.legal-page>header>a:first-child .brand-logo-mark{width:40px!important;height:40px!important;border-radius:11px!important}.legal-page>header>a:last-child{color:#3c66ec;text-decoration:none}.legal-page>article{max-width:900px;margin:55px auto;background:#ffffffd1;border:1px solid #fff;border-radius:22px;padding:50px;box-shadow:0 28px 75px #17357813}.legal-page article>span{color:#3c66ec;background:#e9efff;border-radius:20px;padding:6px 10px;font-size:10px}.legal-page h1{font-size:34px;margin:18px 0}.legal-page h2{font-size:18px;margin-top:32px}.legal-page p{color:#66738b;line-height:2.1}.legal-page article>p:first-of-type{font-size:16px;color:#4f5d75}@media(max-width:600px){.legal-page{padding:16px}.legal-page>article{padding:26px;margin-top:35px}.legal-page h1{font-size:27px}}

.manual-payment-guide{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 28px;border-radius:18px;color:#fff;background:radial-gradient(circle at 10% 5%,#58d4bf2b,transparent 30%),linear-gradient(120deg,#102653,#244da7);box-shadow:0 20px 45px #173f9424}.manual-payment-guide>div{max-width:680px}.manual-payment-guide>div>span{color:#8eefd0;font-size:10px;font-weight:900}.manual-payment-guide h2{margin:7px 0;font-size:22px}.manual-payment-guide p{margin:0;color:#c9d6f3;line-height:2}.manual-payment-guide aside{min-width:310px;display:grid;gap:8px;padding:17px 19px;border:1px solid #ffffff20;border-radius:14px;background:#ffffff0d}.manual-payment-guide aside small{color:#b9c9eb}.manual-payment-guide aside b{font-size:18px;letter-spacing:2px}.manual-payment-guide aside button{width:max-content;color:#21499d;background:#fff}.manual-payment-guide aside p{font-size:9px}@media(max-width:760px){.manual-payment-guide{display:grid;padding:22px 18px}.manual-payment-guide aside{width:100%;min-width:0}.manual-payment-guide aside b{font-size:15px;overflow-wrap:anywhere}}


/* app/product-polish.css */
.product-toast > button {
  background: transparent !important;
  color: inherit !important;
  padding: 0 6px !important;
  box-shadow: none !important;
  font-size: 18px;
}

/* Authentication experience */
.auth-v2 {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 24px clamp(18px, 4vw, 64px) 42px;
  background:
    linear-gradient(135deg, rgba(248,250,255,.97), rgba(238,244,255,.93)),
    #f3f6fc;
}
.auth-v2::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -3;
  opacity: .35;
  background-image: linear-gradient(#6b84c80b 1px, transparent 1px), linear-gradient(90deg, #6b84c80b 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, #000, transparent 78%);
}
.auth-ambient { position: absolute; z-index: -2; border-radius: 999px; filter: blur(2px); pointer-events: none; }
.auth-ambient-one { width: 520px; height: 520px; top: -240px; right: -170px; background: radial-gradient(circle, #7896ff42, transparent 67%); }
.auth-ambient-two { width: 480px; height: 480px; bottom: -260px; left: -120px; background: radial-gradient(circle, #90e0c438, transparent 67%); }
.auth-topbar { max-width: 1180px; margin: 0 auto 24px; display: flex; align-items: center; justify-content: space-between; }
.auth-v2 .auth-brand { margin: 0; gap: 11px; }
.auth-v2 .auth-brand > i { width: 43px; height: 43px; border-radius: 13px; background: linear-gradient(145deg,#4d76f2,#2f56d7); box-shadow: 0 12px 28px #315bd43b; }
.auth-v2 .auth-brand > span { display: grid; gap: 1px; }
.auth-v2 .auth-brand b { font-size: 20px; }
.auth-v2 .auth-brand small { color: #8190aa; font-size: 9px; font-weight: 600; }
.auth-back { color: #63718b; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; padding: 9px 13px; border-radius: 11px; border: 1px solid #dce4f2; background: #ffffffa6; font-size: 12px; font-weight: 700; transition: .25s ease; }
.auth-back:hover { color: #315bd9; border-color: #bfccef; transform: translateX(-3px); box-shadow: 0 10px 25px #163a7b0d; }
.auth-shell-v2 { max-width: 1180px; min-height: 690px; margin: 0 auto; grid-template-columns: minmax(0,1.02fr) minmax(420px,.98fr); border-radius: 30px; border: 1px solid #fff; background: #ffffffd7; box-shadow: 0 35px 100px #193a8424, inset 0 1px #fff; }
.auth-shell-v2 .auth-story { position: relative; display: flex; flex-direction: column; padding: 52px; overflow: hidden; background: linear-gradient(145deg,#102862 0%,#2249b9 55%,#3f6dec 100%); }
.auth-shell-v2 .auth-story::before,.auth-shell-v2 .auth-story::after { content:""; position:absolute; border-radius:50%; border: 1px solid #ffffff14; }
.auth-shell-v2 .auth-story::before { width: 420px; height: 420px; left: -160px; bottom: -180px; box-shadow: 0 0 0 55px #ffffff08, 0 0 0 110px #ffffff05; }
.auth-shell-v2 .auth-story::after { width: 240px; height: 240px; right: -100px; top: -90px; background: radial-gradient(circle,#88a6ff35,transparent 68%); }
.auth-story-content { position: relative; z-index: 2; }
.auth-eyebrow { width: max-content; display: inline-flex; align-items: center; gap: 7px; padding: 7px 11px; color: #dbe6ff!important; border: 1px solid #ffffff1f; background: #ffffff0e; border-radius: 999px; font-size: 11px; font-weight: 700; backdrop-filter: blur(10px); }
.auth-eyebrow i { color: #79edc1; font-size: 8px; font-style: normal; }
.auth-shell-v2 .auth-story h1 { margin: 20px 0 12px; font-size: clamp(36px,4vw,50px); line-height: 1.45; letter-spacing: -1.5px; }
.auth-shell-v2 .auth-story h1 em { color: #9fc0ff; font-style: normal; }
.auth-shell-v2 .auth-story > .auth-story-content > p { max-width: 470px; margin: 0; color: #d2ddfa; font-size: 14px; line-height: 2.15; }
.auth-benefits { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-top: 24px; }
.auth-benefits > div { display: flex; align-items: center; gap: 8px; margin: 0!important; padding: 10px; background: #ffffff0c; border: 1px solid #ffffff13; border-radius: 13px; }
.auth-benefits > div > i { width: 27px; height: 27px; flex: none; display: grid; place-items: center; color: #0f7656!important; background: #8ef0c8; border-radius: 9px; font-style: normal; font-size: 11px; }
.auth-benefits span { display: grid; gap: 1px; }
.auth-benefits b { color: #fff; font-size: 10px; }
.auth-benefits small { color: #bfcdf1; font-size: 7px; white-space: nowrap; }
.auth-preview { position: relative; z-index: 2; width: min(420px,92%); margin: auto auto 18px; padding: 12px; border-radius: 18px; background: #ffffffed; color: #17213b; box-shadow: 0 30px 70px #07163850; transform: rotate(-1.5deg); }
.auth-preview-head { display:flex; justify-content:space-between; align-items:center; padding: 2px 3px 10px; }
.auth-preview-head > span { display:flex; gap:4px; }
.auth-preview-head i { width:6px; height:6px; border-radius:50%; background:#d6deec; }
.auth-preview-head small { color:#78849a; font-size:8px; }
.auth-preview-body { min-height: 145px; display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 18px; padding: 20px; border-radius: 13px; background: linear-gradient(145deg,#f6f8ff,#edf2ff); }
.auth-preview-body > div { display:grid; align-self:start; gap:7px; }
.auth-preview-body small { color:#7c89a1; font-size:9px; }
.auth-preview-body b { color:#18316f; font-size:17px; }
.auth-preview-body b em { font-size:8px; color:#76839c; font-style:normal; }
.auth-preview-body > span { height:75px; display:flex; direction:ltr; align-items:end; gap:6px; }
.auth-preview-body > span i { flex:1; min-width:10px; border-radius:5px 5px 2px 2px; background:linear-gradient(#7492f4,#3d67e4); }
.auth-preview-success { width:max-content; margin:-19px 12px 0 auto!important; position:relative; display:flex; align-items:center; gap:8px; padding:8px 11px; border-radius:11px; background:#fff; box-shadow:0 10px 28px #182c681e; }
.auth-preview-success > i { width:25px; height:25px; display:grid; place-items:center; border-radius:8px; background:#e4f8f0; color:#158765; font-style:normal; }
.auth-preview-success span { display:grid; }
.auth-preview-success b { font-size:9px; }
.auth-preview-success small { color:#8994a8; font-size:7px; }
.auth-maker { position:relative; z-index:2; margin:0!important; color:#aebfe8!important; font-size:9px!important; text-align:center; }
.auth-maker a { color:#fff; font-weight:800; }
.auth-shell-v2 .auth-form-v2 { padding: 44px clamp(32px,4vw,58px); gap: 0; align-content: start; background: linear-gradient(180deg,#fffffffa,#fbfcffed); }
.auth-mode-switch { display:grid; grid-template-columns:1fr 1fr; gap:5px; padding:5px; border-radius:13px; background:#f0f3f9; margin-bottom:31px; }
.auth-shell-v2 .auth-mode-switch button { margin:0; padding:10px; border-radius:9px; background:transparent; color:#7a869b; box-shadow:none; font-size:11px; transition:.25s ease; }
.auth-shell-v2 .auth-mode-switch button.active { color:#294fc3; background:#fff; box-shadow:0 7px 18px #183b7b12; }
.auth-form-heading { margin-bottom:24px; }
.auth-form-heading > span { color:#3e65dd; font-size:11px; font-weight:800; }
.auth-form-heading h2 { margin:7px 0; font-size:25px; letter-spacing:-.4px; }
.auth-form-heading p { margin:0!important; color:#7d899e!important; font-size:12px; }
.auth-register-fields { display:grid; grid-template-columns:1fr 1fr; gap:11px; }
.auth-field { display:grid!important; gap:7px!important; margin-bottom:14px; color:#46536b; font-size:11px!important; }
.auth-field > span { font-weight:800; }
.auth-field > div { min-height:48px; display:flex; align-items:center; gap:9px; border:1px solid #dfe5ef; border-radius:12px; padding:0 12px; background:#fff; transition:.22s ease; }
.auth-field > div:focus-within { border-color:#6382e7; box-shadow:0 0 0 4px #426bea12; transform:translateY(-1px); }
.auth-field > div > i { width:21px; color:#7181a0; font-style:normal; text-align:center; font-weight:800; }
.auth-shell-v2 .auth-field input { min-width:0; flex:1; border:0; border-radius:0; padding:12px 0; background:transparent; box-shadow:none; direction:inherit; }
.auth-shell-v2 .auth-field input:focus { border:0; box-shadow:none; outline:0; }
.auth-field > small { color:#8a95a8; font-size:9px; font-weight:500; }
.password-toggle { width:auto!important; flex:none; margin:0!important; padding:5px 7px!important; border:0!important; background:#f0f3f9!important; color:#576885!important; box-shadow:none!important; font-size:8px!important; }
.password-strength { display:flex; align-items:center; gap:4px; margin:-5px 0 14px; }
.password-strength > i { width:24px; height:3px; border-radius:3px; background:#e2e6ee; }
.password-strength > span { margin-right:5px; color:#929caf; font-size:8px; }
.password-strength.ready > i { background:#3dba8a; }
.password-strength.ready > span { color:#168663; }
.auth-error { display:flex; align-items:center; gap:8px; margin:0 0 13px; }
.auth-error > i { width:24px; height:24px; display:grid; place-items:center; border-radius:8px; background:#ffdadd; font-style:normal; font-weight:900; }
.auth-submit { min-height:49px; margin-top:3px; display:flex; align-items:center; justify-content:space-between; padding:0 18px!important; border-radius:12px!important; background:linear-gradient(100deg,#315adb,#496ff0)!important; box-shadow:0 14px 30px #315bd42b; transition:.25s ease; }
.auth-submit:not(:disabled):hover { transform:translateY(-2px); box-shadow:0 18px 35px #315bd43c; }
.auth-submit > i { font-style:normal; font-size:17px; }
.auth-terms { margin:12px 0 0!important; color:#8a95a8!important; text-align:center; font-size:8px!important; line-height:1.8; }
.auth-terms a { color:#4164cd; font-weight:700; }
.auth-no-sms { width:max-content; margin:17px auto 0; display:flex; align-items:center; gap:6px; padding:7px 10px; border-radius:999px; background:#eff9f5; color:#237b60; font-size:8px; font-weight:700; }
.auth-no-sms > i { font-style:normal; }

/* Account and invitation refinements */
.account-settings { border-color:#dbe5ff; background:linear-gradient(145deg,#fff,#f7f9ff); }
.settings-form label > small,.resident-profile-layout form label > small { color:#8490a5; font-size:9px; font-weight:500; margin-top:4px; }
.invite-steps { display:flex; align-items:center; justify-content:center; gap:8px; margin:20px 0 7px; color:#9aa4b5; font-size:9px; }
.invite-steps span { display:flex; align-items:center; gap:5px; }
.invite-steps span i { width:22px; height:22px; display:grid; place-items:center; border-radius:8px; background:#edf1f8; font-style:normal; }
.invite-steps span.active { color:#315bd9; font-weight:800; }
.invite-steps span.active i { color:#fff; background:#3c66ec; box-shadow:0 8px 18px #315bd42a; }
.invite-steps b { color:#d8deea; }
.invite-privacy { margin:2px 0 0!important; text-align:center; color:#8c96a9!important; font-size:8px!important; }

@media (max-width: 980px) {
  .auth-shell-v2 { grid-template-columns:1fr; max-width:620px; }
  .auth-shell-v2 .auth-story { display:none; }
}
@media (max-width: 600px) {
  .auth-v2 { padding:15px 12px 28px; }
  .auth-topbar { margin-bottom:16px; }
  .auth-v2 .auth-brand small { display:none; }
  .auth-back { border:0; background:transparent; padding:7px; font-size:10px; }
  .auth-shell-v2 { min-height:0; margin:0; border-radius:22px; }
  .auth-shell-v2 .auth-form-v2 { padding:25px 19px 28px; }
  .auth-mode-switch { margin-bottom:24px; }
  .auth-form-heading h2 { font-size:22px; }
  .auth-register-fields { grid-template-columns:1fr; gap:0; }
  .auth-field > div { min-height:50px; }
  .invite-steps { gap:4px; font-size:8px; }
  .invite-steps b { display:none; }
}

/* Panel iconography and financial transparency */
.panel-bell {
  position: relative;
  display: block;
  width: 16px;
  height: 17px;
  border: 2px solid currentColor;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom: 0;
  transform: translateY(-1px);
}
.panel-bell::before {
  content: "";
  position: absolute;
  right: -4px;
  left: -4px;
  bottom: -3px;
  height: 2px;
  border-radius: 4px;
  background: currentColor;
}
.panel-bell::after {
  content: "";
  position: absolute;
  right: 50%;
  bottom: -7px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: currentColor;
  transform: translateX(50%);
}
.resident-alert,.notification-button {
  width: 46px!important;
  height: 46px;
  padding: 0!important;
  display: grid!important;
  place-items: center;
  border: 1px solid #dce5fb!important;
  border-radius: 13px!important;
  box-shadow: 0 9px 22px #315bd415!important;
  transition: transform .22s ease,box-shadow .22s ease,background .22s ease!important;
}
.resident-alert:hover,.notification-button:hover {
  transform: translateY(-2px);
  background: #e3ebff!important;
  box-shadow: 0 13px 28px #315bd426!important;
}

.resident-main > header {
  min-height: 88px;
  padding: 16px 21px;
  border-color: #ffffffd4;
  box-shadow: 0 14px 40px #163b8211, inset 0 1px #fff;
}
.resident-main > header h1 { font-size: 24px; letter-spacing: -.4px; }
.resident-main > header small { font-size: 10px; font-weight: 700; color: #8491a8; }
.resident-side nav button { position: relative; min-height: 45px; border: 1px solid transparent; }
.resident-side nav button i {
  width: 29px;
  height: 29px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  color: #dce6ff;
  background: #ffffff0c;
  font-size: 11px;
  font-weight: 900;
}
.resident-side nav button.active i { color: #315bd9; background: #fff; box-shadow: 0 7px 17px #1029632b; }
.resident-side nav button:not(.active):hover i { background: #ffffff18; }

.resident-surface,.product-dash .surface,.product-dash .entry-card {
  border-color: #e2e8f3;
  box-shadow: 0 12px 34px #1735780c, inset 0 1px #fff;
}
.resident-surface,.product-dash .surface {
  transition: transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.resident-surface:hover,.product-dash .surface:hover {
  border-color: #d3def1;
  box-shadow: 0 17px 42px #17357813, inset 0 1px #fff;
}
.product-dash .data-row,.resident-bill,.resident-payment,.resident-notice { transition: background .2s ease; }
.product-dash .data-row:hover,.resident-bill:hover,.resident-payment:hover,.resident-notice:hover { background: #f8faff; }

.financial-page { gap: 22px; }
.transparency-hero {
  min-height: 245px;
  padding: 34px 38px;
  gap: 32px;
  overflow: hidden;
  position: relative;
  background:
    radial-gradient(circle at 8% 18%,#6e91f43b,transparent 32%),
    linear-gradient(125deg,#0e2455,#173a7e 64%,#2455b7);
  box-shadow: 0 24px 55px #1537772a;
}
.transparency-hero::before,.transparency-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.transparency-hero::before { width: 260px; height: 260px; left: -110px; bottom: -165px; border: 48px solid #ffffff0a; }
.transparency-hero::after { width: 140px; height: 140px; left: 18%; top: -100px; border: 1px solid #ffffff12; }
.transparency-copy { max-width: 680px; position: relative; z-index: 1; }
.transparency-copy > span { display: inline-flex; align-items: center; gap: 7px; color: #dbe6ff; font-size: 11px; font-weight: 800; }
.transparency-copy > span i { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 8px; color: #0e7858; background: #87e9c3; font-size: 10px; font-style: normal; }
.transparency-hero h2 { margin: 13px 0 7px; font-size: clamp(25px,3vw,35px); letter-spacing: -.8px; }
.transparency-hero p { max-width: 620px; margin: 0; font-size: 13px; line-height: 2.05; color: #c6d5f5; }
.transparency-chips { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 19px; }
.transparency-chips b { padding: 7px 10px; border: 1px solid #ffffff1b; border-radius: 999px; color: #e6edff; background: #ffffff0b; font-size: 9px; font-weight: 700; }
.transparency-hero aside {
  width: 250px;
  min-height: 170px;
  flex: none;
  align-content: center;
  justify-items: start;
  gap: 7px;
  position: relative;
  z-index: 1;
  padding: 23px;
  border-color: #ffffff26;
  background: linear-gradient(145deg,#ffffff18,#ffffff09);
  backdrop-filter: blur(12px);
  box-shadow: inset 0 1px #ffffff17;
}
.receipt-ui {
  position: relative;
  width: 37px;
  height: 42px;
  margin-bottom: 7px;
  border: 2px solid currentColor;
  border-radius: 9px 9px 6px 6px;
  color: currentColor;
  opacity: .92;
}
.receipt-ui::before { content:""; position:absolute; top:10px; right:8px; left:8px; height:2px; background:currentColor; box-shadow:0 7px currentColor,0 14px currentColor; opacity:.7; }
.receipt-ui::after { content:""; position:absolute; right:7px; bottom:-5px; width:7px; height:7px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; background:inherit; transform:rotate(45deg); }
.transparency-hero aside > .receipt-ui { color: #91b0ff; }
.transparency-hero aside small { font-size: 9px; color: #bacbed; }
.transparency-hero aside > b { font-size: 24px; color: #fff; }
.transparency-hero aside > b em { color: #b7c8ec; font-size: 9px; font-style: normal; }
.transparency-hero aside > span { padding: 5px 8px; border-radius: 8px; color: #87e9c3; background: #78e0b914; font-size: 9px; font-weight: 800; }

.financial-section-head { display: flex; align-items: end; justify-content: space-between; padding: 4px 3px 0; }
.financial-section-head small { color: #3e65dc; font-size: 10px; font-weight: 800; }
.financial-section-head h2 { margin: 4px 0 0; font-size: 21px; }
.financial-section-head > span { padding: 7px 11px; border: 1px solid #dbe4f5; border-radius: 10px; background: #fff; color: #68758c; font-size: 9px; font-weight: 700; }
.expense-public-grid { grid-template-columns: repeat(auto-fit,minmax(min(100%,320px),1fr)); gap: 16px; }
.expense-public-grid .expense-public-card {
  min-height: 315px;
  display: flex;
  flex-direction: column;
  gap: 17px;
  padding: 22px;
  border-color: #dfe6f2;
  border-radius: 18px;
  box-shadow: 0 13px 34px #1735780d;
  transition: transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.expense-public-grid .expense-public-card:hover { transform: translateY(-4px); border-color: #cbd8ef; box-shadow: 0 20px 46px #17357816; }
.expense-card-head { min-height: 46px; }
.expense-card-head .expense-document-icon {
  width: 45px;
  height: 45px;
  border-radius: 13px;
  background: linear-gradient(145deg,#fff1df,#ffe4c7);
  color: #be681b;
  box-shadow: inset 0 0 0 1px #f6d5b1;
}
.expense-document-icon b { font-size: 12px; }
.expense-card-head > span { display: grid; gap: 3px; text-align: left; }
.expense-card-head > span small { font-size: 8px; }
.expense-card-head > span b { color: #536078; font-size: 10px; }
.expense-title small { color: #8a96aa; font-size: 9px; }
.expense-title h3 { margin: 5px 0 0; color: #182544; font-size: 20px; }
.expense-reason { padding: 14px; border: 1px solid #e6eaf1; border-radius: 13px; background: linear-gradient(145deg,#f9fafd,#f5f7fb); }
.expense-reason > span { display: flex; align-items: center; gap: 7px; color: #5a6880; font-size: 10px; font-weight: 800; }
.expense-reason > span i { width: 21px!important; height: 21px!important; border-radius: 7px!important; color: #3b61d7!important; background: #e5ecff!important; font-size: 9px; }
.expense-public-grid .expense-reason p { min-height: 0; margin: 8px 0 0; color: #3f4c63; font-size: 12px; line-height: 1.9; }
.expense-public-card footer { display: flex; align-items: end; justify-content: space-between; gap: 15px; margin-top: auto; padding-top: 14px; border-top: 1px solid #edf0f5; }
.expense-public-card footer > span { display: grid; gap: 4px; }
.expense-public-card footer small { color: #8a96a9; font-size: 8px; }
.expense-public-card footer span > b { color: #b85d13; font-size: 18px; }
.expense-public-card footer em { font-size: 8px; font-style: normal; }
.verified-expense { width: auto!important; height: auto!important; padding: 5px 8px; border-radius: 8px!important; color: #187a5d!important; background: #e7f7f1!important; font-size: 8px; font-weight: 800; }
.financial-empty { grid-column: 1/-1; min-height: 260px; display: grid; place-items: center; align-content: center; gap: 8px; padding: 30px; border: 1px dashed #ccd8eb; border-radius: 18px; background: #ffffffa8; text-align: center; }
.financial-empty .receipt-ui { color: #6c82bb; }
.financial-empty h3 { margin: 7px 0 0; }
.financial-empty p { margin: 0; color: #7a879c; }

.manager-expenses-page .advanced-entry { overflow: visible; }
.manager-expenses-page .advanced-entry > .surface-head { border-radius: 16px 16px 0 0; }
.manager-expense-row { grid-template-columns: auto minmax(260px,1fr) auto auto; gap: 15px; padding-block: 17px; }
.manager-expense-copy { display: grid!important; gap: 5px!important; }
.manager-expense-copy > b { font-size: 13px; }
.manager-expense-copy > small { color: #66738a!important; font-size: 10px!important; line-height: 1.7; }
.manager-expense-copy > small span { color: #324f9f; font-weight: 800; }
.manager-expense-copy > em { color: #929caf; font-size: 8px; font-style: normal; }
.manager-expense-row > strong { color: #b76017; white-space: nowrap; font-size: 14px; }
.manager-expense-row > strong small { font-size: 8px; }

@media (max-width: 900px) {
  .transparency-hero aside { width: 100%; min-height: auto; grid-template-columns: auto 1fr; align-items: center; }
  .transparency-hero aside .receipt-ui { grid-row: 1/4; margin: 0 0 0 13px; }
  .manager-expense-row { grid-template-columns: auto 1fr auto; }
  .manager-expense-row .row-actions { grid-column: 2/-1; }
}
@media (max-width: 650px) {
  .resident-main > header { min-height: 72px; padding: 11px 14px; }
  .resident-main > header h1 { font-size: 19px; }
  .resident-alert { width: 41px!important; height: 41px; }
  .resident-side nav button i { width: 27px; height: 27px; }
  .transparency-hero { min-height: 0; padding: 25px 20px; border-radius: 16px; }
  .transparency-hero h2 { font-size: 25px; line-height: 1.55; }
  .transparency-hero p { font-size: 11px; }
  .transparency-chips b { font-size: 8px; }
  .financial-section-head { align-items: start; }
  .financial-section-head h2 { font-size: 18px; }
  .financial-section-head > span { margin-top: 3px; }
  .expense-public-grid .expense-public-card { min-height: 0; padding: 18px; }
  .expense-public-card footer { align-items: center; }
  .manager-expense-row { display: grid!important; grid-template-columns: auto 1fr; }
  .manager-expense-row > strong { grid-column: 2; }
  .manager-expense-row .row-actions { grid-column: 1/-1; width: 100%; }
}

/* Brand asset: one source of truth for every product surface. */
.brand-logo-mark {
  width: 42px!important;
  height: 42px!important;
  flex: none;
  display: block!important;
  border: 1px solid #dfe7f4!important;
  border-radius: 12px!important;
  background: transparent url('/baminoo-logo.png') center 28%/170% no-repeat!important;
  box-shadow: 0 10px 25px #163a7b1e!important;
  color: transparent!important;
}
.dash-logo>.brand-logo-mark,.resident-side .resident-brand>.brand-logo-mark,.admin-logo>.brand-logo-mark,.site-footer .brand-logo-mark,.mock-nav .brand-logo-mark {
  border-color:#ffffff26!important;
  box-shadow:none!important;
  filter:grayscale(1) brightness(0) invert(1);
}
.mock-nav .brand-logo-mark{width:28px!important;height:28px!important;margin-bottom:5px;border-radius:8px!important;background-size:175%!important}

/* Shared request and support center */
.ticket-center{display:grid;gap:18px}.ticket-intro{min-height:200px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:31px 34px;border-radius:19px;color:#fff;background:radial-gradient(circle at 10% 10%,#7e9fff2b,transparent 30%),linear-gradient(120deg,#102653,#234da9 68%,#3769e8);box-shadow:0 22px 50px #173f9425}.ticket-intro>div>span{color:#8eefd0;font-size:10px;font-weight:800}.ticket-intro h2{margin:9px 0 5px;font-size:27px}.ticket-intro p{max-width:670px;margin:0;color:#c9d6f3;line-height:2}.ticket-intro aside{min-width:260px;display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #ffffff1d;border-radius:15px;background:#ffffff0c}.ticket-intro aside>i{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;color:#234da9;background:#fff;font-style:normal;font-size:20px;font-weight:900}.ticket-intro aside>span{display:grid;gap:2px;flex:1}.ticket-intro aside small{color:#b9c9eb;font-size:8px}.ticket-intro aside b{font-size:20px}.ticket-message{padding:11px 14px;border:1px solid #cfe8de;border-radius:11px;color:#167a5d;background:#ecf9f4;font-weight:700}.ticket-form{overflow:hidden;padding-bottom:20px}.ticket-form>header,.ticket-list>header{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #edf0f4;background:linear-gradient(100deg,#fff,#f7f9ff)}.ticket-form>header small,.ticket-list>header small{color:#3c63da;font-size:9px;font-weight:800}.ticket-form h3,.ticket-list h3{margin:3px 0;font-size:16px}.ticket-form>header>span,.ticket-list>header>span{padding:6px 9px;border-radius:9px;color:#77849a;background:#eef2f8;font-size:8px}.ticket-form>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px}.ticket-form label{display:grid;gap:7px;color:#4e5b73;font-size:10px;font-weight:800}.ticket-form label.wide{grid-column:1/-1}.ticket-form input,.ticket-form select,.ticket-form textarea,.ticket-reply textarea,.ticket-reply select{width:100%;border:1px solid #dfe5ef;border-radius:10px;padding:11px;background:#fff;font:inherit;outline:0}.ticket-form input:focus,.ticket-form select:focus,.ticket-form textarea:focus,.ticket-reply textarea:focus{border-color:#6684e8;box-shadow:0 0 0 4px #416bea12}.ticket-form textarea{min-height:90px;resize:vertical}.ticket-form>button{margin-right:20px}.ticket-list{overflow:hidden;border:1px solid #e0e7f2;border-radius:17px;background:#fff;box-shadow:0 13px 35px #1735780c}.ticket-card{display:grid;gap:12px;padding:19px 20px;border-bottom:1px solid #edf0f4;border-right:3px solid #94a4ca}.ticket-card.ticket-high{border-right-color:#e79a3f}.ticket-card.ticket-urgent{border-right-color:#df535e;background:#fffafb}.ticket-card-top{display:flex;align-items:center;gap:10px}.ticket-card-top>i{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;color:#315bd9;background:#e8eeff;font-style:normal;font-weight:900}.ticket-urgent .ticket-card-top>i{color:#c23c47;background:#ffeaec}.ticket-card-top>span{display:grid;flex:1}.ticket-card-top small{color:#8491a6;font-size:8px}.ticket-card-top h3{font-size:14px}.ticket-status{padding:5px 8px;border-radius:20px;color:#976018;background:#fff1dc;font-size:8px}.ticket-status.resolved,.ticket-status.closed{color:#167b5e;background:#e4f7ef}.ticket-card-meta{display:flex;flex-wrap:wrap;gap:6px}.ticket-card-meta span{padding:4px 7px;border-radius:7px;color:#748198;background:#f1f4f8;font-size:8px}.ticket-card>p{margin:0;color:#526078;line-height:1.9}.ticket-card blockquote{display:grid;gap:4px;margin:0;padding:11px 13px;border-right:3px solid #3c66ec;border-radius:9px;color:#53617a;background:#f1f5ff}.ticket-card blockquote b{color:#315bd9;font-size:9px}.ticket-reply{display:grid;grid-template-columns:1fr 150px auto;gap:8px}.ticket-reply textarea{min-height:65px;resize:vertical}.ticket-empty{min-height:210px;display:grid;place-items:center;align-content:center;gap:6px;color:#78859a;text-align:center}.ticket-empty>i{width:45px;height:45px;display:grid;place-items:center;border-radius:14px;color:#167b5e;background:#e5f7ef;font-style:normal;font-size:17px}.ticket-empty h3{color:#1f2b47}.ticket-empty p{margin:0}.my-building-page{display:grid;gap:16px}.building-profile-hero{min-height:225px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:34px;border-radius:19px;color:#fff;background:radial-gradient(circle at 8% 15%,#75dccf26,transparent 28%),linear-gradient(120deg,#102653,#214a9f);box-shadow:0 22px 50px #173f9425}.building-profile-hero>div>span{color:#8eefd0;font-size:10px;font-weight:800}.building-profile-hero h2{margin:8px 0;font-size:30px}.building-profile-hero p{color:#c9d6f3}.building-profile-hero>div>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.building-profile-hero>div>div b{padding:6px 9px;border:1px solid #ffffff1b;border-radius:20px;background:#ffffff0b;font-size:8px}.building-profile-hero aside{min-width:240px;display:grid;gap:5px;padding:21px;border:1px solid #ffffff1d;border-radius:15px;background:#ffffff0c}.building-profile-hero aside>i{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#214a9f;background:#fff;font-style:normal}.building-profile-hero aside small{color:#b9c9eb}.building-profile-hero aside b{font-size:18px}.building-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.building-info-grid article{display:flex;align-items:center;gap:12px;padding:18px}.building-info-grid article>i{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;color:#315bd9;background:#e8eeff;font-style:normal;font-weight:900}.building-info-grid article>span{display:grid;gap:3px;flex:1}.building-info-grid small{color:#8390a5;font-size:8px}.building-info-grid p{margin:0;color:#8994a8;font-size:8px}.building-info-grid a{padding:6px 9px;border-radius:8px;color:#315bd9;background:#edf2ff;text-decoration:none;font-size:8px;font-weight:800}.building-guide>div{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:18px}.building-guide article{display:flex;gap:10px;padding:14px;border:1px solid #e5eaf2;border-radius:12px;background:#f8fafd}.building-guide article>i{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;color:#fff;background:#3c66ec;font-style:normal;font-weight:900;flex:none}.building-guide article span{display:grid;gap:5px}.building-guide p{margin:0;color:#748197;font-size:9px;line-height:1.8}
@media(max-width:900px){.ticket-intro{display:grid}.ticket-intro aside{width:100%;min-width:0}.building-profile-hero{display:grid}.building-profile-hero aside{width:100%;min-width:0}.building-info-grid{grid-template-columns:1fr 1fr}.building-guide>div{grid-template-columns:1fr}.ticket-reply{grid-template-columns:1fr 1fr}.ticket-reply textarea{grid-column:1/-1}}
@media(max-width:650px){.ticket-intro{padding:23px 19px}.ticket-intro h2{font-size:23px}.ticket-intro aside{padding:13px}.ticket-form>header,.ticket-list>header{align-items:flex-start}.ticket-form>div{grid-template-columns:1fr;padding:16px}.ticket-form label.wide{grid-column:auto}.ticket-form>button{margin-right:16px}.ticket-card{padding:16px 14px}.ticket-card-top{align-items:flex-start}.ticket-reply{grid-template-columns:1fr}.ticket-reply textarea{grid-column:auto}.building-profile-hero{padding:24px 19px}.building-profile-hero h2{font-size:25px}.building-info-grid{grid-template-columns:1fr}}

/* Keep the resident workspace full-width when its sidebar becomes a bottom bar. */
@media(max-width:650px){
  .resident-app{display:block!important;width:100%!important;min-width:0!important}
  .resident-main{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}
  .resident-main>main,.resident-main>header,.ticket-center,.ticket-intro,.ticket-form,.ticket-list,.my-building-page{width:100%!important;max-width:100%!important;min-width:0!important}
}

/* Card-transfer receipts */
.receipt-review-page{--receipt-navy:#102a60}.receipt-review-hero{display:grid;grid-template-columns:1fr 230px;gap:28px;align-items:center;padding:34px;border-radius:28px;color:#fff;background:radial-gradient(circle at 15% 10%,rgba(50,202,190,.22),transparent 35%),linear-gradient(135deg,#0a1f49,#17468f);box-shadow:0 22px 55px rgba(13,43,97,.18)}.receipt-review-hero span{color:#74e6dc;font-weight:800}.receipt-review-hero h2{margin:10px 0;font-size:clamp(1.5rem,2.5vw,2.15rem)}.receipt-review-hero p{max-width:760px;margin:0;color:#cfdbf3;line-height:2}.receipt-review-hero aside{display:flex;flex-direction:column;align-items:center;padding:22px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:rgba(255,255,255,.08);backdrop-filter:blur(14px)}.receipt-review-hero aside small{color:#bed0ee}.receipt-review-hero aside b{font-size:3rem}.receipt-review-hero aside span{font-size:.8rem;color:#8fe7d8}.receipt-card-warning,.retention-banner{display:flex;align-items:center;gap:16px;padding:18px 22px;border:1px solid #f1d18d;border-radius:20px;background:#fff8e8}.receipt-card-warning>i{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#ffefd0;color:#b87900;font-style:normal;font-weight:900}.receipt-card-warning div,.retention-banner div{flex:1}.receipt-card-warning p,.retention-banner p{margin:4px 0 0;color:#657087;line-height:1.8}.receipt-card-warning button{white-space:nowrap}.retention-banner{border-color:#c9e8e3;background:linear-gradient(135deg,#effcf9,#f7fbff)}.retention-banner>i{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border-radius:17px;color:#087b72;background:#d4f5ef;font-style:normal;font-size:1.1rem;font-weight:900}.receipt-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.receipt-review-card{overflow:hidden;padding:22px;border:1px solid #dbe4f2;border-radius:24px;background:#fff;box-shadow:0 12px 35px rgba(23,52,99,.07)}.receipt-review-card>header{display:flex;align-items:center;gap:12px;padding-bottom:17px;border-bottom:1px solid #edf1f7}.receipt-review-card>header div:nth-child(2){flex:1}.receipt-review-card>header small{color:#8a96a9}.receipt-review-card>header h3{margin:3px 0 0}.receipt-review-card dl{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:18px 0;background:#edf1f7;border:1px solid #edf1f7;border-radius:17px;overflow:hidden}.receipt-review-card dl div{padding:13px;background:#fafcff}.receipt-review-card dt{font-size:.76rem;color:#8995a8}.receipt-review-card dd{margin:6px 0 0;font-weight:800;color:#172744}.receipt-preview-action{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:17px;background:#f2f6fd}.receipt-preview-action a{display:flex;align-items:center;gap:9px;color:#2760dc;font-weight:800}.receipt-preview-action .receipt-ui{width:28px;height:32px}.receipt-preview-action small{color:#7d899c}.receipt-review-card>footer{display:flex;gap:10px;margin-top:18px}.receipt-review-card>footer button:first-child{flex:1}.receipt-reject-box{margin-top:18px;padding:16px;border-radius:17px;background:#fff4f3}.receipt-reject-box label{display:grid;gap:7px;font-weight:700}.receipt-reject-box textarea{min-height:82px}.receipt-reject-box>div{display:flex;gap:8px;margin-top:10px}.receipt-empty{grid-column:1/-1;text-align:center;padding:46px}.receipt-empty>i{display:grid;place-items:center;width:60px;height:60px;margin:auto;border-radius:20px;background:#daf6e8;color:#058653;font-size:1.7rem;font-style:normal}.receipt-empty h3{margin:14px 0 5px}.receipt-empty p{color:#7b879b}.status.pending_review{color:#9b6500;background:#fff1c9}.status.rejected{color:#b93333;background:#ffe6e5}.receipt-link{color:#2662db;font-weight:800}.receipt-expired{color:#8c96a7}.settings-payment-note{display:flex;gap:11px;align-items:flex-start;margin:16px 0;padding:14px 16px;border-radius:16px;background:#eef7ff;color:#3c557a}.settings-payment-note i{color:#098260;font-style:normal;font-weight:900}.settings-payment-note p{margin:0;line-height:1.8}.card-number-setting input{letter-spacing:.08em}.receipt-submit-modal{width:min(570px,calc(100vw - 30px));padding:0!important;overflow:hidden}.receipt-submit-modal>header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;color:#fff;background:linear-gradient(135deg,#102a60,#2f63dd)}.receipt-submit-modal>header small{color:#b9cdf6}.receipt-submit-modal>header h2{margin:5px 0 0;font-size:1.3rem}.receipt-submit-modal>header button{width:38px;height:38px;color:#fff;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1)}.receipt-submit-modal form{display:grid;gap:14px;padding:24px}.receipt-submit-modal label{display:grid;gap:7px;font-weight:800}.receipt-card-number{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid #d9e4f6;border-radius:17px;background:#f5f8fd}.receipt-card-number small{color:#697790}.receipt-card-number b{font-size:1.05rem;letter-spacing:.08em}.receipt-file-field{padding:14px;border:1px dashed #9eb5dc;border-radius:16px;background:#f8fbff}.receipt-file-field small{color:#73819a;font-weight:500}.retention-note{margin:0;padding:13px 15px;border-radius:14px;color:#51647e;background:#ecf9f6;line-height:1.8}.resident-bill aside button{margin-top:9px;padding:9px 13px;font-size:.78rem}.resident-payment{flex-wrap:wrap}.resident-payment .receipt-reject-reason{margin:5px 0 0;color:#aa3d3d}.resident-payment .receipt-link{padding:7px 10px;border-radius:10px;background:#edf3ff}.resident-payment .receipt-expired{max-width:140px}.receipt-review-page .data-row{grid-template-columns:auto 1fr auto auto auto}.manual-payment-guide aside>b{letter-spacing:.08em}
@media(max-width:980px){.receipt-review-hero{grid-template-columns:1fr}.receipt-review-hero aside{align-items:flex-start}.receipt-review-grid{grid-template-columns:1fr}.receipt-review-page .data-row{grid-template-columns:auto 1fr auto}.receipt-review-page .data-row strong,.receipt-review-page .data-row>a,.receipt-review-page .data-row>.receipt-expired{grid-column:2}}
@media(max-width:620px){.receipt-review-hero{padding:24px}.receipt-card-warning,.retention-banner{align-items:flex-start;flex-wrap:wrap}.receipt-card-warning button{width:100%}.receipt-review-card dl{grid-template-columns:1fr}.receipt-preview-action{align-items:flex-start;flex-direction:column}.receipt-review-card>footer,.receipt-reject-box>div{flex-direction:column}.receipt-submit-modal form{padding:18px}.receipt-card-number{align-items:flex-start;flex-direction:column}.resident-payment{grid-template-columns:auto 1fr!important}.resident-payment>span,.resident-payment>strong,.resident-payment>code,.resident-payment>.receipt-link,.resident-payment>.receipt-expired{grid-column:2}}

/* The manager uses the resident navigation structure, with its own scrollable menu rectangle. */
.product-dash .manager-side{height:100svh!important;overflow:hidden!important;min-height:0;overscroll-behavior:contain}
.product-dash .manager-side nav{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6d7b9d transparent;padding-inline-end:5px}
.product-dash .manager-side nav::-webkit-scrollbar{width:5px}.product-dash .manager-side nav::-webkit-scrollbar-track{background:transparent}.product-dash .manager-side nav::-webkit-scrollbar-thumb{border-radius:99px;background:#6d7b9d}
.product-dash .manager-side .resident-user{flex:none;margin-top:12px;padding-bottom:max(2px,env(safe-area-inset-bottom))}

/* New-manager guidance sits in the dashboard content, not in the navigation. */
.manager-launch-banner{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(460px,1.28fr);align-items:center;gap:18px;margin:18px 0 22px;padding:20px 22px;border:1px solid #dbe8f5;border-radius:18px;background:linear-gradient(115deg,#f7fbff,#f3fbf8);box-shadow:0 12px 30px #1735780a}
.manager-launch-banner>div:first-child>span{color:#198778;font-size:10px;font-weight:900}.manager-launch-banner h3{margin:5px 0;color:#1c385c;font-size:18px}.manager-launch-banner p{margin:0;color:#73859b;font-size:11px;line-height:1.9}.manager-launch-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.manager-launch-steps button{display:flex;align-items:center;gap:9px;min-width:0;padding:11px;border:1px solid #dce8ee;border-radius:12px;color:#244463;background:#fff;text-align:right;font:inherit;cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.manager-launch-steps button:hover{transform:translateY(-2px);border-color:#89b9db;box-shadow:0 8px 18px #31537714}.manager-launch-steps i{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:9px;color:#fff;background:#3266dd;font-style:normal;font-size:11px;font-weight:900}.manager-launch-steps button:first-child i{background:#24a887}.manager-launch-steps span{display:grid;min-width:0;gap:3px}.manager-launch-steps b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.manager-launch-steps small{overflow:hidden;color:#7a8ca1;text-overflow:ellipsis;white-space:nowrap;font-size:9px}
@media(max-width:1050px){.manager-launch-banner{grid-template-columns:1fr}.manager-launch-steps{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.manager-launch-banner{padding:16px;margin:13px 0 16px}.manager-launch-steps{grid-template-columns:1fr}.manager-launch-steps button{padding:10px}.manager-launch-banner h3{font-size:16px}}
/* Keep the navy rail painted all the way to the viewport edge, even while the main page scrolls. */
.product-dash .manager-side{min-height:100dvh!important;height:100dvh!important;background:linear-gradient(175deg,#0c1838,#18336f)!important;align-self:stretch}
@media(min-width:901px){
  .product-dash{padding-right:276px}
  .product-dash .manager-side{position:fixed!important;right:0;top:0;bottom:0;z-index:70;width:276px}
  .product-dash .dash-main{width:min(1400px,100%)}
}
@media(min-width:901px) and (max-width:1150px){.product-dash{padding-right:230px}.product-dash .manager-side{width:230px}}
@media(max-width:900px){
  .product-dash{padding-right:0}
  .product-dash .manager-side{position:fixed;right:0;left:auto;top:0;bottom:0;width:265px;height:100dvh;min-height:100dvh;z-index:80;transform:translateX(110%);transition:.3s;padding:24px 16px!important}
  .product-dash .manager-side.mobile-open{transform:none!important}
  .product-dash .manager-side .resident-brand b,.product-dash .manager-side .resident-brand small,.product-dash .manager-side .resident-building,.product-dash .manager-side .resident-user,.product-dash .manager-side nav span{display:initial}
  .product-dash .manager-side nav{display:grid;grid-template-columns:1fr;gap:4px;overflow-y:auto}
  .product-dash .manager-side nav button{display:flex;justify-content:flex-start;min-height:0;gap:10px;padding:11px 12px;font-size:13px}
}
@media(min-width:901px) and (max-height:800px){
  .product-dash .manager-side{padding-block:18px}
  .product-dash .manager-side .resident-brand{margin-bottom:14px}
  .product-dash .manager-side .resident-building{margin-bottom:10px}
  .product-dash .manager-side nav{gap:2px}
  .product-dash .manager-side nav button{padding-block:8px}
}
@media(max-width:650px){
  .product-dash .manager-side{position:fixed;right:0;left:auto;top:0;bottom:0;width:265px;height:100dvh;min-height:100dvh;padding:24px 16px!important}
  .product-dash .manager-side>.resident-brand{display:flex!important}
  .product-dash .manager-side .resident-building,.product-dash .manager-side .resident-user{display:grid!important}
  .product-dash .manager-side .resident-user{display:flex!important}
  .product-dash .manager-side nav{display:grid!important;overflow-y:auto!important;overflow-x:hidden!important;justify-content:normal!important}
  .product-dash .manager-side nav button{min-width:0;display:flex!important;justify-items:initial!important;gap:10px!important;padding:11px 12px!important}
  .product-dash .manager-side nav span{display:inline!important;font-size:inherit!important}
}

/* A real notification bell is clearer than the old hand-drawn glyph. */
.product-dash .notification-symbol{width:22px;height:22px;stroke-width:1.85;filter:drop-shadow(0 2px 2px #315bd425)}
.product-dash .notification-button:has(.notification-symbol){isolation:isolate;overflow:visible}
.product-dash .notification-button:has(.notification-symbol)::after{content:"";position:absolute;inset:7px;border-radius:10px;background:#ffffff78;z-index:-1;opacity:.55}
.resident-alert .notification-symbol{width:22px;height:22px;stroke-width:1.85;filter:drop-shadow(0 2px 2px #315bd425)}
.resident-alert:has(.notification-symbol){isolation:isolate;overflow:visible}
.resident-alert:has(.notification-symbol)::after{content:"";position:absolute;inset:7px;border-radius:10px;background:#ffffff78;z-index:-1;opacity:.55}

.product-dash .plan-card{align-content:start}.product-dash .plan-card ul{gap:11px}.product-dash .plan-card li{line-height:1.65}.product-dash .plan-card li::first-letter{font-weight:900}
.building-requests .ticket-intro{background:radial-gradient(circle at 10% 10%,#4fd6b82e,transparent 30%),linear-gradient(120deg,#0d4d58,#087d72 68%,#1bb498)}
.building-requests .ticket-intro aside>i{color:#087d72}.building-requests .ticket-form>header small{color:#087d72}.building-requests .ticket-form>button{background:#087d72}.building-requests .ticket-card blockquote{border-right-color:#078174;background:#effbf8}.platform-support .ticket-intro{background:radial-gradient(circle at 10% 10%,#7e9fff2b,transparent 30%),linear-gradient(120deg,#102653,#234da9 68%,#3769e8)}


/* app/admin/admin.css */
.admin-app{--admin-navy:#081630;--admin-blue:#3867ee;--admin-text:#16213c;min-height:100vh;display:flex;background:radial-gradient(circle at 25% 0,#dae6ff,transparent 32%),#f3f6fb;color:var(--admin-text)}
.admin-side{width:280px;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;padding:24px 17px;color:#b7c7e8;background:linear-gradient(175deg,#07142e,#102a60 65%,#173b83);box-shadow:-18px 0 45px #0a1d401d;overflow:auto}.admin-logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;padding:0 7px 21px}.admin-logo>i{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#4e7af2,#3156d6);font-style:normal;font-weight:900;box-shadow:0 12px 25px #07142f55}.admin-logo>span{display:grid}.admin-logo b{font-size:19px}.admin-logo small{font-size:8px;color:#93a9d5}.admin-badge{display:flex;align-items:center;gap:10px;padding:12px;margin-bottom:17px;border:1px solid #ffffff14;border-radius:13px;background:#ffffff0b}.admin-badge>i{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;color:#0e7858;background:#83e9c2;font-style:normal}.admin-badge span{display:grid}.admin-badge small{font-size:8px;color:#94aad6}.admin-badge b{font-size:10px;color:#fff}.admin-side nav{display:grid;gap:4px}.admin-side nav button{position:relative;display:flex;align-items:center;gap:10px;min-height:45px;padding:8px 10px;color:#b6c6e7;background:transparent;border:1px solid transparent;text-align:right}.admin-side nav button>i{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#ffffff0b;font-style:normal;font-size:10px}.admin-side nav button>span{font-size:11px;font-weight:700}.admin-side nav button>b{margin-right:auto;min-width:19px;height:19px;display:grid;place-items:center;border-radius:20px;color:#fff;background:#ef5c67;font-size:8px}.admin-side nav button:hover{color:#fff;background:#ffffff0a}.admin-side nav button.active{color:#fff;border-color:#ffffff1c;background:linear-gradient(100deg,#315bdf,#4774f0);box-shadow:0 12px 28px #07183766}.admin-side nav button.active>i{color:#315bd9;background:#fff}.admin-account{margin-top:auto;display:flex;align-items:center;gap:9px;padding:18px 6px 3px;border-top:1px solid #ffffff14}.admin-account>i{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#24499f;background:#dfe8ff;font-style:normal;font-weight:900}.admin-account>span{display:grid;flex:1}.admin-account b{color:#fff;font-size:10px}.admin-account small{font-size:8px}.admin-account button{padding:5px;color:#ff969e;background:transparent}.admin-main{width:min(1500px,100%);margin:auto;padding:28px 38px}.admin-header{min-height:87px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:15px 20px;border:1px solid #fff;border-radius:17px;background:#ffffffc4;backdrop-filter:blur(16px);box-shadow:0 14px 40px #1735780e}.admin-header small{color:#7e8ca4;font-size:9px}.admin-header h1{margin:3px 0;font-size:24px}.admin-header>div:last-child{display:flex;align-items:center;gap:9px}.system-online{display:flex;align-items:center;gap:6px;padding:8px 11px;border-radius:10px;color:#187b5e;background:#e9f8f2;font-size:9px;font-weight:800}.system-online i{width:7px;height:7px;border-radius:50%;background:#2db385;box-shadow:0 0 0 4px #2db38518}.admin-toast{position:sticky;top:12px;z-index:40;margin-bottom:14px;box-shadow:0 15px 35px #1735781c}.admin-stack{display:grid;gap:18px}.admin-hero{min-height:240px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:37px;border-radius:21px;color:#fff;background:radial-gradient(circle at 10% 15%,#7fa2ff32,transparent 30%),linear-gradient(120deg,#10265a,#2049a8 60%,#3568e5);box-shadow:0 24px 55px #173f9426;overflow:hidden}.admin-hero>div>span{color:#91f0cc;font-size:10px;font-weight:800}.admin-hero h2{margin:9px 0;font-size:31px}.admin-hero p{max-width:650px;color:#cad7f5;line-height:2}.admin-hero>div>div{display:flex;gap:8px;margin-top:20px}.admin-hero button.glass{color:#fff;background:#ffffff0f;border:1px solid #ffffff20}.admin-hero aside{min-width:280px;display:grid;gap:7px;padding:24px;border:1px solid #ffffff1e;border-radius:16px;background:#ffffff0d;backdrop-filter:blur(10px)}.admin-hero aside small{color:#b9c9ed}.admin-hero aside b{font-size:25px}.admin-hero aside em{font-size:9px;font-style:normal}.admin-hero aside span{width:max-content;padding:5px 8px;border-radius:8px;color:#ffcf8f;background:#ffb34a17;font-size:9px}.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.admin-metric{display:grid;gap:6px;padding:18px;border:1px solid #fff;border-radius:16px;background:#ffffffca;box-shadow:0 12px 32px #1735780c}.admin-metric>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#315bd8;background:#e7eeff;font-style:normal;font-weight:900}.admin-metric.orange>i{color:#bd681c;background:#fff0df}.admin-metric.green>i{color:#167b5e;background:#e5f7ef}.admin-metric>span{color:#7c899d;font-size:9px}.admin-metric>b{font-size:18px}.admin-metric>small{color:#929caf;font-size:8px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.admin-surface{overflow:hidden;border:1px solid #e0e7f2;border-radius:17px;background:#fff;box-shadow:0 13px 35px #1735780c}.admin-surface-head{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #edf0f5;background:linear-gradient(100deg,#fff,#f7f9ff)}.admin-surface-head h3{margin:0;font-size:14px}.admin-surface-head p{margin:3px 0 0;color:#8995a8;font-size:9px}.admin-surface-head button{padding:6px 9px;color:#315bd9;background:#edf2ff;font-size:8px}.admin-ticket-mini,.admin-building-mini{display:flex;align-items:center;gap:11px;padding:13px 19px;border-bottom:1px solid #edf0f5}.admin-ticket-mini>i,.admin-building-mini>i{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;color:#315bd9;background:#e9efff;font-style:normal;font-weight:900}.admin-ticket-mini>i.urgent{color:#c7434d;background:#ffeaec}.admin-ticket-mini>div,.admin-building-mini>div{display:grid;gap:3px;flex:1}.admin-ticket-mini small,.admin-building-mini small{color:#8995a8;font-size:8px}.admin-ticket-mini>span,.admin-building-mini>span{padding:4px 7px;border-radius:8px;color:#956018;background:#fff1dc;font-size:8px}.admin-empty{min-height:150px;display:grid;place-items:center;align-content:center;gap:7px;color:#7f8ca1}.admin-empty i{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#167b5e;background:#e4f7ef;font-style:normal}.admin-toolbar{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid #fff;border-radius:15px;background:#ffffffb8;box-shadow:0 10px 28px #1735780b}.admin-toolbar>div{margin-left:auto}.admin-toolbar small{color:#3c63da;font-size:9px;font-weight:800}.admin-toolbar h2{margin:3px 0 0;font-size:19px}.admin-toolbar>label{min-width:310px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #dfe5ef;border-radius:10px;background:#fff}.admin-toolbar>label i{font-style:normal;color:#8491a7}.admin-toolbar>label input{width:100%;border:0;box-shadow:none;padding:10px 0}.admin-toolbar>span{padding:7px 10px;border-radius:9px;color:#647189;background:#eef2f8;font-size:9px}.admin-table-wrap{overflow:auto}.admin-table{min-width:850px}.admin-table>header,.admin-table>div{display:grid;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid #edf0f4}.admin-users-table>header,.admin-users-table>div{grid-template-columns:1.5fr .7fr .7fr .55fr .55fr}.admin-plan-table>header,.admin-plan-table>div{grid-template-columns:1.35fr .8fr .8fr .9fr .55fr}.admin-table>header{color:#7c899e;background:#f7f9fc;font-size:9px;font-weight:800}.admin-table>div{font-size:10px}.admin-table select,.admin-table input{border:1px solid #dfe5ef;border-radius:8px;padding:8px;background:#fff;font:inherit}.user-cell{display:flex;align-items:center;gap:9px}.user-cell>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#315bd9;background:#e8eeff;font-style:normal;font-weight:900}.user-cell>b{display:grid}.user-cell small{color:#8995a8;font-size:8px;font-weight:500}.admin-status{width:max-content;padding:5px 8px;border-radius:20px;font-size:8px;font-weight:800}.admin-status.active{color:#167b5e;background:#e4f7ef}.admin-status.suspended{color:#c43e49;background:#ffeaec}.admin-table button{font-size:8px;padding:7px 9px}.admin-table button.danger{color:#c43e49;background:#ffeaec}.admin-table button.success{color:#167b5e;background:#e4f7ef}.admin-building-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.admin-building-card{padding:20px;border:1px solid #e0e7f2;border-radius:17px;background:#fff;box-shadow:0 13px 34px #1735780c}.admin-building-card>header{display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:1px solid #edf0f5}.admin-building-card>header>i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,#315bd9,#547df1);font-style:normal;font-weight:900}.admin-building-card>header>span{display:grid;flex:1}.admin-building-card>header small{color:#909aad;font-size:8px}.admin-building-card>header em{padding:4px 7px;border-radius:20px;color:#167b5e;background:#e4f7ef;font-size:8px;font-style:normal}.admin-building-card dl{display:grid;gap:9px;margin:17px 0}.admin-building-card dl>div{display:flex;justify-content:space-between}.admin-building-card dt{color:#8390a4}.admin-building-card dd{margin:0;font-weight:700}.admin-building-card footer{padding-top:13px;border-top:1px solid #edf0f5}.admin-building-card footer button{width:100%;color:#c43e49;background:#ffeaec}.admin-support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.admin-support-card{display:grid;gap:13px;padding:20px;border:1px solid #e0e7f2;border-top:3px solid #7d91c5;border-radius:16px;background:#fff;box-shadow:0 13px 35px #1735780c}.admin-support-card.priority-urgent{border-top-color:#e0525d}.admin-support-card.priority-high{border-top-color:#ee9b3d}.admin-support-card>header{display:flex;justify-content:space-between;gap:10px}.admin-support-card header span{color:#3c63da;font-size:8px;font-weight:800}.admin-support-card h3{margin:5px 0 0;font-size:16px}.ticket-state{height:max-content;padding:5px 8px;border-radius:20px;color:#956018;background:#fff1dc;font-size:8px}.ticket-state.resolved,.ticket-state.closed{color:#167b5e;background:#e4f7ef}.ticket-meta{display:flex;flex-wrap:wrap;gap:6px}.ticket-meta span{padding:5px 7px;border-radius:7px;color:#748197;background:#f1f4f8;font-size:8px}.admin-support-card>p{min-height:50px;margin:0;color:#536078;line-height:1.9}.admin-support-card blockquote{display:grid;gap:5px;margin:0;padding:11px;border-right:3px solid #3c66ec;border-radius:8px;background:#f1f5ff;color:#53627f}.admin-support-card textarea{min-height:75px;border:1px solid #dfe5ef;border-radius:10px;padding:10px;font:inherit;resize:vertical}.admin-support-card footer{display:flex;gap:8px}.admin-support-card select{flex:1;border:1px solid #dfe5ef;border-radius:9px;padding:8px;background:#fff;font:inherit}.admin-finance-row{display:flex;align-items:center;gap:11px;padding:13px 19px;border-bottom:1px solid #edf0f5}.admin-finance-row>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;font-style:normal}.admin-finance-row>i.income{color:#167b5e;background:#e4f7ef}.admin-finance-row>i.expense{color:#ba6418;background:#fff0df}.admin-finance-row>div{display:grid;gap:3px;flex:1}.admin-finance-row small{color:#8995a8;font-size:8px}.admin-finance-row strong{font-size:10px}.admin-broadcast{display:grid;grid-template-columns:1fr 1.1fr;overflow:hidden;border-radius:22px;background:linear-gradient(125deg,#10265a,#315fd8);box-shadow:0 25px 60px #173f9426}.admin-broadcast>section{padding:44px;color:#fff}.admin-broadcast>section>span{color:#91f0cc;font-size:10px}.admin-broadcast h2{font-size:29px}.admin-broadcast p{color:#c9d6f3;line-height:2}.admin-broadcast ul{list-style:none;padding:0;display:grid;gap:10px}.admin-broadcast li:before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;margin-left:8px;border-radius:7px;color:#0e7858;background:#83e9c2}.admin-broadcast form{display:grid;gap:14px;padding:38px;background:#fff}.admin-broadcast label{display:grid;gap:7px;color:#4d5b73;font-size:10px;font-weight:800}.admin-broadcast input,.admin-broadcast select,.admin-broadcast textarea{border:1px solid #dfe5ef;border-radius:10px;padding:11px;font:inherit}.admin-broadcast textarea{min-height:140px;resize:vertical}.admin-audit-list>div{display:grid;grid-template-columns:auto 1fr auto minmax(120px,.4fr);align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid #edf0f4}.admin-audit-list>div>i{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:#315bd9;background:#e8eeff;font-style:normal}.admin-audit-list span{display:grid}.admin-audit-list small{color:#8995a8;font-size:8px}.admin-audit-list time{color:#7b879b;font-size:9px}.admin-audit-list code{overflow:hidden;padding:5px 7px;border-radius:7px;color:#64718a;background:#f1f4f8;font-size:8px;direction:ltr}.admin-loading{background:#f3f6fb}
@media(max-width:1100px){.admin-building-grid{grid-template-columns:1fr 1fr}.admin-metrics{grid-template-columns:1fr 1fr}.admin-side{width:235px}.admin-main{padding:22px}.admin-support-grid{grid-template-columns:1fr}}
@media(max-width:760px){.admin-app{display:block}.admin-side{width:100%;height:68px;position:fixed;right:0;left:0;bottom:0;top:auto;z-index:80;padding:7px 8px;overflow-x:auto}.admin-logo,.admin-badge,.admin-account{display:none}.admin-side nav{display:flex;min-width:max-content}.admin-side nav button{min-width:62px;display:grid;justify-items:center;gap:1px;padding:5px}.admin-side nav button>i{width:26px;height:26px}.admin-side nav button>span{font-size:7px}.admin-side nav button>b{position:absolute;top:2px;left:3px}.admin-main{padding:10px 10px 82px}.admin-header{min-height:73px;padding:11px 13px}.admin-header h1{font-size:19px}.system-online{display:none}.admin-header>div:last-child button{font-size:8px;padding:8px}.admin-hero{display:grid;padding:24px}.admin-hero h2{font-size:25px}.admin-hero aside{min-width:0;width:100%}.admin-grid,.admin-building-grid,.admin-broadcast{grid-template-columns:1fr}.admin-toolbar{align-items:flex-start;flex-wrap:wrap}.admin-toolbar>label{width:100%;min-width:0;order:3}.admin-metrics{gap:8px}.admin-metric{padding:13px}.admin-building-grid{grid-template-columns:1fr}.admin-support-card{padding:16px}.admin-broadcast>section{padding:27px}.admin-broadcast form{padding:24px 18px}.admin-audit-list>div{grid-template-columns:auto 1fr auto}.admin-audit-list code{grid-column:2/-1}.admin-table-wrap{border-radius:13px}}
.admin-setup{min-height:100vh;padding:25px;background:radial-gradient(circle at 15% 15%,#d9e5ff,transparent 30%),#f3f6fb}.admin-setup-brand{max-width:1120px;margin:0 auto 20px;display:flex;align-items:center;gap:10px;color:#16213c;text-decoration:none}.admin-setup-brand>i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#fff;background:#3c66ec;font-style:normal;font-weight:900}.admin-setup-brand span{display:grid}.admin-setup-brand small{color:#8390a5;font-size:8px}.admin-setup>section{max-width:1120px;min-height:680px;margin:auto;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #fff;border-radius:27px;background:#fff;box-shadow:0 30px 85px #17357820}.admin-setup aside{padding:55px;color:#fff;background:radial-gradient(circle at 10% 15%,#87a5ff32,transparent 30%),linear-gradient(145deg,#10265a,#315fd8)}.admin-setup aside>span{color:#91f0cc;font-size:10px;font-weight:800}.admin-setup aside h1{margin:16px 0;font-size:38px;line-height:1.5}.admin-setup aside p{color:#cbd8f5;line-height:2}.admin-setup aside ul{list-style:none;padding:15px 0;display:grid;gap:13px}.admin-setup aside li:before{content:"✓";display:inline-grid;place-items:center;width:24px;height:24px;margin-left:8px;border-radius:8px;color:#0e7858;background:#83e9c2}.admin-setup form{align-content:center;display:grid;gap:12px;padding:45px}.admin-setup form>span{color:#3c63da;font-size:10px;font-weight:800}.admin-setup h2{margin:0 0 12px;font-size:25px}.admin-setup label{display:grid;gap:6px;color:#536078;font-size:10px;font-weight:800}.admin-setup input{border:1px solid #dfe5ef;border-radius:10px;padding:11px;font:inherit}.admin-setup label small{color:#8a95a8;font-size:8px}.admin-setup .form-error{padding:9px;border-radius:9px;color:#b93642;background:#ffeaec}.admin-setup button{margin-top:5px}@media(max-width:760px){.admin-setup{padding:13px}.admin-setup>section{grid-template-columns:1fr}.admin-setup aside{display:none}.admin-setup form{padding:27px 19px}}
.admin-logo>.brand-logo-mark,.admin-setup-brand>.brand-logo-mark{width:42px!important;height:42px!important;display:block!important;border:1px solid #ffffff25!important;border-radius:12px!important;background:transparent url('/baminoo-logo.png') center 28%/170% no-repeat!important;box-shadow:0 12px 25px #06132e42!important;color:transparent!important}
.admin-support-card:only-child{grid-column:1/-1;width:100%;max-width:920px;margin-inline:auto}


/* app/admin/admin-v2.css */
.admin-app{--admin-navy:#07152f;--admin-blue:#315ee8;--admin-cyan:#12b7b0;--admin-text:#10203e;--admin-muted:#66738d;--admin-line:#e2e8f3;--admin-bg:#f4f7fb;min-height:100vh;background:var(--admin-bg);color:var(--admin-text);font-size:15px;line-height:1.65}
.admin-icon{display:block;width:22px;height:22px;flex:0 0 auto}
.admin-side{position:fixed;inset:0 0 0 auto;width:292px;height:100vh;padding:24px 18px 18px;background:linear-gradient(180deg,#091a3a 0%,#0d2553 58%,#091936 100%);border:0;color:#fff;box-shadow:-16px 0 50px rgba(7,21,47,.12);z-index:50;display:flex;flex-direction:column;overflow-y:auto}
.admin-logo{display:flex;align-items:center;gap:13px;padding:0 8px 20px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.1)}
.admin-logo .brand-logo-mark{width:46px;height:46px;border-radius:15px;background-color:#fff;box-shadow:0 12px 30px rgba(30,96,255,.28)}
.admin-logo span{display:flex;flex-direction:column}.admin-logo b{font-size:21px;line-height:1.25}.admin-logo small{font-size:13px;color:#9fb2d8;margin-top:3px}
.admin-badge{margin:18px 4px 12px;padding:13px 14px;display:flex;align-items:center;gap:11px;border-radius:16px;background:linear-gradient(135deg,rgba(49,94,232,.28),rgba(18,183,176,.12));border:1px solid rgba(126,161,239,.22)}
.admin-badge>svg{padding:9px;width:40px;height:40px;color:#65e1c9;background:rgba(42,217,184,.12);border-radius:12px}.admin-badge span{display:flex;flex-direction:column}.admin-badge small{font-size:12px;color:#9fb2d8}.admin-badge b{font-size:14px;margin-top:1px}
.admin-side nav{display:flex;flex-direction:column;gap:5px;padding:4px;flex:1}.admin-side nav button{width:100%;min-height:47px;padding:10px 12px;display:flex;align-items:center;gap:12px;border:0;border-radius:13px;background:transparent;color:#adbcdb;font:inherit;font-size:14px;font-weight:650;cursor:pointer;text-align:right;transition:.2s ease}.admin-side nav button:hover{background:rgba(255,255,255,.07);color:#fff;transform:translateX(-2px)}.admin-side nav button.active{background:linear-gradient(90deg,#315ee8,#4775f4);color:#fff;box-shadow:0 10px 25px rgba(49,94,232,.28)}.admin-side nav button>i{display:none}.admin-side nav button>span{flex:1}.admin-side nav button>b{min-width:24px;height:24px;padding:0 6px;display:grid;place-items:center;border-radius:20px;background:#ffb155;color:#4b2400;font-size:12px}.admin-side nav button>b.error-count{background:#ff6b76;color:#fff}
.admin-account{margin-top:14px;padding:13px 10px 2px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:10px}.admin-account>i{width:41px;height:41px;display:grid;place-items:center;border-radius:13px;background:#fff;color:#18366f;font-style:normal;font-size:17px;font-weight:800}.admin-account>span{display:flex;flex:1;min-width:0;flex-direction:column}.admin-account b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-account small{font-size:12px;color:#9fb2d8;direction:ltr;text-align:right}.admin-account button{width:39px;height:39px;display:grid;place-items:center;border:0;border-radius:12px;background:rgba(255,107,118,.1);color:#ff8490;cursor:pointer}.admin-account button:hover{background:#ff6675;color:#fff}
.admin-main{width:auto;min-height:100vh;margin-right:292px;padding:0 34px 48px}.admin-header{min-height:92px;padding:16px 2px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--admin-line);background:rgba(244,247,251,.86);backdrop-filter:blur(18px);position:sticky;top:0;z-index:25}.admin-header>div:first-of-type small{display:block;color:#7b88a1;font-size:13px}.admin-header h1{margin:2px 0 0;font-size:26px;line-height:1.3}.admin-header>div:last-child{display:flex;align-items:center;gap:10px}.admin-header button,.admin-header a{height:44px;padding:0 17px;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:12px;font:inherit;font-size:14px;font-weight:750;text-decoration:none;cursor:pointer}.admin-header button{background:#315ee8;color:#fff;box-shadow:0 8px 22px rgba(49,94,232,.2)}.admin-head-link{background:#fff;color:#40506c;border:1px solid var(--admin-line)!important}.system-online{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:10px;background:#e9fbf6;color:#187b64;font-size:13px;font-weight:700}.system-online i{width:8px;height:8px;border-radius:50%;background:#20bb8b;box-shadow:0 0 0 5px rgba(32,187,139,.12)}.admin-menu-button,.admin-overlay{display:none!important}
.admin-stack{display:flex;flex-direction:column;gap:22px;padding-top:26px}.admin-surface{background:#fff;border:1px solid var(--admin-line);border-radius:20px;box-shadow:0 8px 28px rgba(30,51,92,.055)}
.command-intro{display:flex;align-items:flex-end;justify-content:space-between;padding:2px 2px 0}.command-intro>div>span{display:inline-flex;align-items:center;gap:8px;color:#277965;font-size:13px;font-weight:750}.command-intro>div>span i{width:8px;height:8px;border-radius:50%;background:#22bd8e}.command-intro h2{margin:6px 0 5px;font-size:27px;letter-spacing:-.5px}.command-intro p{margin:0;color:var(--admin-muted);font-size:15px}.command-intro time{padding:8px 12px;border-radius:10px;background:#fff;border:1px solid var(--admin-line);color:#71809c;font-size:13px}
.ops-banners{display:grid;grid-template-columns:1.08fr 1fr 1fr;gap:16px}.ops-banner{position:relative;min-height:154px;padding:24px;display:grid;grid-template-columns:auto 1fr;gap:16px;text-align:right;border:0;border-radius:23px;color:#fff;cursor:pointer;overflow:hidden;box-shadow:0 14px 34px rgba(14,37,82,.12);transition:.22s ease}.ops-banner:after{content:"";position:absolute;width:150px;height:150px;left:-55px;bottom:-75px;border-radius:50%;border:28px solid rgba(255,255,255,.07)}.ops-banner:hover{transform:translateY(-4px);box-shadow:0 19px 40px rgba(14,37,82,.18)}.ops-banner.support{background:linear-gradient(135deg,#163979,#285bd2)}.ops-banner.growth{background:linear-gradient(135deg,#0e616c,#11a899)}.ops-banner.receipts{background:linear-gradient(135deg,#442b7c,#7252c8)}.banner-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:15px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.16)}.ops-banner>span:nth-child(2){display:flex;flex-direction:column}.ops-banner small{font-size:12px;color:rgba(255,255,255,.72)}.ops-banner strong{font-size:21px;margin-top:4px}.ops-banner em{font-size:13px;font-style:normal;color:rgba(255,255,255,.76);margin-top:2px}.ops-banner>b{position:absolute;right:87px;bottom:20px;font-size:12px;color:#fff;font-weight:700}
.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.admin-metric{position:relative;min-height:142px;padding:20px;background:#fff;border:1px solid var(--admin-line);border-radius:19px;display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto auto;column-gap:13px;box-shadow:0 8px 24px rgba(30,51,92,.045)}.admin-metric>i{grid-row:1/4;width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#edf2ff;color:#315ee8;font-style:normal}.admin-metric.green>i{background:#e9f9f4;color:#15906f}.admin-metric.orange>i{background:#fff2e2;color:#db7b14}.admin-metric>span{color:#70809c;font-size:13px}.admin-metric>b{font-size:25px;line-height:1.25;margin-top:2px}.admin-metric>small{font-size:12px;color:#8895aa}
.admin-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}.admin-grid>.admin-surface{padding:22px}.admin-surface-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #edf0f6}.admin-surface-head h3{margin:0;font-size:18px}.admin-surface-head p{margin:2px 0 0;color:#7d8ba4;font-size:13px}.admin-surface-head button{border:0;background:#eef3ff;color:#315ee8;border-radius:10px;padding:8px 12px;font:inherit;font-size:12px;font-weight:750;cursor:pointer}
.admin-ticket-mini,.admin-building-mini{width:100%;display:flex;align-items:center;gap:12px;padding:13px 2px;border:0;border-bottom:1px solid #edf0f6;background:transparent;text-align:right;font:inherit;color:inherit}.admin-ticket-mini{cursor:pointer}.admin-ticket-mini:hover{background:#f8faff}.admin-ticket-mini>i,.admin-building-mini>i{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#edf2ff;color:#315ee8;font-style:normal}.admin-ticket-mini>i.urgent,.admin-ticket-mini>i.high{background:#fff0f1;color:#e04758}.admin-ticket-mini>div,.admin-building-mini>div{display:flex;flex:1;min-width:0;flex-direction:column}.admin-ticket-mini b,.admin-building-mini b{font-size:14px}.admin-ticket-mini small,.admin-building-mini small{color:#7b89a2;font-size:12px}.admin-ticket-mini>span,.admin-building-mini>span{font-size:12px;color:#53617a;background:#f1f4f9;padding:5px 8px;border-radius:8px}
.admin-toolbar{min-height:72px;padding:4px 2px;display:flex;align-items:center;gap:16px}.admin-toolbar>div{margin-left:auto}.admin-toolbar small{color:#71809c;font-size:13px}.admin-toolbar h2{margin:0;font-size:25px}.admin-toolbar>label{width:min(420px,38vw);height:46px;padding:0 14px;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--admin-line);border-radius:13px}.admin-toolbar input{width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:14px}.admin-toolbar>span{padding:9px 12px;background:#eaf0ff;color:#315ee8;border-radius:10px;font-size:13px;font-weight:750}
.admin-table-wrap{overflow:auto}.admin-table{min-width:850px}.admin-table>header,.admin-table>div{display:grid;align-items:center;gap:12px;padding:14px 18px}.admin-users-table>header,.admin-users-table>div,.admin-plan-table>header,.admin-plan-table>div{grid-template-columns:2fr 1fr 1fr .8fr .8fr}.admin-table>header{background:#f8faff;color:#75839b;font-size:13px;font-weight:700;border-radius:19px 19px 0 0}.admin-table>div{border-top:1px solid #edf0f6;font-size:14px}.admin-table select,.admin-table input{height:40px;border:1px solid #dfe6f2;border-radius:9px;background:#fff;padding:0 9px;font:inherit;font-size:13px}.admin-table button,.admin-building-card button{border:0;border-radius:9px;padding:9px 12px;font:inherit;font-size:12px;font-weight:750;cursor:pointer}.user-cell{display:flex;align-items:center;gap:10px}.user-cell>i{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#ebf1ff;color:#315ee8;font-style:normal;font-weight:800}.user-cell>b{display:flex;min-width:0;flex-direction:column;font-size:14px}.user-cell small{font-size:11px;color:#7c8aa2;direction:ltr;text-align:right}.admin-status{display:inline-flex;width:max-content;padding:5px 9px;border-radius:8px;font-size:12px;font-style:normal}.admin-status.active{background:#e7f8f2;color:#168364}.admin-status.suspended{background:#fff0f1;color:#d54555}.danger{background:#fff0f1;color:#d54555}.success{background:#e7f8f2;color:#168364}
.admin-building-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.admin-building-card{padding:20px;background:#fff;border:1px solid var(--admin-line);border-radius:20px;box-shadow:0 8px 28px rgba(30,51,92,.05)}.admin-building-card header{display:flex;align-items:center;gap:11px}.admin-building-card header>i{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#edf2ff;color:#315ee8;font-style:normal;font-weight:800}.admin-building-card header>span{display:flex;flex:1;flex-direction:column}.admin-building-card header b{font-size:16px}.admin-building-card header small{font-size:12px;color:#8491a7}.admin-building-card header em{padding:5px 8px;border-radius:8px;background:#e8f8f2;color:#168364;font-size:11px;font-style:normal}.admin-building-card dl{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:17px 0}.admin-building-card dl div{padding:10px 0;border-bottom:1px solid #edf0f6}.admin-building-card dt{font-size:12px;color:#8190a7}.admin-building-card dd{margin:2px 0 0;font-size:13px;font-weight:700}.admin-building-card footer{display:flex;justify-content:flex-end}
.support-workspace{gap:18px}.support-summary{padding:24px 28px;display:flex;align-items:center;justify-content:space-between;border-radius:23px;background:linear-gradient(120deg,#0b1e43,#163a7c);color:#fff;box-shadow:0 16px 40px rgba(10,31,70,.17)}.support-summary>div{display:flex;align-items:center;gap:16px}.summary-icon{width:56px;height:56px;display:grid;place-items:center;border-radius:17px;background:rgba(255,255,255,.11);color:#67e1cb}.support-summary h2{margin:2px 0;font-size:23px}.support-summary p{margin:0;color:#b5c3df;font-size:13px}.support-summary small{color:#69dac7;font-size:12px}.support-summary dl{display:flex;margin:0}.support-summary dl div{min-width:112px;padding:5px 20px;border-right:1px solid rgba(255,255,255,.12)}.support-summary dt{font-size:11px;color:#aab9d8}.support-summary dd{margin:1px 0 0;font-size:25px;font-weight:850}
.support-desk{height:calc(100vh - 260px);min-height:610px;display:grid;grid-template-columns:390px minmax(0,1fr);background:#fff;border:1px solid var(--admin-line);border-radius:22px;overflow:hidden;box-shadow:0 12px 36px rgba(27,48,88,.07)}.support-queue{display:flex;min-width:0;flex-direction:column;border-left:1px solid var(--admin-line);background:#fbfcff}.support-queue>header{padding:19px 17px 14px;border-bottom:1px solid var(--admin-line)}.support-queue>header>div{display:flex;align-items:center;justify-content:space-between}.support-queue h3{margin:0;font-size:18px}.support-queue>header>div span{font-size:12px;color:#315ee8;background:#eaf0ff;padding:5px 8px;border-radius:8px}.support-queue label{height:43px;margin-top:13px;padding:0 11px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dfe6f2;border-radius:11px;color:#8793a8}.support-queue label svg{width:18px}.support-queue input{width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:13px}.support-queue nav{display:flex;gap:5px;margin-top:11px;overflow:auto}.support-queue nav button{white-space:nowrap;padding:6px 9px;border:0;border-radius:8px;background:#f0f3f8;color:#68768e;font:inherit;font-size:11px;cursor:pointer}.support-queue nav button.active{background:#315ee8;color:#fff}.support-queue-list{flex:1;overflow:auto}.support-queue-list>button{position:relative;width:100%;padding:16px;display:grid;grid-template-columns:8px 1fr auto;gap:10px;align-items:start;border:0;border-bottom:1px solid #e9edf4;background:transparent;text-align:right;font:inherit;color:inherit;cursor:pointer}.support-queue-list>button:hover{background:#f3f6fc}.support-queue-list>button.selected{background:#eaf0ff}.priority-dot{width:8px;height:8px;margin-top:6px;border-radius:50%;background:#6b7c98}.priority-dot.urgent{background:#e13d51;box-shadow:0 0 0 5px rgba(225,61,81,.1)}.priority-dot.high{background:#f29a2e}.priority-dot.low{background:#62ad99}.support-queue-list>button>div{display:flex;min-width:0;flex-direction:column}.support-queue-list strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-queue-list small{font-size:11px;color:#77859c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-queue-list em{font-size:10px;color:#a0aabd;font-style:normal;margin-top:4px}
.ticket-state{display:inline-flex;width:max-content;padding:5px 8px;border-radius:8px;font-size:10px;font-weight:750;white-space:nowrap}.ticket-state.open{background:#fff1dc;color:#b56500}.ticket-state.in_progress{background:#e7efff;color:#2858ce}.ticket-state.resolved{background:#e6f8f2;color:#148163}.ticket-state.closed{background:#eef1f5;color:#6c788b}
.support-detail{min-width:0;overflow:auto;background:#fff}.support-detail>header{padding:25px 28px 20px;display:flex;justify-content:space-between;border-bottom:1px solid var(--admin-line)}.support-detail>header h2{margin:7px 0 2px;font-size:23px}.support-detail>header p{margin:0;color:#8491a7;font-size:11px}.support-priority{padding:5px 9px;border-radius:8px;background:#eef2f8;color:#5e6c84;font-size:11px;font-weight:750}.support-priority.urgent{background:#fff0f1;color:#d53d50}.support-priority.high{background:#fff3e4;color:#bb6908}.requester-profile{margin:18px 28px;padding:16px;display:flex;align-items:center;gap:12px;border:1px solid #e3e9f3;border-radius:16px;background:#f9fbfe}.requester-profile>i{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:#315ee8;color:#fff;font-style:normal;font-size:17px;font-weight:850}.requester-profile>div{display:flex;min-width:120px;flex-direction:column}.requester-profile strong{font-size:14px}.requester-profile small{font-size:11px;color:#7f8ca3}.requester-profile dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1;margin:0}.requester-profile dl div{padding:0 15px;border-right:1px solid #e2e7ef}.requester-profile dt{font-size:10px;color:#8995a9}.requester-profile dd{margin:2px 0 0;font-size:12px;font-weight:700;overflow-wrap:anywhere}.ticket-conversation{padding:2px 28px 8px;display:flex;flex-direction:column;gap:13px}.customer-message,.admin-message{display:flex;gap:10px;max-width:84%}.customer-message>span,.admin-message>span{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;background:#eaf0ff;color:#315ee8;font-weight:800}.customer-message>div,.admin-message>div{padding:13px 15px;border-radius:4px 15px 15px 15px;background:#f1f4f9}.admin-message{align-self:flex-end}.admin-message>span{background:#e5f8f2;color:#16836a}.admin-message>div{background:#eaf8f4;border-radius:15px 4px 15px 15px}.ticket-conversation b{font-size:12px}.ticket-conversation p{margin:5px 0;color:#26354f;font-size:14px;white-space:pre-wrap}.ticket-conversation time{font-size:10px;color:#8692a6}.support-reply{margin:15px 28px 26px;padding-top:18px;border-top:1px solid var(--admin-line)}.support-reply>div{display:flex;justify-content:space-between;align-items:center}.support-reply label{font-size:13px;font-weight:750}.support-reply small{font-size:11px;color:#8390a5}.support-reply textarea{width:100%;min-height:118px;margin-top:9px;padding:13px;border:1px solid #dce4f0;border-radius:13px;resize:vertical;font:inherit;font-size:14px;outline:0}.support-reply textarea:focus{border-color:#6c8cef;box-shadow:0 0 0 4px rgba(49,94,232,.08)}.support-reply footer{display:flex;align-items:flex-end;gap:9px;margin-top:10px}.support-reply footer label{display:flex;flex-direction:column;gap:4px;margin-left:auto}.support-reply select{height:42px;min-width:150px;border:1px solid #dce4f0;border-radius:10px;background:#fff;padding:0 10px;font:inherit;font-size:12px}.support-reply button{height:42px;padding:0 16px;border:0;border-radius:10px;background:#315ee8;color:#fff;font:inherit;font-size:12px;font-weight:750;cursor:pointer}.support-reply button.secondary{background:#eef3ff;color:#315ee8}.support-reply button:disabled{opacity:.55;cursor:not-allowed}
.admin-toast{position:fixed;top:102px;left:34px;z-index:80;min-width:280px;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;border-radius:12px;background:#102653;color:#fff;box-shadow:0 15px 40px rgba(8,26,59,.2);font-size:13px}.admin-toast button{border:0;background:transparent;color:#fff;font-size:20px;cursor:pointer}.admin-empty{min-height:130px;display:grid;place-items:center;align-content:center;color:#7e8ba1}.admin-empty i{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#e8f8f2;color:#16836a;font-style:normal}.admin-empty p{font-size:13px}.admin-broadcast,.admin-tool-grid,.admin-coupon-layout{gap:20px}.admin-finance-row{font-size:14px}
@media(max-width:1180px){.admin-side{width:260px}.admin-main{margin-right:260px;padding-inline:24px}.ops-banners{grid-template-columns:1fr 1fr}.ops-banner.receipts{grid-column:1/-1}.admin-building-grid{grid-template-columns:1fr 1fr}.support-desk{grid-template-columns:340px minmax(0,1fr)}.requester-profile dl{grid-template-columns:1fr 1fr;row-gap:12px}.admin-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.admin-side{width:min(315px,86vw);transform:translateX(110%);transition:.25s ease}.admin-side.open{transform:translateX(0)}.admin-overlay{display:block!important;position:fixed;inset:0;z-index:45;border:0;background:rgba(4,13,31,.55);backdrop-filter:blur(3px)}.admin-main{margin-right:0;padding:0 16px 35px}.admin-header{min-height:76px}.admin-menu-button{display:grid!important;width:42px;height:42px;padding:0!important;place-items:center;margin-left:10px}.admin-header>div:first-of-type{margin-left:auto}.admin-header>div:last-child .system-online,.admin-head-link{display:none}.admin-header h1{font-size:21px}.admin-header>div:last-child button{width:42px;padding:0;overflow:hidden;white-space:nowrap}.admin-header>div:last-child button svg{min-width:22px;margin:10px}.command-intro{align-items:flex-start;flex-direction:column}.command-intro h2{font-size:22px}.command-intro time{margin-top:12px}.ops-banners,.admin-grid,.admin-building-grid{grid-template-columns:1fr}.ops-banner.receipts{grid-column:auto}.admin-metrics{grid-template-columns:1fr 1fr}.support-summary{align-items:flex-start;flex-direction:column;gap:18px}.support-summary dl{width:100%;justify-content:space-between}.support-summary dl div{min-width:0;padding:4px 12px}.support-desk{height:auto;min-height:0;display:block}.support-queue{height:480px;border-left:0;border-bottom:1px solid var(--admin-line)}.support-detail{min-height:560px}.requester-profile{align-items:flex-start;flex-wrap:wrap}.requester-profile dl{flex-basis:100%}.admin-toolbar{align-items:flex-start;flex-wrap:wrap}.admin-toolbar>div{width:100%;margin-left:0}.admin-toolbar>label{width:100%}.admin-toast{top:84px;left:16px;right:16px}}
@media(max-width:520px){.admin-main{padding-inline:11px}.admin-header>div:last-child button{display:none}.ops-banner{min-height:150px;padding:20px}.admin-metrics{grid-template-columns:1fr}.support-summary{padding:20px}.support-summary h2{font-size:19px}.support-summary p{font-size:12px}.support-summary dl{overflow:auto}.support-summary dl div{min-width:96px}.support-detail>header,.ticket-conversation{padding-inline:17px}.requester-profile,.support-reply{margin-inline:17px}.requester-profile dl{grid-template-columns:1fr}.support-reply>div{align-items:flex-start;flex-direction:column}.support-reply footer{align-items:stretch;flex-direction:column}.support-reply footer label{margin-left:0}.support-reply select,.support-reply button{width:100%}.customer-message,.admin-message{max-width:100%}}


/* app/account/account.css */
.account-public,.account-result,.account-security,.account-loading{min-height:100vh;background:radial-gradient(circle at 15% 5%,#dce8ff,transparent 30%),#f3f6fb;color:#16213c}.account-brand{display:flex;align-items:center;gap:10px;color:#16213c;text-decoration:none}.account-brand i{width:44px!important;height:44px!important}.account-brand span{display:grid}.account-brand small{color:#8390a6;font-size:9px}.account-public{padding:28px}.account-public>.account-brand{max-width:1100px;margin:0 auto 25px}.account-public>section{max-width:1100px;min-height:650px;margin:auto;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:27px;background:#fff;box-shadow:0 30px 80px #1735781b}.account-public aside{padding:60px;color:#fff;background:radial-gradient(circle at 10% 10%,#84a3ff33,transparent 30%),linear-gradient(145deg,#102653,#315fd8)}.account-public aside>span{color:#8eefd0;font-weight:800}.account-public h1{font-size:38px;line-height:1.6}.account-public aside p{color:#c7d5f2;line-height:2}.account-public ul{list-style:none;padding:20px 0;display:grid;gap:14px}.account-public li:before{content:"✓";display:inline-grid;place-items:center;width:25px;height:25px;margin-left:8px;border-radius:8px;color:#0e7858;background:#83e9c2}.account-public form{align-content:center;display:grid;gap:14px;padding:50px}.account-public form>span{color:#3862e9;font-size:11px;font-weight:800}.account-public h2{margin:0 0 10px;font-size:26px}.account-public label{display:grid;gap:7px;color:#536078;font-size:11px;font-weight:800}.account-public input{border:1px solid #dce4f0;border-radius:10px;padding:12px;font:inherit}.account-public form>a{text-align:center;color:#526dd2}.account-success,.account-error{display:grid;gap:7px;padding:11px 13px;border-radius:10px}.account-success{color:#147b5b;background:#e5f7ef}.account-error{color:#bc3944;background:#ffeaec}.account-success a{color:#315bd9}.account-result{display:grid;place-items:center;padding:20px}.account-result section{width:min(480px,100%);padding:50px;border:1px solid #fff;border-radius:23px;background:#ffffffd1;text-align:center;box-shadow:0 25px 70px #17357818}.account-result i{width:65px;height:65px;display:grid;place-items:center;margin:auto;border-radius:20px;color:#167b5e;background:#e4f7ef;font-style:normal;font-size:25px}.account-result a{display:inline-block;margin-top:20px;padding:11px 18px;border-radius:9px;color:#fff;background:#3862e9;text-decoration:none}.account-security{padding:25px}.account-security>header{max-width:1180px;margin:0 auto 22px;display:flex;align-items:center;justify-content:space-between}.account-security>header>a:last-child{color:#315bd9;text-decoration:none}.account-toast{max-width:1180px;margin:0 auto 14px;padding:11px;border-radius:10px;color:#177a5d;background:#e5f7ef}.account-toast button{float:left;padding:0;color:inherit;background:transparent}.security-hero{max-width:1180px;min-height:245px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:38px;border-radius:22px;color:#fff;background:radial-gradient(circle at 10% 10%,#85a6ff30,transparent 30%),linear-gradient(120deg,#102653,#315fd8);box-shadow:0 25px 55px #173f9427}.security-hero>div>span{color:#8eefd0;font-weight:800}.security-hero h1{font-size:31px}.security-hero p{color:#cbd7f2}.security-hero aside{min-width:275px;padding:22px;border:1px solid #ffffff20;border-radius:16px;background:#ffffff0d}.security-hero aside{display:grid;gap:6px}.security-hero aside small,.security-hero aside p{color:#b9c9eb}.security-hero aside b{font-size:20px}.security-hero aside button{width:max-content}.security-grid{max-width:1180px;margin:17px auto;display:grid;grid-template-columns:1fr 1fr;gap:15px}.security-grid>article,.security-grid>form,.session-surface,.danger-zone{border:1px solid #e0e7f2;border-radius:17px;background:#fff;box-shadow:0 13px 35px #1735780c}.security-grid>article,.security-grid>form{display:grid;gap:13px;padding:22px}.security-grid header{display:flex;justify-content:space-between}.security-grid header span{display:grid}.security-grid header small{color:#3862e9}.security-grid h2{margin:3px 0}.security-grid header i{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;color:#315bd9;background:#e8eeff;font-style:normal}.security-grid label{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid #e6eaf2;border-radius:11px}.security-grid form label{display:grid;align-items:initial}.security-grid input[type=password]{border:1px solid #dce4ef;border-radius:9px;padding:10px}.session-surface{max-width:1180px;margin:17px auto;overflow:hidden}.session-surface>header{display:flex;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #edf0f5}.session-surface h2{margin:3px 0}.session-surface small{color:#3862e9}.session-surface article{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid #edf0f5}.session-surface article>i{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;color:#315bd9;background:#e8eeff;font-style:normal}.session-surface article span{display:grid;gap:3px;flex:1}.session-surface article small{overflow:hidden;max-width:600px;color:#738096;text-overflow:ellipsis;white-space:nowrap}.session-surface article em{color:#939daf;font-size:9px;font-style:normal}.session-surface article button,.danger-zone button{color:#bd3945;background:#ffeaec}.danger-zone{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:20px;border-color:#f2d8db}.danger-zone h2{margin:0}.danger-zone p{margin:5px 0;color:#7d899d}.account-loading{display:grid;place-items:center}@media(max-width:760px){.account-public{padding:13px}.account-public>section{grid-template-columns:1fr}.account-public aside{display:none}.account-public form{padding:35px 20px}.account-security{padding:12px}.security-hero{display:grid;padding:25px 19px}.security-hero h1{font-size:25px}.security-hero aside{min-width:0}.security-grid{grid-template-columns:1fr}.session-surface>header,.danger-zone{align-items:flex-start;gap:12px;flex-direction:column}.session-surface article{align-items:flex-start}.session-surface article button{padding:7px}}


/* app/account/email-security.css */
.security-grid form input {
  width: 100%;
  border: 1px solid #dce4ef;
  border-radius: 9px;
  padding: 10px;
  font: inherit;
}

.email-account-card {
  position: relative;
  overflow: hidden;
}

.email-account-card::before {
  content: "";
  position: absolute;
  width: 160px;
  height: 160px;
  left: -85px;
  top: -95px;
  border-radius: 50%;
  background: #3862e90b;
}

.security-form-hint {
  margin: -2px 0 0;
  color: #748197;
  font-size: 10px;
  line-height: 1.9;
}

.security-notifications {
  grid-column: 1 / -1;
  grid-template-columns: 1fr 1fr;
}

.security-notifications > header {
  grid-column: 1 / -1;
}

.push-control {
  grid-column: 1 / -1;
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid #dce5f5;
  border-radius: 14px;
  background: linear-gradient(120deg, #f7f9ff, #eef3ff);
}

.push-control > div:first-child {
  display: flex;
  align-items: center;
  gap: 11px;
}

.push-control > div:first-child > i {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  color: #315bd9;
  background: #dfe8ff;
  font-style: normal;
  font-weight: 900;
}

.push-control > div:first-child > span { display: grid; gap: 3px; }
.push-control small { color: #76849a; }
.push-control.enabled { border-color: #bfe5d7; background: linear-gradient(120deg, #f6fffb, #e8f8f2); }
.push-control.enabled > div:first-child > i { color: #167b5e; background: #d8f3e8; }
.push-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.push-actions button { width: max-content; }
.push-actions button.muted { color: #66748c; background: #e8edf5; }
.push-control > p { margin: 0; color: #315bd9; font-size: 10px; font-weight: 800; }
.push-control.unavailable { align-content: center; min-height: 95px; color: #6d7890; }


@media (max-width: 760px) {
  .security-notifications {
    grid-template-columns: 1fr;
  }

  .security-notifications > header {
    grid-column: auto;
  }

  .push-control { grid-column: auto; }
}


/* app/production.css */
.verification-banner{display:flex;align-items:center;gap:11px;margin-bottom:15px;padding:13px 15px;border:1px solid #f0d7ab;border-radius:13px;color:#875817;background:#fff8e9;box-shadow:0 10px 30px #9d64140b}.verification-banner>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#a76a15;background:#ffe8bd;font-style:normal;font-weight:900}.verification-banner>span{display:grid;gap:2px;flex:1}.verification-banner small{color:#94744a;font-size:9px}.verification-banner>a{padding:8px 11px;border-radius:9px;color:#fff;background:#3862e9;text-decoration:none;font-size:10px;font-weight:800}.expense-file{padding:13px;border:1px dashed #cbd7ec;border-radius:12px;background:#f8faff}.expense-file input{background:#fff}.expense-file small{color:#8490a4;font-size:9px}.button-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:9px}.verified-expense{text-decoration:none}.real-gateway-action{position:relative;align-content:center;display:grid;gap:14px;padding:45px;background:#fff}.real-gateway-action>i{width:65px;height:65px;display:grid;place-items:center;margin:auto;border-radius:20px;background:#e5f7ef;font-style:normal;font-size:25px}.real-gateway-action h2,.real-gateway-action p{text-align:center}.real-gateway-action p{color:#6b7890;line-height:2}.unit-profile-list>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;padding:18px}.unit-profile-list>div>button{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #e1e7f1;color:#17213b;background:#f8faff;text-align:right}.unit-profile-list button>i{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:#315bd9;background:#e7edff;font-style:normal;font-weight:900}.unit-profile-list button>span{display:grid;gap:3px;flex:1}.unit-profile-list button small{color:#7f8ba0;font-size:8px}.unit-profile-list button>em{color:#315bd9;font-size:8px;font-style:normal}.unit-profile-modal{width:min(680px,100%)}.unit-profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}.unit-profile-fields label{display:grid;gap:6px}.coupon-entry{display:flex;align-items:center;gap:15px;padding:16px 18px;border:1px solid #fff;border-radius:15px;background:#ffffffbd;box-shadow:0 12px 30px #1735780c}.coupon-entry>span{display:grid;flex:1}.coupon-entry small{color:#8290a5}.coupon-entry input{width:min(270px,100%);padding:11px;border:1px solid #dce4f0;border-radius:10px;font:inherit}.admin-head-link{padding:8px 10px;border-radius:9px;color:#315bd9;background:#edf2ff;text-decoration:none;font-size:9px;font-weight:800}.admin-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.tool-card{padding:22px}.tool-card>header{display:flex;align-items:center;gap:11px}.tool-card header>i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#315bd9;background:#e8eeff;font-style:normal}.tool-card header span{display:grid}.tool-card header small{color:#3862e9}.tool-card h2{margin:3px 0}.tool-card>p{color:#6f7c91;line-height:2}.tool-action{display:inline-block;padding:10px 13px;border-radius:9px;color:#fff;background:#3862e9;text-decoration:none;font-weight:800}.tool-card dl{display:grid;gap:9px}.tool-card dl>div{display:flex;justify-content:space-between;padding-top:8px;border-top:1px solid #edf0f5}.tool-card dt{color:#7a879c}.tool-card dd{margin:0;color:#167b5e;font-weight:800}.admin-coupon-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:15px}.coupon-form{display:grid;gap:12px;padding:22px}.coupon-form small{color:#3862e9}.coupon-form h2{margin:3px 0 8px}.coupon-form label{display:grid;gap:6px}.coupon-form input{padding:10px;border:1px solid #dce4f0;border-radius:9px;font:inherit}.coupon-list{overflow:hidden}.coupon-list>div:not(.admin-surface-head){display:grid;grid-template-columns:110px 1fr auto auto;align-items:center;gap:10px;padding:13px 18px;border-bottom:1px solid #edf0f5}.coupon-list code{direction:ltr;padding:6px;border-radius:7px;background:#f1f4f8}.coupon-list span{display:grid}.coupon-list small{color:#8390a5}.coupon-list button{padding:7px 9px;color:#315bd9;background:#edf2ff;font-size:8px}
@media(max-width:760px){.verification-banner{align-items:flex-start}.verification-banner>a{white-space:nowrap}.unit-profile-fields,.admin-tool-grid,.admin-coupon-layout{grid-template-columns:1fr}.coupon-entry{align-items:flex-start;flex-direction:column}.coupon-entry input{width:100%}.coupon-list>div:not(.admin-surface-head){grid-template-columns:90px 1fr auto}.coupon-list button{grid-column:2/-1}.admin-head-link{display:none}}
.admin-error-list>div{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid #edf0f5}.admin-error-list>div>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#c43e49;background:#ffeaec;font-style:normal;font-weight:900}.admin-error-list span{display:grid}.admin-error-list small{color:#8793a7}.admin-error-list time{color:#7e899c;font-size:9px}.admin-error-list code{direction:ltr;padding:5px;border-radius:6px;background:#f1f4f8}.security-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.security-links a,.security-account-link{display:inline-block;padding:8px 10px;border-radius:8px;color:#315bd9;background:#edf2ff;text-decoration:none;font-size:9px;font-weight:800}.security-account-link{margin-bottom:9px;text-align:center}

/* Stable resident navigation: short screens scroll the menu, never the account card. */
.resident-side{overflow:hidden;min-height:0;overscroll-behavior:contain}
.resident-side nav{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ffffff28 transparent;padding-inline-end:3px}
.resident-side nav::-webkit-scrollbar{width:5px}.resident-side nav::-webkit-scrollbar-thumb{border-radius:10px;background:#ffffff24}
.resident-user{flex:none;margin-top:10px;padding-bottom:max(2px,env(safe-area-inset-bottom))}

@media(max-width:760px){



}
@media(max-width:650px){
  .resident-side{height:calc(68px + env(safe-area-inset-bottom));padding-bottom:calc(7px + env(safe-area-inset-bottom));overflow-x:auto;overflow-y:hidden}
  .resident-side nav{overflow-x:auto;overflow-y:hidden;padding:0;flex:1}
}

/* Prevent mobile browsers from zooming the whole page when a form field is focused. */
@media(max-width:760px){input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea{font-size:16px!important}}

/* Invite links are primary actions, so they need a clear boundary and readable URL. */
.enhanced-invite,.resident-share{border:1px solid #cbdaf4!important;box-shadow:0 14px 34px #244f9312!important}.enhanced-invite{background:linear-gradient(145deg,#fff,#edf3ff)!important}.enhanced-invite code,.resident-share code{display:block!important;direction:ltr!important;border:1px solid #c7d6f1!important;border-radius:10px!important;background:#fff!important;color:#203c73!important;box-shadow:inset 0 1px 2px #14356f0d!important;font-size:11px!important;font-weight:700!important;line-height:1.7!important;overflow-wrap:anywhere}.enhanced-invite>button{box-shadow:0 8px 16px #315bd92b!important}

/* Logged-in visitors see their account entry in the public header. */
.lux-header-actions .account-link{display:inline-flex;align-items:center;gap:7px}.lux-header-actions .account-link svg{width:17px;height:17px}
@media(max-height:760px) and (min-width:651px){
  .resident-side{padding-top:14px;padding-bottom:12px}.resident-side .resident-brand{margin-bottom:12px}.resident-building{margin-bottom:8px;padding:9px}.resident-side nav button{padding-block:8px}.resident-user{padding-top:10px}
}

/* Mobile navigation: one full-height drawer for both panels, with a visible account card. */
.panel-icon{width:20px;height:20px;display:block;flex:none}.panel-nav-icon{width:30px!important;height:30px!important;display:grid!important;place-items:center;flex:none;border-radius:10px;color:#c7d5fa;background:#ffffff0c}.resident-side nav button.active .panel-nav-icon{color:#315bd9;background:#fff;box-shadow:0 7px 17px #1029632b}.resident-side nav button:hover .panel-nav-icon{background:#ffffff18}.resident-side nav button.active:hover .panel-nav-icon{background:#fff}.resident-user button .panel-icon{width:19px;height:19px}.resident-menu-button,.mobile-menu-close,.mobile-menu-scrim{display:none}
@media(max-width:650px){
  .resident-app{display:block!important;min-width:0!important}.resident-main{padding:10px 10px 28px!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .resident-side,.product-dash .manager-side{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(320px,88vw)!important;height:100dvh!important;min-height:100dvh!important;padding:18px 14px calc(14px + env(safe-area-inset-bottom))!important;overflow:hidden!important;transform:translateX(110%)!important;z-index:120!important;box-shadow:-20px 0 50px #07173745!important;transition:transform .25s ease!important}
  .resident-side.mobile-open,.product-dash .manager-side.mobile-open{transform:translateX(0)!important}
  .resident-side>.resident-brand,.product-dash .manager-side>.resident-brand{display:flex!important;margin:0 5px 18px!important;padding-left:44px}.resident-side .resident-brand b,.resident-side .resident-brand small,.product-dash .manager-side .resident-brand b,.product-dash .manager-side .resident-brand small{display:block!important}
  .resident-side .resident-building,.product-dash .manager-side .resident-building{display:grid!important;margin-bottom:12px!important}.resident-side nav,.product-dash .manager-side nav{display:grid!important;grid-template-columns:1fr!important;flex:1 1 auto!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:0 3px 0 0!important;gap:4px!important}.resident-side nav button,.product-dash .manager-side nav button{display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;min-width:0!important;padding:10px 11px!important;font-size:13px!important}.resident-side nav button span,.product-dash .manager-side nav button span{display:inline!important;font-size:13px!important}.resident-side .resident-user,.product-dash .manager-side .resident-user{display:flex!important;flex:none!important;margin-top:11px!important;padding:13px 4px 1px!important}.resident-user>span{display:grid!important}.resident-user b{font-size:11px!important}.resident-user small{display:block!important;font-size:9px!important}
  .resident-menu-button{display:grid!important;place-items:center;flex:none;width:42px;height:42px;padding:0!important;border-radius:12px!important;background:#edf2ff!important;color:#315bd9!important}.resident-menu-button .panel-icon{width:22px;height:22px}.resident-main>header{display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px!important;gap:10px!important;align-items:center!important;min-height:70px!important;padding:10px 12px!important}.resident-main>header>div{min-width:0}.resident-main>header h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px!important}.resident-alert{width:42px!important;height:42px!important;padding:0!important;display:grid!important;place-items:center!important}.resident-alert .panel-icon{width:21px;height:21px}.product-header{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;min-height:70px!important}.mobile-nav-button{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;padding:0!important;border-radius:12px!important}.mobile-nav-button .panel-icon{width:22px;height:22px}.product-header>div:nth-child(2){min-width:0}.product-header h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important}.header-tools{display:flex!important;justify-content:flex-end!important}.header-tools>button:not(.notification-button){display:none!important}.notification-button{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;padding:0!important}.notification-button .panel-icon{width:21px;height:21px}.mobile-menu-close{display:grid!important;position:absolute;top:13px;left:13px;z-index:2;place-items:center;width:34px;height:34px;padding:0!important;border:1px solid #ffffff22!important;border-radius:10px!important;color:#fff!important;background:#ffffff12!important}.mobile-menu-close .panel-icon{width:19px;height:19px}.mobile-menu-scrim{display:block!important;position:fixed!important;inset:0!important;z-index:110!important;padding:0!important;border:0!important;border-radius:0!important;background:rgba(7,17,42,.52)!important;backdrop-filter:blur(2px)}body:has(.mobile-menu-scrim){overflow:hidden}
}


/* app/temporary-free.css */
.marketing-plan-grid .temporary-free {
  position: static;
  align-self: flex-start;
  width: max-content;
  margin-bottom: 12px;
  padding: 5px 9px;
  border-radius: 999px;
  color: #16795c;
  background: #e5f7ef;
  font-size: 9px;
  font-weight: 900;
}

.marketing-plan-grid article > b {
  display: flex;
  align-items: baseline;
  gap: 7px;
}

.marketing-plan-grid article > b small {
  color: #758299;
  font-size: 9px;
}

.temporary-free-notice {
  display: grid;
  gap: 4px;
  margin: 18px 0;
  padding: 17px 19px;
  border: 1px solid #bfe5d7;
  border-radius: 15px;
  color: #176d55;
  background: linear-gradient(120deg, #e9f9f3, #f6fffb);
}

.temporary-free-notice span {
  font-size: 9px;
  font-weight: 900;
}

.temporary-free-notice b {
  font-size: 16px;
}

.temporary-free-notice small {
  color: #568071;
}



/* app/components/landing-editorial.css */
/* Public landing art direction. All rules stay outside authenticated panels. */
.editorial-site { --ink:#192d48; --blue:#285ce1; --muted:#5e6f84; background:#fff; color:var(--ink); }
.editorial-site :is(button,a,summary):focus-visible { outline:3px solid #3172df; outline-offset:5px; }
.editorial-site .lux-announce { background:#edf4fc; color:#546d8b; min-height:40px; font-size:13px; }
.editorial-site .lux-announce b { color:#294c79; }
.editorial-site .lux-announce a { color:#285bc4; margin-right:12px; }
.editorial-site .lux-header { position:relative; top:auto; height:94px; width:min(1280px,calc(100% - 64px)); color:#1b3557; border-bottom:1px solid #e3ebf4; gap:24px; }
.editorial-site .lux-header nav { gap:24px; margin-right:auto; }
.editorial-site .lux-header nav a { color:#4a607a; font-size:14px; }
.editorial-site .lux-header nav a:hover { color:#235bd7; }
.editorial-site .lux-brand>.brand-logo-mark { box-shadow:none; }
.editorial-site .lux-header-actions { margin-right:auto; }
.editorial-site .lux-header-actions .quiet { color:#304966; }
.editorial-site .lux-header-actions .solid { background:#285ce1; color:#fff; box-shadow:0 5px 12px #285ce119; }
.editorial-site .lux-menu { background:#edf3fc; color:#2859bb; }
.editorial-site .lux-hero { min-height:0; padding:80px max(32px,calc((100% - 1280px)/2)) 70px; display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center; gap:46px; color:#192d48; background:linear-gradient(180deg,#fff 0%,#f6faff 100%); }
.editorial-site .hero-grid { opacity:.18; background-image:radial-gradient(#5f84b4 1px,transparent 1px); background-size:22px 22px; mask-image:linear-gradient(270deg,transparent 40%,#000); }
.editorial-site .hero-glow,.editorial-site .stage-ring { display:none; }
.editorial-site .lux-hero-copy { width:100%; padding:0; }
.editorial-site .lux-eyebrow { border:0; padding:0; border-radius:0; background:none; box-shadow:none; color:#53708a; font-size:14px; font-weight:500; }
.editorial-site .lux-eyebrow span { color:#17857d; background:#e7f5f1; border-radius:10px; }
.editorial-site .lux-hero h1 { margin:24px 0; font-size:clamp(33px,3.25vw,49px); line-height:1.65; letter-spacing:-1.6px; font-weight:800; }
.editorial-site .lux-hero h1 em { color:#2564d7; background:none; position:relative; }
.editorial-site .lux-hero h1 em:after { content:""; display:block; width:88px; height:4px; border-radius:2px; background:#55bda8; margin-top:12px; }
.editorial-site .lux-hero-copy>p { font-size:17px; line-height:2.1; color:#60728a; max-width:500px; }
.editorial-site .lux-hero-actions { gap:20px; flex-wrap:wrap; margin-top:28px; }
.editorial-site .lux-hero-actions>button { background:#285ce1; box-shadow:0 8px 20px #285ce121; border-radius:11px; padding:0 22px; font-size:15px; }
.editorial-site .lux-hero-actions>a { color:#385777; font-size:14px; font-weight:500; }
.editorial-site .lux-hero-actions>a>svg { width:17px; transform:rotate(180deg); }
.editorial-site .lux-proof { gap:12px 18px; margin-top:25px; color:#657c92; font-size:13px; }
.editorial-site .lux-product-stage { position:relative; inset:auto; width:100%; height:500px; opacity:1; perspective:none; }
.editorial-site .lux-dashboard { top:50%; left:50%; width:740px; height:555px; transform:translate(-50%,-50%) scale(.8); border:1px solid #cedaeb; border-radius:18px; box-shadow:0 28px 60px #224b8520,0 0 0 12px #e9f0f982; }
.editorial-site .lux-product-stage:hover .lux-dashboard { transform:translate(-50%,-50%) scale(.8); box-shadow:0 32px 64px #224b8528,0 0 0 12px #e9f0f982; }
.editorial-site .lux-float { animation:none; box-shadow:0 12px 35px #2d567724; border-color:#dce8ed; padding:13px 16px; }
.editorial-site .lux-float.resident { right:6px; top:8px; }
.editorial-site .lux-float.paid { left:-10px; bottom:0; }
.editorial-site .lux-float small { font-size:12px; }.editorial-site .lux-float b { font-size:14px; }.editorial-site .lux-float em { font-size:12px; }
.editorial-site .hero-scroll { position:static; grid-column:2; transform:none; justify-content:center; color:#7387a0; margin-top:-45px; font-size:12px; }
.editorial-site .hero-scroll span { width:5px; height:5px; border-radius:50%; background:#8a9db5; }
.editorial-site .dash-payments header>span { color:#4168dc; font-size:7px; }
.editorial-site .lux-trust { background:#fff; border-block:1px solid #e4ebf2; min-height:105px; }
.editorial-site .lux-trust p,.editorial-site .lux-trust>div>span { font-size:14px; }
.editorial-site .launch-banner{width:min(1280px,calc(100% - 64px));margin:34px auto 0;padding:28px 32px;display:grid;grid-template-columns:minmax(270px,1.08fr) minmax(360px,1.45fr) auto;align-items:center;gap:26px;border:1px solid #d9e7f1;border-radius:21px;background:linear-gradient(135deg,#f6fbff 0%,#f0f8f6 100%);box-shadow:0 14px 34px #2147780c}
.editorial-site .launch-banner-copy>span{color:#167f74;font-size:13px;font-weight:800}.editorial-site .launch-banner h2{margin:7px 0 8px;color:#1c385b;font-size:23px;line-height:1.5}.editorial-site .launch-banner p{margin:0;color:#647a91;font-size:14px;line-height:2}
.editorial-site .launch-banner ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.editorial-site .launch-banner li{display:flex;align-items:center;gap:10px}.editorial-site .launch-banner li svg{width:18px;color:#15927c;flex:none}.editorial-site .launch-banner li span{display:grid;gap:2px}.editorial-site .launch-banner li b{color:#284664;font-size:14px}.editorial-site .launch-banner li small{color:#71859a;font-size:12px}.editorial-site .launch-banner>button{display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;padding:13px 15px;border:0;border-radius:11px;color:#fff;background:#285ce1;font:inherit;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 8px 16px #285ce121}.editorial-site .launch-banner>button svg{width:17px}
.editorial-site .lux-section { padding-block:96px; }
.editorial-site .lux-section-title h2,.editorial-site .experience-copy h2,.editorial-site .process-head h2,.editorial-site .lux-faq>div h2 { font-size:clamp(27px,3vw,39px); line-height:1.65; letter-spacing:-1px; }
.editorial-site .lux-section-title>span,.editorial-site .lux-section-title>div>span { font-size:14px; font-weight:600; }
.editorial-site .lux-section-title>span:before,.editorial-site .lux-section-title>span:after,.editorial-site .lux-section-title>div>span:before { display:none; }
.editorial-site .lux-section-title p { font-size:16px; }
.editorial-site .lux-problem { display:grid; grid-template-columns:.85fr 1.15fr; gap:60px; align-items:center; }
.editorial-site .problem-flow { grid-template-columns:1fr 26px 1fr; gap:13px; margin:0; }
.editorial-site .problem-flow>article { padding:20px 16px; border-radius:14px; min-height:0; }
.editorial-site .problem-flow>article:after { display:none; }
.editorial-site .problem-flow>article.after { background:#eff8f5; border-color:#c9e7dc; box-shadow:none; }
.editorial-site .problem-flow>article.after>i { background:#dcefe6; color:#27735a; }
.editorial-site .problem-flow article.after span { color:#316c59; background:#fff; border-color:#dbeae4; }
.editorial-site .problem-flow article>div span { font-size:14px; padding:10px 8px; }
.editorial-site .flow-arrow svg { width:24px; }.editorial-site .flow-arrow small { display:none; }
.editorial-site .lux-features { background:#f6f8fc; border-block:1px solid #e9eef5; }
.editorial-site .lux-bento { gap:22px; }
.editorial-site .lux-bento>article { border-radius:17px; min-height:305px; padding:30px; box-shadow:0 3px 8px #223c6110; }
.editorial-site .lux-bento>article:hover { transform:translateY(-4px); border-color:#b7cbe6; box-shadow:0 12px 30px #24497b12; }
.editorial-site .lux-bento article>header>i { width:44px; height:44px; border-radius:12px; }
.editorial-site .lux-bento article>span { margin-top:20px; font-size:14px; }
.editorial-site .lux-bento h3 { font-size:22px; }.editorial-site .lux-bento p { font-size:16px; }
.editorial-site .lux-bento article.debt { background:#eef4fd; border-color:#d8e3f4; color:#203c61; }
.editorial-site .lux-bento article.debt>header>i { color:#315fba; background:#dfeafb; }
.editorial-site .lux-bento article.debt>span { color:#3867ae; }.editorial-site .lux-bento article.debt p { color:#5d7493; }
.editorial-site .mini-invite,.editorial-site .mini-debt { margin-top:24px; }
.editorial-site .mini-invite b,.editorial-site .mini-debt>span { font-size:14px; }.editorial-site .mini-invite small,.editorial-site .mini-invite button,.editorial-site .mini-debt b { font-size:12px; }
.editorial-site .mini-debt>span { background:#ffffffb3; border-color:#d5e2f3; color:#385777; }
.editorial-site .mini-bars { height:58px; margin-top:20px; gap:12px; }.editorial-site .mini-bars i { opacity:.75; }
.editorial-site .lux-experience { background:#fff; color:#1d3656; min-height:0; padding-block:90px; gap:70px; border-bottom:1px solid #e7edf3; }
.editorial-site .lux-experience:before { display:none; }
.editorial-site .experience-copy>span { color:#238373; font-size:14px; }.editorial-site .experience-copy>span:before { background:#48a894; }
.editorial-site .experience-copy>p { color:#657a92; font-size:16px; }
.editorial-site .experience-copy li b { font-size:16px; }.editorial-site .experience-copy li small { color:#6a7e94; font-size:14px; }
.editorial-site .experience-copy>button { background:#285ce1; color:#fff; }
.editorial-site .experience-visual { position:relative; display:grid; grid-template-columns:minmax(190px,.76fr) minmax(300px,1.24fr); grid-template-rows:176px minmax(250px,1fr) 56px; gap:16px; height:530px; padding:22px; overflow:hidden; border-radius:24px; background:#f1f6fc; }
.editorial-site .exp-grid { background-image:radial-gradient(#96aecb 1px,transparent 1px); background-size:20px 20px; opacity:.3; }
.editorial-site .exp-card { position:relative; inset:auto; top:auto; right:auto; bottom:auto; left:auto; width:auto!important; min-width:0; margin:0; background:#fff; border-color:#dbe6ee; color:#243e5e; border-radius:15px; box-shadow:0 14px 34px #32537713; }
.editorial-site .exp-card.balance small,.editorial-site .exp-card.balance>span,.editorial-site .exp-card.donut span small,.editorial-site .exp-card.pulse span { color:#647d95; font-size:12px; }
.editorial-site .exp-card.balance { grid-column:2; grid-row:1; padding:22px; }.editorial-site .exp-card.balance b { font-size:28px; }.editorial-site .exp-card.balance em { color:#21846b; background:#e6f5ee; }
.editorial-site .exp-card.donut { grid-column:1; grid-row:1; align-self:stretch; padding:18px; }.editorial-site .exp-card.donut>div:after { background:#fff; }.editorial-site .exp-card.donut>div { background:conic-gradient(#32b89e 0 86%,#ebf0f5 86%); }
.editorial-site .exp-card.donut span b,.editorial-site .exp-card.unit-list header b,.editorial-site .exp-card.unit-list>div b { font-size:14px; }
.editorial-site .exp-card.unit-list { grid-column:1/-1; grid-row:2; padding:18px 24px; }.editorial-site .exp-card.unit-list>div small,.editorial-site .exp-card.unit-list header span { font-size:12px; }
.editorial-site .exp-card.pulse { display:flex; align-items:center; grid-column:1/-1; grid-row:3; padding:11px 15px; }.editorial-site .exp-card.pulse b { font-size:14px; }
.editorial-site .lux-process { padding-block:95px; }.editorial-site .process-head>span { font-size:14px; }
.editorial-site .lux-process li { border-radius:12px; box-shadow:none; }.editorial-site .lux-process li small { font-size:12px; }.editorial-site .lux-process li p { font-size:14px; }
.editorial-site .role-deck article { border-radius:17px; box-shadow:none; }.editorial-site .role-deck article:after { display:none; }
.editorial-site .role-deck article.community { background:#eef9f7; color:#184a54; border-color:#cfe8e3; }
.editorial-site .role-deck article.community h3 { color:#184a54; }.editorial-site .role-deck article.community header span,.editorial-site .role-deck article.community li { color:#4b7980; }
.editorial-site .role-deck article.community header>i { background:#d9f1ec; color:#087e74; }.editorial-site .role-deck article.community button { background:#fff; border-color:#c4e3dc; color:#087b72; }
.editorial-site .role-deck header span,.editorial-site .role-deck li { font-size:14px; }.editorial-site .role-deck li { margin-bottom:6px; }
.editorial-site .install-section { box-shadow:none; background:#f3f7fc; border-radius:20px; }.editorial-site .install-copy>p { font-size:16px; }
.editorial-site .install-benefits span,.editorial-site .install-platforms header button,.editorial-site .install-platforms li p { font-size:14px; }.editorial-site .install-platforms li b { font-size:15px; }
.editorial-site .pricing-deck article { border-radius:16px; box-shadow:none; }.editorial-site .pricing-deck article.recommended { transform:none; box-shadow:0 12px 30px #315dc918; }
.editorial-site .pricing-deck article>small,.editorial-site .pricing-deck li,.editorial-site .pricing-deck article>strong { font-size:15px; }.editorial-site .price em { font-size:13px; }
.editorial-site .lux-faq summary { font-size:16px; }.editorial-site .lux-faq details p { font-size:15px; }
.editorial-site .lux-final { background:#eaf2fd; color:#1d3c65; border:1px solid #d7e4f6; box-shadow:none; border-radius:23px; }
.editorial-site .final-grid { opacity:.3; background-image:linear-gradient(#c5d7ef 1px,transparent 1px),linear-gradient(90deg,#c5d7ef 1px,transparent 1px); }
.editorial-site .lux-final>div:nth-child(2)>span { color:#2a8974; font-size:14px; }.editorial-site .lux-final h2 { font-size:clamp(28px,3vw,40px); }
.editorial-site .lux-final p { color:#5f7898; font-size:16px; }.editorial-site .lux-final>div:nth-child(2)>div>button { color:#fff; background:#285ce1; }
.editorial-site .lux-final>div:nth-child(2)>div a { color:#345b90; border-color:#b8ceeb; }
.editorial-site .lux-footer { background:#10243e; }.editorial-site .footer-intro>p { font-size:15px; color:#b4c2d5; }.editorial-site .footer-top nav a,.editorial-site .footer-top nav span { color:#b1c1d7; font-size:14px; }.editorial-site .footer-top nav b { font-size:16px; }.editorial-site .lux-footer .footer-bottom { font-size:13px; }

/* Keep the six feature cards rhythmical: the four operational cards share one row. */
@media(min-width:1101px) {
  .editorial-site .lux-bento>article:nth-child(n+3) { grid-column:span 3; min-height:330px; }
}
.editorial-site .lux-bento>article { min-height:320px; }
.editorial-site .lux-bento article>span { margin-top:18px; line-height:1.65; }
.editorial-site .lux-bento h3 { margin:7px 0 11px; line-height:1.55; }
.editorial-site .lux-bento p { margin:0; line-height:2; }
.editorial-site .pricing-deck article { min-height:535px; }
.editorial-site .pricing-deck ul { gap:12px; }
.editorial-site .pricing-deck li { align-items:flex-start; line-height:1.65; }
.editorial-site .pricing-deck li svg { flex:none; margin-top:4px; }
.editorial-site .exp-card.unit-list>div { min-height:67px; gap:12px; padding-block:11px; }
.editorial-site .exp-card.unit-list>div b { line-height:1.5; }
.editorial-site .exp-card.unit-list>div small { line-height:1.65; white-space:normal; }
@media(min-width:1500px) { .editorial-site .lux-hero { padding-block:105px; } }
@media(max-width:1150px) {
  .editorial-site .lux-header { gap:14px; }.editorial-site .lux-header nav { gap:14px; }.editorial-site .lux-header-actions .quiet { display:none; }
  .editorial-site .lux-hero { gap:24px; }.editorial-site .lux-product-stage { height:410px; }
  .editorial-site .lux-dashboard,.editorial-site .lux-product-stage:hover .lux-dashboard { transform:translate(-50%,-50%) scale(.64); }
  .editorial-site .lux-problem { grid-template-columns:1fr; gap:35px; }.editorial-site .lux-float em { display:none; }
}
@media(max-width:860px) {
  .editorial-site .lux-header { height:80px; width:calc(100% - 36px); }
  .editorial-site .lux-header nav { margin:0; top:72px; background:#fff; border-color:#dce6f2; box-shadow:0 16px 35px #294b8020; }
  .editorial-site .lux-hero { grid-template-columns:1fr; padding:52px 24px; gap:34px; }
  .editorial-site .lux-hero h1 { font-size:42px; }.editorial-site .lux-hero h1 em:after { margin-inline:auto; }
  .editorial-site .lux-product-stage { inset:auto; width:min(650px,100%); height:475px; margin-inline:auto; }
  .editorial-site .lux-dashboard,.editorial-site .lux-product-stage:hover .lux-dashboard { transform:translate(-50%,-50%) scale(.78); }
  .editorial-site .hero-scroll { grid-column:1; margin:0; }.editorial-site .lux-experience { gap:35px; }
  .editorial-site .lux-section { padding-block:65px; }.editorial-site .experience-visual { width:100%; }
  .editorial-site .launch-banner{width:calc(100% - 36px);grid-template-columns:1fr;gap:18px;padding:25px}.editorial-site .launch-banner>button{width:max-content}
}
@media(max-width:600px) {
  .editorial-site .lux-header-actions .solid { font-size:12px; }.editorial-site .lux-header { gap:12px; }
  .editorial-site .lux-hero { padding:34px 18px 32px; gap:26px; }.editorial-site .lux-hero h1 { font-size:32px; letter-spacing:-1px; line-height:1.8; margin:20px 0; }
  .editorial-site .lux-hero-copy>p { font-size:16px; }.editorial-site .lux-eyebrow { font-size:13px; }
  .editorial-site .lux-product-stage { width:100%; height:320px; }
  .editorial-site .lux-dashboard,.editorial-site .lux-product-stage:hover .lux-dashboard { transform:translate(-50%,-50%) scale(.44); }
  .editorial-site .lux-float { display:none; }.editorial-site .hero-scroll { display:flex; font-size:12px; }
  .editorial-site .problem-flow { grid-template-columns:1fr; gap:12px; }.editorial-site .flow-arrow { padding:0; }
  .editorial-site .lux-bento>article { padding:24px; }.editorial-site .lux-bento h3 { font-size:21px; }
  .editorial-site .experience-visual { grid-template-columns:1fr; grid-template-rows:auto; height:auto; min-height:0; padding:14px; gap:12px; }.editorial-site .exp-card.balance,.editorial-site .exp-card.donut,.editorial-site .exp-card.unit-list,.editorial-site .exp-card.pulse { grid-column:auto; grid-row:auto; left:auto; right:auto; top:auto; bottom:auto; width:auto; }.editorial-site .exp-card.balance { padding:19px; }.editorial-site .exp-card.balance b { font-size:24px; }.editorial-site .exp-card.donut { min-height:118px; }.editorial-site .exp-card.unit-list { padding:16px; }.editorial-site .exp-card.pulse { display:flex; }.editorial-site .lux-experience { padding:60px 18px; }
  .editorial-site .pricing-deck article { min-height:0; }
  .editorial-site .launch-banner{width:calc(100% - 28px);margin-top:20px;padding:21px}.editorial-site .launch-banner h2{font-size:21px}.editorial-site .launch-banner>button{width:100%}
  .editorial-site .lux-final { padding:38px 22px; }.editorial-site .install-platforms li p { font-size:14px; }
}
@media(max-width:359px) {
  .editorial-site .lux-dashboard,.editorial-site .lux-product-stage:hover .lux-dashboard { transform:translate(-50%,-50%) scale(.37); }
  .editorial-site .lux-hero h1 { font-size:27px; }.editorial-site .lux-header-actions .solid { padding:0 8px; }
}


/* app/components/persian-date.css */
.persian-date-input{display:grid;gap:7px;min-width:0;color:inherit;font-weight:700}.persian-date-input>span{display:flex;align-items:center;gap:4px;font-size:.86rem}.persian-date-input>span b{color:#e05964}.persian-date-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.persian-date-row input{min-width:0;text-align:center;font-variant-numeric:tabular-nums}.persian-date-row button{min-height:44px;padding:0 12px;border:1px solid #c9d8ec;border-radius:11px;background:#f3f7fd;color:#285ed8;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer;transition:.18s ease}.persian-date-row button:hover:not(:disabled){border-color:#7599e7;background:#e7efff;transform:translateY(-1px)}.persian-date-row button:disabled{opacity:.55;cursor:not-allowed}.persian-date-input small{color:#7d90a9;font-size:.72rem;font-weight:500}.dark .persian-date-row button{background:#1b315d;border-color:#355382;color:#cddcff}.dark .persian-date-input small{color:#a8bbd7}@media(max-width:520px){.persian-date-row{grid-template-columns:1fr}.persian-date-row button{min-height:40px}}


/* app/components/accessibility.css */
.skip-link{position:fixed;z-index:200;top:12px;right:12px;transform:translateY(-180%);padding:10px 14px;border-radius:10px;background:#fff;color:#173c83;text-decoration:none;font-weight:800;box-shadow:0 10px 28px #081a3a33}.skip-link:focus{transform:none;outline:3px solid #8cdcca}.nav-section{display:grid;gap:4px}.nav-section+ .nav-section{margin-top:10px;padding-top:11px;border-top:1px solid #ffffff16}.nav-section>small{padding:0 12px;color:#8da2cf;font-size:9px;font-weight:800;letter-spacing:.1px}.product-dash .manager-side nav{display:grid;align-content:start}.product-dash .manager-side nav .nav-section{display:grid;gap:4px}@media(max-width:900px){.product-dash .manager-side nav .nav-section{display:grid}.product-dash .manager-side nav .nav-section>small{display:block;color:#aebfe5;padding:6px 12px 2px}}@media(max-width:650px){.skip-link{right:8px}.product-dash .manager-side nav .nav-section>small{display:none}}


/* app/components/panel-polish.css */
/* Shared alignment and responsive navigation rules for every private panel. */
html,body{max-width:100%;overflow-x:hidden}
.product-dash,.admin-app{direction:rtl;text-align:right;min-width:0;overflow-x:hidden}
.product-dash :is(h1,h2,h3,h4,p,small,span,label,dt,dd),.resident-main :is(h1,h2,h3,h4,p,small,span,label,dt,dd),.admin-app :is(h1,h2,h3,h4,p,small,span,label,dt,dd){text-align:right}
.product-dash :is(input,textarea,select),.resident-main :is(input,textarea,select),.admin-app :is(input,textarea,select){direction:rtl;text-align:right}
.product-dash :is(input[type="email"],input[type="url"],input[type="tel"]),.resident-main :is(input[type="email"],input[type="url"],input[type="tel"]),.admin-app :is(input[type="email"],input[type="url"],input[type="tel"]){direction:ltr;text-align:left}
.product-dash .dash-main,.resident-main,.admin-main{min-width:0;text-align:right}
.product-dash .dash-main>header,.resident-main>header,.admin-header{direction:rtl}
.product-dash .dash-side,.resident-side,.admin-side{scrollbar-width:none;-ms-overflow-style:none}
.product-dash .dash-side::-webkit-scrollbar,.resident-side::-webkit-scrollbar,.admin-side::-webkit-scrollbar{display:none}
.product-dash .manager-side,.resident-side,.admin-side{overscroll-behavior:contain}
.product-dash .manager-side nav,.resident-side nav,.admin-side nav{min-height:0}
.mobile-menu-close,.admin-menu-close{display:none}

@media(max-width:900px){
  .product-dash .manager-side,.resident-side{position:fixed!important;top:0!important;right:0!important;left:auto!important;bottom:0!important;width:min(310px,86vw)!important;height:100dvh!important;padding:20px 16px 16px!important;z-index:90!important;display:flex!important;flex-direction:column!important;transform:translateX(110%);transition:transform .25s ease;overflow:hidden!important;border:0!important}
  .product-dash .manager-side.mobile-open,.resident-side.mobile-open{transform:translateX(0)!important}
  .product-dash .manager-side .resident-brand,.resident-side .resident-brand{display:flex!important;margin:0 6px 18px!important;padding-left:40px}
  .product-dash .manager-side .resident-brand b,.product-dash .manager-side .resident-brand small,.resident-side .resident-brand b,.resident-side .resident-brand small{display:block!important}
  .product-dash .manager-side .resident-building,.resident-side .resident-building{display:grid!important;flex:none!important}
  .product-dash .manager-side nav,.resident-side nav{display:grid!important;flex:1 1 auto!important;overflow-y:auto!important;overflow-x:hidden!important;align-content:start!important;padding:4px 0!important;scrollbar-width:none}
  .product-dash .manager-side nav::-webkit-scrollbar,.resident-side nav::-webkit-scrollbar{display:none}
  .product-dash .manager-side nav button,.resident-side nav button{display:flex!important;justify-content:flex-start!important;text-align:right!important;min-height:46px}
  .product-dash .manager-side nav span,.resident-side nav span{display:block!important;font-size:13px!important}
  .product-dash .manager-side nav b,.resident-side nav b{display:grid!important;position:static!important}
  .product-dash .manager-side .resident-user,.resident-side .resident-user{display:flex!important;flex:none!important;margin-top:8px!important}
  .mobile-menu-close{position:absolute!important;display:grid!important;place-items:center!important;top:12px!important;left:12px!important;width:32px!important;height:32px!important;padding:0!important;border-radius:9px!important;background:#ffffff14!important;color:#fff!important;z-index:2!important}
  .mobile-menu-close svg,.admin-menu-close svg{width:18px;height:18px}
  .mobile-menu-scrim{position:fixed!important;inset:0!important;z-index:80!important;display:block!important;border:0!important;background:rgba(5,14,35,.46)!important;padding:0!important}
  .admin-side{padding-top:58px!important;overflow:hidden!important;z-index:90!important}
  .admin-side nav{overflow-y:auto!important;scrollbar-width:none}
  .admin-side nav::-webkit-scrollbar{display:none}
  .admin-menu-close{position:absolute;display:grid;place-items:center;top:13px;left:13px;width:34px;height:34px;padding:0;border:1px solid #ffffff1c;border-radius:10px;background:#ffffff10;color:#fff}
  .admin-overlay{z-index:80!important}
  .product-header,.resident-main>header,.admin-header{gap:10px!important}
  .product-header>div:first-of-type,.resident-main>header>div,.admin-header>div:first-of-type{min-width:0}
  .product-header h1,.resident-main h1,.admin-header h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:600px){
  .product-dash .dash-main,.resident-main{padding:11px 11px 28px!important}
  .admin-main{padding:0 11px 30px!important}
  .product-header .header-tools{gap:6px!important;min-width:0}
  .product-header .header-tools>button:last-child{max-width:126px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .product-dash :is(input,textarea,select),.resident-main :is(input,textarea,select),.admin-app :is(input,textarea,select){font-size:16px!important}
}


/* app/components/local-font.css */
@font-face{font-family:BaminooVazirmatn;font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/Vazirmatn-Regular.ttf') format('truetype')}@font-face{font-family:BaminooVazirmatn;font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/Vazirmatn-Medium.ttf') format('truetype')}@font-face{font-family:BaminooVazirmatn;font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/Vazirmatn-SemiBold.ttf') format('truetype')}@font-face{font-family:BaminooVazirmatn;font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/Vazirmatn-Bold.ttf') format('truetype')}@font-face{font-family:BaminooVazirmatn;font-style:normal;font-weight:800;font-display:swap;src:url('/fonts/Vazirmatn-ExtraBold.ttf') format('truetype')}html body,html button,html input,html textarea,html select{font-family:BaminooVazirmatn,Vazirmatn,Arial,sans-serif!important}