:root{font-family:Inter,Arial,sans-serif;background:#071426;color:#eef4ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 10%,#18345c,transparent 30%),linear-gradient(135deg,#071426,#0b1426,#080d18);min-height:100vh}header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid #ffffff14;background:#071426cc;backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.brand{font-weight:900;font-size:22px;color:#fff;text-decoration:none}nav{display:flex;gap:18px}nav a,.links a{color:#aebbd2;text-decoration:none}.wrap{width:min(1500px,94%);margin:28px auto}.top{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{font-size:32px;margin:0 0 6px}h2{font-size:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.metrics{margin:20px 0}.panel,.card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:18px;box-shadow:0 12px 35px #0004}.panel span{display:block;color:#9eacc4;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.panel strong{display:block;font-size:25px;margin-top:8px;color:#fff}.auth{min-height:calc(100vh - 64px);display:grid;place-items:center}.card{width:min(430px,92%);text-align:center}.card form{text-align:left}.logo{margin:auto;width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:#204c8f;font-weight:900;font-size:22px}input,select{width:100%;background:#0c1830;color:#fff;border:1px solid #ffffff22;border-radius:9px;padding:11px;margin:7px 0 13px}button,.button{display:inline-block;border:0;border-radius:9px;padding:11px 15px;background:#2c6df2;color:#fff;font-weight:800;text-decoration:none;cursor:pointer}.links{display:flex;justify-content:space-between;margin-top:18px}.flash{margin:15px auto;padding:12px 16px;border-radius:10px;width:min(1000px,94%)}.flash.error{background:#ff5d7220;border:1px solid #ff5d7240}.flash.success{background:#55df9220;border:1px solid #55df9240}.muted{color:#aebbd2}.price{font-size:30px;font-weight:900}.strategy{min-height:80px;padding:16px;background:#0002;border-radius:10px;color:#c8d3e5}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid #ffffff12;white-space:nowrap}@media(max-width:700px){.top{align-items:flex-start;flex-direction:column}.top select{width:100%}}

/* Dedicated Alert Center navigation */
.nav-alert-link{font-weight:800!important;border:1px solid rgba(37,99,235,.28);border-radius:8px;padding:7px 10px;background:rgba(59,130,246,.08)}

/* Trade Easy primary navigation tabs: Alert Settings is a first-class tab */
header nav.main-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
header nav.main-nav .nav-tab{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 13px;border:1px solid #38506d;border-radius:9px;background:#10233d;color:#dce9fb;text-decoration:none;font-size:13px;font-weight:800;white-space:nowrap;transition:background .15s,border-color .15s}
header nav.main-nav .nav-tab:hover{background:#1b3a60;border-color:#5b8bc7;color:#fff}
header nav.main-nav .nav-tab.active{background:#245ca8;border-color:#6ea5f5;color:#fff;box-shadow:0 0 0 2px rgba(79,143,232,.16)}
header nav.main-nav .nav-tab.nav-logout{background:transparent;border-color:#52647a}
@media(max-width:760px){header{height:auto;min-height:64px;align-items:flex-start;gap:10px;padding:12px 4%;flex-wrap:wrap}header nav.main-nav{width:100%;gap:6px}header nav.main-nav .nav-tab{flex:1 1 auto;padding:8px 9px;font-size:12px}}

/* Primary navigation: make each destination a visible top-level tab */
header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;flex-wrap:wrap!important}
header nav.main-nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:9px!important;flex-wrap:wrap!important}
header nav.main-nav a.nav-tab{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:8px 14px!important;border:1px solid #45617f!important;border-radius:9px!important;background:#102a49!important;color:#f0f6ff!important;text-decoration:none!important;font-size:13px!important;font-weight:800!important;white-space:nowrap!important;visibility:visible!important;opacity:1!important}
header nav.main-nav a.nav-tab:hover{background:#1b4775!important;border-color:#79a9e8!important}
header nav.main-nav a.nav-tab.active{background:#2369b9!important;border-color:#8bbcff!important;color:#fff!important}
header nav.main-nav a.nav-logout{background:#17263a!important}
@media(max-width:700px){header nav.main-nav{width:100%!important;justify-content:flex-start!important}header nav.main-nav a.nav-tab{flex:1 1 auto!important}}

/* Reference-style compact Live Market Alert dashboard */
.app-header{height:76px;padding:0 3%;background:#030d1b;border-bottom:1px solid #24405e;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:30}
.brand{display:flex;align-items:center;gap:12px;font-size:27px;line-height:1.05}.brand-mark{font-size:36px}.brand small{display:block;font-size:13px;font-weight:500;color:#c4d2e5;margin-top:5px}
.menu-toggle{display:inline-flex;align-items:center;justify-content:center;background:#10233c;border:1px solid #365779;border-radius:10px;color:#eaf4ff;font-size:23px;width:46px;height:42px}
header nav.main-nav{display:none;position:absolute;right:3%;top:68px;min-width:210px;padding:10px;background:#07182c;border:1px solid #31557b;border-radius:13px;box-shadow:0 18px 40px #0009;flex-direction:column;gap:7px}
header nav.main-nav.menu-open{display:flex}
header nav.main-nav a.nav-tab{display:flex!important;justify-content:flex-start!important}
.live-dashboard{width:min(1700px,98%);margin:14px auto 28px;padding:0 8px;color:#f4f8ff}
.live-topline{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:8px 0 18px;padding:4px 8px 14px;border-bottom:1px solid #35506b}
.live-title{display:flex;align-items:center;gap:14px}.broadcast{font-size:42px;color:#ff5369;text-shadow:0 0 18px #ff284f}.live-title h1{font-size:clamp(23px,3vw,38px);margin:0;font-weight:900}.live-title small{color:#aabbd0;font-size:13px}
.market-live{display:grid;grid-template-columns:auto auto;align-items:center;gap:5px 9px;border:1px solid #078d50;border-radius:30px;padding:8px 16px;color:#30f38b;font-weight:900;background:#042619}.market-live i{width:12px;height:12px;border-radius:50%;background:#10ed73;box-shadow:0 0 12px #10ed73;grid-row:span 2}.market-live small{grid-column:2;color:#c5d6e9;font-weight:500}
.dashboard-layout{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(300px,.8fr);gap:16px}.signal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-content:start}
.signal-card{min-width:0;border-radius:19px;padding:16px;background:linear-gradient(145deg,#061b20,#031018 70%);border:2px solid #13d879;box-shadow:0 0 9px #19ed7c99,inset 0 0 22px #0abf5d18}
.signal-card.sell{background:linear-gradient(145deg,#260c15,#100811 75%);border-color:#ff5b70;box-shadow:0 0 10px #ff536b88,inset 0 0 20px #ff34551c}
.signal-card.warn{border-color:#f5bd42;background:linear-gradient(145deg,#28200a,#10131a);box-shadow:0 0 9px #e9b43a66}
.signal-card.wait{border-color:#45678e;background:linear-gradient(145deg,#0b1c32,#071321);box-shadow:0 0 8px #2c5b8b55}
.card-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.symbol-name{font-size:clamp(18px,2vw,28px);font-weight:900;display:flex;align-items:center;gap:8px}.candles{color:#39ed91;font-size:27px}.price-block{text-align:right;min-width:0}.price-block b{display:block;font-size:clamp(20px,2.1vw,30px);white-space:nowrap}.price-block small{display:block;font-size:10px;color:#a7b8cb;margin-top:2px}
.signal-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0;padding:8px;border-radius:12px;background:#102338a8}.signal-badge{padding:8px 14px;border-radius:11px;background:#00a83e;color:#fff;font-weight:950;font-size:19px;min-width:100px;text-align:center}.sell .signal-badge{background:#d80e2c}.warn .signal-badge{background:#bd850b}.wait .signal-badge{background:#405875}.trend{font-weight:800;font-size:13px;color:#dce9f8}.trend b{color:#32ee8c}.sell .trend b{color:#ff7c8a}.score{font-size:11px;color:#b9c9db;white-space:nowrap}
.levels-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.levels-row>div{padding:9px 5px;border:1px solid #3681a8;border-radius:11px;text-align:center;background:#0c2031}.levels-row>div:nth-child(2){border-color:#13b86a}.levels-row>div:nth-child(3){border-color:#df5265;background:#26151c}.levels-row label{display:block;font-size:12px;color:#c4d3e5;margin-bottom:5px}.levels-row b{font-size:clamp(14px,1.7vw,22px);white-space:nowrap}.clear-path{text-align:center;margin-top:12px;font-size:17px;font-weight:800}.clear-path span{color:#d5e2ef}.clear-path b{color:#32ed83}
.right-column{display:flex;flex-direction:column;gap:14px;min-width:0}.side-panel{border:1px solid #315c8b;border-radius:18px;padding:14px;background:linear-gradient(145deg,#0d2948,#07182b);box-shadow:0 6px 20px #0005}.side-panel h2{font-size:19px;margin:0 0 12px;color:#f0f6ff}.latest-list,.overview-list{display:flex;flex-direction:column;gap:7px}.latest-row,.overview-row{display:grid;grid-template-columns:10px minmax(72px,1fr) auto;gap:7px;align-items:center;padding:9px;border-radius:10px;background:#031326;border:1px solid #183653;font-size:12px}.latest-row span{grid-column:2/4;color:#bdcce0}.latest-row strong{color:#2df18b}.dot-buy,.dot-sell,.dot-warn{width:10px;height:10px;border-radius:50%;background:#0eea78}.dot-sell{background:#ff4359}.dot-warn{background:#f5bd42}.overview-row{grid-template-columns:minmax(90px,1fr) auto auto;font-size:13px}.overview-row strong{padding:5px 8px;border-radius:8px}.positive{background:#07512e;color:#3af08c}.negative{background:#601c2a;color:#ff8291}.neutral{background:#24364d;color:#d5e3f5}
.summary-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0 8px;padding:13px 10px;border:1px solid #3970a9;border-radius:16px;background:linear-gradient(110deg,#0b2038,#081426);box-shadow:0 6px 22px #0005}.summary-bar>div{display:grid;grid-template-columns:34px auto;align-items:center;column-gap:8px;padding:2px 10px;border-right:1px solid #34516f}.summary-bar>div:last-child{border:0}.summary-icon{grid-row:span 2;font-size:27px;color:#52f2a0}.summary-bar label{font-size:12px;color:#d4e0ee}.summary-bar b{font-size:20px;color:#35ed8a}.dashboard-footnote{text-align:center;color:#7f95ae;font-size:11px;padding:8px}.empty-state,.empty-mini{padding:18px;color:#aebfd3;text-align:center}.empty-state{grid-column:1/-1;border:1px dashed #45617e;border-radius:14px}
@media(max-width:1000px){.dashboard-layout{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr}.signal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.app-header{height:66px}.brand{font-size:21px}.brand-mark{font-size:28px}.live-topline{align-items:flex-start;flex-direction:column}.market-live{align-self:flex-end}.signal-grid{grid-template-columns:1fr}.right-column{grid-template-columns:1fr}.summary-bar{grid-template-columns:repeat(2,1fr)}.summary-bar>div:nth-child(2){border-right:0}.summary-bar>div{padding:7px}.score{display:none}.signal-card{padding:13px}}

/* HORIZONTAL NAVIGATION UPDATE — desktop-first, compact and non-overlapping */
.app-header{
  min-height:78px;height:auto;padding:10px 3%;
  display:flex;align-items:center;justify-content:space-between;gap:22px;
  flex-wrap:nowrap;position:sticky;top:0;z-index:100;
}
.app-header .brand{flex:0 0 auto;white-space:nowrap}
.app-header .menu-toggle{display:none}
.app-header nav.main-nav{
  display:flex!important;position:static;inset:auto;transform:none;
  min-width:0;width:auto;padding:0;margin-left:auto;
  flex-direction:row;align-items:center;justify-content:flex-end;
  flex-wrap:wrap;gap:8px;background:transparent;border:0;border-radius:0;
  box-shadow:none;z-index:auto;
}
.app-header nav.main-nav a.nav-tab{
  display:inline-flex!important;align-items:center;justify-content:center;
  white-space:nowrap;padding:10px 14px;border-radius:9px;
  border:1px solid #315477;background:#0b2038;color:#eaf3ff;
  font-size:13px;font-weight:750;text-decoration:none;line-height:1.2;
}
.app-header nav.main-nav a.nav-tab:hover,
.app-header nav.main-nav a.nav-tab.active{
  background:#1763a9;border-color:#5ca8f4;color:#fff;
}
.app-header nav.main-nav a.nav-logout{
  background:#351723;border-color:#874052;color:#ffdce2;
}
.app-header nav.main-nav a.nav-logout:hover{background:#8b263c;border-color:#ff7287}
@media(max-width:900px) and (min-width:761px){
  .app-header{gap:12px;padding-left:2%;padding-right:2%}
  .app-header .brand{font-size:22px}
  .app-header .brand small{font-size:11px}
  .app-header nav.main-nav{gap:5px}
  .app-header nav.main-nav a.nav-tab{padding:9px 10px;font-size:12px}
}
@media(max-width:760px){
  .app-header{min-height:66px;padding:9px 14px;gap:10px}
  .app-header .menu-toggle{display:inline-flex;flex:0 0 auto}
  .app-header nav.main-nav{
    display:none!important;position:absolute;right:12px;top:calc(100% + 7px);
    width:min(280px,calc(100vw - 24px));min-width:0;margin:0;padding:10px;
    flex-direction:column;align-items:stretch;gap:7px;
    background:#07182c;border:1px solid #31557b;border-radius:13px;
    box-shadow:0 18px 40px #000b;
  }
  .app-header nav.main-nav.menu-open{display:flex!important}
  .app-header nav.main-nav a.nav-tab{width:100%;justify-content:flex-start;padding:11px 13px}
}

/* Live tick price: update the number only; keep the dashboard card stable. */
.price-block b{font-variant-numeric:tabular-nums;transition:color .12s ease}
.price-block small{min-height:13px}