/* Ethnan Property 4.1 — connected operations, marketing and responsive polish */
.utility-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.utility-section{overflow:hidden;margin-bottom:22px}
.utility-section>.card-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 22px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(255,204,49,.1),transparent 45%)}
.utility-section>.card-header h2{margin:0;font-size:20px}
.utility-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:22px;align-items:start}
.muted{color:var(--muted);font-size:12px;line-height:1.6}
.page-heading{align-items:flex-end;gap:20px}.page-heading>div:first-child{min-width:0}.page-heading p{max-width:720px;line-height:1.8}
.table-wrap{max-width:100%;scrollbar-width:thin;overscroll-behavior-inline:contain}.data-table th{white-space:nowrap}
.dialog-body{scrollbar-width:thin}dialog[open]{max-height:min(92dvh,940px);overflow:hidden}.form-grid{align-items:start}.field label{font-weight:700;margin-bottom:8px}.field small,.picker-help{line-height:1.6}

/* Product-led landing page */
.hero-inner{grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);align-items:center;gap:clamp(48px,7vw,100px)}
.hero-copy{max-width:760px}.hero-copy>p{max-width:690px;font-size:clamp(16px,1.55vw,20px);line-height:2}
.hero-buttons{margin-top:30px}.hero-buttons .btn{min-height:52px;padding-inline:23px}
.hero-proof{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:28px}.hero-proof span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #ffffff22;border-radius:999px;background:#ffffff09;color:#d8e0d4;font-size:11px}.hero-proof .icon{color:var(--yellow)}
.hero-note{display:flex;align-items:center;gap:8px!important;font-size:12px!important;margin-top:18px!important;color:#9eaa99!important}.hero-note .icon{color:var(--yellow);flex:none}
.hero-preview{position:relative;isolation:isolate;padding:27px;border-radius:26px;transform:rotate(-1.5deg)}[dir=rtl] .hero-preview{transform:rotate(1.5deg)}
.hero-preview:before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffcc31aa,transparent 38%,#ffffff35);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.preview-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:28px 0 19px}.preview-heading span{font-size:10px;color:#aebba8}.preview-heading h3{margin:6px 0 0;color:#fff;font-size:24px}.live-dot{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;background:#244530;color:#aee0bd!important}.live-dot:before{content:'';width:6px;height:6px;border-radius:50%;background:#5bd37a;box-shadow:0 0 0 4px #5bd37a1f}
.preview-card{align-items:center}.preview-card-copy{flex:1;min-width:0}.preview-card-copy h3{margin:0 0 6px}.preview-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.preview-tags b{padding:5px 7px;border-radius:6px;background:#eef3e9;color:#52604a;font-size:9px}
.preview-collection{display:grid;grid-template-columns:1fr auto;gap:5px 14px;margin-top:12px;padding:15px 17px;border:1px solid #ffffff19;border-radius:13px;background:#0c100bc4}.preview-collection span,.preview-collection small{font-size:10px;color:#aab5a5}.preview-collection strong{grid-row:1/3;grid-column:2;font-size:19px;color:var(--yellow);align-self:center}.preview-caption{margin-top:14px;color:#d0d9cb;font-size:10px}
.outcome-strip{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);margin:-34px 0 60px;border:1px solid #3a4535;border-radius:18px;background:#191e17;box-shadow:0 22px 50px rgba(0,0,0,.22);overflow:hidden}.outcome-strip>div{display:flex;align-items:center;gap:13px;padding:22px 24px;border-inline-end:1px solid #ffffff12}.outcome-strip>div:last-child{border:0}.outcome-strip strong{font-family:'Thmanyah Display',var(--font);font-size:22px;color:var(--yellow)}.outcome-strip span{font-size:12px;line-height:1.7;color:#d4dcd0}
.section-intro{max-width:720px;margin-bottom:28px}.section-intro h2{margin:10px 0 8px}.section-intro>p{color:#acb7a8;line-height:1.9;font-size:14px}.feature-section>h2{display:none}
.feature-item{position:relative;min-height:260px;padding:29px}.feature-number{position:absolute;top:22px;inset-inline-end:22px;color:#697564;font-size:11px;letter-spacing:.12em}.feature-item h3{margin-top:28px;font-size:20px}.feature-item p{font-size:13px;line-height:1.9}
.workflow-section{padding-top:78px}.workflow-section .section-intro{margin-bottom:26px}.step{min-height:140px;padding:24px;background:linear-gradient(145deg,#171c15,#11140f)}.step span{line-height:1.8}
.cta-panel{position:relative;overflow:hidden;padding:40px 44px}.cta-panel:after{content:'';position:absolute;width:260px;height:260px;border:1px solid #191d1726;border-radius:50%;inset:-130px auto auto -70px;box-shadow:0 0 0 30px #191d170a,0 0 0 60px #191d1708;pointer-events:none}.cta-panel>*{position:relative;z-index:1}.cta-panel .eyebrow{color:#292e24}.cta-panel h2{font-size:32px;margin:8px 0}

/* Real product showcase */
.app-showcase{display:grid;grid-template-columns:minmax(330px,.75fr) minmax(0,1.25fr);align-items:center;gap:clamp(38px,6vw,88px);padding:clamp(78px,10vw,135px) 0;scroll-margin-top:100px}
.showcase-copy{max-width:590px}.showcase-copy h2{font-size:clamp(32px,4vw,58px);line-height:1.2;margin:14px 0 20px;letter-spacing:-.035em}.showcase-copy>p{color:var(--muted);font-size:clamp(15px,1.35vw,19px);line-height:1.9;margin:0 0 28px}.showcase-points{display:grid;gap:11px;margin-bottom:30px}.showcase-points span{display:flex;align-items:center;gap:11px;font-weight:700}.showcase-points .icon{color:#a47d00;flex:none}.showcase-copy .btn{min-height:52px;padding-inline:22px}
.showcase-gallery{position:relative;min-height:620px;isolation:isolate}.showcase-gallery:before{content:'';position:absolute;inset:7% 4% 2%;border-radius:50%;background:radial-gradient(circle,#ffcc3140,transparent 68%);filter:blur(20px);z-index:-2}
.showcase-shot{position:absolute;margin:0;width:min(88%,730px);aspect-ratio:1.57;overflow:hidden;border:1px solid #dfe2d7;border-radius:24px;background:#eef1f7;box-shadow:0 34px 85px -36px #10150e75;transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s;will-change:transform}.showcase-shot:hover{box-shadow:0 40px 95px -30px #10150e85}.showcase-shot>img{position:absolute;max-width:none;width:261%;height:auto;user-select:none;pointer-events:none}.shot-properties{inset-inline-start:0;top:0;transform:rotate(-2deg)}[dir=rtl] .shot-properties{transform:rotate(2deg)}.shot-properties:hover{transform:translateY(-9px) rotate(0)}.shot-properties>img{inset-inline-start:-24%;top:-5%}.shot-tenants{inset-inline-end:0;bottom:0;transform:rotate(2deg)}[dir=rtl] .shot-tenants{transform:rotate(-2deg)}.shot-tenants:hover{transform:translateY(-9px) rotate(0)}.shot-tenants>img{inset-inline-start:-134%;top:-123%}
.showcase-shot figcaption{position:absolute;inset-inline:18px;bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px;border:1px solid #ffffff80;border-radius:14px;background:#0e130fdd;color:#fff;backdrop-filter:blur(14px);box-shadow:0 12px 25px #0002}.showcase-shot figcaption strong{font-size:14px}.showcase-shot figcaption span{color:#cbd2c7;font-size:11px}.showcase-orbit{position:absolute;border-radius:50%;background:#ffcc31;box-shadow:0 0 0 9px #ffcc3120;z-index:2;animation:showcase-float 5s ease-in-out infinite}.orbit-one{width:18px;height:18px;inset-inline-end:2%;top:10%}.orbit-two{width:11px;height:11px;inset-inline-start:8%;bottom:5%;animation-delay:-2.2s}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:none}.showcase-gallery.reveal{transition-delay:.12s}@keyframes showcase-float{50%{transform:translateY(-14px) scale(1.08)}}

/* Account request flow */
.request-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:22px 0 30px}.request-process span{display:flex;align-items:center;gap:8px;padding:11px;border:1px solid var(--line);border-radius:12px;background:#f8f8f4;font-size:12px}.request-process b{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#171a17;color:#ffcc31;font-size:10px;flex:none}.request-account-form{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 14px}.request-account-form>.field,.request-account-form>.request-consent,.request-account-form>.form-error,.request-account-form>button{margin:0!important}.request-account-form .field:has(textarea),.request-account-form .request-consent,.request-account-form .form-error,.request-account-form>button{grid-column:1/-1}.request-account-form select{width:100%;min-height:52px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font:inherit}.request-consent{display:flex;align-items:flex-start;gap:11px;padding:14px;border:1px solid #dfe3d7;border-radius:12px;background:#fbfbf7;line-height:1.7;font-size:13px}.request-consent input{width:18px;height:18px;margin-top:3px;accent-color:#171a17;flex:none}.request-honeypot{position:absolute!important;inset-inline-start:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.request-signin,.login-request-link{text-align:center;margin-top:22px;color:var(--muted)}.request-signin a,.login-request-link a{color:var(--ink);font-weight:800;text-underline-offset:4px}.login-request-link{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:14px;border-radius:12px;background:#f7f7f2}

@media(max-width:1180px){.utility-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.utility-split{grid-template-columns:1fr}}
@media(max-width:1050px){.hero-inner{grid-template-columns:1fr 420px;gap:40px}.hero h1{font-size:clamp(42px,6vw,62px)}.outcome-strip>div{padding:19px 17px}}
@media(max-width:860px){.hero-inner{grid-template-columns:1fr}.hero-copy{max-width:700px}.hero-preview{max-width:620px;width:100%;margin-inline:auto;transform:none!important}.outcome-strip{margin-top:-22px;grid-template-columns:1fr}.outcome-strip>div{border-inline-end:0;border-bottom:1px solid #ffffff12}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-showcase{grid-template-columns:1fr;padding-block:75px;gap:38px}.showcase-copy{max-width:720px}.showcase-gallery{min-height:590px}}
@media(max-width:780px){.page-heading{align-items:flex-start;flex-direction:column}.page-heading .page-actions{width:100%}.page-heading .page-actions>.btn,.page-heading .page-actions>a.btn{flex:1;justify-content:center;min-width:140px}.utility-section>.card-header{padding:16px}.utility-section>.card-header h2{font-size:18px}.utility-split{gap:16px}.dialog-header{position:sticky;top:0;z-index:2;background:var(--surface)}.dialog-footer{position:sticky;bottom:0;z-index:2;background:var(--surface);box-shadow:0 -10px 24px rgba(15,20,15,.08)}}
@media(max-width:560px){.hero{padding-top:42px}.hero-inner{gap:30px}.hero-copy>p{font-size:15px}.hero-proof{display:grid;grid-template-columns:1fr 1fr}.hero-proof span{justify-content:center}.hero-preview{padding:19px;border-radius:19px}.preview-heading h3{font-size:20px}.preview-stats{gap:7px}.preview-stat{padding:12px 8px}.preview-card{padding:14px}.preview-collection strong{font-size:16px}.outcome-strip{margin-bottom:42px}.feature-grid{grid-template-columns:1fr}.feature-item{min-height:0}.workflow-section{padding-top:55px}.cta-panel{padding:30px 24px}.cta-panel h2{font-size:27px}.cta-panel .btn{width:100%;justify-content:center}.public-header-inner{gap:8px}.public-actions{gap:3px}.public-logo span{display:none}.utility-metrics{grid-template-columns:1fr 1fr;gap:9px}.utility-metrics .metric{min-height:104px}.utility-section{margin-inline:-2px}.utility-section>.card-header{align-items:flex-start;flex-direction:column}.page-heading .page-actions{display:grid;grid-template-columns:1fr;width:100%}.page-heading .page-actions>.btn,.page-heading .page-actions>a.btn{width:100%;min-width:0}dialog[open]{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0;margin:0}.dialog-body{padding-inline:16px}.dialog-footer{padding:14px 16px calc(14px + env(safe-area-inset-bottom))}.app-showcase{padding-block:58px}.showcase-copy h2{font-size:34px}.showcase-gallery{min-height:470px}.showcase-shot{width:94%;border-radius:17px}.showcase-shot figcaption{inset-inline:10px;bottom:9px;padding:10px 12px}.showcase-shot figcaption span{display:none}.request-account-form{grid-template-columns:1fr}.request-process{grid-template-columns:1fr}.auth-panel:has(.request-account-form){padding-inline:24px}}
@media(prefers-reduced-motion:reduce){.showcase-orbit{animation:none}.reveal{opacity:1;transform:none;transition:none}.showcase-shot{transition:none}}

/* Marketing experience 5.0 — daylight, night mode and interactive product preview */
.public-body{
 --public-bg:#f5f6f2;--public-surface:#fff;--public-surface-soft:#eef1eb;--public-card:#fff;
 --public-ink:#151914;--public-copy:#4e594b;--public-muted:#6f7a6b;--public-line:#d8ded3;
 --public-deep:#1c2419;--public-deep-2:#11160f;--public-on-deep:#f4f7f1;--public-on-deep-muted:#bac6b5;
 --public-shadow:0 24px 65px rgba(25,35,22,.11);background:var(--public-bg);color:var(--public-ink)
}
.dark .public-body{
 --public-bg:#0d110c;--public-surface:#151b13;--public-surface-soft:#1c2419;--public-card:#192017;
 --public-ink:#f3f6f0;--public-copy:#c4cec0;--public-muted:#9da997;--public-line:#34402f;
 --public-deep:#202a1c;--public-deep-2:#0a0d09;--public-on-deep:#f7faf5;--public-on-deep-muted:#c0cbb9;
 --public-shadow:0 26px 70px rgba(0,0,0,.35)
}
.public-body .public-header{background:color-mix(in srgb,var(--public-surface) 92%,transparent);border-color:var(--public-line);box-shadow:0 8px 30px rgba(20,27,18,.055);backdrop-filter:blur(18px)}
.public-body .public-header-inner{height:82px;gap:22px}
.public-body .public-logo{gap:13px;flex:none}.public-body .public-logo img{width:112px;max-height:55px;border-radius:5px}.public-body .public-logo span{max-width:130px;color:var(--public-muted);border-color:var(--public-line);font-size:10px}
.public-body .public-nav{gap:4px;padding:5px;border:1px solid var(--public-line);border-radius:13px;background:var(--public-surface-soft);color:var(--public-copy)}
.public-body .public-nav a{padding:9px 11px;border-radius:9px;font-size:11px;font-weight:750;transition:background .18s,color .18s,transform .18s}.public-body .public-nav a:after{display:none}.public-body .public-nav a:hover{background:var(--public-surface);color:var(--public-ink);transform:translateY(-1px)}
.public-body .public-actions{gap:7px}.public-body .public-actions .lang-btn{min-height:38px;padding:8px 10px;border-color:transparent;background:transparent;color:var(--public-copy)}.public-body .public-actions .lang-btn:hover{background:var(--public-surface-soft);color:var(--public-ink)}
.public-body .public-actions .btn-secondary{background:var(--public-surface);border-color:var(--public-line);color:var(--public-ink);box-shadow:none}.public-body .public-actions .btn-secondary:hover{background:var(--public-surface-soft);border-color:#a98410;color:var(--public-ink)}.public-body .public-actions .btn-secondary:focus-visible{outline:3px solid color-mix(in srgb,var(--yellow) 48%,transparent);outline-offset:2px}
.public-theme-toggle{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--public-line);border-radius:11px;background:var(--public-surface);color:var(--public-ink);cursor:pointer;transition:transform .18s,background .18s,border-color .18s}.public-theme-toggle:hover{transform:translateY(-1px);border-color:#b69218;background:var(--public-surface-soft)}.theme-icon-light,.theme-icon-dark{display:grid;place-items:center}.theme-icon-dark{display:none}.dark .theme-icon-light{display:none}.dark .theme-icon-dark{display:grid}
.public-body .public-login-btn{display:inline-flex;align-items:center;gap:7px;min-height:39px;padding:8px 13px;border:1px solid var(--public-ink)!important;border-radius:11px;background:var(--public-ink)!important;color:var(--public-surface)!important;font-size:11px!important;font-weight:850;box-shadow:none;text-decoration:none}.public-body .public-login-btn:hover{background:var(--yellow)!important;border-color:var(--yellow)!important;color:#171a14!important;box-shadow:0 9px 24px rgba(197,146,0,.22)}
.public-body .hero{padding:92px 0 98px;background:radial-gradient(circle at 82% 17%,rgba(255,204,49,.22),transparent 25%),radial-gradient(circle at 8% 91%,rgba(118,146,99,.12),transparent 25%),var(--public-bg);border-color:var(--public-line)}
.public-body .hero h1{color:var(--public-ink);text-wrap:balance}.public-body .hero p{color:var(--public-copy)}.public-body .eyebrow{color:#826400}.dark .public-body .eyebrow{color:#ffd452}
.public-body .hero-proof span{border-color:var(--public-line);background:var(--public-surface);color:var(--public-copy);box-shadow:0 5px 17px rgba(25,35,22,.04)}.public-body .hero-note{color:var(--public-muted)!important}
.public-body .hero .btn-secondary{background:var(--public-surface);border-color:var(--public-line);color:var(--public-ink)}
.public-body .hero-preview{background:linear-gradient(155deg,var(--public-deep),var(--public-deep-2));border-color:#58674f;color:var(--public-on-deep);box-shadow:var(--public-shadow)}
.public-body .preview-heading h3{color:#fff}.public-body .preview-collection{background:#090d08a8}.public-body .preview-caption{color:#171b14}
.public-body .outcome-strip{background:var(--public-surface);border-color:var(--public-line);box-shadow:var(--public-shadow)}.public-body .outcome-strip>div{border-color:var(--public-line)}.public-body .outcome-strip span{color:var(--public-copy)}
.public-body .section-intro h2,.public-body .feature-section>h2,.public-body .workflow-section h2{color:var(--public-ink)}.public-body .section-intro>p{color:var(--public-copy)}
.public-body .feature-section,.public-body .workflow-section{background:var(--public-bg)}.public-body .feature-item{background:var(--public-card);border-color:var(--public-line);color:var(--public-ink);box-shadow:0 13px 36px rgba(25,35,22,.055)}.public-body .feature-item h3{color:var(--public-ink)}.public-body .feature-item p{color:var(--public-copy)}.public-body .feature-number{color:var(--public-muted)}
.public-body .step{background:var(--public-surface);border:1px solid var(--public-line);border-radius:14px;color:var(--public-ink)}
.public-body .cta-panel{background:linear-gradient(125deg,#ffd34a,#f3b900);color:#151914}.public-body .cta-panel h2{color:#151914}
.public-body .public-footer{background:var(--public-surface);border-color:var(--public-line);color:var(--public-muted)}.public-body .public-footer a{color:var(--public-ink)}

/* Interactive application preview */
.app-showcase{grid-template-columns:minmax(310px,.7fr) minmax(570px,1.3fr);gap:clamp(40px,5vw,76px);padding-block:clamp(84px,10vw,138px)}
.showcase-copy h2{color:var(--public-ink);font-size:clamp(36px,4vw,60px);line-height:1.18}.showcase-copy>p{color:var(--public-copy)}.showcase-points span{color:var(--public-ink)}.showcase-points .icon{color:#9c7600}
.live-demo{position:relative;min-width:0}.live-demo:before{content:'';position:absolute;inset:8% -4% -7% 7%;border-radius:40px;background:radial-gradient(circle at 70% 30%,rgba(255,204,49,.34),rgba(84,111,69,.1) 46%,transparent 70%);filter:blur(25px);z-index:-1}
.live-demo-window{overflow:hidden;border:1px solid var(--public-line);border-radius:24px;background:var(--public-card);box-shadow:0 34px 90px rgba(24,33,21,.2);transform:perspective(1200px) rotateY(-2.8deg) rotateX(1.2deg);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}.live-demo-window:hover,.live-demo-window:focus-within{transform:none;box-shadow:0 38px 100px rgba(24,33,21,.25)}[dir=rtl] .live-demo-window{transform:perspective(1200px) rotateY(2.8deg) rotateX(1.2deg)}[dir=rtl] .live-demo-window:hover,[dir=rtl] .live-demo-window:focus-within{transform:none}
.live-demo-topbar{position:relative;height:62px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-inline:18px;border-bottom:1px solid var(--public-line);background:var(--public-surface)}.demo-window-controls{position:absolute;inset-inline-end:18px;display:flex;gap:6px;direction:ltr}.demo-window-controls i{width:9px;height:9px;border-radius:50%;background:#ff6259}.demo-window-controls i:nth-child(2){background:#ffbd2e}.demo-window-controls i:nth-child(3){background:#28c840}.demo-brand{grid-column:2;justify-self:center;display:flex;align-items:center;gap:9px;color:var(--public-ink);font-size:10px;font-weight:800}.demo-brand img{width:64px;border-radius:3px}.demo-live{grid-column:1;grid-row:1;justify-self:start;display:flex;align-items:center;gap:6px;color:#34734c;font-size:9px;font-weight:800}.demo-live i{width:6px;height:6px;border-radius:50%;background:#39b868;box-shadow:0 0 0 4px rgba(57,184,104,.14)}
.live-demo-layout{display:grid;grid-template-columns:118px minmax(0,1fr);min-height:475px;background:var(--public-surface-soft)}
.demo-sidebar{display:flex;flex-direction:column;gap:6px;padding:16px 11px;background:linear-gradient(180deg,var(--public-deep),var(--public-deep-2));border-inline-end:1px solid #ffffff16}.demo-sidebar button{display:flex;align-items:center;gap:8px;width:100%;min-height:41px;padding:9px;border:0;border-radius:9px;background:transparent;color:#acb8a6;font:inherit;font-size:9px;font-weight:750;text-align:start;cursor:pointer;transition:background .18s,color .18s,transform .18s}.demo-sidebar button:hover{background:#ffffff0d;color:#fff}.demo-sidebar button.active{background:var(--yellow);color:#171a14;box-shadow:0 7px 18px rgba(0,0,0,.16)}.demo-sidebar button .icon{flex:none}
.demo-workspace{min-width:0;padding:20px 22px 24px}.demo-workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.demo-workspace-heading small{color:#aa8200;font-size:8px;font-weight:800;letter-spacing:.08em}.demo-workspace-heading h3{margin:4px 0 0;color:var(--public-ink);font-size:22px}.demo-workspace-heading>span{display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid var(--public-line);border-radius:8px;background:var(--public-surface);color:var(--public-muted);font-size:8px}
.demo-panel{animation:demo-panel-in .34s ease both}.demo-panel[hidden]{display:none!important}@keyframes demo-panel-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.demo-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.demo-kpis article{min-width:0;padding:13px;border:1px solid var(--public-line);border-radius:12px;background:var(--public-surface)}.demo-kpis span,.demo-kpis small{display:block;color:var(--public-muted);font-size:8px}.demo-kpis strong{display:block;margin:7px 0 5px;color:var(--public-ink);font-size:22px}.demo-kpis strong .money{font-size:14px}.demo-kpis strong .omr-symbol{width:21px}.demo-kpis small{color:#4f8a62}
.demo-card{margin-top:11px;border:1px solid var(--public-line);border-radius:12px;background:var(--public-surface)}.demo-property-row{display:grid;grid-template-columns:auto 1fr 108px;align-items:center;gap:11px;padding:13px}.demo-property-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:11px;background:#edf2e9;color:#52654a}.dark .demo-property-icon{background:#293423;color:#d2dfca}.demo-property-row strong,.demo-property-row small{display:block}.demo-property-row strong{color:var(--public-ink);font-size:10px}.demo-property-row small{margin-top:4px;color:var(--public-muted);font-size:8px}.demo-progress span{display:block;height:6px;border-radius:10px;background:var(--public-surface-soft);overflow:hidden}.demo-progress i{display:block;height:100%;border-radius:inherit;background:var(--yellow)}.demo-progress small{margin-top:5px;text-align:end}
.demo-mini-chart{height:125px;display:flex;align-items:end;gap:14px;margin-top:12px;padding:12px 18px 0;border:1px solid var(--public-line);border-radius:12px;background:linear-gradient(180deg,var(--public-surface),transparent)}.demo-mini-chart div{display:flex;flex:1;height:100%;align-items:center;justify-content:end;flex-direction:column;gap:6px}.demo-mini-chart i{display:block;width:min(100%,32px);min-height:12px;border-radius:6px 6px 2px 2px;background:linear-gradient(#ffdd70,#e9aa00)}.demo-mini-chart span{color:var(--public-muted);font-size:7px}
.demo-table-head,.demo-table-row{display:grid;grid-template-columns:minmax(0,1.8fr) .55fr .7fr;gap:10px;align-items:center}.demo-table-head{padding:0 13px 9px;color:var(--public-muted);font-size:8px}.demo-table-row{min-height:69px;padding:11px 13px;border-top:1px solid var(--public-line);background:var(--public-surface)}.demo-table-row:first-of-type{border-radius:12px 12px 0 0}.demo-table-row:last-child{border-radius:0 0 12px 12px}.demo-table-row>span{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;min-width:0}.demo-table-row .demo-row-icon{grid-row:1/3}.demo-table-row b{overflow:hidden;color:var(--public-ink);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.demo-table-row small{color:var(--public-muted);font-size:7px}.demo-table-row>strong{color:var(--public-ink);font-size:12px}.demo-table-row em{justify-self:start;padding:5px 7px;border-radius:99px;background:#fff2cf;color:#765800;font-size:8px;font-style:normal}.demo-table-row em.success{background:#e3f3e7;color:#276941}
.demo-tenant-row{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;min-height:75px;padding:12px;border-bottom:1px solid var(--public-line);background:var(--public-surface)}.demo-tenant-row:first-child{border-radius:12px 12px 0 0}.demo-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#fff4cf;color:#795b00;font-size:13px;font-weight:900}.demo-tenant-row strong,.demo-tenant-row small{display:block}.demo-tenant-row strong{color:var(--public-ink);font-size:10px}.demo-tenant-row small{margin-top:4px;color:var(--public-muted);font-size:8px}.demo-tenant-row em{padding:5px 7px;border-radius:99px;font-size:8px;font-style:normal}.demo-tenant-row em.success{background:#e1f2e5;color:#286a40}.demo-tenant-row em.warning{background:#fff0c7;color:#725600}.demo-link-note{display:flex;align-items:center;gap:8px;margin-top:13px;padding:11px;border-radius:10px;background:#e7f0e3;color:#355c3e;font-size:8px}.dark .demo-link-note{background:#263422;color:#c8dbc4}
.demo-collection-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.demo-collection-summary>div{padding:17px;border:1px solid var(--public-line);border-radius:12px;background:var(--public-surface)}.demo-collection-summary small,.demo-collection-summary strong{display:block}.demo-collection-summary small{color:var(--public-muted);font-size:8px}.demo-collection-summary strong{margin-top:9px;color:var(--public-ink);font-size:17px}.demo-collection-summary .omr-symbol{width:25px}.demo-payment-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;margin-top:11px;padding:15px;border:1px solid var(--public-line);border-radius:12px;background:var(--public-surface)}.demo-payment-row>span{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:#e8f1e4;color:#3d6b47}.demo-payment-row strong,.demo-payment-row small{display:block}.demo-payment-row strong{color:var(--public-ink);font-size:9px}.demo-payment-row small{margin-top:4px;color:var(--public-muted);font-size:8px}.demo-payment-row>b{color:var(--public-ink);font-size:11px}.demo-payment-row .omr-symbol{width:19px}.demo-quick-action{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:41px;margin-top:12px;border:0;border-radius:10px;background:var(--yellow);color:#191c16;font:inherit;font-size:9px;font-weight:850}
.demo-hint{display:flex;align-items:center;justify-content:center;gap:7px;margin:15px 0 0;color:var(--public-muted);font-size:10px}

/* Clear, editable plan price */
.public-body .property-pricing{background:linear-gradient(135deg,var(--public-deep),var(--public-deep-2));color:var(--public-on-deep);box-shadow:var(--public-shadow)}.public-body .property-pricing-intro h2{color:#fff}.public-body .property-plan{background:var(--public-card);color:var(--public-ink);border-color:var(--public-line);box-shadow:0 15px 42px rgba(0,0,0,.13)}.public-body .property-plan-featured{background:linear-gradient(155deg,var(--public-card),color-mix(in srgb,var(--yellow) 9%,var(--public-card)));border-color:var(--yellow)}.public-body .property-plan h3{color:var(--public-ink)}.public-body .property-plan-audience,.public-body .property-plan li{color:var(--public-copy)}
.property-plan-price{display:grid!important;grid-template-columns:1fr auto;align-items:center!important;gap:6px 14px!important;padding:17px 18px;margin:19px 0 18px!important;border:1px solid color-mix(in srgb,var(--yellow) 58%,var(--public-line));border-radius:13px;background:color-mix(in srgb,var(--yellow) 10%,var(--public-surface))}.property-plan-price-label{grid-column:1/-1;color:#7d640e;font-size:9px!important;font-weight:850!important;letter-spacing:.02em}.dark .property-plan-price-label{color:#f6d565}.property-plan-price strong{grid-column:1/-1;color:var(--public-ink)!important;font-size:clamp(28px,3vw,39px)!important}.property-plan-price .money{display:inline-flex;align-items:center;gap:10px;font-size:inherit}.property-plan-price .omr-symbol{width:44px;height:auto;color:#9e7900}.dark .property-plan-price .omr-symbol{color:var(--yellow)}.property-plan-price>small{grid-column:1/-1;color:var(--public-muted);font-size:9px!important;line-height:1.6}

/* Public authentication follows the selected appearance */
.public-body .auth-panel{background:var(--public-card);border-color:var(--public-line);color:var(--public-ink);box-shadow:var(--public-shadow)}.public-body .auth-panel h1{color:var(--public-ink)}.public-body .auth-panel>p{color:var(--public-copy)}.public-body .auth-panel .field label{color:var(--public-ink)}.public-body .auth-panel .field input,.public-body .auth-panel .field select,.public-body .auth-panel .field textarea{background:var(--public-surface);border-color:var(--public-line);color:var(--public-ink)}.public-body .request-process span,.public-body .request-consent,.public-body .login-request-link{background:var(--public-surface-soft);border-color:var(--public-line);color:var(--public-copy)}.public-body .request-signin a,.public-body .login-request-link a{color:var(--public-ink)}

@media(max-width:1180px){.public-body .public-nav a{padding-inline:8px}.public-body .public-logo span{display:none}.app-showcase{grid-template-columns:minmax(280px,.65fr) minmax(500px,1.35fr);gap:34px}.live-demo-layout{grid-template-columns:108px minmax(0,1fr)}}
@media(max-width:1000px){.public-body .public-header-inner{height:75px}.public-body .public-nav{display:none}.app-showcase{grid-template-columns:1fr}.showcase-copy{max-width:720px}.live-demo{width:min(100%,790px);margin-inline:auto}.live-demo-window{transform:none!important}.live-demo-layout{min-height:470px}}
@media(max-width:700px){.public-body .public-logo img{width:96px}.public-body .public-actions .lang-btn span{display:none}.public-body .public-actions .lang-btn{width:39px;padding:0;justify-content:center;border:1px solid var(--public-line)}.public-body .public-login-btn{width:39px;padding:0;justify-content:center}.public-body .public-login-btn span{display:none}.public-body .hero{padding-block:58px 66px}.live-demo-topbar{grid-template-columns:auto 1fr auto;padding-inline:12px}.demo-brand{justify-self:center}.demo-brand span{display:none}.live-demo-layout{grid-template-columns:1fr;min-height:540px}.demo-sidebar{display:grid;grid-template-columns:repeat(4,1fr);padding:8px;background:var(--public-deep-2);border-inline-end:0;border-bottom:1px solid #ffffff16}.demo-sidebar button{justify-content:center;min-height:39px;padding:7px}.demo-sidebar button span{display:none}.demo-workspace{padding:17px 14px 19px}.demo-kpis{gap:6px}.demo-kpis article{padding:10px}.demo-kpis strong{font-size:18px}.demo-kpis strong .money{font-size:11px}.demo-property-row{grid-template-columns:auto 1fr}.demo-progress{grid-column:1/-1}.demo-hint{font-size:9px}.property-plan-price strong{font-size:32px!important}}
@media(max-width:430px){.public-body .public-header-inner{gap:6px}.public-body .public-logo{margin-inline-end:auto}.public-body .public-actions{gap:4px}.public-theme-toggle,.public-body .public-login-btn,.public-body .public-actions .lang-btn{width:36px;height:36px;min-height:36px}.live-demo-window{border-radius:17px}.live-demo-topbar{height:54px}.demo-window-controls i{width:7px;height:7px}.demo-live{font-size:0}.demo-live i{width:7px;height:7px}.demo-workspace-heading h3{font-size:19px}.demo-workspace-heading>span{display:none}.demo-kpis{grid-template-columns:1fr 1fr}.demo-kpis article:last-child{grid-column:1/-1}.demo-mini-chart{height:105px}.demo-table-head,.demo-table-row{grid-template-columns:minmax(0,1.5fr) .5fr .65fr}.demo-table-row{padding-inline:9px}.demo-collection-summary{grid-template-columns:1fr}.demo-payment-row{grid-template-columns:auto 1fr}.demo-payment-row>b{grid-column:2}.public-body .outcome-strip>div{border-bottom-color:var(--public-line)}}
@media(prefers-reduced-motion:reduce){.live-demo-window,.demo-panel,.public-theme-toggle,.public-body .public-nav a{transition:none;animation:none}}

/* Branded loading state: the mark has no visible image tile and follows the selected appearance */
.loading-panel.brand-loader{min-height:60vh;display:grid;place-items:center;background:#fff;color:#111;overflow:hidden;isolation:isolate}
.dark .loading-panel.brand-loader{background:#11160f;color:#fff}
.public-body .loading-panel.brand-loader{min-height:100vh}
.loading-panel.brand-loader::before{display:none!important}
.brand-loader-mark{display:block;width:74px;aspect-ratio:1;background:currentColor;mask:url('../assets/icon.png') center/100% 100% no-repeat;mask-mode:luminance;clip-path:inset(8% 18% 8% 0);animation:ethnan-mark-load .78s cubic-bezier(.55,.06,.34,.99) infinite;will-change:transform,opacity}
@keyframes ethnan-mark-load{0%{opacity:0;transform:scale(.34)}34%{opacity:1;transform:scale(1.1)}62%{opacity:1;transform:scale(.94)}100%{opacity:.08;transform:scale(.52)}}

/* Platform period selector */
.platform-period-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 24px;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}
.platform-period-copy{display:flex;align-items:center;gap:12px;min-width:210px}.platform-period-copy>.icon{box-sizing:content-box;padding:10px;border-radius:11px;background:var(--yellow-soft);color:#6b5817}.platform-period-copy strong{display:block;color:var(--ink);font-size:13px}.platform-period-copy small{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.55}
.platform-period-card .v3-report-filters{flex:1;justify-content:flex-end;margin:0}.platform-period-card .v3-report-filters .field{margin:0;min-width:178px}.platform-period-card input[type=date]{width:100%;min-width:0;direction:ltr;text-align:center;font-variant-numeric:tabular-nums}
@media(max-width:760px){.live-demo-topbar{padding-inline:12px}.demo-window-controls{inset-inline-end:12px}.platform-period-card{display:block;padding:16px}.platform-period-copy{min-width:0;margin-bottom:15px}.platform-period-card .v3-report-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.platform-period-card .v3-report-filters .field{min-width:0;max-width:none;width:100%}.platform-period-card .v3-report-filters .btn{grid-column:1/-1;width:100%}.platform-period-card input[type=date]{font-size:13px;padding-inline:8px}}
@media(max-width:430px){.demo-window-controls{inset-inline-end:10px}.platform-period-card .v3-report-filters{grid-template-columns:1fr}.platform-period-card .v3-report-filters .btn{grid-column:1}}
@media(prefers-reduced-motion:reduce){.brand-loader-mark{animation:ethnan-mark-rest 1ms both}@keyframes ethnan-mark-rest{to{opacity:1;transform:none}}}

/* Platform administration navigation and subscriber account controls */
.platform-sidebar .v3-side-scroll{padding-block:8px 18px}.platform-nav-group{display:block;margin:18px 17px 7px;color:#7f8d77;font-size:9px;font-weight:850;letter-spacing:.06em}.platform-sidebar .nav-link{position:relative;overflow:hidden;margin-block:4px;border:1px solid transparent;transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease}.platform-sidebar .nav-link:hover{transform:translateX(-3px);border-color:#ffffff12;background:#ffffff0b;color:#fff}.platform-sidebar .nav-link.active{border-color:#e0af1338;background:linear-gradient(105deg,#ffcf3d,#f4bb16);color:#161a14;box-shadow:0 11px 25px rgba(0,0,0,.2)}.platform-sidebar .nav-link.active::before{content:'';position:absolute;inset-block:9px;inset-inline-start:7px;width:3px;border-radius:8px;background:#182116}.platform-sidebar .owner-switch{border:1px solid #ffffff16;background:#ffffff08}.platform-sidebar .owner-switch:hover{background:#ffffff12}
.permission-editor{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface-soft)}.permission-editor-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--line);background:var(--surface)}.permission-editor-head strong,.permission-editor-head small{display:block}.permission-editor-head strong{color:var(--ink);font-size:13px}.permission-editor-head small{margin-top:4px;color:var(--muted);font-size:10px;line-height:1.55}.permission-group{padding:14px 18px;border-bottom:1px solid var(--line)}.permission-group:last-child{border-bottom:0}.permission-group h3{margin:0 0 10px;color:var(--muted);font-size:10px}.permission-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.permission-option{display:flex;align-items:center;gap:9px;min-height:39px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-size:10px;font-weight:700;cursor:pointer;transition:border-color .16s,background .16s,transform .16s}.permission-option:hover{border-color:#d2a719;transform:translateY(-1px)}.permission-option:has(input:checked){border-color:#d4a615;background:var(--yellow-soft)}.permission-option input{width:17px;height:17px;accent-color:#d9a900}.protected-account{display:inline-flex;align-items:center;gap:7px;max-width:260px;color:var(--muted);font-size:9px;line-height:1.5}.page-transitioning{transition:opacity .12s ease}.page-transitioning[aria-busy=true]{opacity:.72}.dialog-attention{animation:dialog-attention .34s ease}@keyframes dialog-attention{25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-2px)}}
@media(max-width:760px){.platform-sidebar .nav-link:hover{transform:none}.permission-group>div{grid-template-columns:1fr}.permission-editor-head{align-items:flex-start;flex-direction:column}.permission-editor-head .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.platform-sidebar .nav-link,.permission-option,.page-transitioning{transition:none}.dialog-attention{animation:none;outline:2px solid var(--yellow)}}

/* Connected property, unit, tenant and utility workflows */
.property-footer{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.property-footer .btn{white-space:nowrap}
.property-unit-progress{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:.85rem 0 0;padding:.65rem .8rem;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--surface) 84%,transparent);font-size:.82rem;color:var(--muted)}.property-unit-progress strong{color:var(--ink);font-size:.95rem}
.relation-panel{border:1px solid var(--line);border-radius:20px;padding:1rem;background:color-mix(in srgb,var(--surface) 92%,var(--yellow) 8%)}.relation-panel.compact{display:flex;align-items:center;justify-content:space-between;gap:1rem}.relation-panel-head{display:flex;align-items:center;gap:.8rem;margin-bottom:.9rem}.relation-panel-head>div{display:grid;gap:.2rem}.relation-panel-head small{color:var(--muted);line-height:1.55}.relation-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--yellow);color:#111;flex:0 0 auto}.relation-panel .form-grid{padding:0;border:0;min-width:0}.utility-relation{background:color-mix(in srgb,var(--surface) 95%,#8da37e 5%)}
.form-section-title{margin:.2rem 0 -.2rem;padding-top:.75rem;border-top:1px solid var(--line)}.property-detail-workspace{display:grid;gap:1.1rem;min-width:0}.property-detail-workspace .section-heading{margin:0}.property-detail-workspace .table-wrap{max-height:390px;overflow:auto;border:1px solid var(--line);border-radius:18px}.property-detail-workspace .data-table{margin:0}.property-detail-workspace a[href^="http"]{display:inline-flex;align-items:center;gap:.35rem;color:var(--accent-strong);font-weight:700}
@media(max-width:760px){.relation-panel{padding:.8rem}.relation-panel.compact{align-items:flex-start;flex-direction:column}.property-footer .btn{flex:1}.property-detail-workspace .table-wrap{max-height:none}}

/* Direct record actions, optional occupancy, tenant Excel and complete dark application chrome */
.property-footer{justify-content:space-between;gap:.75rem;padding:12px 15px;background:color-mix(in srgb,var(--surface-soft) 86%,var(--surface));border-top:1px solid var(--line)}
.property-footer-main,.property-footer-tools{display:flex;align-items:center;gap:.45rem;min-width:0}
.property-footer-main{flex:1;flex-wrap:wrap}.property-footer-main .btn{min-height:40px;padding:8px 12px;border-radius:12px}
.property-footer-tools{flex:none}.property-footer-tools .icon-btn{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--muted);transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}
.property-footer-tools .icon-btn:hover{transform:translateY(-2px);border-color:#c79a0c;background:var(--yellow-soft);color:var(--ink)}
.property-footer-tools .icon-btn:first-child{border-color:color-mix(in srgb,var(--yellow) 75%,var(--line));background:var(--yellow-soft);color:#6c5410}
.optional-relation{padding:0;overflow:hidden;background:color-mix(in srgb,var(--surface) 94%,var(--yellow) 6%)}
.relation-toggle{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.85rem;width:100%;padding:1rem;border:0;background:transparent;color:var(--ink);font:inherit;text-align:start;cursor:pointer}
.relation-toggle>span:nth-child(2){display:grid;gap:.22rem;min-width:0}.relation-toggle strong{font-size:.96rem}.relation-toggle small{color:var(--muted);font-size:.78rem;line-height:1.55}
.relation-toggle-action{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .7rem;border:1px solid color-mix(in srgb,var(--yellow) 72%,var(--line));border-radius:11px;background:var(--yellow-soft);color:#6b5410;font-size:.76rem;font-weight:800;white-space:nowrap}
.optional-relation.open .relation-toggle{border-bottom:1px solid var(--line)}.optional-relation.open .relation-toggle-action{background:var(--yellow);color:#151913}.optional-relation-fields{padding:1rem!important}
.excel-import-preview{display:grid;gap:.35rem;padding:1rem;border:1px dashed color-mix(in srgb,var(--yellow) 70%,var(--line));border-radius:14px;background:var(--yellow-soft);color:var(--muted)}.excel-import-preview strong{color:var(--ink)}
.dark .topbar{background:color-mix(in srgb,var(--surface) 94%,transparent);border-color:var(--line);color:var(--text);box-shadow:0 8px 26px rgba(0,0,0,.22);backdrop-filter:blur(16px)}
.dark .topbar .pill,.dark .topbar .icon-btn,.dark .topbar .lang-btn{border-color:var(--line);background:var(--surface-soft);color:var(--text)}
.dark .field input,.dark .field select,.dark .field textarea,.dark .searchbox input,.dark .tool-select{border-color:#4b5746;background:var(--surface);color:var(--text)}
.dark .field input::placeholder,.dark .searchbox input::placeholder{color:#879182}.dark input[type=date]{color-scheme:dark}.dark .picker-search{background:var(--surface-soft)!important}
.dark .property-footer-tools .icon-btn:first-child,.dark .relation-toggle-action{color:#f7d76b}
@media(max-width:760px){.property-footer{align-items:stretch}.property-footer-main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.property-footer-main .btn{justify-content:center}.property-footer-tools{margin-inline-start:auto}.relation-toggle{grid-template-columns:auto minmax(0,1fr)}.relation-toggle-action{grid-column:1/-1;justify-content:center;width:100%}}
@media(max-width:430px){.property-footer-main{grid-template-columns:1fr}.relation-toggle{padding:.85rem}.optional-relation-fields{padding:.85rem!important}}
@media(prefers-reduced-motion:reduce){.property-footer-tools .icon-btn{transition:none}}

/* Responsive record catalogue inspired by the product tour */
.record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:18px;align-items:stretch}
.record-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-soft) 80%,var(--yellow) 20%));box-shadow:0 14px 36px rgba(24,31,21,.07);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.record-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--yellow) 56%,var(--line));box-shadow:0 19px 44px rgba(24,31,21,.11)}
.record-card::before{content:'';position:absolute;inset-block-start:0;inset-inline:0;height:3px;background:linear-gradient(90deg,var(--yellow),color-mix(in srgb,var(--yellow) 30%,transparent),transparent)}
.record-card-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:18px 18px 15px;border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent)}
.record-symbol{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:var(--yellow-soft);color:#6e5710;border:1px solid color-mix(in srgb,var(--yellow) 48%,var(--line));font-weight:900;flex:none}
.record-symbol.avatar-symbol{background:linear-gradient(145deg,#fff6d8,#ffe899);color:#5c480b;font-family:'Thmanyah Display',var(--font);font-size:20px}
.record-title{min-width:0}.record-title h2{margin:0;color:var(--ink);font-size:17px;line-height:1.45;overflow-wrap:anywhere}.record-title p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.55;overflow-wrap:anywhere}.record-state{align-self:start}.record-state .badge{max-width:130px;overflow:hidden;text-overflow:ellipsis}
.record-feature{padding:14px 18px 0}.record-feature .record-info{min-height:68px;background:color-mix(in srgb,var(--yellow-soft) 70%,var(--surface));border-color:color-mix(in srgb,var(--yellow) 45%,var(--line))}.record-feature .record-info strong{font-size:20px;color:var(--ink)}
.record-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:14px 18px 18px;flex:1}
.record-info{display:grid;align-content:center;gap:5px;min-width:0;min-height:60px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--line) 88%,transparent);border-radius:13px;background:color-mix(in srgb,var(--surface) 83%,transparent)}.record-info.wide{grid-column:1/-1}.record-info>span{color:var(--muted);font-size:9px;font-weight:750}.record-info>strong{min-width:0;color:var(--ink);font-size:12px;line-height:1.6;overflow-wrap:anywhere}.record-info .money{font-size:inherit}
.record-card-footer{display:flex;justify-content:flex-end;min-height:62px;padding:10px 14px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--surface-soft) 80%,var(--surface));margin-top:auto}
.record-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.record-actions .icon-btn{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--muted);transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.record-actions .icon-btn:hover{transform:translateY(-2px);border-color:#c79a0c;background:var(--yellow-soft);color:var(--ink)}.record-actions .icon-btn[data-tone=primary]{background:var(--surface);color:var(--ink)}.record-actions .icon-btn[data-tone=accent]{border-color:color-mix(in srgb,var(--yellow) 76%,var(--line));background:var(--yellow);color:#171b14}.record-actions .icon-btn[data-tone=danger]:hover{border-color:color-mix(in srgb,var(--red) 50%,var(--line));background:var(--red-soft);color:var(--red)}
.property-footer.record-actions{justify-content:flex-end;padding:11px 14px}.property-footer.record-actions .icon-btn{display:grid}
.inline-editable{position:relative;display:inline-flex;align-items:center;gap:5px;max-width:100%;border-radius:7px;outline:0;cursor:text}.inline-editable:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--yellow) 35%,transparent)}.inline-edit-value{min-width:0;overflow-wrap:anywhere}.inline-edit-mark{display:inline-flex;flex:none;opacity:0;color:#9b7908;transform:translateY(1px);transition:opacity .15s}.inline-editable:hover .inline-edit-mark,.inline-editable:focus .inline-edit-mark{opacity:1}.inline-editable.editing{display:flex;width:100%;padding:0}.inline-edit-input{width:100%;min-width:70px;height:38px;padding:7px 9px;border:1px solid #c89d11;border-radius:9px;background:var(--surface);color:var(--ink);font:inherit;box-shadow:0 0 0 3px color-mix(in srgb,var(--yellow) 23%,transparent)}.inline-editable.saving{opacity:.65;pointer-events:none}
.property-detail-workspace .record-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));max-height:520px;overflow:auto;padding:2px 4px 12px}.property-detail-workspace .record-card{box-shadow:none}
.dark .record-card{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--surface-soft) 91%,var(--yellow) 9%));box-shadow:0 16px 38px rgba(0,0,0,.2)}.dark .record-symbol.avatar-symbol{background:#3c371f;color:#ffdc69}.dark .record-actions .icon-btn[data-tone=accent]{color:#181b14}
@media(max-width:760px){.record-grid{grid-template-columns:1fr;gap:13px}.record-card{border-radius:17px}.record-card:hover{transform:none}.record-card-head{padding:15px 14px 13px}.record-symbol{width:43px;height:43px;border-radius:13px}.record-title h2{font-size:16px}.record-feature{padding:12px 14px 0}.record-info-grid{padding:12px 14px 15px}.record-card-footer{padding:9px 12px}.record-actions .icon-btn{width:39px;height:39px}.property-detail-workspace .record-grid{max-height:none;overflow:visible;padding:0}}
@media(max-width:390px){.record-card-head{grid-template-columns:auto minmax(0,1fr)}.record-state{grid-column:1/-1;justify-self:start}.record-info-grid{grid-template-columns:1fr}.record-info.wide{grid-column:auto}.record-actions{gap:5px}.record-card-footer{justify-content:center}.record-card-footer .record-actions{justify-content:center}}
@media(prefers-reduced-motion:reduce){.record-card,.record-actions .icon-btn,.inline-edit-mark{transition:none}}

/* Compact operational controls and fast entity selection */
select:not([multiple]){--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235d6858' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 9 5 5 5-5'/%3E%3C/svg%3E");appearance:none;-webkit-appearance:none;padding-inline-start:12px;padding-inline-end:44px;background-image:var(--select-chevron)!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:18px 18px!important}.dark select:not([multiple]){--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23d9dfd3' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 9 5 5 5-5'/%3E%3C/svg%3E")}[dir=rtl] select:not([multiple]){background-position:left 14px center!important}
.picker-control{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:8px;align-items:center}.picker-control select{min-width:0}.picker-control select[aria-busy=true]{color:var(--muted)}.picker-search-toggle,.picker-search-clear{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft);color:var(--muted);transition:border-color .15s,background .15s,color .15s,transform .15s}.picker-search-toggle:hover,.picker-search-toggle[aria-expanded=true],.picker-search-clear:hover{border-color:#c79a0c;background:var(--yellow-soft);color:var(--ink);transform:translateY(-1px)}.picker-search-panel{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 9px;border:1px solid var(--line);border-radius:11px;background:var(--surface-soft)}.picker-search-panel[hidden]{display:none}.picker-search-panel>span{display:flex;color:var(--muted)}.entity-picker .picker-search{min-width:0;height:36px;min-height:36px;margin:0;padding:5px 7px;border:0!important;background:transparent!important;box-shadow:none!important}.picker-search-clear{width:32px;height:32px;border:0;background:transparent}.picker-help{min-height:17px;color:var(--muted)}.custom-unit-kind.is-hidden{display:none}.action-pending{pointer-events:none;opacity:.72}.action-pending .icon{animation:action-pulse .65s ease-in-out infinite alternate}@keyframes action-pulse{to{transform:scale(.78);opacity:.45}}

/* Units use one compact working row instead of a large record card */
.unit-list{display:grid;gap:10px}.unit-row{display:grid;grid-template-columns:minmax(230px,1.55fr) auto minmax(150px,1fr) minmax(150px,.72fr) auto;align-items:center;gap:16px;min-width:0;min-height:88px;padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 7px 22px rgba(24,31,21,.055);transition:border-color .16s,box-shadow .16s,transform .16s}.unit-row:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--yellow) 55%,var(--line));box-shadow:0 11px 28px rgba(24,31,21,.085)}.unit-row-main{display:flex;align-items:center;gap:12px;min-width:0}.unit-row-symbol{display:grid;place-items:center;width:43px;height:43px;flex:none;border:1px solid color-mix(in srgb,var(--yellow) 55%,var(--line));border-radius:13px;background:var(--yellow-soft);color:#755c0d}.unit-row-main>div{min-width:0}.unit-row h2{margin:0;color:var(--ink);font-size:17px;line-height:1.25}.unit-row-main p{margin:4px 0 0;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.unit-row-state{justify-self:start}.unit-row-tenant,.unit-row-rent{min-width:0}.unit-row-tenant span,.unit-row-rent span{display:block;margin-bottom:3px;color:var(--muted);font-size:9px}.unit-row-tenant strong{display:block;overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.unit-row-rent strong{display:block;color:var(--ink);font-size:16px;white-space:nowrap}.unit-row-rent small{display:block;margin-top:2px;color:var(--muted);font-size:9px}.unit-row-actions{justify-self:end}.unit-row-actions .record-actions{flex-wrap:nowrap}.unit-row-actions .icon-btn{width:38px;height:38px;border-radius:11px}.property-detail-workspace .unit-list{max-height:520px;overflow:auto;padding:2px 4px 8px}.dark .unit-row{box-shadow:0 8px 24px rgba(0,0,0,.16)}
@media(max-width:980px){.unit-row{grid-template-columns:minmax(210px,1.3fr) auto minmax(140px,1fr) auto}.unit-row-rent{grid-column:3}.unit-row-actions{grid-column:4;grid-row:1/3}.unit-row-tenant{grid-column:1/3;padding-inline-start:55px}.unit-row-state{justify-self:end}}
@media(max-width:620px){.unit-row{grid-template-columns:minmax(0,1fr) auto;gap:11px;padding:13px;border-radius:14px}.unit-row-main{grid-column:1}.unit-row-state{grid-column:2}.unit-row-tenant{grid-column:1/3;padding:10px 0 0;border-top:1px solid var(--line)}.unit-row-rent{grid-column:1}.unit-row-actions{grid-column:2;grid-row:auto}.unit-row-actions .record-actions{justify-content:flex-end;flex-wrap:wrap}.unit-row-actions .icon-btn{width:37px;height:37px}.property-detail-workspace .unit-list{max-height:none;overflow:visible;padding:0}}
@media(prefers-reduced-motion:reduce){.picker-search-toggle,.picker-search-clear,.unit-row{transition:none}.action-pending .icon{animation:none}}


/* List selection stays compact beside search and marks every visible record */
.catalogue-search-group{display:flex;align-items:center;gap:8px;flex:1;min-width:260px;max-width:396px}.catalogue-search-group .searchbox{flex:1;flex-basis:auto!important;min-width:0;max-width:none}.list-select-all{position:relative;display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:11px;cursor:pointer}.list-select-all input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.list-select-all span{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:11px;background:var(--surface);color:#30270b;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s}.list-select-all .icon{opacity:0;transform:scale(.72);transition:opacity .16s,transform .16s}.list-select-all input:checked+span,.list-select-all.is-checked span{border-color:#d0a20c;background:var(--yellow);box-shadow:0 7px 18px rgba(190,145,0,.18)}.list-select-all input:checked+span .icon,.list-select-all input:indeterminate+span .icon{opacity:1;transform:scale(1)}.list-select-all input:indeterminate+span{border-color:#d0a20c;background:var(--yellow-soft)}.list-select-all input:focus-visible+span{outline:3px solid #c79204;outline-offset:3px}.list-select-all input:disabled+span{opacity:.45;cursor:not-allowed}.list-select-all:active span{transform:scale(.96)}[data-select-id]{transition:border-color .16s,box-shadow .16s,background-color .16s}[data-select-id].is-selected{border-color:#d0a20c!important;box-shadow:0 0 0 2px rgba(255,204,49,.28),0 10px 28px rgba(24,31,21,.08)}.data-table tr.is-selected td{background:color-mix(in srgb,var(--yellow-soft) 62%,var(--surface) 38%)}.dark .list-select-all span{background:var(--surface-soft);color:#12150f}.dark [data-select-id].is-selected{box-shadow:0 0 0 2px rgba(255,204,49,.24),0 10px 28px rgba(0,0,0,.2)}
.tenant-row-avatar{font-weight:800;font-size:18px}.tenant-row-contract strong{font-size:12px;line-height:1.45;white-space:normal}.tenant-row .unit-row-main p bdi{unicode-bidi:isolate}
@media(max-width:760px){.catalogue-search-group{flex:1 1 100%;width:100%;max-width:none;min-width:0}.catalogue-search-group .searchbox{width:auto!important}.list-select-all{flex-basis:44px}}
@media(prefers-reduced-motion:reduce){.list-select-all span,.list-select-all .icon,[data-select-id]{transition:none}}

/* Unified compact records: contracts, finance, documents and utilities */
.compact-record-list{gap:10px}.compact-record-row{grid-template-columns:minmax(240px,1.45fr) auto minmax(230px,1.15fr) minmax(150px,.72fr) auto}.compact-row-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compact-row-detail{min-width:0}.compact-row-detail span{display:block;margin-bottom:3px;color:var(--muted);font-size:9px}.compact-row-detail strong{display:block;overflow:hidden;color:var(--ink);font-size:12px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.compact-row-feature>.record-info{min-height:0;padding:0;border:0;background:transparent}.compact-row-feature>.record-info>span{display:block;margin-bottom:3px;color:var(--muted);font-size:9px}.compact-row-feature>.record-info>strong{display:block;color:var(--ink);font-size:15px;white-space:nowrap}.compact-row-feature>.record-info small{display:block;margin-top:2px;color:var(--muted);font-size:9px}.compact-record-row .record-actions:empty{display:none}.utility-compact-section{display:grid;gap:10px;margin-block:22px}.utility-compact-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-inline:2px}.utility-compact-heading h2{margin:0;color:var(--ink);font-size:18px}.utility-row{grid-template-columns:minmax(250px,1.45fr) auto minmax(260px,1.2fr) minmax(150px,.7fr) auto}.utility-row .amount-due{color:var(--red)}
@media(max-width:1100px){.compact-record-row,.utility-row{grid-template-columns:minmax(220px,1.25fr) auto minmax(220px,1fr) auto}.compact-row-feature{grid-column:3}.compact-record-row>.unit-row-actions{grid-column:4;grid-row:1/3}.compact-row-info{grid-column:1/3;padding-inline-start:55px}.compact-record-row>.unit-row-state{justify-self:end}}
@media(max-width:680px){.compact-record-row,.utility-row{grid-template-columns:minmax(0,1fr) auto}.compact-record-row>.unit-row-main{grid-column:1}.compact-record-row>.unit-row-state{grid-column:2}.compact-row-info{grid-column:1/3;padding:10px 0 0;border-top:1px solid var(--line)}.compact-row-feature{grid-column:1}.compact-record-row>.unit-row-actions{grid-column:2;grid-row:auto}.compact-row-info{grid-template-columns:1fr 1fr}.compact-row-detail strong{white-space:normal}.utility-compact-heading{align-items:flex-start}.utility-compact-heading .badge{flex:none}}
@media(max-width:420px){.compact-row-info{grid-template-columns:1fr}.compact-record-row>.unit-row-actions{grid-column:1/3;justify-self:stretch}.compact-record-row>.unit-row-actions .record-actions{justify-content:flex-end}}

.delete-preview{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.delete-preview dl{display:flex;flex-wrap:wrap;gap:12px;margin-block:12px 0}.delete-preview dl>div{flex:1 1 120px}.delete-confirm-check{display:flex;align-items:center;gap:10px}.delete-confirm-check input{width:20px;height:20px;min-height:20px;flex:none;accent-color:var(--yellow)}
/* Reports: explicit columns, aligned totals and responsive financial statement. */
.report-controls{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--surface);margin-bottom:20px}.report-presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.report-controls .v3-report-filters{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) minmax(220px,1.3fr) auto auto;gap:12px;align-items:start;margin:0}.report-controls .v3-report-filters>.btn{align-self:start;margin-top:32px;min-height:48px}.report-controls .field{min-width:0}.report-controls .field input,.report-controls .field select{width:100%;min-width:0}.report-controls .picker-help{display:none}.report-statement{padding:18px;min-width:0}.report-statement>.card-header,.report-chart>.card-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;padding:4px 0 18px}.report-statement h2,.report-chart h2{margin:0;font-size:20px}.report-statement>.card-header small,.report-chart>.card-header span{color:var(--muted);font-size:12px}.report-ledger .data-table{width:100%;border-collapse:collapse;table-layout:fixed}.report-ledger th,.report-ledger td{padding:14px 10px;vertical-align:middle;text-align:start;overflow-wrap:anywhere}.report-ledger th:nth-child(1){width:13%}.report-ledger th:nth-child(2){width:18%}.report-ledger th:nth-child(3){width:12%}.report-ledger th:nth-child(n+4):nth-child(-n+6){width:14%}.report-ledger td:nth-child(n+4):nth-child(-n+6){font-variant-numeric:tabular-nums;white-space:nowrap}.report-ledger td:last-child{font-size:12px;color:var(--muted)}.report-ledger tbody tr:hover td{background:var(--surface-soft)}.report-totals{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:16px;padding:18px;margin-top:12px;border-radius:14px;background:var(--surface-soft);border:1px solid var(--line);align-items:center}.report-totals>div{display:flex;flex-direction:column;gap:6px}.report-totals small{color:var(--muted)}.report-chart{padding:20px;margin-bottom:20px}.report-months{display:grid;gap:8px;max-height:320px;overflow:auto}.report-month{display:grid;grid-template-columns:80px minmax(60px,1fr) minmax(150px,auto);align-items:center;gap:16px;border:0;border-radius:10px;padding:10px;background:transparent;color:var(--ink);cursor:pointer;text-align:start;font:inherit}.report-month:hover,.report-month:focus-visible{background:var(--surface-soft);outline:2px solid var(--line)}.report-month>div{display:flex;flex-direction:column;gap:5px;align-items:flex-start}.report-month i{display:block;height:7px;min-width:1px;border-radius:4px}.cash-in{background:#3c9870}.cash-out{background:#d59e2b}.report-month small{display:flex;gap:5px;justify-content:flex-end;font-size:12px}.report-legend{display:flex;gap:20px;color:var(--muted);font-size:12px;margin-top:16px}.report-legend span{display:flex;gap:6px;align-items:center}.report-legend i{width:9px;height:9px;border-radius:50%}
.alerts-bell{position:relative}.alerts-count{position:absolute;top:-4px;inset-inline-end:-4px;min-width:18px;height:18px;padding:1px 4px;border-radius:10px;background:#ba3939;color:#fff;font-size:10px;font-weight:700;line-height:16px}.alerts-count[hidden]{display:none}.alerts-summary{display:flex;justify-content:space-between;gap:15px;align-items:center;background:var(--surface-soft);padding:16px;border-radius:14px}.alert-row{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:16px 8px;border-bottom:1px solid var(--line)}.alert-row.unread{border-inline-start:3px solid var(--yellow);padding-inline-start:12px}.alert-row>div>small{display:block;color:var(--muted);margin-top:5px;font-size:12px}.alert-row .alert-indicator{color:#ba8c14}.alert-row .icon-btn{width:38px;height:38px}.alert-row strong{overflow-wrap:anywhere}.alerts-panel .form-hint{margin:12px 0}
@media(max-width:1100px){.report-controls .v3-report-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.report-controls .entity-picker{grid-column:1/-1}.report-controls .v3-report-filters>.btn{margin-top:0}.report-ledger .data-table{min-width:780px;table-layout:auto}}
@media(max-width:680px){.report-controls,.report-statement,.report-chart{padding:12px}.report-controls .v3-report-filters{gap:10px}.report-presets .btn{flex:1;padding:8px;font-size:12px}.report-controls .field input{font-size:14px}.report-totals{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}.report-totals>strong{grid-column:1/-1}.report-totals>div:last-child{grid-column:1/-1;border-top:1px solid var(--line);padding-top:10px}.report-ledger .data-table{display:block;min-width:0}.report-ledger thead{display:none}.report-ledger tbody{display:grid;gap:12px}.report-ledger tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;border:1px solid var(--line);border-radius:12px}.report-ledger td{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:8px;border:0;min-width:0}.report-ledger td::before{content:attr(data-label);color:var(--muted);font-size:11px}.report-ledger td:last-child{grid-column:1/-1}.report-month{grid-template-columns:64px minmax(0,1fr);gap:10px;font-size:12px}.report-month small{grid-column:2;font-size:11px;justify-content:flex-start}.alert-row{grid-template-columns:28px minmax(0,1fr) auto;gap:8px}.alert-row>b{grid-column:2}.alert-row>.row{grid-column:3;grid-row:1/3}.alerts-summary{flex-wrap:wrap}}

/* Compact grouped navigation, shared by all permission scopes. */
@media(min-width:1025px){:root{--sidebar-width:224px}.sidebar{padding-inline:12px}}
.sidebar .sidebar-logo{padding-bottom:16px;margin-bottom:14px}.sidebar .nav-caption{font-size:12px}
.sidebar-group{border-bottom:1px solid #ffffff12;padding:3px 0 6px}.sidebar-group summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:9px 12px;font-size:14px;font-weight:600;color:#c6cdbc;cursor:pointer;list-style:none}.sidebar-group summary::-webkit-details-marker{display:none}.sidebar-group summary svg{flex:none;transition:transform .15s}.sidebar-group[open] summary svg{transform:rotate(180deg)}.sidebar-group[open] summary{color:#ffcf36}.sidebar-group>div{display:grid;gap:3px;padding-block:3px}.sidebar-group .nav-link{min-height:43px;padding:9px 12px;font-size:14px;gap:10px}.sidebar-group .nav-link span{overflow-wrap:anywhere}.sidebar-group .nav-link .icon{flex:none}.sidebar-group summary:focus-visible{outline:2px solid var(--yellow);outline-offset:-2px;border-radius:8px}.sidebar-about{display:flex;justify-content:space-between;gap:5px;padding:6px 10px;color:#b7bfad;font-size:12px}.sidebar-bottom{padding-top:10px}.sidebar-about bdi{font-size:12px;color:#8e9885}
.about-product,.about-support{padding:24px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:24px}.about-product img{width:140px;height:auto}.about-product h2,.about-support h2{font-size:24px;margin:0 0 8px}.about-product p,.about-support p,.about-faq p{color:var(--muted);line-height:1.9}.about-support>div:first-child{max-width:680px}.about-faq{display:grid;gap:10px;max-width:1000px}.about-faq details{padding:18px 22px}.about-faq summary{cursor:pointer;font-weight:600}.about-faq p{margin:14px 0 0}.about-faq>h2{font-size:24px;margin:14px 0}
@media(max-width:650px){.about-product,.about-support{align-items:flex-start;flex-direction:column;padding:20px}.about-product img{width:110px}}
@media(prefers-reduced-motion:reduce){.sidebar-group summary svg{transition:none}}