:root{--cream:#f7f7f3;--paper:#fff;--ink:#27302d;--muted:#748079;--line:#e2e7e2;--sage:#dfece4;--green:#39715a;--peach:#fbede5;--lav:#efedf8;--rose:#f8e7e5;--red:#a65353;--shadow:0 16px 55px rgba(39,48,45,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}.shell{min-height:100vh;background:radial-gradient(circle at 88% 4%,rgba(239,237,248,.85),transparent 25%),radial-gradient(circle at 6% 30%,rgba(223,236,228,.65),transparent 23%),var(--cream)}
.topbar{height:78px;padding:0 4vw;display:flex;align-items:center;gap:30px;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);background:rgba(247,247,243,.92);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-size:14px;font-weight:800;letter-spacing:.9px}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--sage);color:var(--green);font:italic 18px Georgia,serif}.nav{display:flex;align-self:stretch;margin-left:auto}.nav button{padding:0 18px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:14px}.nav button.active{border-color:#7ead98;color:var(--ink)}.top-state{display:flex;align-items:center;color:var(--green);font-size:12px;font-weight:700}.top-state i{width:8px;height:8px;margin-right:8px;border-radius:50%;background:#78aa8c;box-shadow:0 0 0 4px #dfeee5}.logout{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:11px}.safetybar{min-height:48px;padding:9px 4vw;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px}.safetybar strong{padding:6px 9px;border-radius:999px;background:var(--sage);color:var(--green)}.sync-time{margin-left:auto}
.tab-page{display:none}.tab-page.active{display:block}.hero{min-height:330px;padding:62px 6vw 45px;display:flex;align-items:center;justify-content:space-between;gap:50px}.eyebrow{margin:0;color:#78847e;font-size:11px;font-weight:800;letter-spacing:1.3px}.hero h1,.page-heading h1,.login-card h1{margin:18px 0;font:clamp(42px,5.3vw,72px)/1.03 Georgia,serif;letter-spacing:-3px}.hero h1 em,.page-heading h1 em,.login-card h1 em{color:#87918c;font-weight:400}.hero p:not(.eyebrow),.page-heading>p:last-child{max-width:650px;color:#65716c;font-size:17px}.status-orbit{flex:0 0 155px;width:155px;height:155px;display:grid;place-content:center;text-align:center;border-radius:50%;background:linear-gradient(145deg,#eff7f2,#daeade);box-shadow:0 20px 65px rgba(57,113,90,.14),inset 0 0 0 1px rgba(57,113,90,.08)}.status-orbit span{color:var(--green);font:23px Georgia,serif}.status-orbit small{margin-top:6px;color:var(--muted)}.notice{margin:0 4vw 18px;padding:13px 17px;border:1px solid var(--line);border-radius:14px;font-size:13px}.notice.waiting{background:#fbf7ed;color:#8b7557}.notice.success{background:#eef7f1;color:var(--green)}.notice.error{background:#fff2f0;color:var(--red)}
.metric-grid{padding:0 4vw 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric{min-height:145px;padding:23px;display:flex;flex-direction:column;gap:10px;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.88);box-shadow:var(--shadow)}.metric.primary{background:linear-gradient(145deg,#e6f1e9,#dcece2)}.metric.soft{background:linear-gradient(145deg,#fff,#f2f0f8)}.metric span,.metric small{color:var(--muted);font-size:12px}.metric strong{font:clamp(27px,2.5vw,38px) Georgia,serif}.meter{height:6px;margin-top:auto;border-radius:99px;background:#dfe4e0;overflow:hidden}.meter i{display:block;width:0;height:100%;border-radius:99px;background:#8f83b7;transition:width .4s}
.dashboard-grid,.broker-cards{padding:0 4vw 50px;display:grid;grid-template-columns:1.25fr .9fr;gap:18px}.panel{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.9);box-shadow:var(--shadow)}.panel-head{min-height:70px;padding:0 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-head>div{display:flex;align-items:center;gap:11px}.panel-head b{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:var(--sage);color:var(--green);font-size:9px}.panel-head h2{margin:0;font-size:15px}.panel-head>span{color:var(--muted);font-size:11px}.panel-head .safe{color:var(--green)}.table-head,.position-row{padding:0 22px;display:grid;grid-template-columns:1.2fr .7fr 1fr;align-items:center;gap:12px}.table-head{min-height:40px;background:#fafbf9;color:var(--muted);font-size:11px}.position-row{min-height:68px;border-bottom:1px solid #edf0ec}.position-row:last-child{border:0}.position-row>span:first-child{display:flex;flex-direction:column}.position-row small{color:var(--muted)}.empty{padding:30px 22px;color:var(--muted)}.guard-grid{display:grid;grid-template-columns:1fr 1fr}.guard-grid>div{min-height:116px;padding:20px;display:flex;flex-direction:column;gap:7px;border-right:1px solid #edf0ec;border-bottom:1px solid #edf0ec}.guard-grid>div:nth-child(2n){border-right:0}.guard-grid>div:nth-last-child(-n+2){border-bottom:0}.guard-grid span,.guard-grid small{color:var(--muted);font-size:11px}.guard-grid strong{font:20px Georgia,serif}
.page-heading{max-width:1100px;padding:70px 5vw 35px;margin:auto}.page-heading h1{font-size:clamp(42px,5vw,68px)}.flow{max-width:1240px;margin:0 auto 24px;padding:0 4vw;display:flex;align-items:center;justify-content:center;gap:12px}.flow article{min-width:175px;min-height:130px;padding:18px;display:flex;flex-direction:column;gap:7px;border:1px solid var(--line);border-radius:17px;background:#fff}.flow article:nth-of-type(3){background:var(--lav)}.flow b{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--sage);color:var(--green);font-size:9px}.flow strong{font-size:14px}.flow span{color:var(--muted);font-size:11px}.flow>i{color:#aaa;font-style:normal}.broker-cards{max-width:1240px;margin:auto}.broker-cards dl{margin:0;padding:5px 22px 18px}.broker-cards dl div{padding:14px 0;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #edf0ec}.broker-cards dl div:last-child{border:0}.broker-cards dt{color:var(--muted);font-size:12px}.broker-cards dd{margin:0;text-align:right;font-size:13px}.protection ul{margin:0;padding:16px 42px 24px;color:#65716c}.protection li{padding:8px}
.settings-card{width:min(930px,calc(100% - 32px));margin:0 auto 20px;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:15px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.9);box-shadow:var(--shadow)}.settings-card label,.locked-setting{min-height:160px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;border-radius:17px;background:var(--peach)}.settings-card label:nth-of-type(2){grid-column:1/-1;background:var(--lav)}.settings-card label>span,.locked-setting>span{display:flex;justify-content:space-between;gap:16px;font-size:14px;font-weight:700}.settings-card label strong,.locked-setting strong{font:20px Georgia,serif;font-weight:400}.settings-card input[type=range]{width:100%;accent-color:var(--green)}.settings-card small{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.settings-card small i{width:4px;height:4px;border-radius:50%;background:#a8b0ab}.locked-setting{background:#eaf4ed}.locked-setting p{color:#557062;font-size:12px}.locked-setting p i{display:inline-block;width:9px;height:9px;margin-right:8px;border-radius:50%;background:#6d9b82}.settings-card button{grid-column:1/-1;padding:14px;border:0;border-radius:999px;background:var(--ink);color:#fff;font-weight:700}.form-status{grid-column:1/-1;margin:0;text-align:center;color:var(--green);font-size:12px}.phase-note{max-width:720px;margin:0 auto 60px;padding:15px;text-align:center;color:var(--muted);font-size:12px}footer{min-height:58px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);color:var(--muted);font-size:11px}footer strong{color:#a47860}
.login-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 70% 15%,#ebe8f7,transparent 32%),radial-gradient(circle at 20% 80%,#dfece4,transparent 35%),var(--cream)}.login-card{width:min(470px,100%);padding:42px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.93);box-shadow:0 30px 100px rgba(39,48,45,.12)}.login-card h1{font-size:47px}.login-card form{display:flex;flex-direction:column;gap:15px}.login-card label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:13px}.login-card input{padding:14px;border:1px solid #d8dfda;border-radius:12px}.login-card button{padding:14px;border:0;border-radius:999px;background:var(--ink);color:#fff;font-weight:700}.login-card>small{display:block;margin-top:20px;color:var(--muted)}.login-error{padding:11px;border-radius:11px;background:var(--rose);color:var(--red)}
@media(max-width:980px){.metric-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.flow{flex-wrap:wrap}.flow>i{transform:rotate(90deg)}.broker-cards{grid-template-columns:1fr}.top-state{display:none}}
@media(max-width:720px){.shell{padding-bottom:76px}.topbar{height:68px;padding:0 15px}.brand>span:last-child{display:none}.nav{position:fixed;z-index:20;left:10px;right:10px;bottom:9px;height:60px;padding:5px;gap:5px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 15px 55px rgba(39,48,45,.2)}.nav button{flex:1;padding:0 5px;border:0;border-radius:13px;font-size:12px}.nav button.active{background:var(--sage)}.topbar form{margin-left:auto}.safetybar{padding:9px 15px;gap:8px;flex-wrap:wrap}.safetybar>span:not(.sync-time){display:none}.sync-time{margin-left:auto}.hero{min-height:auto;padding:42px 19px 32px}.hero h1{font-size:clamp(40px,12vw,58px);letter-spacing:-2px}.hero p:not(.eyebrow){font-size:16px}.status-orbit{display:none}.notice{margin:0 14px 14px}.metric-grid{grid-template-columns:1fr;padding:0 14px 14px}.metric{min-height:132px}.dashboard-grid{padding:0 14px 32px}.guard-grid{grid-template-columns:1fr}.guard-grid>div{border-right:0}.guard-grid>div:nth-last-child(2){border-bottom:1px solid #edf0ec}.table-head,.position-row{padding:0 16px}.page-heading{padding:44px 19px 26px}.page-heading h1{letter-spacing:-2px}.flow{display:grid;grid-template-columns:1fr;padding:0 14px}.flow article{min-width:0}.flow>i{transform:none;text-align:center}.broker-cards{padding:0 14px 35px}.settings-card{grid-template-columns:1fr;padding:12px}.settings-card label:nth-of-type(2){grid-column:auto}.settings-card button,.form-status{grid-column:auto}.settings-card label,.locked-setting{min-height:150px;padding:18px}.phase-note{margin:0 15px 35px}.login-card{padding:29px}.login-card h1{font-size:42px}footer{padding:15px 17px 90px;gap:8px;flex-direction:column;align-items:flex-start}}