html body:not(#m1):not(#m2):not(#m3) #tsp-tbm, html body:not(#m1):not(#m2):not(#m3) #main-dropdown { width:270px !important; min-width:270px !important; background:#fff !important; border:0 !important; border-radius:16px !important; box-shadow:0 18px 44px rgba(15,23,42,.22), 0 0 0 1px rgba(15,23,42,.05) !important; padding:8px !important; font-family:var(--tsp-ff, Inter, sans-serif) !important; }
html body:not(#m1):not(#m2):not(#m3) #main-dropdown { flex-direction:column !important; overflow:visible !important; }
html.tsp-mobh body:not(#m1):not(#m2):not(#m3):not(#m4) #main-dropdown { position:fixed !important; top:64px !important; right:10px !important; max-height:calc(100dvh - 64px - 12px - env(safe-area-inset-bottom, 0px)) !important; overflow-y:auto !important; overflow-x:hidden !important; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; }
@supports not (height: 100dvh) { html.tsp-mobh body:not(#m1):not(#m2):not(#m3):not(#m4) #main-dropdown { max-height:calc(100vh - 64px - 12px - env(safe-area-inset-bottom, 0px)) !important; } }
html body:not(#m1):not(#m2):not(#m3) #tsp-tbm .it, html body:not(#m1):not(#m2):not(#m3) #main-dropdown .menu-item { height:44px !important; min-height:44px !important; padding:0 12px !important; gap:12px !important; border:0 !important; border-radius:10px !important; background:transparent !important; font:500 14px/1 var(--tsp-ff, Inter, sans-serif) !important; color:#0f172a !important; letter-spacing:0 !important; white-space:nowrap !important; display:flex !important; align-items:center !important; flex-wrap:nowrap !important; }
html body:not(#m1):not(#m2):not(#m3) #tsp-tbm .it svg, html body:not(#m1):not(#m2):not(#m3) #main-dropdown .menu-item svg { width:18px !important; height:18px !important; flex:0 0 auto !important; color:#64748b !important; }
html body:not(#m1):not(#m2):not(#m3) #main-dropdown .menu-item svg { fill:#64748b !important; }
@media (hover:hover) { html body:not(#m1):not(#m2):not(#m3) #tsp-tbm .it:hover, html body:not(#m1):not(#m2):not(#m3) #main-dropdown .menu-item:hover { background:#f1f5f9 !important; } }
html body:not(#m1):not(#m2):not(#m3) #tsp-tbm .it:active, html body:not(#m1):not(#m2):not(#m3) #main-dropdown .menu-item:active { background:#e9eef4 !important; }
html body:not(#m1):not(#m2):not(#m3) #tsp-tbm .it.on { background:#eef4fd !important; color:#1d4ed8 !important; }
html body:not(#m1):not(#m2):not(#m3) #tsp-tbm .ln { height:1px !important; background:#eef1f5 !important; margin:6px 6px !important; }
html body:not(#m1):not(#m2):not(#m3) #tsp-tbm .it.out, html body:not(#m1):not(#m2):not(#m3) #main-dropdown .menu-item.tsp-mi-out { color:#dc2626 !important; margin-top:6px !important; position:relative; }
html body:not(#m1):not(#m2):not(#m3) #tsp-tbm .it.out svg, html body:not(#m1):not(#m2):not(#m3) #main-dropdown .menu-item.tsp-mi-out svg { color:#dc2626 !important; fill:#dc2626 !important; }
html body:not(#m1):not(#m2):not(#m3) #main-dropdown .menu-item.tsp-mi-out::before { content:''; position:absolute; left:6px; right:6px; top:-4px; height:1px; background:#eef1f5; }
html body:not(#m1):not(#m2):not(#m3) #tsp-tbm .vr, html body:not(#m1):not(#m2):not(#m3) #main-dropdown .tsp-mver { border:0 !important; margin:2px 0 0 !important; padding:6px 0 4px !important; text-align:center; font:500 11px var(--tsp-ff, Inter, sans-serif) !important; color:#94a3b8 !important; letter-spacing:.1px; white-space:nowrap; }
#tsp-prof { position:fixed; inset:0; z-index:2147483400; display:none; background:transparent; font-family:var(--tsp-ff, Inter, sans-serif); }
#tsp-prof.on { display:flex; }
#tsp-prof .pf-box { width:320px; max-width:100vw; overflow:auto; background:#fff; }
#tsp-prof .pf-hd { display:flex; gap:14px; align-items:center; padding:20px 14px 16px 18px; border-bottom:1px solid #eef1f5; }
#tsp-prof .pf-av { width:52px; height:52px; flex:0 0 auto; border-radius:50%; background:#1e3a5f; color:#fff; font:800 18px var(--tsp-ff, Inter, sans-serif); display:flex; align-items:center; justify-content:center; }
#tsp-prof .pf-who { flex:1; min-width:0; }
#tsp-prof .pf-nm { font:800 17px var(--tsp-ff, Inter, sans-serif); color:#0f172a; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#tsp-prof .pf-bd { display:inline-block; font:800 10px var(--tsp-ff, Inter, sans-serif); letter-spacing:.08em; text-transform:uppercase; background:#e6edf5; color:#1e3a5f; border-radius:999px; padding:3px 8px; margin-left:6px; vertical-align:2px; }
#tsp-prof .pf-sub { font:500 12.5px var(--tsp-ff, Inter, sans-serif); color:#64748b; margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#tsp-prof .pf-ib { width:34px; height:34px; flex:0 0 auto; border:0; border-radius:50%; background:transparent; color:#64748b; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; align-self:flex-start; }
#tsp-prof .pf-ib:hover { background:#f1f5f9; }
#tsp-prof .pf-ib svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }
#tsp-prof .pf-sec { padding:8px; }
#tsp-prof .pf-st { font:800 10.5px var(--tsp-ff, Inter, sans-serif); letter-spacing:.1em; text-transform:uppercase; color:#94a3b8; padding:8px 12px 4px; }
#tsp-prof .pf-kv { display:flex; justify-content:space-between; gap:12px; font:500 13.5px var(--tsp-ff, Inter, sans-serif); color:#0f172a; padding:9px 12px; white-space:nowrap; }
#tsp-prof .pf-kv span { color:#64748b; overflow:hidden; text-overflow:ellipsis; }
#tsp-prof .pf-it { width:100%; display:flex; align-items:center; gap:12px; height:44px; padding:0 12px; border:0; border-radius:10px; background:transparent; font:500 14px var(--tsp-ff, Inter, sans-serif); color:#0f172a; cursor:pointer; text-align:left; white-space:nowrap; }
#tsp-prof .pf-it:hover { background:#f1f5f9; } #tsp-prof .pf-it:active { background:#e9eef4; } #tsp-prof .pf-it:disabled { opacity:.5; }
#tsp-prof .pf-it svg { width:18px; height:18px; flex:0 0 auto; fill:none; stroke:#64748b; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
#tsp-prof .pf-it i { margin-left:auto; font-style:normal; color:#94a3b8; font-weight:700; font-size:16px; } #tsp-prof .pf-it i.t { font-size:12px; font-weight:600; }
#tsp-prof .pf-out { color:#dc2626; } #tsp-prof .pf-out svg { stroke:#dc2626; }
#tsp-prof .pf-ln { height:1px; background:#eef1f5; margin:0 14px; }
#tsp-prof .pf-sw { margin-left:auto; width:36px; height:22px; border-radius:999px; background:#cbd5e1; position:relative; transition:background .15s; }
#tsp-prof .pf-sw::after { content:''; position:absolute; left:2px; top:2px; width:18px; height:18px; border-radius:50%; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,.25); transition:left .15s; }
#tsp-prof .pf-sw.on { background:#1e3a5f; } #tsp-prof .pf-sw.on::after { left:16px; }
#tsp-prof .pf-hd2 { display:flex; align-items:center; gap:8px; padding:12px 10px; border-bottom:1px solid #eef1f5; } #tsp-prof .pf-hd2 b { flex:1; text-align:center; font:800 16px var(--tsp-ff, Inter, sans-serif); color:#0f172a; }
#tsp-prof .pf-form { padding:16px 18px 18px; display:flex; flex-direction:column; gap:12px; }
#tsp-prof .pf-form label { display:flex; flex-direction:column; gap:6px; font:700 12px var(--tsp-ff, Inter, sans-serif); color:#475569; }
#tsp-prof .pf-form input { height:44px; border:1px solid #d6dde6; border-radius:10px; padding:0 12px; font:500 15px var(--tsp-ff, Inter, sans-serif); color:#0f172a; outline:none; }
#tsp-prof .pf-form input:focus { border-color:#1e3a5f; box-shadow:0 0 0 3px rgba(30,58,95,.12); }
#tsp-prof .pf-msg { min-height:18px; font:600 12.5px var(--tsp-ff, Inter, sans-serif); color:#dc2626; } #tsp-prof .pf-msg.ok { color:#15803d; }
#tsp-prof .pf-note { font:500 12px/1.45 var(--tsp-ff, Inter, sans-serif); color:#64748b; margin-top:-6px; }
#tsp-prof .pf-pri { height:46px; border:0; border-radius:12px; background:#1e3a5f; color:#fff; font:800 14px var(--tsp-ff, Inter, sans-serif); cursor:pointer; } #tsp-prof .pf-pri:disabled { opacity:.6; }