.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:var(--r-md);font-weight:550;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease),color var(--dur) var(--ease)}.btn:active:not(:disabled){transform:translateY(.5px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--sm{height:30px;padding:0 10px;font-size:12.5px;border-radius:var(--r-sm)}.btn--md{height:36px;padding:0 14px;font-size:13.5px}.btn--lg{height:42px;padding:0 18px;font-size:14.5px}.btn--block{width:100%}.btn--primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-xs)}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong);box-shadow:var(--shadow-xs)}.btn--secondary:hover:not(:disabled){background:var(--surface-hover)}.btn--ghost{background:transparent;color:var(--text-muted)}.btn--ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.btn--danger{background:var(--red-500);color:#fff}.btn--danger:hover:not(:disabled){background:var(--red-700)}.btn--success{background:var(--green-500);color:#fff}.btn--success:hover:not(:disabled){background:var(--green-700)}.btn__spinner{width:13px;height:13px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:spin .6s linear infinite}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xs);overflow:hidden}.card__header{display:flex;align-items:center;gap:14px;padding:15px 18px;border-bottom:1px solid var(--border)}.card__title{font-weight:600;font-size:14px}.card__subtitle{color:var(--text-muted);font-size:12.5px;margin-top:2px}.card__body{padding:18px}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--r-full);font-size:12px;font-weight:550;line-height:1.55;border:1px solid transparent;white-space:nowrap}.badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge--neutral{background:var(--surface-hover);color:var(--text-muted);border-color:var(--border)}.badge--brand{background:var(--accent-soft);color:var(--accent)}.badge--success{background:var(--green-50);color:var(--green-700)}.badge--warning{background:var(--amber-50);color:var(--amber-700)}.badge--danger{background:var(--red-50);color:var(--red-700)}.badge--violet{background:var(--violet-50);color:var(--violet-700)}[data-theme=dark] .badge--success{color:var(--green-500)}[data-theme=dark] .badge--warning{color:var(--amber-500)}[data-theme=dark] .badge--danger{color:var(--red-500)}[data-theme=dark] .badge--violet{color:var(--violet-500)}.field{display:grid;gap:6px}.field__label{font-size:12.5px;font-weight:550;color:var(--text-muted)}.field__req{color:var(--red-500);margin-left:3px}.field__hint{font-size:12px;color:var(--text-subtle)}.field__error{font-size:12px;color:var(--red-500)}.input{width:100%;height:36px;padding:0 11px;background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--r-md);outline:none;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.input::placeholder{color:var(--text-subtle)}.input:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.input:disabled{background:var(--surface-muted);color:var(--text-subtle)}.textarea{height:auto;min-height:84px;padding:9px 11px;resize:vertical;line-height:1.5}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7a8d' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.spinner{display:inline-block;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .65s linear infinite}.empty{padding:48px 24px;text-align:center}.empty__title{font-weight:600;margin-bottom:4px}.empty__msg{color:var(--text-muted);font-size:13px;max-width:400px;margin:0 auto}.alert{display:flex;align-items:flex-start;gap:10px;padding:11px 14px;border-radius:var(--r-md);font-size:13px}.alert--info{background:var(--accent-soft);color:var(--accent)}.alert--success{background:var(--green-50);color:var(--green-700)}.alert--warning{background:var(--amber-50);color:var(--amber-700)}.alert--danger{background:var(--red-50);color:var(--red-700)}[data-theme=dark] .alert--success{color:var(--green-500)}[data-theme=dark] .alert--warning{color:var(--amber-500)}[data-theme=dark] .alert--danger{color:var(--red-500)}.alert__retry{background:none;border:0;cursor:pointer;font-weight:600;color:inherit;text-decoration:underline;padding:0}.skeleton{display:inline-block;position:relative;overflow:hidden;background:var(--surface-hover);border-radius:6px}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgb(255 255 255 / .28),transparent);animation:shimmer 1.4s infinite}.modal__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0d11178c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fade-in .14s var(--ease)}.modal{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-xl);max-height:calc(100vh - 40px);display:flex;flex-direction:column;animation:pop-in .18s var(--ease)}.modal__header{display:flex;align-items:flex-start;gap:12px;padding:18px 18px 14px;border-bottom:1px solid var(--border)}.modal__title{font-size:15.5px;font-weight:600}.modal__subtitle{font-size:12.5px;color:var(--text-muted);margin-top:3px}.modal__body{padding:18px;overflow-y:auto;display:grid;gap:14px}.modal__footer{display:flex;justify-content:flex-end;gap:9px;padding:14px 18px;border-top:1px solid var(--border);background:var(--surface-muted)}.page-head{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:18px}.page-head__title{margin:0;font-size:21px;font-weight:650;letter-spacing:-.02em}.page-head__sub{margin:4px 0 0;color:var(--text-muted);font-size:13.5px}.toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:16px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px;box-shadow:var(--shadow-xs)}.stat__label{font-size:12.5px;color:var(--text-muted);font-weight:550}.stat__value{font-size:25px;font-weight:650;letter-spacing:-.025em;margin-top:7px;font-variant-numeric:tabular-nums;line-height:1.15}.stat__hint{font-size:12px;color:var(--text-subtle);margin-top:6px}.stat--brand{background:linear-gradient(135deg,var(--brand-700),var(--brand-500));border-color:transparent;color:#fff}.stat--brand .stat__label,.stat--brand .stat__hint{color:#ffffffd1}.dt{width:100%;border-collapse:collapse}.dt th{position:sticky;top:0;z-index:1;background:var(--surface-muted);padding:9px 14px;border-bottom:1px solid var(--border);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.045em;color:var(--text-muted);white-space:nowrap;-webkit-user-select:none;user-select:none}.dt--sortable{cursor:pointer}.dt--sortable:hover{color:var(--text)}.dt__sort{opacity:.35;font-size:10px}.dt__sort.is-on{opacity:1;color:var(--accent)}.dt td{padding:11px 14px;border-bottom:1px solid var(--border);font-size:13.5px;vertical-align:middle}.dt tbody tr{transition:background var(--dur) var(--ease)}.dt tbody tr:hover{background:var(--surface-muted)}.dt tbody tr:last-child td{border-bottom:0}.dt--click{cursor:pointer}.dt__loading{display:flex;align-items:center;gap:8px;justify-content:center;padding:10px;font-size:12.5px;color:var(--text-muted);border-top:1px solid var(--border)}.dt__pager{display:flex;align-items:center;gap:8px;padding:11px 14px;border-top:1px solid var(--border);background:var(--surface-muted);font-size:12.5px;flex-wrap:wrap}@media (max-width:900px){.dt--secondary{display:none}}.shell{display:flex;min-height:100vh}.shell__side{width:var(--sidebar-w);flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.shell__brand{display:flex;align-items:center;gap:10px;padding:0 16px;height:var(--topbar-h);border-bottom:1px solid var(--border)}.shell__brand span{display:grid;min-width:0}.shell__brand strong{font-size:13.5px;font-weight:620}.shell__brand small{font-size:11px;color:var(--text-subtle)}.shell__logo{width:30px;height:30px;flex-shrink:0;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand-500),var(--brand-700));color:#fff;font-size:14px}.shell__nav{flex:1;overflow-y:auto;padding:14px 10px}.shell__link{display:flex;align-items:center;gap:10px;padding:8px 9px;margin-bottom:1px;border-radius:var(--r-md);color:var(--text-muted);font-size:13.5px;font-weight:500;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.shell__link:hover{background:var(--surface-hover);color:var(--text)}.shell__link.is-active{background:var(--accent-soft);color:var(--accent);font-weight:580}.shell__icon{width:17px;text-align:center;font-size:13px;opacity:.85}.shell__user{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--border)}.shell__user span{display:grid;min-width:0}.shell__user strong{font-size:12.5px;font-weight:580}.shell__user small{font-size:11px;color:var(--text-subtle)}.shell__avatar{width:30px;height:30px;flex-shrink:0;border-radius:50%;background:var(--surface-hover);color:var(--text-muted);display:grid;place-items:center;font-size:11.5px;font-weight:650;border:1px solid var(--border)}.shell__main{flex:1;min-width:0;display:flex;flex-direction:column}.shell__top{height:var(--topbar-h);flex-shrink:0;display:flex;align-items:center;gap:10px;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.shell__burger{display:none;background:none;border:0;cursor:pointer;font-size:17px;color:var(--text-muted);padding:6px}.shell__content{flex:1;padding:22px;max-width:1500px;width:100%}.shell__scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0d111780}@media (max-width:1000px){.shell__side{position:fixed;z-index:50;transform:translate(-100%);transition:transform .22s var(--ease);box-shadow:var(--shadow-xl)}.shell__side.is-open{transform:none}.shell__scrim,.shell__burger{display:block}.shell__content{padding:16px}}.login{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login__panel{display:flex;flex-direction:column;justify-content:center;padding:40px;max-width:460px;width:100%;margin:0 auto}.login__brand{display:flex;gap:14px;margin-bottom:26px}.login__logo{width:44px;height:44px;flex-shrink:0;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand-500),var(--brand-700));color:#fff;font-size:19px;box-shadow:var(--shadow-md)}.login__brand h1{margin:0;font-size:22px;font-weight:650;letter-spacing:-.02em}.login__brand p{margin:3px 0 0;color:var(--text-muted);font-size:13.5px}.login__foot{margin:20px 0 0;font-size:12px;color:var(--text-subtle);text-align:center}.login__aside{position:relative;overflow:hidden;background:linear-gradient(150deg,var(--brand-800),var(--gray-950))}.login__glow{position:absolute;top:-30%;right:-30%;bottom:-30%;left:-30%;filter:blur(40px);background:radial-gradient(circle at 30% 25%,rgb(47 131 246 / .5),transparent 45%),radial-gradient(circle at 70% 70%,rgb(122 90 248 / .35),transparent 45%)}@media (max-width:900px){.login{grid-template-columns:1fr}.login__aside{display:none}}:root{--brand-50:#eef6ff;--brand-100:#d9ebff;--brand-300:#8ec6ff;--brand-500:#2f83f6;--brand-600:#1a64e0;--brand-700:#164fb5;--brand-800:#17448f;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e6ebf2;--gray-300:#d4dce7;--gray-400:#9aa7b8;--gray-500:#6b7a8d;--gray-600:#4d5b6d;--gray-700:#374252;--gray-800:#232c39;--gray-900:#151b24;--gray-950:#0d1117;--green-50:#ecfdf3;--green-500:#12b76a;--green-700:#027a48;--amber-50:#fffaeb;--amber-500:#f79009;--amber-700:#b54708;--red-50:#fef3f2;--red-500:#f04438;--red-700:#b42318;--violet-50:#f4f3ff;--violet-500:#7a5af8;--violet-700:#5720b7;--bg:var(--gray-100);--surface:#fff;--surface-muted:var(--gray-50);--surface-hover:var(--gray-100);--border:var(--gray-200);--border-strong:var(--gray-300);--text:var(--gray-900);--text-muted:var(--gray-500);--text-subtle:var(--gray-400);--accent:var(--brand-600);--accent-hover:var(--brand-700);--accent-soft:var(--brand-50);--focus-ring:0 0 0 3px rgb(47 131 246 / .28);--r-sm:6px;--r-md:9px;--r-lg:13px;--r-xl:18px;--r-full:999px;--shadow-xs:0 1px 2px rgb(16 24 40 / .05);--shadow-sm:0 1px 3px rgb(16 24 40 / .09);--shadow-md:0 4px 8px -2px rgb(16 24 40 / .09);--shadow-lg:0 12px 16px -4px rgb(16 24 40 / .09);--shadow-xl:0 20px 24px -4px rgb(16 24 40 / .1);--ease:cubic-bezier(.16,1,.3,1);--dur:.16s;--sidebar-w:236px;--topbar-h:60px;--font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,monospace}[data-theme=dark]{--bg:var(--gray-950);--surface:var(--gray-900);--surface-muted:#11171f;--surface-hover:#1a222d;--border:#222b38;--border-strong:#2e3a4a;--text:#e9eef5;--text-muted:#8d9bad;--text-subtle:#64748b;--accent:var(--brand-500);--accent-hover:var(--brand-300);--accent-soft:rgb(47 131 246 / .14);--green-50:rgb(18 183 106 / .14);--amber-50:rgb(247 144 9 / .14);--red-50:rgb(240 68 56 / .14);--violet-50:rgb(122 90 248 / .14);--shadow-xs:0 1px 2px rgb(0 0 0 / .4);--shadow-sm:0 1px 3px rgb(0 0 0 / .5);--shadow-md:0 4px 10px rgb(0 0 0 / .45);--shadow-lg:0 14px 24px rgb(0 0 0 / .5);--shadow-xl:0 24px 38px rgb(0 0 0 / .55)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--r-sm)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full);border:3px solid var(--bg)}.u-mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.u-num{font-variant-numeric:tabular-nums}.u-muted{color:var(--text-muted)}.u-subtle{color:var(--text-subtle)}.u-right{text-align:right}.u-nowrap{white-space:nowrap}.u-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-row{display:flex;align-items:center;gap:10px}.u-spacer{flex:1}.u-stack{display:flex;flex-direction:column;gap:14px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:none}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes spin{to{transform:rotate(360deg)}}.link{color:var(--accent);font-weight:500}.link:hover{text-decoration:underline}.kv{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:7px 0;font-size:13.5px}.kv+.kv{border-top:1px solid var(--border)}.kv__label{color:var(--text-muted);flex-shrink:0}.kv__value{text-align:right;min-width:0;word-break:break-word}.codebox{background:var(--gray-950);color:#e9eef5;border-radius:var(--r-md);padding:14px;font-family:var(--mono);font-size:12.5px;line-height:1.7;overflow-x:auto;white-space:pre}.event{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 18px;border-bottom:1px solid var(--border)}.event:last-child{border-bottom:0}.event:hover{background:var(--surface-muted)}.event__msg{flex-basis:100%;font-size:12.5px;color:var(--text-muted);margin-top:2px}.pnl-up{color:var(--green-700)}.pnl-down{color:var(--red-700)}[data-theme=dark] .pnl-up{color:var(--green-500)}[data-theme=dark] .pnl-down{color:var(--red-500)}.note-item{border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--surface-muted)}.tl-item{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--border)}.tl-item:last-child{border-bottom:0}.tl-dot{width:8px;height:8px;border-radius:99px;background:var(--brand-500);margin-top:6px;flex-shrink:0}