:root{--indigo: #2c249e;--lime: #c6fd61;--navy: #191c37;--ink: #0a0a0a;--font-display: "Inter Tight", "Helvetica Neue", Arial, sans-serif;--bg: #f6f6f9;--surface: #ffffff;--text: #15172b;--muted: #62647a;--border: #e3e3ec;--accent: var(--indigo);--accent-fg: #ffffff;--focus: #2c249e55;--logo-frame: var(--indigo);--logo-text: var(--indigo);--ok-bg: #e3f4e8;--ok-fg: #17663a;--bad-bg: #fbe5e3;--bad-fg: #a3261b;--wait-bg: #fdf2d8;--wait-fg: #865c00;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #11132a;--surface: var(--navy);--text: #eceef8;--muted: #9a9db8;--border: #2b2f52;--accent: var(--lime);--accent-fg: var(--navy);--focus: #c6fd6166;--logo-frame: transparent;--logo-text: #ffffff;--ok-bg: #173323;--ok-fg: #7fd6a0;--bad-bg: #3a1b18;--bad-fg: #ff9b90;--wait-bg: #3a2f12;--wait-fg: #f0c768;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9em}code.big{font-size:1.4em;letter-spacing:.04em}code.wrap{word-break:break-all}h1,h2{font-family:var(--font-display);letter-spacing:-.01em}h1{font-size:1.5rem;margin:.5rem 0 1rem}h2{font-size:1rem;margin:0 0 .75rem}.shell{display:flex;min-height:100vh}.sidebar{width:220px;flex:none;background:var(--surface);border-right:1px solid var(--border);padding:1rem .75rem;display:flex;flex-direction:column;gap:1.25rem;position:sticky;top:0;height:100vh}.sidebar nav{display:grid;gap:.15rem}.nav-item{color:var(--text);padding:.5rem .75rem;border-radius:8px;font-weight:500}.nav-item:hover{background:var(--bg);text-decoration:none}.nav-item.active{background:var(--accent);color:var(--accent-fg)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 16px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar .merchant{display:flex;gap:.5rem;align-items:center;margin-right:auto}.menu-toggle{display:none;font-size:1.25rem}.brand{display:inline-flex;padding:0 .5rem}.brand:hover{text-decoration:none}.container{width:100%;max-width:1100px;margin:0 auto;padding:1rem 16px 3rem}@media(max-width:760px){.sidebar{position:fixed;z-index:10;inset:0 auto 0 0;transform:translate(-100%);transition:transform .15s ease;box-shadow:0 0 24px #0003}.sidebar.open{transform:none}.menu-toggle{display:inline-block}.topbar .user .muted{display:none}}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1rem}.stat{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.9rem 1rem}.stat .label{color:var(--muted);font-size:.85rem}.stat .value{font-family:var(--font-display);font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.stat.primary{border-color:var(--accent)}.tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border);margin-bottom:1rem}.tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:none;padding:.5rem .75rem}.tabs button.active{border-bottom-color:var(--accent);color:var(--accent);font-weight:600}.secret{border:1px solid var(--wait-fg);background:var(--wait-bg);border-radius:10px;padding:.75rem 1rem;margin-bottom:1rem}.secret-title{font-weight:600;margin:0}.secret-value{word-break:break-all;background:var(--surface);padding:.35rem .5rem;border-radius:6px}textarea{font:.85rem/1.4 ui-monospace,SF Mono,Menlo,monospace;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.5rem .7rem;width:100%;min-height:8rem}.amount-in{color:var(--ok-fg)}.amount-out{color:var(--bad-fg)}.steps{display:flex;gap:.5rem;margin-bottom:1rem}.steps span{padding:.15rem .6rem;border-radius:999px;background:var(--bg);border:1px solid var(--border);font-size:.85rem}.steps span.on{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem;margin-bottom:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.grid .card{margin-bottom:0}.grid+.card{margin-top:1rem}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.form{display:grid;gap:.9rem;max-width:480px}label{display:grid;gap:.3rem;font-weight:500}input,select,button{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.5rem .7rem}form>input{width:100%;margin-bottom:.75rem}button{cursor:pointer}button:disabled{opacity:.6;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg);font-weight:600}input:focus-visible,select:focus-visible,button:focus-visible{outline:3px solid var(--focus);outline-offset:1px}button.link{border:0;background:none;color:var(--accent);padding:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.55rem .5rem;border-bottom:1px solid var(--border);white-space:nowrap}th{font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:600}.num{text-align:right;font-variant-numeric:tabular-nums}.center{text-align:center}dl{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:0 0 1rem}dt{color:var(--muted)}dd{margin:0}.badge{display:inline-block;padding:.1rem .55rem;border-radius:999px;font-size:.8rem;font-weight:600}.badge.ok{background:var(--ok-bg);color:var(--ok-fg)}.badge.bad{background:var(--bad-bg);color:var(--bad-fg)}.badge.wait{background:var(--wait-bg);color:var(--wait-fg)}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--bad-fg);background:var(--bad-bg);padding:.5rem .75rem;border-radius:8px}.qr{image-rendering:pixelated;background:#fff;padding:6px;border-radius:6px}.form-box h1{font:800 1.75rem/1.2 var(--font-display);letter-spacing:-.02em;margin:0 0 .4rem}.form-box .lead{color:var(--muted);margin:0 0 1.75rem;line-height:1.55}.auth-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:var(--bg);margin-bottom:1rem}.auth-icon svg{width:26px;height:26px;fill:var(--accent)}.auth-form{display:grid;gap:1.1rem}.field{display:grid;gap:.4rem;font-weight:600;font-size:.9rem}.field-head{display:flex;justify-content:space-between;align-items:baseline}.field-head a{font-weight:600;font-size:.85rem}.field input{width:100%;height:48px;padding:0 14px;font-size:1rem;font-weight:400;background:var(--bg);border:1.5px solid var(--border);border-radius:10px;transition:border-color .15s,background .15s}.field input:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border))}.field input:focus{outline:none;border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 4px var(--focus)}.field .hint{font-weight:400;font-size:.8rem;color:var(--muted)}.field .hint.ok{color:var(--ok-fg)}.field .hint.bad{color:var(--bad-fg)}.pw{position:relative;display:block}.pw input{padding-right:112px}.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--accent);font-size:.85rem;font-weight:600;padding:6px 10px}.field input.otp{text-align:center;font:600 1.6rem/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.5em;padding-left:calc(14px + .5em)}.alert{margin:0;padding:.7rem .9rem;border-radius:10px;background:var(--bad-bg);color:var(--bad-fg);font-size:.9rem}.alert.ok{background:var(--ok-bg);color:var(--ok-fg)}.submit{height:50px;border:0;border-radius:10px;margin-top:.25rem;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;background:var(--accent);color:var(--accent-fg);font-weight:700;font-size:1rem;transition:filter .15s,transform .05s}.submit:hover:not(:disabled){filter:brightness(1.12)}.submit:active:not(:disabled){transform:translateY(1px)}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-form .center{justify-self:center;font-weight:600}.form-box .note{margin:2rem 0 0;padding-top:1.25rem;border-top:1px solid var(--border);color:var(--muted);font-size:.85rem;line-height:1.55}a.submit:hover{text-decoration:none}.narrow-form{max-width:420px}.nav-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);margin-left:.45rem;vertical-align:middle;box-shadow:0 0 0 2px var(--navy)}.nav-item.active .nav-dot{box-shadow:none}
