.ot-card{box-sizing:border-box;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);color:#eaeaeb;letter-spacing:-.02em;font-variant-numeric:tabular-nums;width:100%;min-width:0;font-family:var(--font-sans);background:#030c15cc;border:1px solid #152737;border-radius:20px;flex-direction:column;gap:16px;padding:30px;display:flex}.ot-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ot-title{align-items:center;gap:12px;display:flex}.ot-title h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:400}.ot-count{color:#3fa5ff;background:#3fa5ff24;border-radius:40px;padding:2px 8px;font-size:11px}.ot-seg{background:#0d141a;border-radius:40px;gap:2px;padding:4px;font-size:12px;display:flex}.ot-seg button{color:#87949f;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:40px;padding:4px 12px}.ot-seg button:hover{color:#eaeaeb}.ot-seg button.is-active{color:#eaeaeb;background:#101d28}.ot-card button:focus-visible,.ot-empty a:focus-visible{outline-offset:2px;outline:2px solid #affe45}.ot-error{color:#ff324c;background:#ff324c14;border:1px solid #ff324c47;border-radius:12px;margin:0;padding:10px 12px;font-size:12px}.ot-scroll{margin:0 -4px;padding:0 4px;position:relative;overflow-x:auto}.ot-table{flex-direction:column;gap:16px;min-width:860px;display:flex}.ot-cols,.ot-row{grid-template-columns:1.3fr .6fr 1fr 1.1fr 1.3fr 1fr .9fr .9fr;align-items:center;gap:12px;display:grid}.ot-cols{color:#87949f;padding:0 12px;font-size:11px}.ot-r{text-align:right}.ot-rows{flex-direction:column;gap:6px;display:flex}.ot-row{background:#0f171d;border-radius:12px;padding:10px 12px;font-size:12px;transition:background .12s}.ot-row:hover{background:#101d28}.ot-row.is-closed{opacity:.7}.ot-pair{white-space:nowrap;align-items:center;gap:8px;min-width:0;display:flex}.ot-avatars{display:inline-flex}.ot-avatars>span{box-sizing:content-box;border:2px solid #0f171d}.ot-avatars>span+span{margin-left:-8px}.ot-up{color:#4ac926}.ot-down{color:#ff324c}.ot-muted{color:#87949f}.ot-amber{color:#ffb020}.ot-fill{flex-direction:column;gap:4px;min-width:0;display:flex}.ot-fill-top{justify-content:space-between;gap:8px;font-size:11px;display:flex}.ot-fill-top>span:last-child{color:#87949f}.ot-fill-top [data-tone=blue],.ot-bar [data-tone=blue]{color:#3fa5ff;background-color:#3fa5ff}.ot-fill-top [data-tone=green],.ot-bar [data-tone=green]{color:#4ac926;background-color:#4ac926}.ot-fill-top [data-tone=amber],.ot-bar [data-tone=amber]{color:#ffb020;background-color:#ffb020}.ot-fill-top [data-tone=muted],.ot-bar [data-tone=muted]{color:#87949f;background-color:#87949f}.ot-fill-top span[data-tone]{background:0 0}.ot-bar{background:#152737;border-radius:4px;height:4px;display:block;overflow:hidden}.ot-bar i{height:100%;display:block}.ot-act{justify-content:flex-end;display:flex}.ot-cancel{color:#ff324c;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ff324c80;border-radius:8px;padding:5px 10px;font-size:11px;transition:background .12s}.ot-cancel:hover:not(:disabled){background:#ff324c1a}.ot-cancel:disabled{opacity:.5;cursor:default}.ot-skeletons{flex-direction:column;gap:6px;display:flex}.ot-shimmer{background:linear-gradient(90deg,#0f171d 0%,#101d28 50%,#0f171d 100%) 0 0/1200px 100%;border-radius:12px;height:52px;animation:1.4s linear infinite ot-shimmer;display:block}@keyframes ot-shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.ot-empty{text-align:center;color:#3fa5ff;background:#0f171d;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:48px 20px;display:flex}.ot-empty strong{color:#eaeaeb;font-size:14px;font-weight:400}.ot-empty p{color:#87949f;max-width:360px;margin:0;font-size:12px}.ot-empty a{color:#eaeaeb;background:#101d28;border-radius:12px;margin-top:8px;padding:8px 16px;font-size:13px;text-decoration:none;transition:background .15s,color .15s}.ot-empty a:hover{color:#000;background:#affe45}.ot-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:1100px){.ot-card{padding:22px}.ot-cols,.ot-row{gap:10px}}@media (max-width:720px){.ot-card{padding:16px}.ot-table:has(.ot-empty){min-width:0}.ot-table:has(.ot-empty) .ot-cols{display:none}}@media (prefers-reduced-motion:reduce){.ot-shimmer{animation:none}}