:root{color-scheme:dark;--bg-base: #0a0a0f;--bg-surface: #12121a;--bg-elevated: #1a1a2e;--bg-overlay: rgba(10, 10, 15, .75);--border-subtle: #1f1f2e;--border-default: #2a2a40;--border-glow: rgba(153, 69, 255, .4);--text-primary: #f4f4f8;--text-secondary: #a0a0b8;--text-muted: #6b6b85;--accent-primary: #9945ff;--accent-secondary: #14f195;--accent-tertiary: #00e5ff;--accent-gold: #ffb800;--success: #14f195;--warning: #ffb800;--danger: #ff3d71;--info: #00e5ff;--gradient-hero: linear-gradient(135deg, #9945ff 0%, #14f195 100%);--gradient-card: linear-gradient(145deg, rgba(153, 69, 255, .12), rgba(20, 241, 149, .04));--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6);--glow-primary: 0 0 24px rgba(153, 69, 255, .35);--glow-secondary: 0 0 24px rgba(20, 241, 149, .25)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 900px 480px at 80% -10%,rgba(153,69,255,.14),transparent 65%),radial-gradient(ellipse 700px 420px at 10% 110%,rgba(20,241,149,.07),transparent 65%),var(--bg-base);background-attachment:fixed;color:var(--text-primary);font:14px/1.5 -apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif}#root{max-width:1240px;margin:0 auto;padding:20px 16px}.mono{font-family:ui-monospace,SF Mono,JetBrains Mono,Menlo,monospace}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}.pos{color:var(--success)}.neg{color:var(--danger)}header{display:flex;align-items:center;gap:20px;padding:10px 0 14px;margin-bottom:20px;border-bottom:1px solid var(--border-subtle)}.brand{display:flex;align-items:baseline;gap:8px;margin:0;font-size:20px;font-weight:800;letter-spacing:.12em;background:var(--gradient-hero);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;-webkit-user-select:none;user-select:none}.brand-sub{font-size:10px;font-weight:500;letter-spacing:.2em;color:var(--text-muted);text-transform:uppercase;-webkit-text-fill-color:var(--text-muted)}nav{display:flex;gap:4px;flex:1}nav button{background:none;border:1px solid transparent;color:var(--text-secondary);padding:6px 14px;border-radius:8px;cursor:pointer;font-size:14px;transition:color .15s,background .15s,border-color .15s}nav button.active{background:#9945ff24;border-color:var(--border-glow);color:var(--text-primary)}nav button:hover{color:var(--text-primary)}header .logout{background:none;border:1px solid var(--border-default);color:var(--text-muted);border-radius:8px;padding:5px 12px;cursor:pointer;transition:.15s}header .logout:hover{border-color:var(--danger);color:var(--danger)}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:18px}.tile{position:relative;overflow:hidden;background:#12121ab8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-default);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow-md)}.tile:before{content:"";position:absolute;inset:0 0 auto 0;height:2px;background:var(--gradient-hero);opacity:.55}.tile .label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.tile .value{font-size:23px;font-weight:650;font-variant-numeric:tabular-nums}.tile .sub{font-size:12px;color:var(--text-secondary);margin-top:2px}.card{background:#12121ab8;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-default);border-radius:12px;padding:16px;margin-bottom:18px;box-shadow:var(--shadow-md)}.card h2{display:flex;align-items:center;gap:8px;font-size:12px;margin:0 0 12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.card h2:before{content:"";width:3px;height:14px;border-radius:2px;background:var(--gradient-hero)}.card h2 .live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-secondary);box-shadow:0 0 8px var(--accent-secondary);animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.card h2 .hint{font-weight:400;text-transform:none;letter-spacing:0;color:var(--text-muted);margin-left:auto;font-size:11px}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--text-muted);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:7px 10px;border-bottom:1px solid var(--border-default);white-space:nowrap}td{padding:7px 10px;border-bottom:1px solid var(--border-subtle);vertical-align:middle;white-space:nowrap}tr.clickable{cursor:pointer}tr.clickable:hover td{background:#9945ff14}tr:last-child td{border-bottom:none}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.token-cell{font-weight:600}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;padding:2px 9px;border-radius:999px;background:#ffffff08;color:var(--text-secondary);border:1px solid var(--border-default);line-height:1.5}.badge.opened{border-color:#14f1958c;color:var(--accent-secondary);background:#14f19514}.badge.good{border-color:#14f1958c;color:var(--success);background:#14f19514}.badge.bad{border-color:#ff3d718c;color:var(--danger);background:#ff3d7114}.badge.warn{border-color:#ffb80080;color:var(--warning);background:#ffb80012}.badge.info{border-color:#00e5ff80;color:var(--info);background:#00e5ff12}.badge.route{border-color:#9945ff8c;color:#c9a2ff;background:#9945ff1a}.reasoning{white-space:normal;color:var(--text-secondary);font-size:12.5px;line-height:1.55}.reason-preview{display:inline-block;max-width:340px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;color:var(--text-muted);font-size:12px}.scorebar{display:inline-flex;gap:6px}.scorebar .dim{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:var(--text-muted)}.scorebar .dim i{display:inline-block;width:22px;height:5px;border-radius:3px;background:var(--border-default);position:relative;overflow:hidden;font-style:normal}.scorebar .dim i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:var(--w, 0%);background:var(--gradient-hero);border-radius:3px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--bg-overlay);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px 16px;overflow-y:auto}.modal{width:100%;max-width:660px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:16px;box-shadow:var(--shadow-lg),var(--glow-primary);animation:modal-in .16s ease-out}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.985)}}.modal-head{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.modal-head .title{font-size:17px;font-weight:700;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.modal-head .close{margin-left:auto;background:none;border:1px solid var(--border-default);color:var(--text-muted);border-radius:8px;width:30px;height:30px;cursor:pointer;font-size:15px;line-height:1;flex-shrink:0}.modal-head .close:hover{color:var(--text-primary);border-color:var(--border-glow)}.modal-body{padding:16px 20px 20px}.modal-section{margin-bottom:16px}.modal-section:last-child{margin-bottom:0}.modal-section h3{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:0 0 8px;font-weight:600}.kv{display:grid;grid-template-columns:160px 1fr;row-gap:6px;column-gap:12px;font-size:13px}.kv .k{color:var(--text-muted)}.kv .v{color:var(--text-primary);overflow-wrap:anywhere;white-space:normal}.mint-line{display:flex;align-items:center;gap:8px}.mint-line code{font-family:ui-monospace,Menlo,monospace;font-size:12px;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:6px;padding:3px 8px;overflow-wrap:anywhere;white-space:normal}.copy-btn{background:none;border:1px solid var(--border-default);color:var(--text-secondary);border-radius:6px;padding:2px 8px;cursor:pointer;font-size:11px;flex-shrink:0}.copy-btn:hover{border-color:var(--border-glow);color:var(--text-primary)}.ext-links{display:flex;gap:8px;flex-wrap:wrap}.ext-links a{font-size:12px;color:var(--accent-tertiary);text-decoration:none;border:1px solid rgba(0,229,255,.3);border-radius:999px;padding:3px 11px;transition:.15s}.ext-links a:hover{background:#00e5ff14;border-color:var(--accent-tertiary)}.meter-row{display:grid;grid-template-columns:90px 1fr 44px;gap:10px;align-items:center;padding:3px 0;font-size:12.5px}.meter-row .track{background:var(--border-subtle);border-radius:4px;height:8px;overflow:hidden}.meter-row .fill{height:100%;border-radius:4px;background:var(--gradient-hero)}.meter-row .val{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-secondary)}.reason-list{margin:0;padding-left:18px;font-size:12.5px;color:var(--text-secondary)}.reason-list li{margin-bottom:3px;overflow-wrap:anywhere;white-space:normal}.callout{border:1px solid var(--border-default);border-left:3px solid var(--accent-primary);border-radius:8px;padding:10px 12px;font-size:12.5px;color:var(--text-secondary);background:#9945ff0d;white-space:normal}.callout.warn{border-left-color:var(--warning);background:#ffb8000d}.callout.bad{border-left-color:var(--danger);background:#ff3d710d}.callout.good{border-left-color:var(--success);background:#14f1950d}.chart{position:relative}.chart svg{display:block;width:100%}.chart .tooltip{position:absolute;pointer-events:none;z-index:5;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;padding:6px 10px;font-size:12px;color:var(--text-primary);transform:translate(-50%,-115%);white-space:nowrap;box-shadow:var(--shadow-md)}.barlist .row{display:grid;grid-template-columns:140px 1fr 130px;gap:10px;align-items:center;padding:4px 0}.barlist .track{background:var(--border-subtle);border-radius:4px;height:12px;position:relative}.barlist .fill{height:100%;border-radius:4px;background:var(--gradient-hero);min-width:2px}.barlist .fill.negpnl{background:var(--danger)}.barlist .meta{font-size:12px;color:var(--text-secondary);text-align:right;font-variant-numeric:tabular-nums}.login{max-width:360px;margin:16vh auto;text-align:center}.login .brand{font-size:34px;justify-content:center}.login .tagline{color:var(--text-muted);font-size:13px;margin:6px 0 24px;letter-spacing:.04em}.login input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary);font-size:14px;margin:8px 0;outline:none;transition:.15s}.login input:focus{border-color:var(--border-glow);box-shadow:0 0 0 3px #9945ff26}.login button{width:100%;padding:12px;border-radius:10px;border:none;background:var(--gradient-hero);color:#0a0a0f;font-size:14px;font-weight:700;cursor:pointer;letter-spacing:.03em;transition:.15s}.login button:hover{box-shadow:var(--glow-primary)}.login .error{color:var(--danger);font-size:13px}.pagination{display:flex;gap:8px;align-items:center;margin-top:12px}.pagination button{background:#ffffff08;color:var(--text-secondary);border:1px solid var(--border-default);border-radius:8px;padding:5px 13px;cursor:pointer;transition:.15s}.pagination button:hover:not(:disabled){border-color:var(--border-glow);color:var(--text-primary)}.pagination button:disabled{opacity:.35;cursor:default}.filters{display:flex;gap:8px;margin-bottom:12px}.filters select{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default);border-radius:8px;padding:5px 10px}