@font-face{font-family:Menda;src:url(/fonts/Menda-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Menda;src:url(/fonts/Menda-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Menda;src:url(/fonts/Menda-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Menda;src:url(/fonts/Menda-ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Menda;src:url(/fonts/Menda-Black.woff2) format("woff2");font-weight:900;font-display:swap}:root{--mirage: #17181E;--bg-0: #121319;--bg-1: #1b1c23;--bg-2: #20212a;--bg-3: #2a2c37;--line: #262830;--line-2: #33363f;--aqua: #00DDA8;--aqua-deep: #187A61;--aqua-soft: rgba(0, 221, 168, .14);--tx-0: #f5f6f8;--tx-1: #d4dae2;--tx-2: #b3bdc9;--tx-3: #7d8898;--gold: #f2c14e;--gold-soft: rgba(242, 193, 78, .14);--warn: #f0a23c;--warn-soft: rgba(240, 162, 60, .14);--danger: #ff4d6a;--danger-soft: rgba(255, 77, 106, .14);--info: #54a0ff;--info-soft: rgba(84, 160, 255, .14);--display: "Menda", "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Inter,system-ui,sans-serif;background:var(--mirage);color:var(--tx-0);font-size:14.5px;line-height:1.5;-webkit-font-smoothing:antialiased}.mono{font-family:var(--mono)}.h1,.h2,.h3,.brand{font-family:var(--display)}.flopmark{display:inline-block;background:var(--aqua);-webkit-mask:url(/flop-mark.png) center/contain no-repeat;mask:url(/flop-mark.png) center/contain no-repeat}.shell{display:flex;min-height:100%}.sidebar{width:248px;flex-shrink:0;background:var(--bg-0);border-right:1px solid var(--line);padding:22px 18px;display:flex;flex-direction:column;gap:22px;position:sticky;top:0;height:100vh}.sidebar .nav{display:flex;flex-direction:column;gap:4px}.navitem{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;color:var(--tx-3);font:inherit;font-weight:600;font-size:14px;padding:10px 12px;border-radius:11px;cursor:pointer;text-align:left;transition:background .15s,color .15s}.navitem:hover{color:var(--tx-1);background:var(--bg-1)}.navitem[data-on="1"]{color:var(--aqua);background:var(--aqua-soft)}.content{flex:1;min-width:0;max-width:1240px;margin:0 auto;padding:30px 38px 60px;width:100%}.center-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:32px}.center-card{width:100%;max-width:420px}.h1{font-size:26px;font-weight:800;letter-spacing:-.03em}.h2{font-size:19px;font-weight:800;letter-spacing:-.02em}.h3{font-size:15px;font-weight:700;letter-spacing:-.01em}.muted{color:var(--tx-2)}.t3{color:var(--tx-3)}.brand{font-weight:900;letter-spacing:-.04em}.brand span{color:var(--aqua)}.sec{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tx-3)}.row{display:flex;align-items:center;gap:12px}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column}.stack>*+*{margin-top:12px}.grid{display:grid;gap:16px}.fade{animation:fade .3s ease}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.card{background:var(--bg-1);border:1px solid var(--line);border-radius:16px;padding:18px}.card+.card{margin-top:14px}.card-hover{cursor:pointer;transition:border-color .15s,transform .08s,background .15s}.card-hover:hover{border-color:var(--line-2);background:var(--bg-2)}.card-hover:active{transform:scale(.995)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line-2);background:var(--bg-2);color:var(--tx-0);border-radius:11px;padding:10px 15px;font:inherit;font-weight:600;font-size:14px;cursor:pointer;transition:transform .08s,background .15s,border-color .15s;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:hover{background:var(--bg-3)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(120deg,var(--aqua),var(--aqua-deep));color:#04140c;border:none;font-weight:800;box-shadow:0 6px 18px #00dda83d}.btn-primary:hover{filter:brightness(1.05)}.btn-ghost{background:transparent;border-color:var(--line)}.btn-ghost:hover{background:var(--bg-1)}.btn-danger{background:transparent;border-color:#ff4d6a66;color:var(--danger)}.btn-danger:hover{background:var(--danger-soft)}.btn-block{width:100%}.btn-lg{padding:13px 18px;font-size:15px;border-radius:12px}.btn-sm{padding:7px 11px;font-size:12.5px;border-radius:9px}.tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:99px;background:var(--bg-3);color:var(--tx-1);white-space:nowrap}.tag-ok{background:var(--aqua-soft);color:var(--aqua)}.tag-gold{background:var(--gold-soft);color:var(--gold)}.tag-warn{background:var(--warn-soft);color:var(--warn)}.tag-info{background:var(--info-soft);color:var(--info)}.tag-danger{background:var(--danger-soft);color:var(--danger)}.tag-mute{background:var(--bg-3);color:var(--tx-3)}.dot{width:7px;height:7px;border-radius:99px;background:currentColor}.live{width:7px;height:7px;border-radius:99px;background:var(--aqua);box-shadow:0 0 #00dda880;animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 #00dda880}70%{box-shadow:0 0 0 7px #00dda800}to{box-shadow:0 0 #00dda800}}.chip{display:inline-flex;align-items:baseline;gap:5px;font-size:12px;font-weight:600;color:var(--tx-2);background:var(--bg-2);border:1px solid var(--line);padding:4px 10px;border-radius:9px;white-space:nowrap}.chip b{color:var(--tx-0);font-weight:800}.chip[data-full="1"]{border-color:#f0a23c66;color:var(--warn)}.chip[data-full="1"] b{color:var(--warn)}.input,.select{width:100%;background:var(--bg-2);border:1px solid var(--line-2);color:var(--tx-0);border-radius:11px;padding:11px 13px;font:inherit;font-size:14.5px;outline:none;transition:border-color .15s}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.input:focus,.select:focus{border-color:var(--aqua)}.input-sm{padding:8px 10px;font-size:13.5px;border-radius:9px}.label{font-size:12.5px;font-weight:600;color:var(--tx-2);margin-bottom:6px;display:block}.field+.field{margin-top:13px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.switch{position:relative;width:42px;height:24px;border-radius:99px;border:none;cursor:pointer;background:var(--bg-3);transition:background .18s;flex-shrink:0}.switch[data-on="1"]{background:var(--aqua)}.switch:disabled{opacity:.5;cursor:not-allowed}.switch i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:99px;background:#fff;transition:transform .18s}.switch[data-on="1"] i{transform:translate(18px)}.table{width:100%;border-collapse:collapse}.table thead th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--tx-3);padding:0 14px 11px;border-bottom:1px solid var(--line)}.table tbody td{padding:14px;border-bottom:1px solid var(--line);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr.clickable{cursor:pointer;transition:background .12s}.table tbody tr.clickable:hover{background:var(--bg-2)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#08090ca8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:40;animation:fade .18s ease}.modal{width:100%;max-width:520px;background:var(--bg-1);border:1px solid var(--line-2);border-radius:18px;box-shadow:0 30px 80px #0000008c;max-height:90vh;display:flex;flex-direction:column}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 22px 14px}.modal-body{padding:4px 22px 22px;overflow-y:auto}.modal-foot{display:flex;gap:10px;justify-content:flex-end;padding:16px 22px;border-top:1px solid var(--line)}.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:var(--bg-2);color:var(--tx-2);cursor:pointer;transition:background .15s}.iconbtn:hover{background:var(--bg-3);color:var(--tx-0)}.note{background:var(--bg-2);border:1px solid var(--line);border-left:3px solid var(--aqua);border-radius:10px;padding:13px 15px;font-size:13px;color:var(--tx-2);line-height:1.55}.note code{font-family:var(--mono);font-size:12px;background:var(--bg-0);color:var(--aqua);padding:1px 6px;border-radius:6px}.note-warn{border-left-color:var(--warn)}.spin{width:26px;height:26px;border:2.5px solid var(--line);border-top-color:var(--aqua);border-radius:50%;animation:sp .7s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}.center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:60vh;color:var(--tx-3);text-align:center}.empty{text-align:center;color:var(--tx-3);padding:40px 20px;font-size:14px}.toasts{position:fixed;right:22px;bottom:22px;z-index:60;width:min(92vw,380px);display:flex;flex-direction:column;gap:9px}.toast{background:var(--bg-3);border:1px solid var(--line-2);border-radius:12px;padding:12px 15px;font-size:13.5px;box-shadow:0 12px 34px #00000073;animation:fade .2s}.toast[data-tone=ok]{border-color:var(--aqua)}.toast[data-tone=danger]{border-color:var(--danger)}.toast .tcode{font-family:var(--mono);font-size:11px;color:var(--tx-3);display:block;margin-bottom:2px}.toast .thint{color:var(--tx-2);font-size:12.5px;margin-top:4px}@media (max-width: 760px){.shell{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;align-items:center;border-right:none;border-bottom:1px solid var(--line);padding:12px 16px;gap:14px;overflow-x:auto}.sidebar .nav{flex-direction:row;flex:1}.sidebar .sb-foot{display:none}.content{padding:22px 18px 50px}.field-row{grid-template-columns:1fr}}