.tf{--bg:#0d0d0c;--surface:#161614;--surface2:#1e1e1c;--surface3:#262624;--border:#ffffff0e;--border-md:#ffffff1a;--border-strong:#ffffff2e;--text-1:#edecea;--text-2:#888580;--text-3:#4a4845;--accent:#5cdb95;--accent-bg:#5cdb951a;--warn:#e6a817;--warn-bg:#e6a8171a;--err:#e05c5c;--success:#5cdb95;--success-bg:#5cdb951a;background:var(--bg);width:100%;height:100%;color:var(--text-1);font-family:var(--font-inter), system-ui, sans-serif;-webkit-font-smoothing:antialiased;text-align:left;-webkit-user-select:none;user-select:none;font-size:13px;line-height:1.5;display:flex}.tf *{letter-spacing:normal}.tf-side{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:196px;display:flex}.tf-brand{align-items:center;gap:10px;padding:16px;font-weight:600;display:flex}.tf-dot{background:var(--accent);border-radius:999px;width:10px;height:10px}.tf-nav{flex:1;padding:0 8px}.tf-navitem{height:36px;color:var(--text-2);border-radius:8px;align-items:center;padding:0 12px;font-size:12px;font-weight:500;transition:background .15s,color .15s;display:flex}.tf-navitem[data-active=true]{color:var(--text-1);background:var(--surface2)}.tf-signout{border-top:1px solid var(--border);color:var(--err);text-align:center;padding:12px;font-size:11px;font-weight:500}.tf-main{flex:1;min-width:0;padding:24px;position:relative;overflow:hidden}.tf-fade{animation:.3s cubic-bezier(.2,.7,.2,1) both tf-fade}.tf-out{opacity:0;transition:opacity .16s}@keyframes tf-fade{0%{opacity:0;transform:translateY(5px)}}.tf-loadbar{background:var(--accent);z-index:5;height:2px;animation:.45s ease-out both tf-load;position:absolute;top:0;left:0}@keyframes tf-load{0%{opacity:1;width:0}to{opacity:0;width:100%}}.tf-h1{font-size:24px;font-weight:600;line-height:1.35;letter-spacing:-.02em!important}.tf-h2{font-size:20px;font-weight:600;line-height:1.35;letter-spacing:-.01em!important}.tf-body{color:var(--text-3);margin-top:8px;font-size:12px;line-height:1.6}.tf-label{text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:600;letter-spacing:.08em!important}.tf-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:24px}.tf-metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.tf-metric{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px 16px}.tf-metric-label{text-transform:uppercase;color:var(--text-3);margin-bottom:14px;font-size:10px;font-weight:600;letter-spacing:.08em!important}.tf-metric-value{font-size:22px;font-weight:600;line-height:1;letter-spacing:-.02em!important}.tf-metric-sub{color:var(--text-3);margin-top:4px;font-size:11px}.tf-btn{white-space:nowrap;cursor:default;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:500;display:inline-flex}.tf-btn-sm{border-radius:5px;height:26px;padding:0 12px;font-size:11px}.tf-btn-md{border-radius:8px;height:30px;padding:0 16px;font-size:12px}.tf-btn-lg{border-radius:8px;width:100%;height:34px;padding:0 20px;font-size:13px}.tf-btn-primary{background:var(--text-1);color:var(--bg);border-color:var(--text-1)}.tf-btn-ghost{color:var(--text-2)}.tf-btn-accent{background:var(--accent);color:#0d0d0c;border-color:var(--accent)}.tf-btn-off{opacity:.45}.tf-field{flex-direction:column;gap:4px;display:flex}.tf-input-label{text-transform:uppercase;color:var(--text-3);font-size:10px;font-weight:600;letter-spacing:.08em!important}.tf-input{border:1px solid var(--border-md);background:var(--surface2);height:30px;color:var(--text-1);white-space:nowrap;border-radius:8px;align-items:center;width:100%;padding:0 12px;font-size:12px;display:flex;overflow:hidden}.tf-input-area{white-space:normal;align-items:flex-start;height:auto;padding:12px;line-height:1.5}.tf-caret{background:var(--text-1);width:1px;height:14px;margin-left:1px;animation:1s step-end infinite tf-blink;display:inline-block}@keyframes tf-blink{50%{opacity:0}}.tf-badge{border-radius:999px;align-items:center;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.tf-badge-neutral{background:var(--surface2);color:var(--text-2);border:1px solid var(--border)}.tf-badge-success{background:var(--success-bg);color:var(--success)}.tf-badge-warn{background:var(--warn-bg);color:var(--warn)}.tf-table{border-collapse:collapse;width:100%}.tf-table th{text-align:left;text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 8px;font-size:10px;font-weight:600;letter-spacing:.08em!important}.tf-table td{border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 8px;font-size:12px}.tf-table tr:last-child td{border-bottom:0}.tf-row{justify-content:space-between;align-items:center;display:flex}.tf-line{justify-content:space-between;margin-bottom:8px;display:flex}.tf-total{border-top:1px solid var(--border);justify-content:space-between;margin-top:12px;padding-top:12px;font-weight:600;display:flex}.tf-divider{border-top:1px solid var(--border);margin:20px 0}.tf-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.tf-profit{background:var(--accent-bg);border:1px solid #5cdb9533;border-radius:8px;margin-bottom:16px;padding:16px}.tf-navitem,.tf-btn,.tf-input{transition:background .18s,color .18s,border-color .18s,opacity .18s,transform .14s}.tf-navitem[data-hover=true]{background:var(--surface2);color:var(--text-1)}.tf-btn-ghost[data-hover=true]{color:var(--text-1);background:var(--surface2);border-color:var(--border-md)}.tf-btn-primary[data-hover=true],.tf-btn-accent[data-hover=true]{opacity:.85}.tf-input[data-hover=true]{border-color:var(--border-strong)}.tf-navitem[data-press=true],.tf-btn[data-press=true],.tf-input[data-press=true]{transform:scale(.97)}.tf-mob{flex-direction:column;position:relative;overflow:hidden}.tf-mob .tf-card{padding:16px}.tf-mob .tf-metrics{grid-template-columns:1fr}.tfm-top{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;height:56px;padding:0 16px;font-size:15px;font-weight:600;display:flex}.tfm-burger{width:32px;height:32px;color:var(--text-2);border-radius:8px;justify-content:center;align-items:center;font-size:17px;font-weight:400;transition:background .18s,color .18s,transform .14s;display:flex}.tfm-burger[data-hover=true]{background:var(--surface2);color:var(--text-1)}.tfm-burger[data-press=true]{transform:scale(.92)}.tfm-body{flex:1;min-height:0;position:relative}.tfm-body .tf-main{position:absolute;inset:0}.tfm-overlay{z-index:9;opacity:0;pointer-events:none;background:#00000080;transition:opacity .22s;position:absolute;inset:0}.tfm-overlay[data-open=true]{opacity:1}.tfm-drawer{z-index:10;background:var(--surface);border-right:1px solid var(--border);flex-direction:column;width:260px;transition:transform .22s;display:flex;position:absolute;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:4px 0 24px #00000080}.tfm-drawer[data-open=true]{transform:none}.tfm-cards{flex-direction:column;gap:12px;display:flex}.tfm-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;transition:background .18s,border-color .18s,transform .14s}.tfm-card[data-hover=true]{background:var(--surface2);border-color:var(--border-md)}.tfm-card[data-press=true]{transform:scale(.98)}.tfm-card-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px;display:flex}.tfm-card-title{font-size:14px;font-weight:600}.tfm-card-row{justify-content:space-between;align-items:center;gap:12px;padding:4px 0;display:flex}.tfm-card-row+.tfm-card-row{border-top:1px solid var(--border);margin-top:8px;padding-top:8px}.tfm-card-label{color:var(--text-3);font-size:11px}.tfm-card-value{text-align:right;font-size:12px}