:root{
  --bg:#070a12;--panel:rgba(14,19,32,.82);--panel2:rgba(18,25,42,.92);--line:rgba(255,255,255,.08);--text:#f7f9ff;--muted:#8d97ad;--blue:#4f8cff;--cyan:#3ee6c4;--purple:#a66cff;--green:#39e58c;--red:#ff5d73;--yellow:#ffc857;--shadow:0 24px 60px rgba(0,0,0,.28)
}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 75% 10%,rgba(79,140,255,.12),transparent 33%),radial-gradient(circle at 12% 85%,rgba(166,108,255,.10),transparent 35%),var(--bg);color:var(--text);min-height:100vh}
button,input,select{font:inherit}.bg-orb{position:fixed;filter:blur(90px);border-radius:50%;opacity:.3;pointer-events:none}.orb-a{width:340px;height:340px;background:#2a67ff;right:12%;top:-90px}.orb-b{width:300px;height:300px;background:#783cff;left:-90px;bottom:5%}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}
.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:24px 16px;border-right:1px solid var(--line);background:rgba(6,9,16,.72);backdrop-filter:blur(22px);z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 22px}.brand-mark{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#4d80ff,#9f5cff);box-shadow:0 10px 30px rgba(79,140,255,.3)}.brand b{font-size:18px;display:block}.brand span{font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.sidebar nav{display:grid;gap:4px}.nav-item{border:0;background:transparent;color:#aab3c5;border-radius:12px;padding:11px 12px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px;transition:.2s}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,rgba(79,140,255,.16),rgba(166,108,255,.09));color:white}.nav-item.active{box-shadow:inset 3px 0 0 #5b91ff}.sidebar-footer{position:absolute;left:22px;right:22px;bottom:24px;display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:16px}.sidebar-footer b,.sidebar-footer span{display:block}.sidebar-footer span{font-size:11px;color:var(--muted)}.status-dot{width:9px;height:9px;background:var(--green);border-radius:50%;box-shadow:0 0 16px var(--green)}
.main{min-width:0}.topbar{height:76px;position:sticky;top:0;z-index:15;display:flex;align-items:center;gap:16px;padding:14px 24px;border-bottom:1px solid var(--line);background:rgba(7,10,18,.72);backdrop-filter:blur(24px)}.search-wrap{flex:1;max-width:760px;display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.045);border:1px solid var(--line);padding:7px 8px 7px 14px;border-radius:14px}.search-wrap input,.big-search input,.form-row input,.amount-input input,.settings-card input,.settings-card select,.screener-controls select{background:transparent;border:0;outline:0;color:white;width:100%}.search-wrap input::placeholder,.big-search input::placeholder,.form-row input::placeholder{color:#6f788b}.search-wrap button,.big-search button{border:0;border-radius:10px;padding:9px 14px;background:#23324e;color:#dbe7ff;cursor:pointer}.top-actions{margin-left:auto;display:flex;gap:10px}.pill,.wallet,.mobile-menu{border:1px solid var(--line);background:rgba(255,255,255,.045);color:white;border-radius:12px;cursor:pointer}.pill{padding:10px 14px}.wallet{padding:8px 13px;text-align:left}.wallet span{display:block;font-size:10px;color:var(--muted)}.wallet b{font-size:14px}.mobile-menu{display:none;padding:10px 12px}
.view{display:none;padding:28px 28px 10px;max-width:1540px;margin:0 auto}.view.active{display:block}.panel{background:linear-gradient(145deg,rgba(20,27,46,.9),rgba(10,14,24,.88));border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:20px}.hero{display:grid;grid-template-columns:1.6fr .75fr;gap:24px;padding:30px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(79,140,255,.22),transparent 66%);right:-90px;top:-120px}.eyebrow{font-size:11px;letter-spacing:.14em;color:#7aa5ff;font-weight:700}.hero h1,.page-title h1{font-size:clamp(30px,4vw,52px);line-height:1.02;margin:8px 0 12px;letter-spacing:-.04em}.hero p,.page-title p{color:var(--muted);max-width:760px;line-height:1.6}.hero-actions{display:flex;gap:10px;margin-top:22px}.primary,.secondary,.ghost{border-radius:12px;padding:11px 15px;cursor:pointer}.primary{border:0;background:linear-gradient(135deg,#4f8cff,#8b61ff);color:white;font-weight:700;box-shadow:0 10px 24px rgba(79,140,255,.24)}.secondary{border:1px solid var(--line);background:rgba(255,255,255,.05);color:white}.ghost{border:1px solid var(--line);background:transparent;color:#aab3c5}.full{width:100%}.hero-card{position:relative;z-index:1;border:1px solid var(--line);border-radius:16px;padding:16px;background:rgba(5,9,17,.5)}.mini-label{font-size:10px;color:var(--muted);letter-spacing:.14em;margin-bottom:8px}.hero-stat,.setting-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.hero-stat:last-child,.setting-row:last-child{border-bottom:0}.good{color:var(--green)}.bad{color:var(--red)}
.grid{display:grid;gap:16px}.stats-grid{grid-template-columns:repeat(4,1fr);margin-top:16px}.stat span,.stat small{display:block;color:var(--muted)}.stat b{display:block;font-size:28px;margin:6px 0}.stat small{font-size:11px}.two-col{grid-template-columns:1.05fr .95fr;margin-top:16px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}.section-head h2,.panel h3{margin:4px 0}.badge{font-size:10px;padding:6px 9px;border-radius:999px;border:1px solid rgba(79,140,255,.25);color:#9dbbff;background:rgba(79,140,255,.08)}.live-dot{font-size:11px;color:var(--green)}.big-search,.form-row,.screener-controls{display:flex;gap:10px;align-items:center}.big-search,.form-row{background:rgba(255,255,255,.035);border:1px solid var(--line);border-radius:14px;padding:7px 8px 7px 14px}.quick-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.quick-chips button{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#b7c0d1;border-radius:999px;padding:7px 11px;cursor:pointer}.quick-chips button:hover{color:white;border-color:rgba(79,140,255,.45)}.result-card{margin-top:12px;border:1px solid var(--line);border-radius:14px;padding:14px;background:rgba(255,255,255,.025)}.hidden{display:none!important}.page-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:18px}.page-title h1{font-size:38px}.tool-card{min-height:240px}.signal-output{margin-top:16px;border-top:1px solid var(--line);padding-top:16px}.empty{color:#727d91;padding:18px 4px}.signal-card{border:1px solid var(--line);border-radius:16px;padding:15px;background:rgba(255,255,255,.025);margin-bottom:10px}.signal-card .sig-head{display:flex;justify-content:space-between;gap:10px}.signal-card h3{margin:0}.signal-card p{color:var(--muted);margin:6px 0}.sig-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin-top:12px}.sig-grid span{color:var(--muted);font-size:11px}.sig-grid b{display:block;font-size:14px;margin-top:2px}.dir-up{color:var(--green)}.dir-down{color:var(--red)}.dir-wait{color:var(--yellow)}.signal-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.signal-actions button{border:1px solid var(--line);background:rgba(255,255,255,.04);color:white;border-radius:10px;padding:8px 10px;cursor:pointer}.amount-input{display:flex;align-items:center;gap:8px;font-size:28px;margin:12px 0;background:rgba(255,255,255,.035);border:1px solid var(--line);padding:14px;border-radius:14px}.amount-input input{font-size:28px}.note{font-size:11px;color:var(--muted);line-height:1.5}.cards-list{display:grid;gap:10px}.prediction-layout{grid-template-columns:1fr 330px}.prediction-stack{display:grid;gap:10px}.prediction-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(14,21,37,.95),rgba(8,12,22,.95));border-radius:16px;padding:15px}.prediction-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.prediction-head b{font-size:18px}.signal-banner{margin:12px 0;padding:12px;border-radius:12px;background:rgba(57,229,140,.08);border:1px solid rgba(57,229,140,.16)}.signal-banner.down{background:rgba(255,93,115,.08);border-color:rgba(255,93,115,.16)}.signal-banner.wait{background:rgba(255,200,87,.06);border-color:rgba(255,200,87,.16)}.prediction-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.metric{background:rgba(255,255,255,.025);border-radius:10px;padding:9px}.metric span{font-size:10px;color:var(--muted);display:block}.metric b{font-size:13px}.rule-strip{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:8px 12px;align-items:center;margin:14px 0;color:var(--muted);font-size:11px}.rule-strip b{color:white}.settings-mini h3{margin-top:0}.screener-controls{background:rgba(255,255,255,.035);border:1px solid var(--line);padding:8px;border-radius:14px;margin-bottom:16px}.screener-controls select{padding:10px}.list-table{display:grid;gap:8px;margin-top:14px}.list-row{display:grid;grid-template-columns:1.3fr .7fr .7fr auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.list-row small{color:var(--muted)}.list-row button{border:1px solid var(--line);background:transparent;color:#aab3c5;border-radius:9px;padding:7px 10px;cursor:pointer}.settings-grid{grid-template-columns:repeat(2,1fr);margin-bottom:16px}.settings-card label{display:grid;gap:7px;color:#b7c0d1;font-size:12px;margin:14px 0}.settings-card input,.settings-card select{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:10px;padding:10px}.toggle{grid-template-columns:1fr auto!important;align-items:center}.toggle input{width:18px;height:18px}.toast{position:fixed;right:24px;bottom:24px;padding:12px 15px;border-radius:12px;background:#11182a;border:1px solid var(--line);box-shadow:var(--shadow);transform:translateY(130%);opacity:0;transition:.25s;z-index:99}.toast.show{transform:translateY(0);opacity:1}footer{text-align:center;color:#5f6879;font-size:11px;padding:28px 0 36px}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.two-col,.prediction-layout{grid-template-columns:1fr}}
@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;transform:translateX(-105%);width:250px;transition:.25s}.sidebar.open{transform:translateX(0)}.mobile-menu{display:block}.topbar{padding:12px}.search-wrap{min-width:0}.search-wrap input{font-size:13px}.top-actions .pill{display:none}.view{padding:20px 14px}.hero{padding:22px}.stats-grid,.settings-grid{grid-template-columns:1fr}.sig-grid,.prediction-metrics{grid-template-columns:1fr 1fr}.rule-strip{grid-template-columns:1fr}.list-row{grid-template-columns:1fr auto}.list-row small,.list-row .row-extra{display:none}.wallet{display:none}.hero h1,.page-title h1{font-size:32px}.form-row,.screener-controls{align-items:stretch;flex-direction:column}.form-row button,.screener-controls button{width:100%}}

/* === TRADEMATE WEB V1.5 10-TICKER BOARD === */
.odte-universe-panel{margin-bottom:16px}.ticker-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.ticker-tile{display:block;text-decoration:none;color:white;border:1px solid var(--line);border-radius:14px;padding:12px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));transition:.18s;min-height:78px}.ticker-tile:hover{transform:translateY(-2px);border-color:rgba(79,140,255,.58);background:rgba(79,140,255,.08)}.ticker-tile.pinned{box-shadow:inset 0 0 0 1px rgba(125,92,255,.16)}.ticker-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.ticker-top b{font-size:16px}.ticker-tile small{display:block;color:var(--muted);margin-top:8px;line-height:1.35}.ticker-price{font-size:11px;color:#dce4f4}.signal-link{display:block;text-decoration:none;color:inherit}.signal-link:hover{border-color:rgba(79,140,255,.55);background:rgba(79,140,255,.055)}
@media(max-width:900px){.ticker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}