:root{--bg: #0a0b0d;--panel: #101216;--panel2: #15181d;--panel-soft: #0d0f13;--line: rgba(255,255,255,.09);--line-soft: rgba(255,255,255,.05);--text: #e7e9ec;--muted: #949aa4;--dim: #626977;--good: #46b968;--hold: #d3a03e;--bad: #e0655f;--live: #02D2A1;--live-tint: rgba(2,210,161,.12);--accent-ink: #04120f;--shadow: 0 24px 70px -26px rgba(0,0,0,.75);--shadow-soft: 0 8px 24px rgba(0,0,0,.4);--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sans: "Space Grotesk", -apple-system, "Segoe UI", Roboto, system-ui, sans-serif;--radius: 14px;--radius-sm: 10px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;letter-spacing:-.006em}a{color:var(--live);text-decoration:none}a:hover{text-decoration:underline}.mono{font-family:var(--mono)}.num{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.muted{color:var(--muted)}.dim{color:var(--dim)}button{font-family:inherit}::selection{background:var(--live-tint)}:focus-visible{outline:2px solid var(--live);outline-offset:2px;border-radius:3px}.ic{width:16px;height:16px;display:inline-block;vertical-align:middle;flex:none}.ic-lg{width:20px;height:20px}.app{min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 22px;border-bottom:1px solid var(--line);flex-wrap:wrap;background:#0a0b0dd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{font-size:16px;font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:9px}.brand .accent{color:var(--text);display:inline-flex;align-items:center;gap:9px}.brand .accent:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--live);box-shadow:0 0 12px var(--live)}.brand .sub{color:var(--dim);font-size:12px;font-weight:400;margin-left:2px}a.brand{color:inherit}a.brand:hover{text-decoration:none}a.brand .accent{transition:color .15s}a.brand:hover .accent{color:var(--live)}.nav{display:flex;gap:3px;flex-wrap:wrap}.nav button{background:none;border:none;color:var(--muted);padding:7px 13px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:7px;transition:background .15s,color .15s}.nav button .ic{width:15px;height:15px}.nav button:hover{background:var(--panel);color:var(--text)}.nav button.active{background:var(--live-tint);color:var(--live)}.opstatus{font-size:12px;color:var(--dim);display:flex;align-items:center;gap:12px}.dot{width:7px;height:7px;border-radius:999px;display:inline-block}.dot.on{background:var(--live);box-shadow:0 0 8px var(--live)}.dot.off{background:var(--dim)}main{flex:1;max-width:1160px;width:100%;margin:0 auto;padding:30px 22px 64px}.grid-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:34px 0 14px;display:flex;align-items:center;gap:9px}.grid-label .ic{width:14px;height:14px;color:var(--live)}section:first-child .grid-label{margin-top:6px}.row{display:flex;gap:12px;flex-wrap:wrap}.panel{background:linear-gradient(168deg,var(--panel2),var(--panel-soft));border:1px solid var(--line);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--shadow-soft)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:17px 18px;transition:border-color .15s,transform .15s}.card:hover{border-color:var(--line);transform:translateY(-2px)}.card .v{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:21px;font-weight:500;letter-spacing:-.02em}.card .k{color:var(--dim);font-size:11px;margin-top:6px;letter-spacing:.03em}@media (max-width: 760px){.cards{grid-template-columns:repeat(2,1fr)}}.depeg-panel{background:linear-gradient(168deg,var(--panel2),var(--panel-soft));border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;box-shadow:var(--shadow-soft)}.depeg-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.depeg-price{font-family:var(--mono);font-size:34px;font-weight:500;letter-spacing:-.03em;line-height:1}.depeg-pair{color:var(--muted);font-size:13px;margin-top:5px}.verdict{font-size:12.5px;font-weight:500;padding:5px 12px;border-radius:999px;white-space:nowrap;display:inline-flex;align-items:center;gap:7px}.verdict.ok{color:var(--live);background:var(--live-tint)}.verdict.warn{color:var(--bad);background:color-mix(in srgb,var(--bad) 14%,transparent)}.gauge{position:relative;height:46px;margin:26px 0 8px}.gauge .track{position:absolute;top:22px;left:0;right:0;height:3px;border-radius:2px;background:linear-gradient(90deg,color-mix(in srgb,var(--bad) 50%,transparent) 0%,var(--line) 42%)}.gauge .tick{position:absolute;top:12px;width:1px;height:24px;background:var(--line)}.gauge .tick.thr{background:var(--hold)}.gauge .tick.trg{background:var(--bad)}.gauge .tick .lab{position:absolute;top:26px;left:50%;transform:translate(-50%);font-size:10.5px;white-space:nowrap;color:var(--dim);font-family:var(--mono)}.gauge .marker{position:absolute;top:15px;width:11px;height:18px;border-radius:4px;transform:translate(-50%);border:2px solid var(--panel-soft);box-shadow:0 0 14px var(--live);transition:left .6s ease}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--dim);font-weight:500;padding:0 12px 10px;border-bottom:1px solid var(--line)}thead th.r,tbody td.r{text-align:right}tbody td{padding:12px;border-bottom:1px solid var(--line-soft);vertical-align:top}tbody tr{transition:background .15s}tbody tr.click{cursor:pointer}tbody tr.click:hover{background:var(--panel)}.vbadge{font-family:var(--mono);font-size:11px;padding:1px 7px;border-radius:5px;border:1px solid var(--line);color:var(--muted)}.ptype{font-weight:600;display:inline-flex;align-items:center;gap:8px}.ptype .ic{width:15px;height:15px;color:var(--live)}.pdetail{color:var(--muted);font-size:12.5px;margin-top:4px}.pill{font-size:11.5px;font-weight:500;padding:3px 10px;border-radius:999px;white-space:nowrap}.pill.Executed,.pill.settled{color:var(--good);background:color-mix(in srgb,var(--good) 14%,transparent)}.pill.Releasable{color:var(--hold);background:color-mix(in srgb,var(--hold) 14%,transparent)}.pill.Pending{color:var(--muted);background:var(--panel2)}.pill.Cancelled,.pill.failed{color:var(--bad);background:color-mix(in srgb,var(--bad) 14%,transparent)}.receipts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 720px){.receipts{grid-template-columns:1fr}}.receipt{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:16px 18px;transition:border-color .15s}.receipt:hover{border-color:var(--line)}.receipt-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.flow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px}.stop .k{font-size:10px;color:var(--dim);letter-spacing:.05em;text-transform:uppercase}.stop .h{font-family:var(--mono);font-size:12.5px;margin-top:3px}.stop.r{text-align:right}.held{text-align:center}.held .arrow{display:block;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--live),transparent)}.held .n{font-family:var(--mono);font-size:12px;color:var(--live);margin-top:6px;white-space:nowrap}.held .cap{font-size:9px;color:var(--dim);text-transform:uppercase;letter-spacing:.06em;margin-top:2px}label.field{display:block;margin:15px 0}label.field .lab{font-size:12px;color:var(--muted);margin-bottom:7px;display:block}input,select,textarea{width:100%;background:var(--panel-soft);border:1px solid var(--line);color:var(--text);border-radius:var(--radius-sm);padding:10px 12px;font-family:var(--sans);font-size:14px;transition:border-color .15s}input.mono,input[inputmode=numeric],input[inputmode=decimal]{font-family:var(--mono)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--live)}.hint{font-size:12px;color:var(--dim);margin-top:6px}.btn{background:var(--live);color:var(--accent-ink);border:none;border-radius:999px;padding:10px 17px;font-weight:600;font-size:13.5px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:filter .15s,transform .15s,box-shadow .15s;box-shadow:0 0 26px -10px var(--live)}.btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn .ic{width:15px;height:15px}.btn.ghost{background:none;color:var(--text);border:1px solid var(--line);box-shadow:none}.btn.ghost:hover{background:var(--panel);border-color:var(--muted);filter:none}.btn.small{padding:6px 13px;font-size:12.5px}.notice{border-radius:var(--radius-sm);padding:12px 15px;font-size:13px;margin:12px 0}.notice.err{color:var(--bad);background:color-mix(in srgb,var(--bad) 12%,transparent);border:1px solid color-mix(in srgb,var(--bad) 40%,transparent)}.notice.ok{color:var(--good);background:color-mix(in srgb,var(--good) 12%,transparent);border:1px solid color-mix(in srgb,var(--good) 40%,transparent)}.notice .reason{font-family:var(--mono);font-size:12px;margin-top:6px;color:var(--muted);word-break:break-all}.review{background:var(--panel-soft);border:1px solid var(--line);border-radius:var(--radius-sm);padding:15px 17px;margin:15px 0}.review .kv{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--line-soft)}.review .kv:last-child{border-bottom:none}.review .kv .k{color:var(--muted);font-size:12.5px}.review .kv .v{font-family:var(--mono);font-size:12.5px;text-align:right;word-break:break-all}.state-msg{color:var(--muted);padding:38px 0;text-align:center}.state-msg .ic{width:26px;height:26px;color:var(--dim);display:block;margin:0 auto 12px}.skeleton{height:14px;border-radius:4px;background:linear-gradient(90deg,var(--panel) 0%,var(--panel2) 50%,var(--panel) 100%);background-size:200% 100%;animation:sh 1.3s infinite}@keyframes sh{to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.skeleton,.gauge .marker,.card,.btn,tbody tr,.nav button{animation:none;transition:none}}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:8vh 16px;z-index:40}.modal-bg.interrupt{z-index:50}.modal{background:linear-gradient(168deg,var(--panel2),var(--panel-soft));border:1px solid var(--line);border-radius:var(--radius);padding:24px 26px;width:100%;max-width:520px;box-shadow:var(--shadow)}.modal h3{margin:0 0 4px;font-size:17px;font-weight:600;letter-spacing:-.01em}.modal .close{float:right;background:none;border:none;color:var(--dim);cursor:pointer;padding:2px;display:inline-flex}.modal .close:hover{color:var(--text)}.walletbox{position:relative;display:inline-flex;align-items:center;gap:10px}.wallet-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:35;min-width:190px;display:flex;flex-direction:column;padding:5px;background:var(--panel2);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-soft)}.wallet-menu button{background:none;border:none;color:var(--text);text-align:left;padding:8px 10px;border-radius:7px;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:9px}.wallet-menu button:hover{background:var(--panel)}.wallet-err{color:var(--bad);font-size:12px;max-width:260px}.who{font-size:12px;color:var(--muted);margin:2px 0 10px}.who b{color:var(--live);font-weight:500}.actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}.actions .group{border-top:1px solid var(--line-soft);padding-top:10px}.actions .group .lab{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}.notice.beta{color:var(--text);background:color-mix(in srgb,var(--hold) 10%,transparent);border:1px solid color-mix(in srgb,var(--hold) 40%,transparent);line-height:1.6}.notice.beta strong{color:var(--hold)}.brand .accent.with-logo:before{display:none}.brand .mark{width:22px;height:22px;display:block}
