:root{--bg: #0b0e14;--elev: #121722;--hi: #1a2230;--hover: #253044;--side: #0f131c;--text: #eef2f8;--text2: #c7d0df;--muted: #8390a3;--dim: #5f6b7c;--line: #2d394d;--line2: rgba(255, 255, 255, .075);--accent: #bb9af7;--accent2: #7aa2f7;--on-accent: #101624;--danger: #ff7a90;--ok: #73d5a2;--warn: #f5c76a;--radius: 8px;--font: "IBM Plex Sans", "PingFang SC", sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font:16px/1.5 var(--font)}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}a{color:var(--accent2)}#app{height:100%}.sr-only{display:none}.shell{display:flex;height:100%;min-height:100dvh}.sidebar{width:188px;flex-shrink:0;background:var(--side);border-right:1px solid var(--line);display:flex;flex-direction:column}.conn{display:flex;align-items:center;gap:6px;padding:14px 12px 10px;color:var(--muted);font-size:13px;font-weight:500}.dot{width:6px;height:6px;border-radius:50%;background:var(--dim)}.dot.on{background:var(--ok)}.dot.off{background:var(--danger)}.nav-btn,.nav-foot{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:10px 14px;color:var(--muted);border-radius:0;font-size:15px}.nav-btn svg,.nav-foot svg{width:16px;height:16px;flex-shrink:0}.nav-btn.on,.nav-foot.on{color:var(--text);background:color-mix(in srgb,var(--accent) 14%,transparent)}.sidebar .spacer{flex:1}.hair{height:1px;background:color-mix(in srgb,var(--line) 70%,transparent)}.main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg)}.head{display:flex;align-items:center;gap:8px;padding:10px 14px;min-height:44px}.head h1{margin:0;font-size:18px;font-weight:600}.head .crumb{color:var(--dim);font-size:14px}.head .who{margin-left:auto;color:var(--muted);font-size:14px}.pane{flex:1;min-height:0;display:flex;flex-direction:column}.filters{padding:8px 8px 7px;display:flex;flex-direction:column;gap:6px}.search{display:flex;align-items:center;gap:6px;background:var(--hi);border:1px solid var(--line2);border-radius:7px;padding:6px 8px}.search input{flex:1;background:transparent;border:0;outline:0;min-height:28px}.search svg{color:var(--dim);width:16px;height:16px}.chips{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex-shrink:0;padding:6px 11px;border-radius:13px;color:var(--muted);font-size:14px;font-weight:500;min-height:32px}.chip.on{color:var(--text);font-weight:600;background:color-mix(in srgb,var(--accent) 14%,transparent)}.chip:focus-visible,.nav-btn:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.meta{display:flex;justify-content:space-between;padding:4px 12px 8px;color:var(--dim);font-size:13px}.list{flex:1;overflow:auto}.ticket{display:flex;align-items:center;gap:8px;padding:7px 10px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);cursor:pointer}.ticket:hover{background:var(--hi)}.ticket.sunk{background:color-mix(in srgb,var(--danger) 8%,transparent)}.ticket.on{background:color-mix(in srgb,var(--accent) 10%,transparent)}.ticket-body{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px}.ticket-main{flex:1;min-width:0}.ticket h3{margin:0;font-size:15px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row1{display:flex;align-items:center;gap:5px;min-width:0}.row2{display:flex;gap:6px;color:var(--dim);font-size:13px;white-space:nowrap;overflow:hidden}.pricebox{text-align:right;flex-shrink:0}.price{color:var(--accent);font-size:16px;font-weight:500;font-variant-numeric:tabular-nums}.stock{color:var(--muted);font-size:13px}.stock.out{color:var(--danger)}.badge{font-size:12px;font-weight:500;padding:1px 4px;border-radius:8px;flex-shrink:0}.badge.accent{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent)}.badge.ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent)}.badge.danger{color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,transparent)}.badge.warn{color:var(--warn);background:color-mix(in srgb,var(--warn) 14%,transparent)}.badge.chg-up{color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,transparent)}.badge.chg-down{color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent)}.icon-btn{width:26px;height:26px;display:grid;place-items:center;border-radius:6px;background:var(--hi);border:1px solid var(--line);color:var(--text2);flex-shrink:0}.icon-btn.on.warn{color:var(--warn)}.icon-btn.on.danger{color:var(--danger)}.icon-btn:disabled{opacity:.45;cursor:not-allowed}.icon-btn svg{width:13px;height:13px}.inspector{width:320px;flex-shrink:0;border-left:1px solid var(--line);background:color-mix(in srgb,var(--elev) 55%,var(--bg));display:flex;flex-direction:column;min-height:0}.inspector-nav{display:flex;align-items:center;gap:8px;padding:8px 10px}.inspector-nav span{color:var(--text2);font-size:14px;font-weight:600}.inspector-body{flex:1;overflow:auto;padding:10px}.detail-title{font-size:16px;font-weight:600;margin:0 0 4px}.detail-sub{color:var(--muted);font-size:13px;display:flex;gap:6px;flex-wrap:wrap}.price-card{margin-top:10px;padding:8px;background:var(--elev);border-radius:8px}.price-lg{font-size:22px;font-weight:600;color:var(--accent);font-variant-numeric:tabular-nums}.meta-row{display:flex;gap:8px;font-size:13px;padding:3px 0}.meta-row dt{width:36px;color:var(--dim);margin:0}.meta-row dd{margin:0;color:var(--text2)}.spark{width:100%;height:120px;margin-top:6px}.hist-row{display:flex;justify-content:space-between;font-family:var(--mono);font-size:12px;color:var(--muted);padding:2px 0}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);padding:24px;text-align:center}.empty .sub{color:var(--dim);font-size:14px}.err{color:var(--danger);padding:16px;text-align:center}.section{padding:8px 10px 4px;color:var(--dim);font-size:13px}.field-box{background:var(--hi);border:1px solid var(--line2);border-radius:7px;padding:6px 8px;margin:6px 10px}.field-box input{width:100%;background:transparent;border:0;outline:0;min-height:28px}.actions{display:flex;gap:6px;padding:8px 10px;flex-wrap:wrap}.btn{padding:6px 12px;border-radius:6px;font-size:14px;font-weight:500;background:var(--hi);color:var(--text2);min-height:32px}.btn.accent{background:var(--accent);color:var(--on-accent)}.btn.danger{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.btn:disabled{opacity:.45}.secret{margin:8px 10px;padding:10px;background:var(--bg);border-radius:7px;font-family:var(--mono);font-size:13px;word-break:break-all;color:var(--text)}.keys{list-style:none;margin:0;padding:0 10px 12px}.keys li{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:13px}.flash{color:var(--danger);font-size:14px;min-height:1.2em;padding:0 10px}.hint{color:var(--muted);font-size:14px;padding:0 10px 8px}.account-pad{padding:12px 16px 32px;overflow:auto;flex:1;max-width:560px}.card{background:var(--elev);border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:14px}.card h2{margin:0 0 6px;font-size:16px;font-weight:600}.card-desc{margin:0 0 12px;color:var(--muted);font-size:14px;line-height:1.5}.identity{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:18px}.identity strong{font-weight:600}.pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;background:var(--hi);color:var(--text2)}.pill.accent{background:var(--accent);color:var(--on-accent)}.pill.ok{background:color-mix(in srgb,var(--ok) 22%,transparent);color:var(--ok)}.pill.danger{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger)}.field-label{display:block;margin:8px 0 4px;color:var(--dim);font-size:13px;font-weight:500}.field-box.tight,.actions.tight,.flash.tight,.keys.tight{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.muted{color:var(--dim);font-family:var(--font)}.confirm{border:1px solid var(--warn);background:color-mix(in srgb,var(--warn) 10%,transparent);border-radius:8px;padding:10px 12px;margin:8px 0 12px}.confirm-title{margin:0 0 4px;font-weight:600}.user-list{list-style:none;margin:8px 0 0;padding:0}.user-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.user-name{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-weight:500}.user-id{color:var(--dim);font-size:13px;margin-top:2px}.user-actions{display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap}.banner{position:fixed;left:180px;right:16px;bottom:12px;display:flex;gap:8px;padding:8px 12px;background:var(--elev);border-radius:8px;border:1px solid var(--line);z-index:20;font-size:14px}.banner button{color:var(--accent)}.more{text-align:center;padding:10px;color:var(--dim);font-size:14px}.shop{display:flex;align-items:center;gap:8px;padding:7px 10px;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.shop:hover{background:var(--hi)}.shop-main{flex:1;min-width:0;cursor:pointer}.shop h3{margin:0;font-size:15px;font-weight:500}.shop .sub{color:var(--dim);font-size:13px;display:flex;gap:6px;flex-wrap:wrap}.run-fail{color:var(--danger)}.run-ok{color:var(--ok)}@media(max-width:860px){.shell{flex-direction:column}.sidebar{width:100%;flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line)}.conn,.sidebar .spacer,.sidebar .hair{display:none}.nav-btn,.nav-foot{width:auto;padding:10px 14px}.inspector{position:fixed;top:0;right:0;bottom:0;left:0;width:auto;z-index:15;background:var(--bg)}.banner{left:12px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}