:root { --tool-bg:#050b14; --tool-panel:#0a1522; --tool-panel-2:#0e1c2d; --tool-line:#26384f; --tool-text:#eef4fc; --tool-muted:#8d9db2; --tool-blue:#2f7dff; --tool-green:#29d391; --tool-red:#ff6670; }
.tool-page { min-width: 320px; background: var(--tool-bg); color: var(--tool-text); }
.tool-main { width:min(1440px,calc(100% - 36px)); margin:0 auto; padding:54px 0 90px; }
.tool-hero { min-height:280px; padding:42px clamp(24px,5vw,64px); border:1px solid var(--tool-line); border-radius:24px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:32px; position:relative; overflow:hidden; background:radial-gradient(circle at 90% 0,rgba(47,125,255,.2),transparent 36%),linear-gradient(145deg,#0d1b2d,#07111d); }
.tool-hero::before { content:""; position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(rgba(126,153,194,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(126,153,194,.05) 1px,transparent 1px); background-size:48px 48px; }
.tool-hero > * { position:relative; }.tool-kicker { margin:0 0 12px; color:#67a1fc; font-size:.7rem; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.tool-hero h1 { margin:0; max-width:850px; font-size:clamp(2.8rem,7vw,6rem); line-height:.94; letter-spacing:-.065em; }.tool-hero-copy>p:last-child { max-width:760px; color:var(--tool-muted); line-height:1.7; }
.tool-live-badge { min-width:190px; padding:18px; border:1px solid rgba(41,211,145,.34); border-radius:17px; display:grid; grid-template-columns:auto 1fr; align-items:center; gap:12px; color:#bfeedd; background:rgba(41,211,145,.07); }.tool-live-badge i { width:10px; height:10px; border-radius:50%; background:var(--tool-green); box-shadow:0 0 15px var(--tool-green); }.tool-live-badge strong,.tool-live-badge small { display:block; }.tool-live-badge small { margin-top:4px; color:#789589; font-size:.68rem; }
.tool-notice { margin:18px 0; padding:14px 16px; border:1px solid #33557f; border-radius:12px; color:#a9c8f4; background:rgba(47,125,255,.08); font-size:.82rem; }.tool-notice.error { border-color:rgba(255,102,112,.45); color:#ffabb1; background:rgba(255,102,112,.08); }.tool-notice.success { border-color:rgba(41,211,145,.4); color:#8ce9c5; background:rgba(41,211,145,.08); }
.tool-grid { margin-top:20px; display:grid; grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr); gap:20px; align-items:start; }
.tool-panel { min-width:0; border:1px solid var(--tool-line); border-radius:20px; background:linear-gradient(145deg,#0b1725,#08121e); box-shadow:0 24px 60px rgba(0,0,0,.18); overflow:hidden; }.tool-panel-body { padding:22px; }.tool-panel-heading { padding:20px 22px; border-bottom:1px solid var(--tool-line); display:flex; align-items:flex-start; justify-content:space-between; gap:18px; }.tool-panel-heading h2,.tool-panel-heading h3 { margin:0; font-size:1.12rem; }.tool-panel-heading p { margin:7px 0 0; color:var(--tool-muted); font-size:.76rem; line-height:1.5; }
.tool-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }.tool-field { min-width:0; display:grid; gap:7px; }.tool-field-wide { grid-column:1/-1; }.tool-field label { color:#a7b5c8; font-size:.73rem; font-weight:800; }.tool-field input,.tool-field select { width:100%; min-height:44px; border:1px solid #2a3d55; border-radius:10px; padding:0 12px; color:#edf4fd; background:#07121e; font:inherit; font-size:.85rem; }.tool-field input:focus,.tool-field select:focus { outline:0; border-color:#4289f3; box-shadow:0 0 0 3px rgba(47,125,255,.13); }.tool-field small { color:#6f8199; font-size:.66rem; line-height:1.45; }
.tool-button { min-height:46px; border:1px solid transparent; border-radius:11px; padding:0 17px; display:inline-flex; align-items:center; justify-content:center; gap:10px; color:white; background:linear-gradient(135deg,#216ce8,#348bff); font:inherit; font-size:.82rem; font-weight:850; cursor:pointer; transition:transform .2s,border-color .2s,background .2s; }.tool-button:hover { transform:translateY(-1px); }.tool-button:disabled { cursor:not-allowed; opacity:.48; transform:none; }.tool-button-secondary { border-color:#304762; color:#bed0e7; background:#102034; }.tool-button-danger { border-color:rgba(255,102,112,.42); color:#ffabb1; background:rgba(255,102,112,.08); }.tool-button-green { color:#041710; background:linear-gradient(135deg,#24bf83,#49e2aa); }
.tool-actions { margin-top:18px; display:flex; flex-wrap:wrap; gap:10px; }.tool-actions .tool-button:first-child:last-child { width:100%; }
.scanner-builder-intro { margin:18px 0 10px; display:flex; align-items:baseline; justify-content:space-between; gap:12px; }.scanner-builder-intro strong { font-size:.82rem; text-transform:uppercase; letter-spacing:.08em; }.scanner-builder-intro span { color:#71839b; font-size:.65rem; text-align:right; }.scanner-conditions { display:grid; gap:12px; }.scanner-condition { border:1px solid #263950; border-radius:14px; overflow:hidden; background:#091522; }.scanner-condition-head { padding:10px 12px; border-bottom:1px solid #22344a; display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:10px; }.scanner-condition-head strong { font-size:.72rem; }.scanner-condition-head span { padding:4px 8px; border:1px solid #315678; border-radius:999px; color:#bcdcff; background:#0b2032; font-size:.61rem; }.scanner-condition-head button { border:0; color:#ff929a; background:transparent; cursor:pointer; }.scanner-condition-grid { padding:12px; display:grid; grid-template-columns:78px 105px minmax(170px,1.35fr) 110px minmax(145px,1fr); gap:9px; align-items:end; }.scanner-control,.scanner-param { min-width:0; display:grid; gap:4px; }.scanner-control>span,.scanner-param span { color:#71839b; font-size:.6rem; }.scanner-condition-grid select,.scanner-condition-grid input { width:100%; min-width:0; min-height:40px; border:1px solid #293c54; border-radius:9px; padding:0 9px; color:#e8f0fa; background:#07121e; font:inherit; font-size:.72rem; }.scanner-right-indicator { grid-column:2/5; }.scanner-right-offset { grid-column:5; }.scanner-right { grid-column:2/-1; }.scanner-params { grid-column:1/-1; padding:10px; border:1px solid #20354b; border-radius:10px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; background:#07131f; }.scanner-params>strong { grid-column:1/-1; color:#9bacc1; font-size:.62rem; }.scanner-empty { padding:28px; border:1px dashed #344862; border-radius:13px; text-align:center; color:#75869d; font-size:.78rem; }.scanner-condition-summary { margin-top:12px; padding:11px 12px; border:1px solid #263950; border-radius:11px; background:#081421; }.scanner-condition-summary>strong { display:block; margin-bottom:7px; color:#9bacc1; font-size:.61rem; letter-spacing:.06em; text-transform:uppercase; }.scanner-condition-summary>div { display:flex; flex-wrap:wrap; gap:6px; }.scanner-condition-summary span { padding:5px 8px; border:1px solid #315678; border-radius:999px; color:#bcdcff; background:#0b2032; font-size:.62rem; line-height:1.35; }
.job-progress { margin-top:16px; }.job-progress-track { height:8px; border-radius:99px; overflow:hidden; background:#16263a; }.job-progress-track span { height:100%; width:0; display:block; border-radius:inherit; background:linear-gradient(90deg,var(--tool-blue),var(--tool-green)); transition:width .25s; }.job-progress-meta { margin-top:8px; display:flex; justify-content:space-between; gap:12px; color:#75869b; font-size:.68rem; }.job-progress-counts { margin-top:5px; color:#71839b; font-size:.64rem; }.scanner-value { display:inline-block; margin:2px 5px 2px 0; padding:4px 7px; border:1px solid #2b4059; border-radius:999px; color:#bdcadb; background:#0a1725; font-size:.68rem; }
.scanner-issues { margin-top:12px; border:1px solid #30445c; border-radius:11px; padding:10px 12px; color:#9bacc1; background:#0a1725; font-size:.68rem; }.scanner-issues summary { color:#c7d3e2; font-weight:800; cursor:pointer; }.scanner-issue-list { max-height:220px; margin-top:8px; overflow:auto; }.scanner-issue-list p { margin:0; padding:6px 0; border-top:1px solid #203248; line-height:1.45; }.scanner-issue-list span { margin-left:6px; text-transform:capitalize; color:#f1bc67; }.scanner-issue-list span.negative { color:#ff929a; }
.results-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; }.result-count { display:grid; }.result-count strong { font-size:1.6rem; }.result-count small { color:var(--tool-muted); font-size:.68rem; }.tool-table-wrap { width:100%; overflow:auto; }.tool-table { width:100%; border-collapse:collapse; font-size:.78rem; }.tool-table th,.tool-table td { padding:12px 13px; border-bottom:1px solid #203248; text-align:left; white-space:nowrap; }.tool-table th { color:#74869e; font-size:.62rem; letter-spacing:.08em; text-transform:uppercase; }.tool-table td { color:#bdcadb; }.tool-table strong { color:#edf3fc; }.tool-table .positive { color:var(--tool-green); }.tool-table .negative { color:var(--tool-red); }.tool-table input[type=checkbox] { width:17px; height:17px; accent-color:var(--tool-blue); }
.batch-settings { margin-top:18px; padding-top:18px; border-top:1px solid var(--tool-line); }.batch-settings h3 { margin:0 0 14px; font-size:.92rem; }.tool-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }.tool-metric { min-width:0; padding:15px; border:1px solid #25384f; border-radius:12px; background:#091521; }.tool-metric small,.tool-metric strong { display:block; }.tool-metric small { color:#70839a; font-size:.61rem; text-transform:uppercase; letter-spacing:.06em; }.tool-metric strong { margin-top:8px; overflow-wrap:anywhere; font-size:1rem; }
.paper-layout { margin-top:20px; display:grid; grid-template-columns:380px minmax(0,1fr); gap:20px; align-items:start; }.paper-terminal { min-width:0; display:grid; gap:14px; }.ticker-strip { padding:18px 20px; border:1px solid var(--tool-line); border-radius:16px; display:grid; grid-template-columns:minmax(150px,1fr) auto auto; align-items:center; gap:14px 20px; background:#091522; }.ticker-name small,.ticker-price small,.quote-depth small { display:block; color:#71849c; font-size:.65rem; }.ticker-name strong { display:block; margin-top:4px; }.ticker-name span { display:block; margin-top:6px; color:#71849c; font-size:.65rem; }.ticker-price { text-align:right; }.ticker-price strong { display:block; margin-top:4px; font-size:1.5rem; }.connection-status { min-width:112px; padding:8px 11px; border:1px solid #40516a; border-radius:99px; display:flex; align-items:center; justify-content:center; gap:8px; color:#91a2b9; background:#101d2c; font-size:.7rem; font-weight:850; }.connection-status i { width:8px; height:8px; border-radius:50%; background:#75859a; }.connection-status.live { border-color:rgba(41,211,145,.4); color:#72e5b9; background:rgba(41,211,145,.08); }.connection-status.live i { background:var(--tool-green); box-shadow:0 0 13px var(--tool-green); }.connection-status.connecting,.connection-status.reconnecting { border-color:rgba(47,125,255,.45); color:#94bbfa; background:rgba(47,125,255,.09); }.connection-status.connecting i,.connection-status.reconnecting i { background:var(--tool-blue); box-shadow:0 0 10px var(--tool-blue); animation:connectionPulse 1.15s ease-in-out infinite; }.connection-status.disconnected { border-color:rgba(255,102,112,.35); color:#ff9ca4; background:rgba(255,102,112,.07); }.connection-status.disconnected i { background:var(--tool-red); }.quote-depth { grid-column:1/-1; padding-top:12px; border-top:1px solid #203249; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.quote-depth div { padding:10px 12px; border-radius:10px; background:#101f31; }.quote-depth strong { display:block; margin-top:5px; font-size:.9rem; }.quote-depth div:first-child strong { color:#72e5b9; }.quote-depth div:last-child strong { color:#ff9ca4; }@keyframes connectionPulse{50%{opacity:.35;transform:scale(.75)}}
.signal-card { min-height:150px; padding:22px; border:1px solid #2d4563; border-radius:17px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:24px; background:linear-gradient(135deg,#0d2037,#0a1725); }.signal-card small { color:#71849a; font-size:.65rem; letter-spacing:.09em; }.signal-card h2 { margin:8px 0; font-size:2rem; }.signal-card p { margin:0; color:var(--tool-muted); font-size:.77rem; }.signal-orb { width:78px; height:78px; border:1px solid #396aa8; border-radius:50%; display:grid; place-items:center; color:#8db9fa; background:rgba(47,125,255,.1); font-weight:950; }
.position-card { padding:20px; border:1px solid var(--tool-line); border-radius:16px; background:#091522; }.position-card h3 { margin:0; font-size:.92rem; }.position-card-heading { margin-bottom:14px; display:flex; align-items:center; justify-content:space-between; gap:16px; }.paper-order-actions { display:flex; gap:8px; }.paper-order-button { min-height:38px; border:1px solid transparent; border-radius:9px; padding:0 14px; color:#06150f; font:inherit; font-size:.72rem; font-weight:900; cursor:pointer; }.paper-order-button.buy { background:var(--tool-green); }.paper-order-button.sell { color:#fff; background:var(--tool-red); }.paper-order-button:disabled { cursor:not-allowed; opacity:.36; }.order-safety-note { margin:12px 0 0; color:#708198; font-size:.65rem; line-height:1.5; }.position-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; }.position-grid div { padding:12px; border-radius:10px; background:#101f31; }.position-grid small,.position-grid strong { display:block; }.position-grid small { color:#74869c; font-size:.6rem; }.position-grid strong { margin-top:6px; font-size:.78rem; }.empty-state { padding:32px; text-align:center; color:#75879e; font-size:.78rem; }
.instrument-picker { position:relative; }.tool-autocomplete { max-height:260px; overflow:auto; border:1px solid #30455f; border-radius:11px; position:absolute; left:0; right:0; top:calc(100% + 5px); z-index:20; background:#081421; box-shadow:0 20px 40px rgba(0,0,0,.35); }.tool-option { padding:11px 12px; display:flex; justify-content:space-between; gap:12px; cursor:pointer; }.tool-option:hover { background:#10233a; }.tool-option small { color:#70839b; }
.tool-footer { margin-top:60px; padding-top:25px; border-top:1px solid var(--tool-line); display:flex; justify-content:space-between; gap:20px; color:#6f8197; font-size:.74rem; }.tool-footer nav { display:flex; flex-wrap:wrap; gap:15px; }.tool-footer a { color:#94acd0; text-decoration:none; }
@media(max-width:1100px){.tool-grid,.paper-layout{grid-template-columns:1fr}.tool-metrics{grid-template-columns:repeat(2,1fr)}.paper-layout>.tool-panel{position:static}.scanner-condition-grid{grid-template-columns:78px 105px 1fr 110px 1fr}.position-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.tool-main{width:min(100% - 22px,1440px);padding-top:25px}.tool-hero{min-height:auto;padding:29px 22px;grid-template-columns:1fr}.tool-live-badge{width:100%}.tool-form-grid,.scanner-condition-grid,.scanner-params{grid-template-columns:1fr}.scanner-builder-intro{align-items:flex-start;flex-direction:column}.scanner-builder-intro span{text-align:left}.scanner-right,.scanner-right-indicator,.scanner-right-offset,.scanner-params{grid-column:auto}.tool-actions .tool-button{width:100%}.tool-metrics,.position-grid{grid-template-columns:1fr 1fr}.ticker-strip{grid-template-columns:1fr auto}.ticker-price{grid-column:1/-1;text-align:left}.quote-depth{grid-column:1/-1}.signal-card{grid-template-columns:1fr}.signal-orb{width:58px;height:58px}.position-card-heading{align-items:flex-start;flex-direction:column}.paper-order-actions,.paper-order-button{width:100%}.tool-footer{flex-direction:column}.tool-panel-body,.tool-panel-heading{padding:17px}}
@media(max-width:430px){.tool-metrics,.position-grid{grid-template-columns:1fr}.tool-hero h1{font-size:2.65rem}}
[data-theme="light"] .tool-page { --tool-bg:#f3f7fb; --tool-panel:#fff; --tool-panel-2:#edf3f9; --tool-line:#d1dce8; --tool-text:#13253b; --tool-muted:#5f7289; }
[data-theme="light"] .tool-hero,[data-theme="light"] .tool-panel { background:linear-gradient(145deg,#fff,#edf3f9); box-shadow:0 24px 60px rgba(35,58,91,.1); }
[data-theme="light"] .tool-live-badge { color:#126846; background:#e9f8f2; }
[data-theme="light"] .tool-field input,[data-theme="light"] .tool-field select,[data-theme="light"] .scanner-condition-grid select,[data-theme="light"] .scanner-condition-grid input { border-color:#c8d5e3; color:#172b43; background:#fff; }
[data-theme="light"] .scanner-condition,[data-theme="light"] .scanner-condition-summary,[data-theme="light"] .tool-metric,[data-theme="light"] .ticker-strip,[data-theme="light"] .position-card { border-color:#d1dce8; background:#fff; }
[data-theme="light"] .scanner-params { border-color:#d1dce8; background:#f8fbfe; }[data-theme="light"] .scanner-condition-head span,[data-theme="light"] .scanner-condition-summary span { border-color:#a9c5df; color:#244d70; background:#edf6fe; }
[data-theme="light"] .scanner-issues { border-color:#d1dce8; color:#53677f; background:#fff; }[data-theme="light"] .scanner-issues summary { color:#20354d; }[data-theme="light"] .scanner-issue-list p { border-color:#e0e7ef; }
[data-theme="light"] .scanner-condition-head,[data-theme="light"] .tool-table th,[data-theme="light"] .tool-table td { border-color:#dae3ed; }
[data-theme="light"] .tool-table td,[data-theme="light"] .dashboard-tool-card ul { color:#465c75; }[data-theme="light"] .tool-table strong { color:#172a42; }
[data-theme="light"] .signal-card { border-color:#c6d7eb; background:linear-gradient(135deg,#fff,#eaf3ff); }
[data-theme="light"] .position-grid div,[data-theme="light"] .quote-depth div { background:#edf3f9; }[data-theme="light"] .tool-autocomplete { border-color:#c7d5e4; background:#fff; box-shadow:0 18px 35px rgba(35,58,91,.16); }[data-theme="light"] .tool-option:hover { background:#edf4fc; }
.health-section { margin-top:20px; padding:22px; border:1px solid var(--tool-line); border-radius:20px; background:linear-gradient(145deg,#0b1725,#08121e); box-shadow:0 24px 60px rgba(0,0,0,.18); }.section-heading { display:flex; align-items:center; justify-content:space-between; gap:18px; }.section-heading .tool-kicker { margin-bottom:7px; }.section-heading h2 { margin:0; font-size:1.25rem; }.health-metrics { margin-top:19px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }.health-metrics .tool-metric strong { font-size:.82rem; line-height:1.4; }.health-details { margin-top:15px; border:1px solid #2b4059; border-radius:12px; padding:0 13px; color:#a8b9cd; background:#081421; }.health-details summary { min-height:42px; display:flex; align-items:center; color:#d7e3f1; font-size:.77rem; font-weight:850; cursor:pointer; }.health-diagnostics { margin:0; padding:0 0 13px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }.health-diagnostics div { min-width:0; padding:11px; border-radius:9px; background:#102034; }.health-diagnostics dt { color:#71849d; font-size:.62rem; font-weight:850; text-transform:uppercase; letter-spacing:.06em; }.health-diagnostics dd { margin:6px 0 0; overflow-wrap:anywhere; color:#c3d0df; font-size:.72rem; line-height:1.45; }.health-grid { margin-top:20px; display:grid; grid-template-columns:minmax(330px,.74fr) minmax(0,1.26fr); gap:20px; align-items:start; }.health-result-summary { margin-bottom:15px; }.health-result-summary>p { margin:0; color:var(--tool-muted); font-size:.78rem; }.health-summary-grid,.health-validation-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; }.health-summary-grid div,.health-validation-grid div { min-width:0; padding:10px; border:1px solid #263c54; border-radius:10px; background:#0b1928; }.health-summary-grid small,.health-validation-grid small { display:block; color:#73869e; font-size:.6rem; letter-spacing:.04em; text-transform:uppercase; }.health-summary-grid strong,.health-validation-grid strong { display:block; margin-top:5px; overflow-wrap:anywhere; color:#e6eef8; font-size:.71rem; line-height:1.35; }.health-issue-list { max-height:180px; margin:12px 0; overflow:auto; color:#ffb5ba; font-size:.71rem; line-height:1.45; }.health-issue-list p { margin:0; padding:7px 0; border-top:1px solid #233650; }.health-candle-table { max-height:420px; margin-top:15px; }.health-live-panel { margin-top:20px; }.health-live-layout { display:grid; grid-template-columns:minmax(230px,.42fr) minmax(0,1fr); gap:20px; align-items:start; }.health-live-form { padding:4px; }.health-live-form .tool-actions .tool-button { flex:1; }.health-live-quote { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }.health-live-quote div { min-width:0; padding:14px; border:1px solid #263b53; border-radius:11px; background:#091522; }.health-live-quote small,.health-live-quote strong { display:block; }.health-live-quote small { color:#71849c; font-size:.62rem; letter-spacing:.06em; }.health-live-quote strong { margin-top:7px; overflow-wrap:anywhere; color:#e9f1fa; font-size:.85rem; }.health-market-note { margin:0 22px 20px; color:#f0c077; font-size:.73rem; line-height:1.5; }.hidden { display:none !important; }
@media(max-width:1100px){.health-grid,.health-live-layout{grid-template-columns:1fr}.health-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}.health-summary-grid,.health-validation-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:720px){.health-section{padding:17px}.section-heading{align-items:stretch;flex-direction:column}.section-heading .tool-button{width:100%}.health-diagnostics,.health-live-quote{grid-template-columns:1fr}.health-summary-grid,.health-validation-grid{grid-template-columns:1fr}.health-live-form .tool-actions{flex-direction:column}.health-live-form .tool-actions .tool-button{width:100%;}.health-market-note{margin:0 17px 17px;}}
[data-theme="light"] .health-section { background:linear-gradient(145deg,#fff,#edf3f9); box-shadow:0 24px 60px rgba(35,58,91,.1); }.health-details,[data-theme="light"] .health-details { border-color:#d1dce8; background:#fff; }[data-theme="light"] .health-details summary { color:#20354d; }[data-theme="light"] .health-diagnostics div,[data-theme="light"] .health-summary-grid div,[data-theme="light"] .health-validation-grid div,[data-theme="light"] .health-live-quote div { border-color:#d8e2ec; background:#edf3f9; }[data-theme="light"] .health-diagnostics dd,[data-theme="light"] .health-summary-grid strong,[data-theme="light"] .health-validation-grid strong,[data-theme="light"] .health-live-quote strong { color:#20354d; }
.research-subnav { display:flex; gap:8px; margin-bottom:15px; }.research-subnav a { padding:8px 11px; border:1px solid var(--tool-line); border-radius:9px; color:var(--tool-muted); font-size:.73rem; font-weight:850; text-decoration:none; }.research-subnav a.active,.research-subnav a:hover { border-color:rgba(76,143,255,.55); color:#a9cbff; background:rgba(47,125,255,.12); }.quality-section { margin-top:20px; padding:22px; border:1px solid var(--tool-line); border-radius:20px; background:linear-gradient(145deg,#0b1725,#08121e); box-shadow:0 24px 60px rgba(0,0,0,.18); }.quality-metrics { margin-top:19px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }.quality-metrics .tool-metric strong { font-size:.82rem; line-height:1.4; }.quality-policy { margin-top:15px; }.quality-policy-copy { padding:0 0 13px; color:#a8b9cd; font-size:.74rem; line-height:1.55; }.quality-policy-copy p { margin:9px 0 0; }.quality-policy-copy code { color:#9ac2ff; }.quality-grid { margin-top:20px; display:grid; grid-template-columns:minmax(420px,1.2fr) minmax(280px,.8fr); gap:20px; align-items:start; }.tool-field textarea { width:100%; min-height:84px; resize:vertical; border:1px solid #2d4563; border-radius:10px; padding:11px 12px; color:var(--tool-text); background:#081421; font:inherit; font-size:.82rem; outline:none; }.tool-field textarea:focus { border-color:#4b91ff; box-shadow:0 0 0 3px rgba(47,125,255,.12); }.tool-field small { display:block; margin-top:6px; color:#71849c; font-size:.64rem; line-height:1.45; }.quality-job { margin:0 22px 22px; padding:14px; border:1px solid #2b4059; border-radius:12px; background:#081421; }.quality-job strong { display:block; color:#dbe8f7; font-size:.79rem; }.quality-job p { min-height:30px; margin:7px 0 12px; color:#8195ad; font-size:.69rem; line-height:1.45; }.quality-progress { height:8px; overflow:hidden; border-radius:99px; background:#17283b; }.quality-progress span { display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,#2f7dff,#43d99e); transition:width .25s ease; }.quality-job-metrics,.quality-detail-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:12px; }.quality-job-metrics div,.quality-detail-summary div { min-width:0; padding:9px; border-radius:9px; background:#102034; }.quality-job-metrics small,.quality-detail-summary small { display:block; color:#71849c; font-size:.59rem; text-transform:uppercase; letter-spacing:.05em; }.quality-job-metrics strong,.quality-detail-summary strong { display:block; margin-top:5px; overflow-wrap:anywhere; color:#e4edf8; font-size:.72rem; line-height:1.35; }.quality-job #resumeImportButton { margin-top:12px; }.quality-check-list { display:grid; gap:11px; margin:0; padding:0; list-style:none; }.quality-check-list li { display:grid; grid-template-columns:minmax(125px,.58fr) 1fr; gap:12px; padding:12px 0; border-bottom:1px solid #243850; }.quality-check-list li:last-child { border-bottom:0; }.quality-check-list strong { color:#b9d3f8; font-size:.76rem; }.quality-check-list span { color:#8296ae; font-size:.72rem; line-height:1.45; }.quality-table-heading { align-items:end; }.quality-search { min-width:260px; }.quality-search span { display:block; margin-bottom:6px; color:#7790ab; font-size:.62rem; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }.quality-search input { width:100%; border:1px solid #2d4563; border-radius:10px; padding:10px 11px; color:var(--tool-text); background:#081421; font:inherit; font-size:.8rem; outline:none; }.quality-search input:focus { border-color:#4b91ff; box-shadow:0 0 0 3px rgba(47,125,255,.12); }.quality-table-wrap { max-height:560px; }.quality-symbol-button { padding:0; border:0; color:#95bdff; background:transparent; font:inherit; font-size:.72rem; font-weight:900; cursor:pointer; }.quality-symbol-button:hover { color:#c5dbff; text-decoration:underline; }.quality-status { display:inline-flex; align-items:center; min-height:25px; padding:0 8px; border:1px solid; border-radius:999px; font-size:.61rem; font-weight:900; letter-spacing:.04em; }.quality-status.good { border-color:rgba(67,217,158,.38); color:#78e6b6; background:rgba(67,217,158,.08); }.quality-status.warning { border-color:rgba(255,194,86,.4); color:#f4c773; background:rgba(255,194,86,.08); }.quality-status.error { border-color:rgba(255,130,92,.45); color:#ffb08e; background:rgba(255,130,92,.09); }.quality-status.critical { border-color:rgba(255,102,112,.45); color:#ff9ea6; background:rgba(255,102,112,.09); }.quality-detail-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:20px 0; }.quality-detail-grid h3,.quality-section>h3 { margin:0 0 10px; color:var(--tool-text); font-size:.86rem; }.quality-list { max-height:250px; overflow:auto; border:1px solid #273c55; border-radius:11px; padding:0 12px; color:#a6b8cc; background:#081421; font-size:.7rem; line-height:1.45; }.quality-list p { margin:0; padding:9px 0; border-bottom:1px solid #233650; }.quality-list p:last-child { border-bottom:0; }.quality-sample-table { max-height:390px; }.data-quality-page .tool-notice.success { border-color:rgba(67,217,158,.45); color:#8ce9c3; background:rgba(67,217,158,.08); }.data-quality-page .tool-notice.error { border-color:rgba(255,102,112,.45); color:#ffb0b6; background:rgba(255,102,112,.08); }
@media(max-width:1100px){.quality-grid{grid-template-columns:1fr}.quality-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}.quality-job-metrics,.quality-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:720px){.quality-section{padding:17px}.research-subnav{margin-bottom:10px}.quality-metrics,.quality-job-metrics,.quality-detail-summary,.quality-detail-grid{grid-template-columns:1fr}.quality-table-heading{align-items:stretch}.quality-search{min-width:0;width:100%}.quality-check-list li{grid-template-columns:1fr;gap:5px}.quality-job{margin:0 17px 17px}.tool-field textarea{font-size:16px;}}
[data-theme="light"] .quality-section { background:linear-gradient(145deg,#fff,#edf3f9); box-shadow:0 24px 60px rgba(35,58,91,.1); }[data-theme="light"] .research-subnav a { border-color:#d1dce8; color:#5d7189; }[data-theme="light"] .research-subnav a.active,[data-theme="light"] .research-subnav a:hover { color:#1256a8; background:#e9f2ff; }[data-theme="light"] .quality-job,[data-theme="light"] .quality-list,[data-theme="light"] .tool-field textarea,[data-theme="light"] .quality-search input { border-color:#d1dce8; color:#20354d; background:#fff; }[data-theme="light"] .quality-job strong,[data-theme="light"] .quality-job-metrics strong,[data-theme="light"] .quality-detail-summary strong { color:#20354d; }[data-theme="light"] .quality-job-metrics div,[data-theme="light"] .quality-detail-summary div { background:#edf3f9; }[data-theme="light"] .quality-check-list li,[data-theme="light"] .quality-list p { border-color:#dbe4ee; }[data-theme="light"] .quality-policy-copy { color:#53677f; }
.experiment-section { margin-top:20px; padding:22px; border:1px solid var(--tool-line); border-radius:20px; background:linear-gradient(145deg,#0b1725,#08121e); box-shadow:0 24px 60px rgba(0,0,0,.18); }.experiment-helper { max-width:940px; margin:13px 0 17px; color:var(--tool-muted); font-size:.76rem; line-height:1.55; }.experiment-form { margin-top:16px; }.experiment-filters { display:grid; grid-template-columns:1.5fr repeat(5,minmax(120px,1fr)); gap:10px; margin:17px 0; }.experiment-filters label { min-width:0; }.experiment-filters span { display:block; margin-bottom:6px; color:#7790ab; font-size:.62rem; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }.experiment-filters input,.experiment-filters select { width:100%; border:1px solid #2d4563; border-radius:10px; padding:10px 11px; color:var(--tool-text); background:#081421; font:inherit; font-size:.78rem; outline:none; }.experiment-filters input:focus,.experiment-filters select:focus { border-color:#4b91ff; box-shadow:0 0 0 3px rgba(47,125,255,.12); }.experiment-table-wrap { max-height:610px; }.experiment-pagination { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; color:var(--tool-muted); font-size:.75rem; }.experiment-pagination>div { display:flex; gap:8px; }.experiment-pagination .tool-button { min-height:34px; padding:0 12px; }.experiment-detail-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:22px; }.experiment-detail-heading h1 { margin:0; color:var(--tool-text); font-size:2rem; }.experiment-detail-heading p:last-child { max-width:700px; margin:8px 0 0; color:var(--tool-muted); }.experiment-detail-heading .tool-actions { justify-content:flex-end; }.experiment-code-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }.experiment-code-grid h3 { margin:0 0 8px; color:var(--tool-text); font-size:.78rem; }.experiment-code-grid pre { min-height:110px; max-height:300px; margin:0; overflow:auto; border:1px solid #293f59; border-radius:10px; padding:12px; color:#b9d5fb; background:#081421; font:500 .72rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace; white-space:pre-wrap; overflow-wrap:anywhere; }.research-experiments-page .tool-notice.error,.research-experiment-detail-page .tool-notice.error { border-color:rgba(255,102,112,.45); color:#ffb0b6; background:rgba(255,102,112,.08); }.research-experiments-page .tool-notice.success,.research-experiment-detail-page .tool-notice.success { border-color:rgba(67,217,158,.45); color:#8ce9c3; background:rgba(67,217,158,.08); }
@media(max-width:1200px){.experiment-filters{grid-template-columns:repeat(3,minmax(0,1fr));}.experiment-code-grid{grid-template-columns:1fr;}}@media(max-width:720px){.experiment-section{padding:17px}.experiment-filters{grid-template-columns:1fr}.experiment-pagination,.experiment-detail-heading{align-items:stretch;flex-direction:column}.experiment-pagination>div{display:grid;grid-template-columns:1fr 1fr}.experiment-detail-heading .tool-actions{flex-direction:column}.experiment-detail-heading .tool-actions .tool-button{width:100%;}}
[data-theme="light"] .experiment-section { background:linear-gradient(145deg,#fff,#edf3f9); box-shadow:0 24px 60px rgba(35,58,91,.1); }[data-theme="light"] .experiment-filters input,[data-theme="light"] .experiment-filters select,[data-theme="light"] .experiment-code-grid pre { border-color:#d1dce8; color:#20354d; background:#fff; }
.research-experiment-detail-page .tool-notice.warning { border-color:rgba(255,194,86,.48); color:#f4c773; background:rgba(255,194,86,.09); }