@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{font-family:'DM Sans','Noto Sans SC',sans-serif;color:#eaf7f5;background:#071218;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.eyebrow{margin:0 0 12px;color:#64dccc;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.subtle{color:#90a6ae}.primary{display:flex;align-items:center;justify-content:space-between;gap:30px;border:0;border-radius:8px;background:#72e6d3;color:#062321;font-weight:700;padding:14px 18px;transition:transform .2s,background .2s}.primary:hover{background:#adfff0;transform:translateY(-2px)}.form-error{min-height:20px;color:#ff9c9c;font-size:13px}
.abc-login{min-height:100vh}.login-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);min-height:100vh}.login-art{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:700px;padding:45px 6vw;background:linear-gradient(90deg,rgba(5,20,25,.53),rgba(5,20,25,.12)),url('../brand/login-observatory.png') center/cover}.login-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(2,17,22,.7),transparent 40%)}.login-art>*{position:relative;z-index:1}.art-head{display:flex;align-items:center;gap:12px;font-size:13px}.art-head img{width:38px;height:38px;object-fit:cover;border-radius:10px}.art-head b{font-size:20px;letter-spacing:.08em}.art-head span{margin-left:10px;color:#b0d3d5}.art-copy{max-width:650px}.art-copy h1{margin:0;font-size:clamp(44px,5vw,78px);line-height:1.18;letter-spacing:-.05em}.art-copy>p:last-child{max-width:420px;color:#ccdfde;line-height:1.9}.art-footer{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;color:#bbd7d5}.login-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:60px;background:radial-gradient(circle at 90% 5%,#143938 0,#08161c 45%,#071218 100%)}.login-card{width:min(400px,100%)}.login-card h2{margin:0;font-size:36px;letter-spacing:-.04em}.login-card>.subtle{margin:12px 0 42px}.login-card form{display:grid;gap:19px}.login-card label{display:grid;gap:9px;color:#bdd0d1;font-size:13px;font-weight:600}.login-card label small{font-size:11px;color:#728d95}.login-card input,.binding-card input{width:100%;border:1px solid #25444b;background:#10232a;border-radius:8px;padding:14px 15px;color:#eaf7f5;outline:none}.login-card input:focus,.binding-card input:focus{border-color:#72e6d3;box-shadow:0 0 0 3px rgba(114,230,211,.1)}.login-card .primary{margin-top:4px}.login-help{margin-top:28px;font-size:12px;color:#789098}.login-foot{position:absolute;bottom:28px;left:60px;right:60px;display:flex;justify-content:space-between;color:#80959b;font-size:11px}.login-foot a{color:#73e5d3}
.app-shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.side{display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:28px 18px;background:#08181e;border-right:1px solid #173238}.side-brand{display:flex;align-items:center;gap:10px;padding:2px 8px 40px}.side-brand img{width:40px;height:40px;border-radius:9px;object-fit:cover}.side-brand b{display:block;letter-spacing:.08em}.side-brand small{display:block;color:#6d9098;font-size:11px;margin-top:2px}.side-label{padding:0 16px;margin:10px 0 13px;color:#65828a;font-size:10px;font-weight:700;letter-spacing:.18em}.side nav{display:grid;gap:4px;margin-bottom:24px}.side nav a{display:flex;align-items:center;gap:13px;border-radius:8px;padding:12px 16px;color:#92adb1;font-size:13px}.side nav a:hover,.side nav a.active{background:#123137;color:#79e7d4}.side nav i{font-size:19px;font-style:normal;width:21px;text-align:center}.side-bottom{margin-top:auto;border-top:1px solid #1c353a;padding:20px 12px 0;font-size:11px;color:#a6c0c2}.side-bottom small{display:block;margin-top:10px;color:#56777f;letter-spacing:.12em}.status-light{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#77e6c3;box-shadow:0 0 12px #77e6c3}.main-wrap{min-width:0}.topbar{height:74px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #183239;padding:0 4vw;background:#08181e}.crumb{font-size:12px;color:#718e95}.crumb b{padding:0 8px;color:#4a676d}.crumb strong{color:#c6dbdc;font-weight:600}.account{display:flex;align-items:center;gap:15px;font-size:12px}.account small{color:#719099}.account a{margin-left:6px;color:#69dfcf}.nav-toggle{display:none;background:none;border:0;color:#bce3dc;font-size:20px}.content{max-width:1500px;margin:0 auto;padding:36px 4vw 80px}.hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;min-height:305px;border:1px solid #265259;border-radius:18px;background:radial-gradient(circle at 78% 44%,#1a6663 0,#114043 24%,#10262e 54%,#0e232a 100%);padding:44px 55px}.hero h1{margin:0;font-size:clamp(36px,4vw,58px);line-height:1.15;letter-spacing:-.05em}.hero h1 em{color:#8ef3dc;font-style:normal}.hero p:not(.eyebrow){color:#a8c4c5;font-size:13px}.hero a{display:inline-flex;gap:45px;margin-top:22px;padding-bottom:8px;border-bottom:1px solid #77e3d0;color:#b0f7e8;font-size:12px}.hero-orbit{position:relative;width:260px;margin-right:4vw;display:grid;place-items:center}.hero-orbit span{position:absolute;width:190px;height:190px;border:1px solid rgba(130,237,217,.25);border-radius:50%}.hero-orbit span:nth-child(2){width:255px;height:255px}.hero-orbit span:nth-child(3){width:125px;height:125px;border-color:rgba(130,237,217,.55)}.hero-orbit b{font-size:100px;color:#b0ffee;text-shadow:0 0 55px #6decce}.section-head{display:flex;align-items:end;justify-content:space-between;margin:35px 0 17px}.section-head h2{margin:0;font-size:21px}.section-head time,.unit{font-size:11px;color:#738f97}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-grid article,.funds-grid article{border:1px solid #1d3a41;border-radius:12px;background:#0c2027;padding:23px;min-height:135px}.metric-grid article span,.funds-grid article span{display:block;color:#85a2a8;font-size:12px}.metric-grid article strong,.funds-grid article strong{display:block;margin:15px 0 8px;font-size:29px;letter-spacing:-.04em}.metric-grid article small{font-size:11px;color:#63868d}.metric-grid article small b{color:#76e3cc}.funds-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.funds-grid article{border-color:#24524d;background:linear-gradient(130deg,#10342f,#0c262d)}.funds-grid article strong{color:#b4f9e9}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}.quick-grid a{display:flex;flex-direction:column;position:relative;min-height:120px;padding:20px;border:1px solid #204048;border-radius:10px;background:#0d252d}.quick-grid a:hover{border-color:#6cdecc}.quick-grid a span{font-size:10px;color:#6ea9a8}.quick-grid a strong{margin-top:auto;font-size:15px}.quick-grid a b{position:absolute;right:20px;bottom:18px;color:#7fead8}.page-heading{margin:15px 0 28px}.page-heading h1{font-size:36px;margin:0}.page-heading>p:last-child{font-size:13px;color:#8aa5ab}.filter{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:18px;border:1px solid #1b3b42;border-radius:12px;background:#0c2027}.filter label{display:grid;gap:7px;flex:1;min-width:145px;font-size:11px;color:#86a2a8}.filter input,.filter select{width:100%;height:40px;padding:0 11px;border:1px solid #2a4950;border-radius:6px;background:#112c33;color:#d8eceb;outline:none}.filter input:focus,.filter select:focus{border-color:#71e4d1}.filter .primary{height:40px;padding:0 17px;white-space:nowrap;font-size:12px}.list-metrics{grid-template-columns:repeat(3,1fr);margin:18px 0}.list-metrics article{min-height:100px}.list-metrics strong{font-size:25px!important}.table-card{border:1px solid #1d3a41;border-radius:12px;background:#0c2027;overflow:hidden}.table-title{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;border-bottom:1px solid #1b3941}.table-title strong{font-size:15px}.table-title span{font-size:11px;color:#6e8e95}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th,td{text-align:left;padding:15px 20px;border-bottom:1px solid #19343a;white-space:nowrap;font-size:12px}th{color:#77969e;font-weight:600}td{color:#cbdddf}td.status-good{color:#7be8cb}td.status-bad{color:#f2a5a5}.empty{display:none;text-align:center;padding:50px;color:#709098;font-size:13px}.pager{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;color:#79969c;font-size:11px}.pager button{border:1px solid #2a4b51;border-radius:5px;padding:7px 12px;margin-left:6px;background:#102c33;color:#c7e5e2}.pager button:disabled{opacity:.4;cursor:default}.binding-backdrop{position:fixed;inset:0;display:grid;place-items:center;z-index:99;background:rgba(2,13,17,.9)}.binding-card{width:min(440px,calc(100vw - 30px));padding:38px;border:1px solid #386661;border-radius:16px;background:#102930}.binding-card h2{margin:0}.binding-card p{color:#9cb8b8;font-size:13px}.binding-card img{display:block;width:200px;height:200px;margin:22px auto;background:#fff;padding:10px}.binding-card form{display:grid;gap:12px}.guide-shell{max-width:980px;margin:auto;padding:28px 25px 90px}.guide-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #204047;padding-bottom:25px}.guide-head b{font-size:22px}.guide-head a{font-size:12px;color:#80ead7}.guide-shell h1{font-size:42px;margin:50px 0 10px}.guide-shell h2{margin-top:55px;font-size:22px}.guide-shell p,.guide-shell li{color:#9fbbbe;line-height:1.8;font-size:13px}.guide-shell code,.guide-shell pre{background:#102b32;color:#b7f3e5;border-radius:5px}.guide-shell code{padding:2px 5px}.guide-shell pre{overflow:auto;padding:20px;line-height:1.7}.guide-shell table{min-width:0}.guide-shell td,.guide-shell th{white-space:normal}.guide-shell .notice{padding:20px;border:1px solid #315b55;border-radius:8px;background:#11332f}
@media(max-width:950px){.login-layout{grid-template-columns:1fr}.login-art{min-height:380px}.login-panel{min-height:550px}.app-shell{grid-template-columns:1fr}.side{position:fixed;z-index:20;left:-260px;width:245px;transition:left .2s}.side.open{left:0}.nav-toggle{display:block}.topbar{gap:15px}.crumb{margin-right:auto}.hero-orbit{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.login-art{padding:25px;min-height:320px}.art-copy h1{font-size:38px}.login-panel{padding:45px 25px}.login-foot{left:25px;right:25px}.topbar{padding:0 18px}.account small{display:none}.content{padding:22px 18px}.hero{padding:30px;min-height:270px}.metric-grid,.funds-grid,.quick-grid{grid-template-columns:1fr}.filter label{min-width:100%}.filter .primary{width:100%}}