.tn-row{border:1.5px solid #e8eaed;border-radius:14px;align-items:stretch;height:80px;display:flex}.tn-pair{flex:2.2;min-width:0;display:flex;position:relative}.tn-row:has(.tn-field--open){z-index:30;position:relative}.tn-field{cursor:pointer;border-right:1.5px solid #e8eaed;flex-direction:column;flex:1;justify-content:center;gap:0;min-width:0;padding:12px 14px;transition:background .2s;display:flex;position:relative}.tn-field:first-child,.tn-pair .tn-field:first-child{border-radius:13px 0 0 13px}.tn-field:hover,.tn-field--open{background:#fff7f2}.tn-field--grow{cursor:text;flex:2}.tn-field>*,.tn-select-trigger>*{flex-shrink:0}.tn-lbl{letter-spacing:.8px;text-transform:uppercase;color:#6b7280;margin-bottom:4px;font-size:10px;font-weight:700;line-height:12px}.tn-input{width:100%;min-width:0;font:inherit;letter-spacing:-.5px;color:#121216;text-overflow:ellipsis;cursor:pointer;background:0 0;border:none;outline:none;height:20px;padding:0;font-size:18px;font-weight:800;line-height:1.1}.tn-input--code{text-transform:uppercase;letter-spacing:-.3px}select.tn-input{appearance:none}.tn-input::placeholder{color:#b0bec5;letter-spacing:0;font-size:14px;font-weight:500}.tn-input--mono{letter-spacing:.12em;cursor:text}.tn-sub{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:11px;line-height:14px;overflow:hidden}.tn-swap{z-index:3;color:#ff5a1f;cursor:pointer;background:#fff;border:1.5px solid #e8eaed;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:12px;transition:all .25s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000014}.tn-swap--on{transform:translate(-50%,-50%)rotate(180deg)}.tn-pair>.tn-field:first-child{padding-right:26px}.tn-pair>.tn-field:last-child{padding-left:26px}@media (hover:hover){.tn-swap:hover{color:#fff;background:#ff5a1f;border-color:#ff5a1f}}.tn-go{cursor:pointer;color:#fff;font:inherit;letter-spacing:1px;background:linear-gradient(145deg,#ff4500 0%,#ff6a00 100%);border:none;border-radius:0 13px 13px 0;flex-shrink:0;padding:0 28px;font-size:15px;font-weight:800;transition:filter .2s}.tn-go:hover{filter:brightness(1.08)}.tn-go:disabled{opacity:.55;cursor:not-allowed}.tn-err{color:#b91c1c;margin:8px 0 0;font-size:13px}.tnh-opts{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:10px;padding:2px 2px 0;display:flex}.tn-checks{flex-wrap:wrap;gap:6px 14px;display:flex}.tn-checks label{color:#6b7280;cursor:pointer;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.tn-checks input{accent-color:#ff5a1f;cursor:pointer;width:14px;height:14px}.tn-date{justify-content:center}.tn-date .fdp-field-wrap{justify-content:center;height:auto}.tn-date .fdp-lbl{letter-spacing:.8px;margin-bottom:4px}.tn-date .fdp-lbl svg{display:none}.tn-select{padding:0}.tn-select-trigger{text-align:left;cursor:pointer;width:100%;height:100%;font:inherit;border-radius:inherit;background:0 0;border:none;flex-direction:column;justify-content:center;gap:0;padding:12px 14px;display:flex}.tn-select-trigger:focus-visible{outline-offset:-3px;outline:2px solid #ff450059}.tn-select-val{letter-spacing:-.5px;color:#111827;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;min-width:0;font-size:18px;font-weight:800;line-height:1.1;display:flex;overflow:hidden}.tn-select-chev{color:#9ca3af;flex-shrink:0;font-size:11px;transition:transform .2s}.tn-field--open .tn-select-chev{color:#ff4500;transform:rotate(180deg)}.tn-menu{z-index:50;background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;width:max(100%,280px);max-height:360px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 16px 48px #0000001a}.tn-menu-item{text-align:left;cursor:pointer;font:inherit;color:#374151;background:0 0;border:none;border-radius:8px;flex-direction:column;gap:1px;padding:8px 10px;font-size:13.5px;font-weight:500;display:flex}.tn-menu-item small{color:#9ca3af;font-size:11.5px;font-weight:400;line-height:1.35}.tn-menu-item:hover{background:#f9fafb}.tn-menu-item.active{color:#ff4500;background:#ffede0;font-weight:600}.tn-menu-item.active small{color:#c2410c}.tn-dd{z-index:50;cursor:default;background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:max(100%,340px);max-height:340px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 18px 48px #0e0e1029}.tn-dd-hint{letter-spacing:.5px;text-transform:uppercase;color:#9ca3af;padding:6px 10px 4px;font-size:10.5px;font-weight:700}.tn-dd-empty{color:#6b7280;padding:12px;font-size:13px}.tn-dd-opt{text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;padding:9px 10px;display:flex}.tn-dd-opt:hover{background:#f6f6f8}.tn-dd-ic{color:#ff4500;flex-shrink:0}.tn-dd-name{color:#121216;flex-direction:column;flex:1;min-width:0;font-size:13.5px;font-weight:600;display:flex}.tn-dd-name small{color:#8a8a94;font-size:11.5px;font-weight:400}.tn-dd-code{letter-spacing:.06em;color:#121216;background:#f6f6f8;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800}@media (max-width:1100px){.tn-row{flex-wrap:wrap;height:auto}.tn-row>.tn-field,.tn-pair .tn-field{min-height:72px}.tn-pair{border-bottom:1.5px solid #e8eaed;flex:100%}.tn-pair .tn-field:last-child{border-right:none}.tn-row>.tn-field{flex:30%}.tn-row>.tn-field:first-child,.tn-pair .tn-field:first-child{border-radius:13px 0 0}.tn-go{border-radius:0 0 13px 13px;flex:100%;padding:14px}}@media (max-width:640px){.tn-pair{flex-direction:column}.tn-pair .tn-field{border-bottom:1.5px solid #e8eaed;border-right:none}.tn-pair .tn-field:last-child{border-bottom:none}.tn-swap{left:auto;right:16px;transform:translateY(-50%)rotate(90deg)}.tn-swap--on{transform:translateY(-50%)rotate(270deg)}.tn-row>.tn-field{border-bottom:1.5px solid #e8eaed;border-right:none;flex:100%}.tn-dd{width:100%}}.tnh{width:100%}.tnh-quick{flex-wrap:wrap;gap:6px;display:flex}.tnh-quick-link{color:#6b7280;background:0 0;border:1.5px solid #e5e7eb;border-radius:9999px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.tnh-quick-link svg{color:#ff4500;font-size:11px}.tnh-quick-link:hover{color:#ff4500;background:#fff0e9;border-color:#ff4500}
