:root{--bg-main:#1a1d23;--bg-sidebar:#12141a;--bg-panel:#0e1016;--bg-row-hover:#1e2128;--bg-selected:#1d9e7514;--border:#2a2d36;--border-ok:#1d9e75;--border-err:#e24b4a;--border-warn:#e5a234;--accent-green:#1d9e75;--accent-red:#e24b4a;--accent-amber:#e5a234;--accent-blue:#4a90d9;--accent-purple:#8b5cf6;--text-primary:#e4e6ed;--text-secondary:#9aa0b4;--text-dim:#6a7080;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--font-ui:"Inter", system-ui, sans-serif;--row-height:28px;--header-h:44px;--filterbar-h:40px}[data-theme=light]{--bg-main:#f4f5f8;--bg-sidebar:#e8ebf2;--bg-panel:#fff;--bg-row-hover:#ecf0f6;--bg-selected:#1d9e751a;--border:#c8cdd8;--border-ok:#1a8f68;--border-err:#cc3534;--border-warn:#b87e18;--accent-green:#1a8f68;--accent-red:#cc3534;--accent-amber:#b87e18;--accent-blue:#2270c8;--accent-purple:#7c3aed;--text-primary:#1a1d23;--text-secondary:#4a5060;--text-dim:#7a808f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-main);color:var(--text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;font-size:13px;overflow:hidden}#root{height:100vh;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-panel)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}:focus-visible{outline:1px solid var(--accent-green);outline-offset:1px}::selection{background:#1d9e7540}button{font-family:var(--font-ui);cursor:pointer}select,input{font-family:var(--font-ui)}.em-wrap{position:relative}.em-btn{border:1px solid var(--border);color:var(--text-secondary);background:0 0;border-radius:3px;padding:3px 10px;font-size:11px;transition:border-color .15s,color .15s}.em-btn:hover:not(:disabled){border-color:var(--accent-green);color:var(--accent-green)}.em-btn:disabled{opacity:.4;cursor:default}.em-dropdown{z-index:200;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:4px;min-width:240px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden;box-shadow:0 8px 24px #00000080}.em-header{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;padding:8px 12px 6px;font-size:10px;overflow:hidden}.em-item{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:10px;padding:9px 12px;transition:background .1s;display:flex}.em-item:last-child{border-bottom:none}.em-item:hover{background:var(--bg-row-hover)}.em-item strong{font-size:12px;display:block}.em-item small{color:var(--text-secondary);margin-top:1px;font-size:10px;display:block}.em-icon{color:var(--accent-green);text-align:center;flex-shrink:0;width:20px;font-size:16px}.em-toast{z-index:500;background:var(--bg-sidebar);border:1px solid var(--accent-green);color:var(--accent-green);font-size:12px;font-family:var(--font-mono);border-radius:4px;padding:6px 14px;animation:.15s ease-out em-fadein;position:fixed;bottom:20px;right:20px}@keyframes em-fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.tb-wrap{height:var(--header-h);background:var(--bg-sidebar);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:12px;padding:0 12px;display:flex}.tb-logo{align-items:baseline;gap:2px;margin-right:4px;display:flex}.tb-logo-nix{color:var(--accent-green);letter-spacing:-.5px;font-size:16px;font-weight:700}.tb-logo-trace{color:var(--text-primary);letter-spacing:-.5px;font-size:16px;font-weight:400}.tb-logo-tag{color:var(--text-dim);letter-spacing:.5px;text-transform:uppercase;margin-left:4px;font-size:9px}.tb-div{background:var(--border);flex-shrink:0;width:1px;height:20px;margin:0 4px}.tb-conn{font-family:var(--font-mono);align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.tb-conn-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.tb-conn-dot--live{background:var(--accent-green);box-shadow:0 0 4px var(--accent-green)}.tb-conn-dot--local{background:var(--accent-amber)}.tb-conn-dot--dead{background:var(--text-dim)}.tb-conn-label--live{color:var(--accent-green)}.tb-conn-label--local{color:var(--accent-amber)}.tb-conn-label--dead{color:var(--text-dim)}.tb-scenarios{gap:4px;display:flex}.tb-scenario-btn{border:1px solid var(--border);color:var(--text-secondary);font-size:11px;font-family:var(--font-ui);white-space:nowrap;background:0 0;border-radius:3px;padding:3px 9px;transition:border-color .15s,color .15s,background .15s}.tb-scenario-btn:hover{border-color:var(--accent-blue);color:var(--text-primary)}.tb-scenario-btn--active{border-color:var(--accent-green);color:var(--accent-green);background:#1d9e7514}.tb-spacer{flex:1}.tb-live-toggle{border:1px solid var(--border);color:var(--text-secondary);background:0 0;border-radius:3px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;transition:border-color .15s,color .15s,background .15s;display:flex}.tb-live-toggle--on{border-color:var(--accent-green);color:var(--accent-green);background:#1d9e7514}.tb-live-pulse{background:var(--accent-green);border-radius:50%;width:6px;height:6px;animation:1.4s infinite tb-pulse}@keyframes tb-pulse{0%,to{opacity:1}50%{opacity:.3}}.tb-mode-select{background:var(--bg-panel);border:1px solid var(--border);color:var(--text-secondary);font-size:11px;font-family:var(--font-ui);cursor:pointer;appearance:none;border-radius:3px;outline:none;padding:3px 8px;transition:border-color .15s,color .15s}.tb-mode-select:focus{border-color:var(--accent-green);color:var(--text-primary)}.tb-mode-select option{background:var(--bg-sidebar)}.tb-trigger-btn{border:1px solid var(--border);color:var(--text-secondary);background:0 0;border-radius:3px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;transition:border-color .15s,color .15s;display:flex;position:relative}.tb-trigger-btn:hover,.tb-trigger-btn--active{border-color:var(--accent-amber);color:var(--accent-amber)}.tb-trigger-btn--has-rules{border-color:var(--accent-amber)}.tb-trigger-count{background:var(--accent-amber);color:#000;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:700;display:inline-flex}.tb-theme-btn{border:1px solid var(--border);color:var(--text-secondary);font-size:11px;font-family:var(--font-ui);white-space:nowrap;letter-spacing:.2px;background:0 0;border-radius:3px;align-items:center;padding:3px 10px;transition:border-color .15s,color .15s,background .15s;display:flex}.tb-theme-btn:hover{border-color:var(--accent-blue);color:var(--text-primary);background:#4a90d914}.tb-clock{font-family:var(--font-mono);color:var(--text-secondary);text-align:right;min-width:66px;font-size:13px}.fb-wrap{height:var(--filterbar-h);background:var(--bg-sidebar);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:0 12px;display:flex;overflow-x:auto}.fb-wrap::-webkit-scrollbar{height:3px}.fb-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0;font-size:10px}.fb-input{background:var(--bg-panel);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-mono);border-radius:3px;outline:none;width:140px;padding:3px 8px;font-size:12px;transition:border-color .15s}.fb-input::placeholder{color:var(--text-dim)}.fb-input:focus{border-color:var(--accent-green)}.fb-select{background:var(--bg-panel);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-ui);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%234A4F5E'/%3E%3C/svg%3E");background-position:right 7px center;background-repeat:no-repeat;border-radius:3px;outline:none;padding:3px 24px 3px 8px;font-size:12px;transition:border-color .15s}.fb-select:focus{border-color:var(--accent-green)}.fb-select option{background:var(--bg-sidebar)}.fb-select--active{border-color:var(--accent-amber);color:var(--accent-amber)}.fb-div{background:var(--border);flex-shrink:0;width:1px;height:18px;margin:0 2px}.fb-clear-btn{border:1px solid var(--border);color:var(--text-dim);white-space:nowrap;background:0 0;border-radius:3px;flex-shrink:0;align-items:center;gap:4px;padding:3px 8px;font-size:11px;transition:border-color .15s,color .15s;display:flex}.fb-clear-btn:hover{border-color:var(--accent-red);color:var(--accent-red)}.st-wrap{background:var(--bg-main);border-right:1px solid var(--border);flex-direction:column;min-width:0;height:100%;display:flex;overflow:hidden}.st-header{background:var(--bg-sidebar);border-bottom:1px solid var(--border);height:26px;color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;-webkit-user-select:none;user-select:none;flex-shrink:0;grid-template-columns:90px 130px 176px 62px 68px 76px 40px;align-items:center;padding:0 4px;font-size:11px;font-weight:600;display:grid}.st-header-cell{white-space:nowrap;padding:0 4px;overflow:hidden}.st-header-cell.right{text-align:right}.st-scroll{flex:1;position:relative;overflow:hidden auto}.st-virtual-inner{width:100%;position:relative}.st-row{cursor:pointer;border-bottom:1px solid #0000;border-left:3px solid #0000;grid-template-columns:90px 130px 176px 62px 68px 76px 40px;align-items:center;height:28px;padding:0 4px;transition:background .1s;display:grid;position:absolute;left:0;right:0}.st-row:hover{background:var(--bg-row-hover)}.st-row--err{border-left-color:var(--border-err)}.st-row--warn{border-left-color:var(--border-warn)}.st-row--selected{border-left-color:var(--border-ok);background:var(--bg-selected)!important}.st-row--new{animation:.2s ease-out st-fadein}@keyframes st-fadein{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.st-cell{white-space:nowrap;text-overflow:ellipsis;padding:0 4px;overflow:hidden}.st-cell.mono{font-family:var(--font-mono);font-size:12px}.st-cell.right{text-align:right}.st-cell.center{text-align:center}.st-dot{border-radius:50%;width:8px;height:8px;margin:0 auto;display:inline-block}.st-dot--ok{background:var(--accent-green)}.st-dot--err{background:var(--accent-red)}.st-dot--warn{background:var(--accent-amber)}.st-slice{letter-spacing:.3px;border-radius:3px;padding:1px 5px;font-size:10px;font-weight:600;display:inline-block}.st-slice--eMBB{color:#5ba3f5;background:#185fa540}.st-slice--uRLLC{color:#1d9e75;background:#1d9e7533}.st-slice--mMTC{color:#a78bfa;background:#8b5cf633}.st-new-badge{z-index:10;background:var(--accent-green);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;transition:opacity .2s;position:absolute;top:4px;right:16px}.st-empty{height:100%;color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.st-empty-icon{opacity:.4;font-size:28px}.ld-wrap{background:var(--bg-panel);flex-direction:column;height:100%;display:flex;overflow:hidden}.ld-toolbar{background:var(--bg-sidebar);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:34px;padding:0 12px;display:flex}.ld-title{color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:600}.ld-export-btn{border:1px solid var(--border);color:var(--text-secondary);background:0 0;border-radius:3px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;transition:border-color .15s,color .15s;display:flex}.ld-export-btn:hover{border-color:var(--accent-green);color:var(--accent-green)}.ld-scroll{flex:1;padding:12px;overflow:auto}.ld-empty{height:100%;color:var(--text-dim);flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.ld-empty-icon{opacity:.35;font-size:32px}.ld-msg-row{cursor:pointer}.ld-msg-row:hover .ld-hover-rect{fill:#ffffff09}.ld-msg-row--selected .ld-hover-rect{fill:#1d9e7514}.md-wrap{background:var(--bg-panel);flex-direction:column;height:100%;display:flex;overflow:hidden}.md-toolbar{background:var(--bg-sidebar);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;height:34px;padding:0 12px;display:flex}.md-title{color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:600}.md-msg-tag{font-size:11px;font-family:var(--font-mono);color:var(--text-primary);opacity:.85}.md-body{flex:1;grid-template-rows:30% 40% 30%;display:grid;overflow:hidden}.md-msglist{border-bottom:1px solid var(--border);overflow-y:auto}.md-msg-row{cursor:pointer;border-left:2px solid #0000;align-items:center;gap:8px;height:26px;padding:0 10px;transition:background .1s;display:flex}.md-msg-row:hover{background:var(--bg-row-hover)}.md-msg-row--selected{border-left-color:var(--border-ok);background:var(--bg-selected)}.md-msg-row--err{border-left-color:var(--border-err)!important}.md-msg-row--warn{border-left-color:var(--border-warn)!important}.md-seq{font-family:var(--font-mono);color:var(--text-dim);text-align:right;min-width:20px;font-size:10px}.md-msgname{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.md-proto-badge{font-size:9px;font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-secondary);background:#ffffff0f;border-radius:2px;padding:1px 4px}.md-byte-count{font-family:var(--font-mono);color:var(--text-dim);text-align:right;min-width:44px;font-size:10px}.md-decode{border-bottom:1px solid var(--border);font-family:var(--font-mono);padding:6px 0;font-size:12px;line-height:20px;overflow-y:auto}.dt-node{white-space:nowrap;padding:0 8px}.dt-section{cursor:pointer;color:var(--text-primary);-webkit-user-select:none;user-select:none;align-items:center;gap:4px;font-weight:500;display:flex}.dt-section:hover{color:var(--accent-green)}.dt-chevron{color:var(--text-dim);font-size:10px}.dt-leaf{gap:6px;display:flex}.dt-key{color:var(--accent-blue)}.dt-value{color:var(--accent-green)}.dt-hex{color:var(--text-secondary);font-size:11px}.dt-err .dt-key,.dt-err .dt-value{color:var(--accent-red)!important}.dt-empty{color:var(--text-dim);padding:8px 12px;font-size:12px}.md-hex{font-family:var(--font-mono);padding:6px 12px;font-size:12px;line-height:18px;overflow-y:auto}.hex-row{white-space:nowrap;gap:0;display:flex}.hex-offset{color:var(--accent-blue);min-width:44px}.hex-bytes{flex:none;gap:0;display:flex}.hex-byte{min-width:22px;color:var(--text-primary)}.hex-byte:hover{color:var(--accent-green);background:#1d9e752e;border-radius:2px}.hex-empty{min-width:22px;color:var(--text-dim)}.hex-gap{min-width:10px}.hex-ascii{color:var(--text-secondary);border-left:1px solid var(--border);letter-spacing:.5px;margin-left:4px;padding-left:8px}.md-empty{height:100%;color:var(--text-dim);justify-content:center;align-items:center;font-size:13px;display:flex}.kpi-wrap{background:var(--bg-panel);flex-direction:column;height:100%;display:flex;overflow:hidden}.kpi-toolbar{background:var(--bg-sidebar);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;height:34px;padding:0 12px;display:flex}.kpi-title{color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:600}.kpi-body{flex-direction:column;flex:1;gap:14px;padding:12px;display:flex;overflow-y:auto}.kpi-cards{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.kpi-card{background:var(--bg-main);border:1px solid var(--border);border-radius:4px;padding:10px 12px}.kpi-card--err{border-color:var(--border-err)}.kpi-card-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:10px}.kpi-card-value{font-family:var(--font-mono);color:var(--text-primary);font-size:18px;font-weight:600;line-height:1}.kpi-card-value.ok{color:var(--accent-green)}.kpi-card-value.err{color:var(--accent-red)}.kpi-card-value.warn{color:var(--accent-amber)}.kpi-card-sub{color:var(--text-dim);font-size:10px;font-family:var(--font-mono);margin-top:4px}.kpi-err-banner{color:var(--accent-red);font-size:12px;font-family:var(--font-mono);background:#e24b4a1a;border:1px solid #e24b4a4d;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;display:flex}.kpi-err-icon{font-size:14px}.kpi-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:10px;font-weight:600}.kpi-ctx-table{border-collapse:collapse;width:100%;font-size:12px}.kpi-ctx-table tr{border-bottom:1px solid var(--border)}.kpi-ctx-table tr:last-child{border-bottom:none}.kpi-ctx-key{color:var(--text-secondary);white-space:nowrap;width:120px;padding:5px 8px 5px 0;font-size:11px}.kpi-ctx-val{font-family:var(--font-mono);color:var(--text-primary);word-break:break-all;padding:5px 0;font-size:11px}.kpi-timeline{background:var(--bg-main);border:1px solid var(--border);border-radius:3px;height:16px;display:flex;overflow:hidden}.kpi-timeline-seg{min-width:2px;height:100%;transition:filter .15s}.kpi-timeline-seg:hover{filter:brightness(1.4)}.kpi-timeline-seg--ok{background:var(--accent-green)}.kpi-timeline-seg--err{background:var(--accent-red)}.kpi-timeline-seg--warn{background:var(--accent-amber)}.kpi-empty{height:100%;color:var(--text-dim);justify-content:center;align-items:center;font-size:13px;display:flex}.dpi-wrap{background:var(--bg-panel);flex-direction:column;height:100%;display:flex;overflow:hidden}.dpi-toolbar{background:var(--bg-sidebar);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:34px;padding:0 12px;display:flex}.dpi-title{color:var(--text-secondary);letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:600}.dpi-app-tag{font-size:11px;font-family:var(--font-mono);color:var(--accent-green)}.dpi-body{flex-direction:column;flex:1;gap:14px;padding:12px;display:flex;overflow-y:auto}.dpi-cards{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.dpi-card{background:var(--bg-main);border:1px solid var(--border);border-radius:4px;padding:10px 12px}.dpi-card-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:10px}.dpi-card-value{font-family:var(--font-mono);color:var(--text-primary);font-size:16px;font-weight:600}.dpi-card-sub{color:var(--text-dim);font-size:10px;font-family:var(--font-mono);margin-top:3px}.dpi-mos{font-size:22px!important}.dpi-mos--good{color:var(--accent-green)!important}.dpi-mos--ok{color:var(--accent-amber)!important}.dpi-mos--bad{color:var(--accent-red)!important}.dpi-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:10px;font-weight:600}.dpi-flow-table{border-collapse:collapse;width:100%;font-size:12px}.dpi-flow-table th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:1px solid var(--border);padding:4px 8px;font-size:10px}.dpi-flow-table td{border-bottom:1px solid var(--border);font-family:var(--font-mono);padding:5px 8px}.dpi-flow-table tr:last-child td{border-bottom:none}.dpi-gbr-badge{border-radius:2px;padding:1px 5px;font-size:10px;font-weight:600;display:inline-block}.dpi-gbr-badge--gbr{color:var(--accent-green);background:#1d9e7533}.dpi-gbr-badge--nongbr{color:var(--text-dim);background:#ffffff0d}.dpi-throughput{flex-direction:column;gap:6px;display:flex}.dpi-th-row{align-items:center;gap:8px;display:flex}.dpi-th-label{color:var(--text-secondary);min-width:24px;font-size:11px}.dpi-th-bar-wrap{background:var(--bg-main);border:1px solid var(--border);border-radius:5px;flex:1;height:10px;overflow:hidden}.dpi-th-bar{border-radius:5px;height:100%;transition:width .4s}.dpi-th-bar--dl{background:var(--accent-blue)}.dpi-th-bar--ul{background:var(--accent-green)}.dpi-th-val{font-family:var(--font-mono);color:var(--text-secondary);text-align:right;min-width:64px;font-size:11px}.dpi-anomalies{flex-direction:column;gap:6px;display:flex}.dpi-anomaly{color:var(--accent-red);background:#e24b4a14;border:1px solid #e24b4a40;border-radius:3px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;display:flex}.dpi-empty{height:100%;color:var(--text-dim);justify-content:center;align-items:center;font-size:13px;display:flex}.tm-overlay{z-index:400;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tm-modal{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:6px;flex-direction:column;width:520px;max-height:80vh;display:flex;box-shadow:0 16px 48px #0009}.tm-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.tm-title{color:var(--text-primary);letter-spacing:.3px;font-size:13px;font-weight:600}.tm-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:13px}.tm-close:hover{color:var(--accent-red)}.tm-body{padding:0;overflow-y:auto}.tm-section{border-bottom:1px solid var(--border);padding:14px 16px}.tm-section:last-child{border-bottom:none}.tm-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:10px;font-weight:600}.tm-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.tm-row--3{gap:6px}.tm-label{color:var(--text-secondary);flex-shrink:0;min-width:140px;font-size:12px}.tm-input{background:var(--bg-panel);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-mono);border-radius:3px;outline:none;width:80px;padding:4px 8px;font-size:12px;transition:border-color .15s}.tm-input:focus{border-color:var(--accent-green)}.tm-input--wide{flex:1;width:auto}.tm-select{background:var(--bg-panel);border:1px solid var(--border);color:var(--text-primary);font-size:12px;font-family:var(--font-ui);cursor:pointer;border-radius:3px;outline:none;flex:1;padding:4px 8px}.tm-hint{color:var(--text-dim);margin-top:4px;font-size:11px;line-height:1.5}.tm-toggle{border:1px solid var(--border);color:var(--text-dim);font-size:11px;font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:3px;padding:3px 10px;transition:border-color .15s,color .15s}.tm-toggle--on{border-color:var(--accent-green);color:var(--accent-green)}.tm-rule{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:7px 0;display:flex}.tm-rule:last-child{border-bottom:none}.tm-rule--disabled{opacity:.45}.tm-rule-toggle{cursor:pointer;color:var(--accent-green);text-align:center;background:0 0;border:none;flex-shrink:0;width:20px;font-size:13px}.tm-rule--disabled .tm-rule-toggle{color:var(--text-dim)}.tm-rule-body{flex:1;min-width:0}.tm-rule-label{color:var(--text-primary);font-size:12px;display:block}.tm-rule-cond{color:var(--text-secondary);font-size:10px;font-family:var(--font-mono);margin-top:2px;display:block}.tm-rule-del{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px 5px;font-size:11px}.tm-rule-del:hover{color:var(--accent-red)}.tm-add-btn{border:1px solid var(--accent-green);color:var(--accent-green);cursor:pointer;background:0 0;border-radius:3px;margin-top:10px;padding:5px 14px;font-size:12px;transition:background .15s}.tm-add-btn:hover:not(:disabled){background:#1d9e751a}.tm-add-btn:disabled{opacity:.4;cursor:default;border-color:var(--border);color:var(--text-dim)}.login-wrap{background:var(--bg-main);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:24px;width:360px;padding:40px 36px;display:flex}.login-logo{justify-content:center;align-items:baseline;gap:2px;display:flex}.login-logo-nix{color:var(--accent-green);letter-spacing:-.5px;font-size:24px;font-weight:700}.login-logo-trace{color:var(--text-primary);letter-spacing:-.5px;font-size:24px;font-weight:400}.login-logo-tag{color:var(--text-dim);letter-spacing:.5px;text-transform:uppercase;margin-left:6px;font-size:10px}.login-subtitle{color:var(--text-secondary);text-align:center;margin:0;font-size:13px;line-height:1.5}.login-form{flex-direction:column;gap:12px;display:flex}.login-input{background:var(--bg-panel);border:1px solid var(--border);color:var(--text-primary);font-size:13px;font-family:var(--font-ui);border-radius:4px;outline:none;padding:9px 12px;transition:border-color .15s}.login-input:focus{border-color:var(--accent-green)}.login-input::placeholder{color:var(--text-dim)}.login-btn{background:var(--accent-green);color:#fff;font-size:13px;font-family:var(--font-ui);cursor:pointer;border:none;border-radius:4px;padding:9px 12px;font-weight:600;transition:opacity .15s}.login-btn:hover:not(:disabled){opacity:.88}.login-btn:disabled{opacity:.45;cursor:not-allowed}.login-error{color:var(--accent-red);text-align:center;margin:0;font-size:12px}.login-sent{text-align:center;color:var(--text-primary);flex-direction:column;align-items:center;gap:10px;font-size:13px;display:flex}.login-sent p{margin:0}.login-sent-icon{width:40px;height:40px;color:var(--accent-green);background:#1d9e7526;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.login-sent-hint{color:var(--text-dim);font-size:12px}.app{grid-template-rows:var(--header-h) var(--filterbar-h) 1fr;height:100vh;display:grid;overflow:hidden}.app-body{grid-template-columns:480px 1fr;min-height:0;display:grid;overflow:hidden}.app-right{flex-direction:column;min-height:0;display:flex;overflow:hidden}.app-tabs{background:var(--bg-sidebar);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;display:flex}.app-tab{height:34px;color:var(--text-secondary);letter-spacing:.3px;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:0 18px;font-size:12px;font-weight:500;transition:color .15s,border-color .15s}.app-tab:hover{color:var(--text-primary)}.app-tab--active{color:var(--accent-green);border-bottom-color:var(--accent-green)}.app-panel{flex:1;min-height:0;overflow:hidden}