.tf-panel{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.tf-panel+.tf-panel{margin-top:var(--space-4)}.tf-panel__title{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);margin:0 0 var(--space-3);font-size:.78rem;font-weight:700}.tf-row{gap:var(--space-4);flex-wrap:wrap;align-items:flex-end;display:flex}.tf-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));display:grid}.tf-grid--2{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));display:grid}.tf-field{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.tf-field>label,.tf-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);font-size:.78rem;font-weight:600}.tf-input,.tf-textarea{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-bg);min-height:44px;color:var(--color-text);box-sizing:border-box;width:100%;padding:8px 12px;font-family:inherit;font-size:.92rem;transition:border-color .15s,box-shadow .15s}.tf-select{appearance:none;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background-color:var(--color-bg);min-height:44px;color:var(--color-text);box-sizing:border-box;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .85rem center;background-repeat:no-repeat;background-size:1rem 1rem;width:100%;padding:0 2.25rem 0 12px;font-family:inherit;font-size:.92rem;font-weight:500;line-height:1.4;transition:border-color .15s,background-color .15s,box-shadow .15s}.tf-select:hover{border-color:var(--color-accent)}.tf-select option{background-color:var(--color-bg-raised);color:var(--color-text);padding:8px 12px}.tf-textarea{resize:vertical;min-height:120px;line-height:1.5}.tf-input--mono{font-family:var(--font-mono)}.tf-input:focus-visible,.tf-select:focus-visible,.tf-textarea:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px;border-color:var(--color-focus-ring)}.tf-btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);border:1px solid var(--color-border-strong);background:var(--color-bg-raised);min-width:44px;min-height:44px;color:var(--color-text);cursor:pointer;padding:8px 18px;font-family:inherit;font-size:.88rem;font-weight:600;transition:border-color .15s,background .15s;display:inline-flex}.tf-btn:hover{border-color:var(--color-accent)}.tf-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.tf-btn:disabled{opacity:.5;cursor:not-allowed}.tf-btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}.tf-btn--primary:hover{background:var(--color-accent-hover)}.tf-btn--danger{color:var(--color-danger)}.tf-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.tf-stat{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4);min-width:0}.tf-stat__label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);font-size:.74rem;font-weight:700}.tf-stat__value{font-family:var(--font-mono);overflow-wrap:anywhere;margin-top:6px;font-size:1.4rem;font-weight:700}.tf-stat__value--accent{color:var(--color-accent)}.tf-table-wrap{overflow-x:auto}.tf-table{border-collapse:collapse;width:100%;font-size:.9rem}.tf-table th,.tf-table td{text-align:left;border-bottom:1px solid var(--color-border);vertical-align:middle;padding:8px 10px}.tf-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);font-size:.74rem}.tf-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.tf-note{color:var(--color-text-secondary);margin:var(--space-3) 0 0;font-size:.85rem;line-height:1.55}.tf-empty{padding:var(--space-5);text-align:center;color:var(--color-text-secondary);border:1px dashed var(--color-border-strong);border-radius:var(--radius);font-size:.9rem}.tf-check{align-items:center;gap:var(--space-2);min-height:44px;color:var(--color-text-secondary);cursor:pointer;font-size:.88rem;display:inline-flex}.tf-check input{width:18px;height:18px;accent-color:var(--color-accent)}@media (prefers-reduced-motion:reduce){.tf-input,.tf-select,.tf-textarea,.tf-btn{transition:none}}