:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#e9edf4;background:#0c1119;color-scheme:dark;font-synthesis:none;line-height:1.55;font-size:16px}*{box-sizing:border-box}body{margin:0}main{max-width:1024px;margin:0 auto;padding:40px 32px 30px}button,input{font:inherit}button{cursor:pointer;border:1px solid #344151;border-radius:9px;padding:9px 17px;color:#e9edf4;background:#1b2635;min-height:44px}button:hover{background:#29374a}button:disabled{cursor:wait;opacity:.6}button:focus-visible,input:focus-visible{outline:3px solid #e6be54;outline-offset:3px}[hidden]{display:none!important}header,.brand,.pair-bar,.section-title,footer,.live{display:flex;align-items:center;justify-content:space-between;gap:16px}header{padding-bottom:30px;border-bottom:1px solid #25303e}.brand{justify-content:flex-start}.mark{display:grid;place-items:center;background:#e6be54;color:#0c1119;border-radius:12px;width:46px;height:46px;font-size:38px;line-height:1}.eyebrow{font-size:.8rem;letter-spacing:.11em;color:#aab6c8}h1{font-size:1.3rem;margin:2px 0 0;font-weight:650}h2{font-size:2rem;margin:5px 0;letter-spacing:-.04em}h2 span{color:#607088;padding:0 5px}h3{font-size:1.06rem;margin:0;font-weight:600}.quiet{background:transparent;font-size:.875rem;color:#b5c0cf}.pair-bar{margin:30px 0 22px}.status{font-size:.875rem;color:#e6be54}.status.ok{color:#61d2b1}.status.error{color:#f2b675}.live{gap:14px}.notice{padding:13px 16px;border-left:3px solid #e6be54;border-radius:0 7px 7px 0;background:#21231f;color:#e7d8ae;font-size:.875rem;margin-bottom:28px}.notice.good{border-color:#378b74;color:#b5c8c1;background:#16221f}.section-title{margin-bottom:14px;align-items:baseline}.section-title>span{font-size:.8rem;color:#8e9db1}.funds{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fund-card{padding:22px 25px;border:1px solid #2b3848;background:linear-gradient(125deg,#192330,#131c28);border-radius:13px}.asset{display:flex;align-items:center;gap:10px;font-weight:650}.coin{height:30px;width:30px;display:grid;place-items:center;border-radius:50%;color:#bfe8dd;background:#21453d;font-size:.875rem}.coin.usdc{color:#bfdaff;background:#203f67}.fund-label{color:#a5b2c4;font-size:.875rem;margin-top:22px}.amount{font-variant-numeric:tabular-nums;font-size:clamp(1.45rem,3vw,2.1rem);font-weight:600;letter-spacing:-.025em;overflow-wrap:anywhere;margin:2px 0 18px}.locked{display:flex;justify-content:space-between;border-top:1px solid #2b3746;padding-top:15px;gap:15px;font-size:.875rem;color:#a5b2c4}.locked strong{color:#dbe2ed;font-weight:500;overflow-wrap:anywhere;text-align:right}.explanation{color:#8e9db1;font-size:.8rem;margin:13px 0 30px;max-width:730px}.orders-section{margin-top:30px}#order-count{color:#a7b5c7;font-weight:400;margin-left:5px}.empty{border:1px dashed #314052;border-radius:13px;text-align:center;padding:48px 22px;background:#111a25}.empty strong{display:block;font-weight:500;margin-bottom:6px}.empty p{font-size:.875rem;margin:0;color:#8e9db1}.order{border:1px solid #2b3848;background:#141e2a;border-radius:11px;margin-bottom:12px;padding:18px 22px}.order-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:17px}.side{font-weight:600;color:#6adeb8}.side.sell{color:#f2919c}.order-type,.order-time{font-size:.8rem;color:#94a5b9}.order-values{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.order-values dt{color:#98a7ba;font-size:.8rem;margin-bottom:3px}.order-values dd{margin:0;font-size:1.13rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.order-values{margin:0}.order-bottom{font-size:.8rem;color:#8e9db1;margin-top:14px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}footer{font-size:.8rem;color:#8291a5;border-top:1px solid #25303e;padding-top:20px;margin-top:32px}.login-panel{max-width:440px;margin:70px auto;background:#151f2c;border:1px solid #2a3748;border-radius:16px;padding:32px}.login-panel h2{font-size:1.5rem;letter-spacing:0;margin:10px 0}.login-panel p{color:#9aabc0}.login-panel label{display:block;margin-bottom:8px}.login-panel input{display:block;width:100%;background:#0d151f;color:#e9edf4;border:1px solid #46576b;min-height:48px;border-radius:8px;padding:10px 12px}.login-panel button{width:100%;margin-top:16px;background:#e6be54;color:#17202b;border-color:#e6be54;font-weight:600}.login-panel small{font-size:.8rem;color:#91a2b7}#login-error{color:#f3a6ad;font-size:.875rem;min-height:1.4em}#initial{color:#9aabc0;text-align:center;margin-top:60px}.stale .amount,.stale .order-values dd{color:#a5adba}@media(max-width:600px){main{padding:22px 18px}header{padding-bottom:22px}.pair-bar{align-items:flex-start;margin-top:25px;gap:8px}h2{font-size:1.65rem}.live{flex-direction:column;align-items:flex-end;gap:8px}.funds{grid-template-columns:1fr;gap:12px}.fund-card{padding:18px 20px}.fund-label{margin-top:15px}.amount{font-size:1.9rem;margin-bottom:14px}.section-title>span{font-size:.75rem}.section-title{gap:8px}.order{padding:16px}.order-values{grid-template-columns:1fr 1fr}.order-values>div:last-child{grid-column:1/-1}.order-values dd{font-size:1.06rem}footer{align-items:flex-start;flex-direction:column;gap:5px}.login-panel{margin:35px auto;padding:24px}.status{font-size:.8rem}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}

.alerts-section{margin-top:32px}.alert-panel{padding:20px;border:1px solid var(--border,#293442);border-radius:16px;background:#111a26}.alert-form{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.alert-form label{min-width:0}select{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #354254;border-radius:10px;background:#0c1420;color:#e5e9ef;font:inherit;min-height:46px}input{max-width:100%;min-width:0}#alert-feedback{color:#e8c16a;overflow-wrap:anywhere}#market-status{font-variant-numeric:tabular-nums}#alert-list .order{margin:12px 0}.alert-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}details{margin-top:20px;border-top:1px solid #293442;padding-top:18px}summary{cursor:pointer;line-height:1.8}#webhook-status{color:#93a1b5;font-size:12px}#webhook-form{max-width:560px}#test-notification{margin-top:12px}.alert-form input{margin-bottom:0}.alert-form button{min-height:46px}@media(max-width:600px){.alert-form{grid-template-columns:1fr}.alert-panel{padding:16px}}
.alert-panel input{display:block;width:100%;box-sizing:border-box;margin-top:8px;margin-bottom:12px;padding:12px;border:1px solid #354254;border-radius:10px;background:#0c1420;color:#e5e9ef;font:inherit;min-height:46px}.alert-form input{margin-bottom:0}.alert-panel input:focus,.alert-panel select:focus{outline:2px solid #e8c16a;outline-offset:2px}.alert-form label{display:block}

.latest-market{margin:24px 0;padding:22px 24px;border:1px solid #3b4c43;border-radius:14px;background:linear-gradient(120deg,#1a2c27,#141e29)}.latest-market .section-title{align-items:center;flex-wrap:wrap}.latest-market h2{font-size:1rem;letter-spacing:0;margin:0}.latest-market h2 span{font-size:.85rem;color:#aab6c8;display:inline-block;padding:0 0 0 8px}.latest-quote{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.latest-quote strong{font-size:clamp(2rem,7vw,3rem);color:#79e0bc;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.latest-quote>span{color:#aab6c8;font-size:.9rem}.latest-quote .quote-stale{color:#a5adba}.latest-market p{font-size:.8rem;color:#aab6c8;margin:8px 0 0}@media(max-width:600px){.latest-market{padding:18px;margin:20px 0}.latest-market .section-title{gap:8px}}

.market-entry{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:18px 22px;border:1px solid #38506a;border-radius:12px;background:#142231;color:#e9edf4;text-decoration:none}.market-entry strong,.market-entry small{display:block}.market-entry small{font-size:.8rem;color:#a8bbcd;margin-top:4px}.market-entry:hover{background:#1b3045}.market-entry:focus-visible{outline:3px solid #e6be54;outline-offset:3px}

/* Shared navigation for the existing monitor suite. */
.suite-nav{display:flex;align-items:center;gap:6px;padding:7px;margin:24px 0 28px;border:1px solid #2b3848;border-radius:12px;background:#121a27;overflow-x:auto}.suite-nav a{display:block;flex:1;text-align:center;text-decoration:none;color:#a9b6c9;padding:11px 14px;border-radius:8px;font-size:14px;font-weight:600;white-space:nowrap;min-height:44px}.suite-nav a:hover{background:#202c3c;color:#edf2f9}.suite-nav a[aria-current="page"]{background:#30342a;color:#ecd18c;box-shadow:inset 0 0 0 1px #605539}.suite-nav a:focus-visible{outline:2px solid #e6be54;outline-offset:2px}@media(max-width:600px){.suite-nav{gap:3px;padding:5px;margin:18px 0 22px}.suite-nav a{font-size:12px;padding:11px 8px}}
#user-form input[type=checkbox]{display:inline-block;width:20px;height:20px;min-height:0;margin:0 8px 0 0;vertical-align:middle;accent-color:#e6be54}#user-form>label:has(input[type=checkbox]){display:block;margin:14px 0}#user-list .order{display:flex;gap:10px;align-items:center;flex-wrap:wrap;overflow-wrap:anywhere}#user-list .order strong{flex:1;min-width:120px}#user-feedback{overflow-wrap:anywhere}

#webhook-form .notification-toggle{display:flex;align-items:center;gap:10px;margin:16px 0;font-size:.9rem}#webhook-form input[type=checkbox]{flex:0 0 20px;width:20px;height:20px;min-height:0;margin:0;accent-color:#e6be54}#notification-feedback{color:#e8c16a;overflow-wrap:anywhere}#notification-settings .explanation{margin-bottom:18px}

#mfa-qr{display:block;max-width:100%;width:256px;height:auto;background:white;margin:20px auto}#mfa-secret{display:block;overflow-wrap:anywhere;user-select:all;margin:16px 0}#mfa-recovery-codes{padding-left:18px;font-size:.8rem;font-family:monospace;overflow-wrap:anywhere}#mfa-feedback{color:#e8c16a}.login-panel .mfa-check{display:flex;gap:10px;align-items:center;font-size:.9rem}.login-panel input[type=checkbox]{width:20px;height:20px;min-height:0;flex:0 0 20px}
