@import url('https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700;800&display=swap');

:root{color-scheme:dark;--bg:#050b17;--panel:#0d1b31;--line:rgba(92,215,241,.19);--cyan:#29d7ec;--text:#f3f8fc;--muted:#a2b4c7;--blue:#00779b}
*{box-sizing:border-box}
html{min-width:0}
body{margin:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-family:Sora,Arial,sans-serif}
button,input{font:inherit}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
.site-header{position:relative;z-index:2;min-height:64px;padding:12px clamp(18px,4vw,56px);display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(110deg,#030c25,#073b5b,#04132d);border-bottom:1px solid var(--line);box-shadow:0 6px 30px #0005}
.brand{display:inline-flex;align-items:center;gap:12px;font-size:1rem;font-weight:800;letter-spacing:.1em;white-space:nowrap}
.brand b{color:var(--cyan)}
.brand-logo{height:32px;max-width:95px;object-fit:contain;filter:brightness(0) invert(1)}
.site-header nav{display:flex;align-items:center;gap:clamp(12px,3vw,32px);font-size:.86rem;color:#dcecf5}
.site-header nav a:hover,.text-button:hover,.back-link:hover,.subtle-link:hover{color:var(--cyan)}
.text-button{padding:0;border:0;background:none;color:inherit}
.site-footer{display:flex;justify-content:space-between;gap:12px;padding:12px clamp(18px,4vw,56px);background:#040a13;border-top:1px solid var(--line);font-size:.68rem;color:#8295a7}
.login-main{position:relative;flex:1;display:grid;place-items:center;isolation:isolate;padding:38px 16px;overflow:hidden}
.hero-backdrop,.hero-shade{position:absolute;inset:0;z-index:-1}
.hero-backdrop{background:url('https://imobillesite.s3.sa-east-1.amazonaws.com/real-estates-photo/March2025/banner-4-1741805167.webp') center/cover no-repeat;filter:brightness(.27) saturate(.65)}
.hero-shade{background:radial-gradient(circle at 50% 15%,#00d5ef19,transparent 48%),linear-gradient(180deg,#050b1780,#050b17e8)}
.login-card{width:min(100%,420px);padding:clamp(24px,5vw,40px);border:1px solid #ffffff8a;border-radius:22px;background:#e5edf1ee;color:#12314b;box-shadow:0 24px 70px #0009;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.eyebrow{color:#0aa5bc;font-size:.69rem;font-weight:800;letter-spacing:.17em}
h1,h2,p{margin-top:0}
.login-card h1{margin:12px 0 8px;font-size:clamp(1.5rem,5vw,1.9rem);line-height:1.2}
.login-card>p{font-size:.85rem;color:#536a78;line-height:1.6;margin-bottom:25px}
form{display:flex;flex-direction:column;gap:8px}
label{font-size:.78rem;font-weight:700;margin-top:8px}
input{width:100%;min-height:46px;padding:10px 14px;border:1px solid #b8cbd5;border-radius:10px;background:#fff;color:#152a3e;outline:0;font-size:16px}
input:focus-visible{border-color:#06bdd3;box-shadow:0 0 0 3px #00bfd32b}
.password-field{position:relative}
.password-field input{padding-right:82px}
.show-password{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:7px 5px;background:none;border:0;color:#356882;font-size:.72rem}
.primary-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;margin-top:12px;padding:11px 18px;border:0;border-radius:10px;background:linear-gradient(120deg,#064f83,#0085a4);color:white;font-weight:700;box-shadow:0 8px 22px #004b7c40;transition:transform .2s,filter .2s}
.primary-button:hover{filter:brightness(1.13);transform:translateY(-1px)}
.primary-button:disabled{opacity:.6;cursor:wait;transform:none}
.subtle-link{display:block;margin-top:18px;text-align:center;font-size:.79rem;color:#266b83}
.form-message{min-height:1.25em;margin:6px 0 0;font-size:.78rem;color:#ba2948;line-height:1.5}
.form-message.success{color:#078060}
.app-page{background:radial-gradient(circle at 82% 7%,#10345a99,transparent 40%),var(--bg)}
.content-main{width:min(1200px,100%);flex:1;margin:auto;padding:clamp(24px,5vw,58px) clamp(18px,4vw,40px)}
.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:28px}
.page-heading h1{margin:10px 0 8px;font-size:clamp(1.7rem,4vw,2.7rem)}
.page-heading p,.panel p{color:var(--muted);font-size:.9rem;line-height:1.6}
.back-link{font-size:.82rem;color:var(--muted);white-space:nowrap}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:start}
.panel,.stat-card{border:1px solid var(--line);border-radius:18px;background:#0e1c32e8;box-shadow:0 16px 45px #0003}
.panel{padding:clamp(20px,3vw,32px)}
.panel h2{margin:0 0 22px;font-size:1.2rem}
.panel form{gap:7px}
.panel label{color:#e6f5fa}
.panel small{color:var(--muted);font-size:.7rem;line-height:1.4}
.check-field{display:flex;align-items:center;gap:8px;margin-top:9px}.check-field input{width:auto;margin:0;accent-color:var(--cyan)}
.manager-list{display:grid;gap:10px}
.manager-item{padding:13px;border:1px solid var(--line);border-radius:11px;background:#0b182b}
.manager-item strong,.manager-item span{display:block}
.manager-item span{margin-top:4px;color:var(--muted);font-size:.76rem}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}
.section-caption{margin-bottom:12px;color:var(--muted);font-size:.74rem}
.stat-card{padding:24px}.stat-card span{display:block;color:var(--muted);font-size:.78rem}.stat-card strong{display:block;margin-top:14px;font-size:clamp(1.1rem,2.5vw,2rem);overflow-wrap:anywhere}
.home-panel{display:flex;align-items:center;justify-content:space-between;gap:18px}.home-panel h2{margin:9px 0}.home-panel p{margin:0}.button-link{width:auto;min-width:210px;margin:0}
.live-pill{padding:8px 12px;border:1px solid #29d7ec66;border-radius:100px;color:var(--cyan);font-size:.72rem;white-space:nowrap}
@media(max-width:800px){.content-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.brand-logo{height:26px;max-width:68px}.brand{font-size:.78rem;gap:8px}.site-header nav{font-size:.76rem}.site-footer{font-size:.6rem;flex-wrap:wrap}.page-heading{display:block}.back-link{display:inline-block;margin-top:6px}.stats-grid{gap:10px}.stat-card{padding:17px}.home-panel{display:block}.button-link{margin-top:18px;width:100%}.login-main{padding:18px 12px}.login-card{padding:25px 20px}}
@media(max-width:340px){.site-header{flex-wrap:wrap}.site-header nav{width:100%;justify-content:flex-end}.stats-grid{grid-template-columns:1fr}}
@media(max-height:540px){.login-main{display:block}.login-card{margin:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}