.sorter-card{background:transparent;border:none;box-shadow:none;margin-bottom:0;}.sorter-container{display:flex;justify-content:space-between;align-items:center;gap:0.6rem;flex-wrap:nowrap;background:transparent;padding:0.5rem 0.25rem;transition:all 0.2s ease;max-width:100%;}.sorter-controls-label{font-weight:700;color:#94bfd8;font-size:0.65rem;letter-spacing:0.08em;text-transform:uppercase;margin-left:0.5rem;flex-shrink:0;white-space:nowrap;}.sorter-metric-sector-row{display:flex;align-items:center;gap:0.6rem;min-width:0;flex:1 1 auto;}@container sorterbar (max-width:900px){.sorter-container{display:grid;grid-template-columns:auto 1fr;gap:0.5rem;}.sorter-controls-label{display:none;}.sorter-metric-sector-row{order:1;grid-column:1 / -1;width:100%;gap:0.4rem;}.sorter-metric-sector-row .custom-select-wrapper:has(#card-sorter-metric){flex:1 1 auto !important;min-width:130px !important;max-width:260px !important;}.sorter-metric-sector-row .custom-select-wrapper:has(#sector-filter){flex:0 0 115px !important;width:115px !important;max-width:115px !important;}.sorter-metric-sector-row .custom-select-trigger{padding:0.42rem 0.45rem;font-size:0.72rem;}.sorter-metric-sector-row .custom-select-trigger::after{margin-left:0.25rem;}.sorter-metric-sector-row #card-sorter-dir{flex:0 0 auto !important;min-width:0 !important;max-width:fit-content !important;width:auto !important;padding:0.42rem 0.5rem !important;gap:0 !important;}.sorter-metric-sector-row #card-sorter-dir .dir-text{display:none !important;}.sorter-metric-sector-row #card-sorter-dir .dir-icon{font-size:0.9rem;}.view-toggle-group{order:2;grid-column:1 / 2;width:auto;justify-content:flex-start;}.view-toggle-btn .vtb-text{display:none !important;}.view-toggle-btn{padding:0.38rem 0.5rem !important;gap:0 !important;}.sorter-search-wrap{order:3;grid-column:2 / 3;max-width:100%;}}@container sorterbar (max-width:420px){.sorter-metric-sector-row{gap:0.25rem;}.sorter-metric-sector-row .custom-select-wrapper:has(#card-sorter-metric){flex:1 1 auto !important;min-width:120px !important;max-width:200px !important;}.sorter-metric-sector-row .custom-select-wrapper:has(#sector-filter){flex:0 0 100px !important;width:100px !important;max-width:100px !important;}.sorter-metric-sector-row .custom-select-trigger{padding:0.4rem 0.35rem;font-size:0.66rem;}.sorter-metric-sector-row .custom-select-trigger::after{margin-left:0.2rem;width:5px;height:5px;}.sorter-metric-sector-row #card-sorter-dir{padding:0.4rem 0.45rem !important;min-width:0 !important;width:auto !important;}}.controls-sticky-wrap.is-stuck .sorter-container{gap:0.4rem !important;padding:0.2rem 0 !important;}.controls-sticky-wrap.is-stuck .sorter-container > div{gap:0.4rem !important;}.controls-sticky-wrap.is-stuck .sorter-container label{font-size:0.58rem !important;margin-left:0.2rem !important;}.controls-sticky-wrap.is-stuck .custom-select-trigger{padding:0.22rem 0.5rem !important;font-size:0.64rem !important;min-width:0 !important;}.controls-sticky-wrap.is-stuck .custom-select-trigger::after{width:6px !important;height:6px !important;margin-left:0.5rem !important;margin-top:-2px !important;}.controls-sticky-wrap.is-stuck .custom-select-wrapper.open .custom-select-trigger::after{margin-top:2px !important;}.controls-sticky-wrap.is-stuck #card-sorter-dir{padding:0.32rem !important;font-size:0.64rem !important;min-width:0 !important;gap:0 !important;}.controls-sticky-wrap.is-stuck #card-sorter-dir .dir-icon{font-size:0.85rem;}.controls-sticky-wrap.is-stuck #card-sorter-dir .dir-text{display:none;}.controls-sticky-wrap.is-stuck .custom-optgroup-label{font-size:0.62rem !important;padding:0.4rem 0.6rem 0.2rem 0.6rem !important;}.controls-sticky-wrap.is-stuck .custom-option{padding:0.42rem 0.6rem !important;font-size:0.72rem !important;}.controls-sticky-wrap.is-stuck .sorter-search-wrap{flex:1 1 160px !important;max-width:240px !important;gap:0.35rem !important;padding:0 0.55rem !important;}.controls-sticky-wrap.is-stuck .sorter-search-input{padding:0.3rem 0 !important;font-size:0.74rem !important;}.controls-sticky-wrap.is-stuck .sorter-search-icon{width:11px !important;height:11px !important;}.controls-sticky-wrap.is-stuck .view-toggle-group{padding:2px !important;}.controls-sticky-wrap.is-stuck .view-toggle-btn{padding:0.32rem !important;gap:0 !important;}.controls-sticky-wrap.is-stuck .view-toggle-btn .vtb-text{display:none;}.controls-sticky-wrap.is-stuck .view-toggle-btn svg{width:13px !important;height:13px !important;}.sorter-search-wrap{position:relative;display:flex;align-items:center;gap:0.5rem;background:rgba(18,24,38,0.7);border:1px solid rgba(255,255,255,0.08);border-radius:8px;padding:0 0.75rem;flex:1 1 260px;max-width:460px;min-width:160px;box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);transition:border-color 0.25s cubic-bezier(0.16,1,0.3,1),background-color 0.25s cubic-bezier(0.16,1,0.3,1),box-shadow 0.25s cubic-bezier(0.16,1,0.3,1);}.sorter-search-wrap:hover{border-color:rgba(56,189,248,0.35);background-color:rgba(21,27,43,0.8);}.sorter-search-wrap:focus-within{border-color:#38bdf8;background-color:rgba(21,27,43,0.9);box-shadow:0 0 0 3px rgba(56,189,248,0.12),inset 0 1px 2px rgba(0,0,0,0.2);}.sorter-search-input{flex:1 1 auto;min-width:0;width:auto;background:transparent;border:none;box-shadow:none;color:#f1f5f9;padding:0.5rem 0;font-family:var(--fc-display),sans-serif;font-size:0.85rem;font-weight:600;outline:none;}.sorter-search-input::placeholder{color:#64748b;font-weight:500;}.sorter-search-icon{flex-shrink:0;color:#5c86a3;transition:color 0.2s ease;}.sorter-search-wrap:focus-within .sorter-search-icon{color:#38bdf8;}.sorter-search-clear{flex-shrink:0;display:none;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:rgba(56,189,248,0.1);border:1px solid rgba(56,189,248,0.25);border-radius:5px;color:#38bdf8;cursor:pointer;transition:background-color 0.15s ease,color 0.15s ease;}.sorter-search-clear:hover{background:rgba(56,189,248,0.22);color:#fff;}.sorter-search-kbd{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.1);border-radius:5px;color:#5c6b7d;font-family:var(--fc-mono);font-size:0.58rem;font-weight:700;padding:0.1rem 0.35rem;letter-spacing:0.04em;pointer-events:none;}#symbol-search:not(:placeholder-shown) ~ kbd,#analytics-search-wrap:focus-within kbd{opacity:0 !important;}.header{padding-bottom:1.25rem;margin-bottom:2rem;position:relative;}.header-accent{position:absolute;bottom:-1px;left:0;width:120px;height:2px;background:linear-gradient(90deg,var(--success),var(--primary),transparent);box-shadow:0 0 10px rgba(56,189,248,0.5);border-radius:2px;}.header-nav-pills{display:flex;flex-wrap:wrap;align-items:center;gap:0.35rem;background:rgba(10,14,30,0.72);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:0.35rem;margin-bottom:0.8rem;backdrop-filter:blur(16px);box-shadow:0 18px 40px rgba(0,0,0,0.20),inset 0 1px 0 rgba(255,255,255,0.03);overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%;width:fit-content;justify-content:flex-start;}.header-nav-pills::-webkit-scrollbar{display:none;}.nav-pill-btn{display:inline-flex;align-items:center;gap:0.4rem;padding:0.38rem 0.8rem;border-radius:10px;font-family:'DM Sans','Outfit',sans-serif;font-size:0.72rem;font-weight:600;letter-spacing:0.03em;color:#cbd5e1;text-decoration:none;transition:transform 0.18s ease,background 0.18s ease,color 0.18s ease,box-shadow 0.18s ease;white-space:nowrap;flex-shrink:0;position:relative;background:rgba(255,255,255,0.02);border:1px solid transparent;}.nav-pill-btn .pill-icon{display:inline-flex;align-items:center;justify-content:center;opacity:0.85;flex-shrink:0;transition:all 0.18s ease;}.nav-pill-btn .pill-label{display:inline;}.nav-pill-btn:hover{color:#eef2ff;background:rgba(255,255,255,0.08);transform:translateY(-1px);box-shadow:0 10px 24px rgba(8,13,30,0.12);}.nav-pill-btn:hover .pill-icon{opacity:1;background:rgba(56,189,248,0.12);}.nav-pill-btn.active{background:linear-gradient(135deg,rgba(56,189,248,0.18),rgba(16,185,129,0.14));color:#eff8ff;border:1px solid rgba(56,189,248,0.26);box-shadow:0 18px 36px rgba(16,185,129,0.16),inset 0 1px 0 rgba(255,255,255,0.08);}.nav-pill-btn.active .pill-icon{opacity:1;background:rgba(255,255,255,0.12);}.nav-pill-sep{width:1px;height:20px;background:linear-gradient(180deg,rgba(255,255,255,0.12),rgba(255,255,255,0.04));margin:0 0.2rem;flex-shrink:0;}@media (max-width:600px){.header-nav-pills{width:100%;justify-content:flex-start;gap:0.45rem;box-sizing:border-box;padding:0.45rem 0.45rem;}.nav-pill-btn{flex:0 1 auto;justify-content:center;padding:0.38rem 0.7rem;gap:0;}.nav-pill-btn .pill-label{display:none;}.nav-pill-btn .pill-icon{width:1.3rem;height:1.3rem;opacity:0.75;font-size:0.9rem;}.nav-pill-btn.active{min-width:2.8rem;}.nav-pill-btn.active .pill-icon{opacity:1;}.nav-pill-sep{display:none;}}@media (min-width:601px) and (max-width:860px){.nav-pill-btn{padding:0.28rem 0.55rem;font-size:0.68rem;gap:0.3rem;}}.custom-select-wrapper{position:relative;flex-shrink:1;min-width:80px;max-width:240px;z-index:10;}.custom-select-wrapper:has(#card-sorter-metric){flex:1 1 230px;min-width:180px;max-width:270px;}.custom-select-wrapper:has(#sector-filter){flex:0 0 140px;width:140px;max-width:150px;}.custom-select-wrapper.open{z-index:9999 !important;}.custom-select-trigger{display:flex;justify-content:space-between;align-items:center;background:rgba(18,24,38,0.7);border:1px solid rgba(255,255,255,0.08);color:#f1f5f9;padding:0.5rem 0.85rem;border-radius:8px;font-family:var(--fc-display),sans-serif;font-size:0.85rem;font-weight:600;cursor:pointer;width:100%;min-width:0;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);user-select:none;}.custom-select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}.custom-select-trigger:hover{border-color:rgba(56,189,248,0.35);background-color:rgba(21,27,43,0.8);box-shadow:0 0 15px rgba(56,189,248,0.08),inset 0 1px 2px rgba(0,0,0,0.2);transform:translateY(-1px);}.custom-select-wrapper.open .custom-select-trigger{border-color:#38bdf8;box-shadow:0 0 20px rgba(56,189,248,0.15),inset 0 1px 2px rgba(0,0,0,0.2);}.custom-select-trigger::after{content:"";width:8px;height:8px;border-right:2px solid #38bdf8;border-bottom:2px solid #38bdf8;transform:rotate(45deg);transition:transform 0.3s cubic-bezier(0.16,1,0.3,1);margin-left:0.75rem;margin-top:-3px;flex-shrink:0;}.custom-select-wrapper.open .custom-select-trigger::after{transform:rotate(-135deg);margin-top:3px;}.custom-select-options{position:absolute;top:calc(100% + 6px);right:0;background:rgba(11,15,25,0.95);border:1px solid rgba(255,255,255,0.1);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,0.5),0 0 30px rgba(56,189,248,0.05);z-index:999;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s cubic-bezier(0.16,1,0.3,1);max-height:300px;overflow-y:auto;backdrop-filter:blur(20px);padding:0.4rem;min-width:240px;}.custom-select-wrapper:has(#card-sorter-metric) .custom-select-options{left:0;right:auto;}.custom-select-wrapper:has(#sector-filter) .custom-select-options{right:0;left:auto;}.custom-select-options::-webkit-scrollbar{width:6px;}.custom-select-options::-webkit-scrollbar-track{background:rgba(255,255,255,0.02);border-radius:99px;}.custom-select-options::-webkit-scrollbar-thumb{background:rgba(56,189,248,0.3);border-radius:99px;border:1px solid rgba(255,255,255,0.05);}.custom-select-options::-webkit-scrollbar-thumb:hover{background:rgba(56,189,248,0.5);}.custom-select-wrapper.open .custom-select-options{opacity:1;visibility:visible;transform:translateY(0);}.custom-optgroup-label{font-size:0.7rem;text-transform:uppercase;letter-spacing:0.08em;color:#64748b;font-weight:700;padding:0.5rem 0.75rem 0.25rem 0.75rem;user-select:none;}.custom-option{padding:0.55rem 0.75rem;font-size:0.85rem;color:#cbd5e1;border-radius:6px;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:space-between;}.custom-option:hover{background:rgba(56,189,248,0.08);color:#38bdf8;padding-left:0.95rem;}.custom-option.keyboard-active{outline:1px solid rgba(56,189,248,0.65);outline-offset:-1px;background:rgba(56,189,248,0.12);color:#67e8f9;}.custom-option.selected{background:linear-gradient(135deg,rgba(56,189,248,0.15),rgba(16,185,129,0.15));color:#38bdf8;font-weight:600;border:1px solid rgba(56,189,248,0.15);}.custom-select-search{background:rgba(8,12,26,0.9) !important;border:1px solid rgba(255,255,255,0.08) !important;color:#f1f5f9 !important;padding:0.45rem 0.75rem !important;border-radius:8px !important;font-size:0.8rem !important;font-family:var(--fc-display),sans-serif !important;outline:none !important;width:calc(100% - 1.2rem) !important;margin:0.4rem 0.6rem 0.6rem 0.6rem !important;box-sizing:border-box !important;position:sticky !important;top:0 !important;z-index:10 !important;}.custom-select-search:focus{border-color:#38bdf8 !important;box-shadow:0 0 10px rgba(56,189,248,0.15) !important;}#card-sorter-dir{background:rgba(18,24,38,0.7);border:1px solid rgba(255,255,255,0.08);color:#f1f5f9;padding:0.5rem 0.75rem;border-radius:8px;font-family:var(--fc-display),sans-serif;font-size:0.85rem;font-weight:600;outline:none;cursor:pointer;flex:0 0 auto;width:auto;max-width:fit-content;white-space:nowrap;transition:all 0.3s cubic-bezier(0.16,1,0.3,1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);user-select:none;display:flex;align-items:center;justify-content:center;gap:0.4rem;}#card-sorter-dir:hover{border-color:rgba(56,189,248,0.35);background-color:rgba(21,27,43,0.8);box-shadow:0 0 15px rgba(56,189,248,0.08),inset 0 1px 2px rgba(0,0,0,0.2);transform:translateY(-1px);color:#38bdf8;}#card-sorter-dir:active{transform:translateY(0px) scale(0.98);}