/* AurumX AI Dashboard V3 — premium sidebar/dashboard refinement */

body.dashboard-v3{
  --d-bg:#030812;
  --d-panel:#071321;
  --d-panel-2:#091827;
  --d-panel-3:#0b1d30;
  --d-line:rgba(123,173,224,.12);
  --d-line-strong:rgba(72,174,255,.24);
  --d-text:#f3f7fb;
  --d-muted:#8095aa;
  --d-blue:#2e9dff;
  --d-cyan:#58dfff;
  --d-gold:#f1b84b;
  --d-green:#26db9a;
  --d-red:#ff6470;
  background:
    radial-gradient(circle at 79% 3%,rgba(43,118,255,.10),transparent 25%),
    radial-gradient(circle at 35% 95%,rgba(108,77,255,.07),transparent 28%),
    linear-gradient(140deg,#02060d,#06101c 52%,#02060b);
}

.dashboard-v3 .app{
  grid-template-columns:232px minmax(0,1fr);
}

.dashboard-v3 .sidebar{
  padding:0;
  overflow:hidden;
  position:sticky;
  top:0;
  height:100dvh;
  border-right:1px solid var(--d-line);
  background:
    radial-gradient(circle at 50% -5%,rgba(43,145,255,.12),transparent 28%),
    linear-gradient(180deg,#06111e 0%,#030a13 56%,#02070d 100%);
  box-shadow:18px 0 55px rgba(0,0,0,.18);
}

.dashboard-v3 .sidebar-inner{
  height:100%;
  overflow-y:auto;
  overflow-x:hidden;
  padding:14px 12px 18px;
  scrollbar-width:thin;
  scrollbar-color:#14304a transparent;
}

.dashboard-v3 .sidebar-inner::-webkit-scrollbar{width:5px}
.dashboard-v3 .sidebar-inner::-webkit-scrollbar-thumb{
  background:#14304a;
  border-radius:99px;
}

.dashboard-v3 .brand-lockup{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:60px;
  padding:7px 7px 15px;
  margin-bottom:5px;
}

.dashboard-v3 .brand-lockup img{
  width:43px;
  height:43px;
  flex:0 0 43px;
  filter:drop-shadow(0 4px 14px rgba(241,184,75,.12));
}

.dashboard-v3 .brand-copy{
  min-width:0;
  display:flex;
  align-items:baseline;
  gap:5px;
  white-space:nowrap;
  font-weight:820;
  letter-spacing:1.5px;
  font-size:14px;
}

.dashboard-v3 .brand-copy em{
  color:var(--d-gold);
  font-style:normal;
  letter-spacing:.7px;
}

.dashboard-v3 .side-section{
  margin:17px 9px 7px;
  color:#586e84;
  font-size:10px;
  font-weight:750;
  letter-spacing:1.7px;
  text-transform:uppercase;
}

.dashboard-v3 .side-link{
  position:relative;
  min-height:42px;
  display:flex;
  align-items:center;
  gap:11px;
  padding:0 11px;
  margin:3px 0;
  border-radius:10px;
  color:#90a3b7;
  font-size:13.5px;
  font-weight:520;
  background:transparent;
  transition:.18s ease;
}

.dashboard-v3 .side-link .nav-icon{
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:grid;
  place-items:center;
  border-radius:8px;
  color:#7f98af;
  border:1px solid transparent;
  transition:.18s ease;
}

.dashboard-v3 .side-link svg{
  width:16px;
  height:16px;
  stroke:currentColor;
  stroke-width:1.8;
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.dashboard-v3 .side-link:hover{
  color:#e9f4ff;
  background:rgba(39,143,255,.055);
}

.dashboard-v3 .side-link:hover .nav-icon{
  color:#a9dcff;
  background:rgba(43,157,255,.07);
}

.dashboard-v3 .side-link.active{
  color:#fff;
  background:
    linear-gradient(90deg,rgba(33,137,235,.17),rgba(33,137,235,.045));
  box-shadow:
    inset 0 0 0 1px rgba(70,168,255,.12),
    0 9px 25px rgba(0,0,0,.08);
}

.dashboard-v3 .side-link.active::before{
  content:"";
  position:absolute;
  left:0;
  top:9px;
  bottom:9px;
  width:3px;
  border-radius:99px;
  background:linear-gradient(180deg,#64ddff,#2f95ff);
  box-shadow:0 0 14px rgba(65,180,255,.52);
}

.dashboard-v3 .side-link.active .nav-icon{
  color:#eef9ff;
  border-color:rgba(80,181,255,.18);
  background:rgba(43,157,255,.10);
}

.dashboard-v3 .upgrade{
  margin:18px 3px 0;
  padding:14px;
  border:1px solid rgba(241,184,75,.22);
  border-radius:14px;
  background:
    radial-gradient(circle at 8% 0%,rgba(241,184,75,.12),transparent 40%),
    linear-gradient(155deg,rgba(31,28,20,.50),rgba(7,16,26,.84));
  box-shadow:0 14px 38px rgba(0,0,0,.17);
}

.dashboard-v3 .upgrade-kicker{
  color:#f4c86c;
  font-size:10px;
  letter-spacing:1.3px;
  text-transform:uppercase;
  font-weight:760;
}

.dashboard-v3 .upgrade h4{
  margin:5px 0 5px;
  font-size:15px;
}

.dashboard-v3 .upgrade p{
  margin:0 0 11px;
  color:#8194a8;
  font-size:12px;
  line-height:1.45;
}

.dashboard-v3 .upgrade .btn{
  min-height:38px;
  width:100%;
  font-size:12px;
  border-radius:9px;
}

.dashboard-v3 .sidebar-footer{
  display:flex;
  align-items:center;
  gap:8px;
  padding:15px 8px 0;
  color:#556a7e;
  font-size:10px;
}

.dashboard-v3 .sidebar-footer .status-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#2bd79a;
  box-shadow:0 0 10px rgba(43,215,154,.42);
}

.dashboard-v3 .main{
  padding:16px 18px 24px;
  background:
    radial-gradient(circle at 90% 0%,rgba(30,121,238,.06),transparent 25%);
}

.dashboard-v3 .appbar{
  min-height:66px;
  margin-bottom:10px;
  padding:3px 2px;
}

.dashboard-v3 .page-kicker{
  color:#5e7e9d;
  font-size:10px;
  letter-spacing:1.6px;
  text-transform:uppercase;
  font-weight:760;
}

.dashboard-v3 .page-heading{
  margin:2px 0 0;
  font-size:23px;
  letter-spacing:-.6px;
}

.dashboard-v3 .page-subtitle{
  margin-top:2px;
  color:#738aa0;
  font-size:12px;
}

.dashboard-v3 .top-actions{
  display:flex;
  align-items:center;
  gap:8px;
}

.dashboard-v3 .top-pill{
  min-height:38px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 12px;
  border:1px solid var(--d-line);
  border-radius:10px;
  background:rgba(7,19,32,.72);
  color:#8da2b7;
  font-size:12px;
}

.dashboard-v3 .top-pill .green-dot{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--d-green);
  box-shadow:0 0 10px rgba(38,219,154,.45);
}

.dashboard-v3 .dash-top{
  gap:8px;
}

.dashboard-v3 .metric{
  min-height:88px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:14px 15px;
  border:1px solid var(--d-line);
  border-radius:12px;
  background:
    linear-gradient(180deg,rgba(9,25,42,.76),rgba(5,15,26,.84));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}

.dashboard-v3 .metric small{
  color:#748ca3;
  font-size:11px;
}

.dashboard-v3 .metric strong{
  font-size:21px;
  letter-spacing:-.3px;
}

.dashboard-v3 .metric .help{
  color:#536d84;
  font-size:10px;
}

.dashboard-v3 .dashboard-grid{
  grid-template-columns:minmax(0,1fr) 300px;
  gap:8px;
  margin-top:8px;
}

.dashboard-v3 .card{
  border-color:var(--d-line);
  background:
    linear-gradient(180deg,rgba(8,23,39,.83),rgba(4,14,24,.90));
  box-shadow:0 14px 42px rgba(0,0,0,.15);
}

.dashboard-v3 .chart-card{
  min-height:530px;
}

.dashboard-v3 .chart-toolbar{
  min-height:36px;
  padding-bottom:8px;
  border-bottom:1px solid rgba(255,255,255,.035);
}

.dashboard-v3 .chart-symbol{
  margin-right:6px;
  color:#f4f8fb;
  font-size:14px;
}

.dashboard-v3 .tf{
  min-width:29px;
  text-align:center;
  color:#738ca4;
}

.dashboard-v3 .tf.active{
  color:#dff5ff;
  background:rgba(42,147,255,.09);
  box-shadow:none;
}

.dashboard-v3 .chart{
  height:445px;
  border-color:rgba(94,151,207,.10);
  background:
    linear-gradient(rgba(88,144,196,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(88,144,196,.045) 1px,transparent 1px),
    radial-gradient(circle at 50% 40%,rgba(28,112,206,.035),transparent 40%),
    #04101b;
  background-size:46px 46px,46px 46px,auto,auto;
}

.dashboard-v3 .watch-title{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-bottom:9px;
  border-bottom:1px solid rgba(255,255,255,.04);
}

.dashboard-v3 .watch-row{
  min-height:42px;
  align-items:center;
  padding:8px 1px;
  color:#8297ab;
}

.dashboard-v3 .watch-row span:first-child{
  color:#c6d4e1;
  font-weight:600;
}

.dashboard-v3 .mobile-nav{
  border-color:rgba(99,164,224,.16);
  background:rgba(3,12,21,.94);
}

@media(max-width:1040px){
  .dashboard-v3 .app{grid-template-columns:1fr}
  .dashboard-v3 .dashboard-grid{grid-template-columns:1fr}
}

@media(max-width:700px){
  .dashboard-v3 .main{padding:11px 10px 84px}
  .dashboard-v3 .page-heading{font-size:20px}
  .dashboard-v3 .top-pill{display:none}
  .dashboard-v3 .dash-top{grid-template-columns:1fr 1fr}
}

@media(max-width:460px){
  .dashboard-v3 .dash-top{grid-template-columns:1fr}
}