/* RealLife / After Hours — shared visual system */
:root{--sb:244px;--r:12px;--font:'Inter',system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace;--surf2:rgba(255,255,255,.04);--dim:rgba(255,255,255,.04);--bdr2:rgba(255,255,255,.16)}
html[data-theme="dark"]{color-scheme:dark;--bg:#101113;--bg2:#191a1e;--surf:#191b1f;--surf2:#202226;--surf3:rgba(25,27,31,.94);--bdr:#2a2c31;--bdr2:#3a3d44;--title:#f2f1ed;--body:#bdc0c6;--muted:#969ba5;--dim:rgba(255,255,255,.035);--sb-bg:#141518;--sb-border:#292b30;--shadow:0 4px 18px #00000012;--shadow-lg:0 14px 36px #00000038}
html[data-accent="gold"]{--a1:#ff934f;--a2:#f47732;--ag:linear-gradient(115deg,#ffa465,#f47c3e);--agl:linear-gradient(110deg,#ff944f19,#ff944f08);--ab:#ff944f25}
html[data-theme="light"]{color-scheme:light;--bg:#eeede9;--bg2:#e7e5e0;--surf:#faf9f6;--surf2:#f0efeb;--title:#202226;--body:#4f535b;--muted:#676d75;--bdr:#dbd9d3;--sb-bg:#f5f4f0}
body{font-family:var(--font);background:var(--bg);color:var(--body);-webkit-font-smoothing:antialiased;background-image:none;line-height:1.5}
a{color:inherit}button,input,select,textarea{font:inherit}button{touch-action:manipulation}svg{flex-shrink:0}::selection{background:#ff934f55;color:var(--title)}
:focus-visible{outline:2px solid var(--a1);outline-offset:4px}.skip-link{position:fixed;left:12px;top:-100px;z-index:9999;padding:12px;background:var(--surf);color:var(--title)}.skip-link:focus{top:12px}
.sb{backdrop-filter:none}.sb-logo{padding:26px 20px;height:100px;gap:12px}.sb-mark{border-radius:10px;width:37px;height:41px;box-shadow:0 4px 0 #8d472e,0 8px 20px #ff934f1a;transform:rotate(-7deg)}.sb-mark svg{stroke:#2c211a}.sb-appname{font-size:23px;letter-spacing:-1px;line-height:1.1}.sb-appname small{display:block;font-size:7px;letter-spacing:1.5px;color:var(--muted);margin-top:8px;font-weight:500}.sb-ver{display:none}
.sb-user{margin:14px 14px 0;padding:12px 10px;background:var(--dim);border:1px solid var(--bdr);border-radius:10px}.sb-av{background:#35312e;border:1px solid #75604b;color:#ffc28f;box-shadow:none;width:39px;height:39px}.sb-online::before{animation:none;box-shadow:none;background:#9bbc8b;width:4px;height:4px}.sb-online span{color:#a2b99b;font-size:9px}.sb-uid{font-size:9px}.sb-uname{font-size:12px}.sb-scroll{padding:4px 14px 18px;scrollbar-width:thin}.sb-lbl{font-size:9px;letter-spacing:1.7px;padding-top:19px;padding-bottom:7px;color:var(--muted)}.sb-item{border-radius:7px;padding:10px 12px;gap:12px;font-size:12px;margin:2px 0;min-height:38px}.sb-item.active{background:var(--ab);border:1px solid #ff934f20}.sb-item.active::before{height:14px;width:2px;left:-15px}.sb-item.active::after{content:'↗';margin-left:auto;font-size:14px}.sb-item [data-lucide]{width:16px;height:16px}.sb-themes{border-top:1px solid var(--bdr);padding:10px 16px;flex-shrink:0}.sb-themes summary{cursor:pointer;display:flex;gap:10px;align-items:center;font-size:11px;padding:8px 0;color:var(--muted)}.sb-themes summary svg{width:14px;height:14px}.sb-themes[open] summary{margin-bottom:8px}.sb-foot{padding:5px 14px 14px}.sb-signout{font-size:11px}.theme-dot,.acc-dot,.t-btn{font-family:inherit}.themes-grid{grid-template-columns:repeat(3,1fr)}
.deskbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--bdr);padding:0 34px;font-size:11px;gap:16px;color:var(--muted)}.deskbar>div{display:flex;align-items:center;gap:17px}.deskbar-tag{font-size:9px;font-weight:600;letter-spacing:1.8px;color:var(--title)}.deskbar-divider{color:var(--bdr2)}.session-tag{display:flex;align-items:center;gap:7px;font-size:10px}.session-tag>span{width:5px;height:5px;background:#abd390;border-radius:50%}#local-clock{font-family:var(--mono);font-size:11px}.header-profile{width:30px;height:30px;border-radius:8px;border:1px solid var(--bdr2);display:grid;place-items:center;text-decoration:none;color:var(--title);font-size:10px}
.page{max-width:1600px;margin:auto;padding:30px 34px 60px}.ph{margin-bottom:26px;align-items:center}.ph-crumb{font-size:9px;letter-spacing:1.5px;margin-bottom:10px}.ph-title{font-size:29px;letter-spacing:-1.1px;line-height:1.2;font-weight:650}.ph-title em{background:none;-webkit-text-fill-color:var(--title);color:var(--title);font-weight:400}.ph-sub{font-size:12px;margin-top:7px;color:var(--muted)}.badge{font-size:10px;border-radius:5px;padding:4px 8px}.card,.sc,.glass{border-radius:11px;box-shadow:var(--shadow)}.card-p{padding:23px}.card-hover:hover,.sc:hover{border-color:var(--bdr2);transform:translateY(-3px)}.sec-title{font-size:11px;color:var(--title);letter-spacing:.3px;text-transform:none;font-weight:600}.sec-title [data-lucide]{width:15px;height:15px;color:var(--muted)}.sec-title::after{display:none}.inforow{padding:13px 0;gap:20px}.inforow-k,.inforow-v{font-size:12px;overflow-wrap:anywhere}.inforow-v{min-width:0}.tbl thead th{font-size:9px;padding:14px 20px;letter-spacing:1px}.tbl tbody td{padding:16px 20px;font-size:12px}.btn,.input,.tbl-search{border-radius:7px}.btn{font-size:11px;padding:12px 16px;letter-spacing:.1px}.btn-primary{color:#231a14;box-shadow:0 3px 0 #a04d27}.btn-primary:hover{box-shadow:0 5px 0 #a04d27,0 9px 24px #ff934f20}.input,.tbl-search{font-size:12px;padding-top:13px;padding-bottom:13px}.flabel{font-size:9px;letter-spacing:1px}.plate{border-radius:4px}.pbar{height:4px}.card-hero{background:linear-gradient(115deg,#3b3029,#202124 65%);border:1px solid #66513d;box-shadow:inset 0 1px #ffffff17,0 8px 24px #00000022;border-radius:12px}.card-hero::before{background:none}.sc{padding:21px;min-height:155px}.sc::before{display:none}.sc-icon{width:34px;height:34px;border-radius:8px;margin-bottom:14px;background:var(--dim);border:1px solid var(--bdr);float:right}.sc-icon [data-lucide]{width:16px;height:16px}.sc-label{font-size:11px;padding-top:4px;margin-bottom:19px;font-weight:500}.sc-val{font-size:25px;line-height:1.2;letter-spacing:-1px;font-weight:500}.sc-note{font-size:10px;margin-top:7px}.stat-link{text-decoration:none}.stat-link::after{content:'';position:absolute;inset:0}.stat-link span{font-size:12px;margin-left:3px;color:var(--muted)}.sc:focus-within{outline:2px solid var(--a1);outline-offset:3px}.sc.s-red .sc-val{color:#f59b91}.sc.s-amber .sc-val{color:#ecc58d}.section-line{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:28px 0 14px}.section-line h2{font-size:14px;font-weight:600;color:var(--title)}.section-line>span{font-size:8px;letter-spacing:1.6px;color:var(--muted)}
.overview-hero{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:20px}.city-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:12px;min-height:303px;background:#181818;border:1px solid #3a3834}.city-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:55% 62%;inset:0;z-index:-2}.city-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101113e8,#1011137a 50%,#10111312),linear-gradient(0deg,#101113a8,transparent 50%);z-index:-1}.city-copy{padding:29px 30px 58px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:2px;color:#d5c7b9;font-weight:600}.eyebrow>span{width:5px;height:5px;background:#ff934f;border-radius:50%}.city-copy h2{font-size:40px;color:#fff8ee;line-height:1.07;letter-spacing:-1.6px;font-weight:650;margin:19px 0 12px}.city-copy h2 em{font-style:normal;color:#ffa766}.city-copy p{font-size:11px;color:#c6c3bd;line-height:1.7;margin-bottom:20px}.city-caption{position:absolute;bottom:17px;left:30px;right:24px;display:flex;justify-content:space-between;color:#bcb5ac;font-size:7px;letter-spacing:1.7px}.wealth-card{display:flex;flex-direction:column;min-width:0;padding:25px;border:1px solid #554638;border-radius:12px;background:radial-gradient(ellipse at 100% 0,#ffaf5c22,transparent 65%),linear-gradient(135deg,#2d2824,#1d1f22 70%);box-shadow:inset 0 1px 0 #ffffff13,0 8px 0 -5px #3c3027,0 16px 32px #00000030;color:#f3e9df;transition:transform .18s ease;transform-style:preserve-3d;will-change:transform}.wealth-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.7px;color:#c9b09a;margin-bottom:31px}.wealth-heading svg{width:18px;height:18px;color:#e8b98a}.wealth-label{color:#c3b9af;font-size:11px}.wealth-value{font-family:var(--mono);font-size:clamp(24px,2.7vw,39px);letter-spacing:-1.8px;margin:5px 0 25px;overflow-wrap:anywhere;line-height:1.4}.wealth-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:23px}.wealth-split>div+div{border-left:1px solid #ffffff17;padding-left:18px}.wealth-split span{font-size:9px;color:#baaea3;display:block;margin-bottom:7px}.wealth-split strong{font-size:13px;font-family:var(--mono);font-weight:500;overflow-wrap:anywhere}.wealth-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #ffffff13;padding-top:16px;margin-top:auto}.wealth-footer>span{display:flex;align-items:center;gap:8px;font-size:9px;color:#c8b19c}.wealth-footer svg{width:14px;height:14px}.wealth-footer a{width:30px;height:30px;background:#ffffff0b;border:1px solid #ffffff20;border-radius:6px;display:grid;place-items:center}.wealth-footer a:hover{background:#ff934f33}.v-card{border-top:2px solid #786044}.v-card img{transition:transform .5s}.v-card:hover img{transform:scale(1.035)}
/* Cinematic split sign-in */
.login-page{min-height:100svh}.login-page .bg-deco,.login-page .bg-grid{display:none}.login-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(420px,1fr);min-height:100svh}.login-scene{position:relative;min-height:100svh;isolation:isolate;overflow:hidden}.login-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-2}.login-scene-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0d0f12eb,transparent 70%),linear-gradient(90deg,#0d0f1280,#0d0f1210);z-index:-1}.login-brand{position:absolute;left:48px;top:40px;font-size:29px;font-weight:750;letter-spacing:-1px;color:#fff3e8;text-decoration:none}.login-brand span{display:block;letter-spacing:4px;font-size:8px;color:#d4b39b;margin-top:3px}.login-story{position:absolute;bottom:135px;left:48px;right:35px}.login-story h1{font-size:clamp(38px,4.8vw,72px);line-height:1.06;letter-spacing:-2.8px;color:#fff6ec;margin:25px 0}.login-story h1 em{font-style:normal;color:#ffac71}.login-story p{font-size:12px;color:#c2b9b1;line-height:1.8}.login-scene-foot{position:absolute;left:48px;right:40px;bottom:38px;border-top:1px solid #ffffff30;padding-top:21px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#c8b6a8}.login-page .wrap{max-width:510px;padding:60px 48px;min-height:100svh}.login-page .card{padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none;overflow:visible;border-radius:0}.login-page .card::before{display:none}.login-page .logo-mark{display:none}.login-page .logo{margin-bottom:28px}.login-page .logo-title{font-size:32px;letter-spacing:-1.2px;color:var(--title)}.login-page .logo-sub{font-size:12px;letter-spacing:0;text-transform:none;margin-top:10px;color:var(--muted)}.login-page .server-pill{border-radius:7px;background:var(--dim);margin-bottom:29px;padding:12px;border:1px solid var(--bdr);color:var(--body)}.login-page .s-dot{background:#d3ae88;box-shadow:none;animation:none}.login-page .server-pill p{font-size:10px}.login-page .inp{background:var(--surf);border:1px solid var(--bdr2);border-radius:7px;padding-top:14px;padding-bottom:14px;font-size:12px;color:var(--title)}.login-page .fl{font-size:10px;color:var(--body);letter-spacing:.7px}.login-page .sub{border-radius:7px;font-size:12px;padding:14px;color:#251a13;box-shadow:0 3px 0 #aa572b}.login-page .sub[type="button"]{background:none;box-shadow:none;color:var(--muted);font-size:10px;margin-top:10px}.login-page .theme-row{padding-top:22px;margin-top:25px;gap:8px}.login-page .t-btn{width:19px;height:19px}.login-page .foot{font-size:9px;color:var(--muted);margin-top:18px}.login-page .err{font-size:12px;border-radius:7px}.topbar-ham{color:var(--title)}
@media(min-width:1600px){.overview-hero{grid-template-columns:1.8fr 1fr}.city-hero{min-height:340px}.city-copy{padding-top:38px}.city-copy h2{font-size:48px}}
@media(max-width:1150px){:root{--sb:220px}.page{padding:25px}.deskbar{padding:0 25px}.overview-hero{grid-template-columns:minmax(0,1.35fr) minmax(240px,1fr);gap:15px}.city-copy{padding-left:22px}.city-copy h2{font-size:34px}.city-caption{left:22px}.city-caption span:last-child{display:none}.wealth-card{padding:21px}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.login-page .wrap{padding:36px}.login-story{left:32px}.login-brand,.login-scene-foot{left:32px}}
@media(max-width:900px){.overview-hero{grid-template-columns:1fr}.wealth-card{min-height:260px}.wealth-value{font-size:34px}.wealth-heading{margin-bottom:18px}.g2{grid-template-columns:minmax(0,1fr)}.session-tag{display:none}.login-layout{grid-template-columns:1fr 1fr}.login-page .wrap{padding:30px}.login-story h1{font-size:42px}.login-scene-foot span:last-child{display:none}}
@media(max-width:768px){.main{margin-left:0;padding-top:54px}.deskbar{height:54px;padding:0 18px}.deskbar-tag{font-size:8px}.deskbar>div{gap:10px}.deskbar-right .header-profile{display:none}.page{padding:24px 18px 45px}.ph-title{font-size:25px}.overview-hero{grid-template-columns:1fr}.city-hero{min-height:300px}.city-copy h2{font-size:39px}.ph-actions{gap:5px}.section-line>span{font-size:7px;letter-spacing:.6px}.login-layout{display:block}.login-scene{min-height:300px;height:40svh;max-height:420px}.login-brand{left:24px;top:22px;font-size:22px}.login-story{left:24px;bottom:28px}.login-story .eyebrow,.login-story p,.login-scene-foot{display:none}.login-story h1{font-size:42px;margin:0;letter-spacing:-1.7px}.login-page .wrap{min-height:auto;max-width:470px;padding:35px 25px 45px}.login-page .logo-title{font-size:27px}.g3{grid-template-columns:repeat(2,minmax(0,1fr))}.sc{padding:17px;min-height:150px}.sc-icon{width:28px;height:28px}.sc-label{font-size:10px;max-width:80%}.sc-icon+.sc-label{padding-right:20px}.sc-val{font-size:22px}.card-hero{padding:22px!important}.inforow{gap:10px}}
@media(max-width:420px){.g3{grid-template-columns:1fr}.page{padding:20px 13px}.sc-icon{float:none;margin-bottom:10px}.sc-label{max-width:none;margin-bottom:10px}.sc{min-height:177px}.deskbar-tag{display:none}.deskbar-divider{display:none}.g4{gap:10px}.city-copy{padding-left:22px}.ph-title{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.wealth-card{transform:none!important}.sc:hover,.card-hover:hover{transform:none}}