:root{
      --bg:#0b0f14;
      --panel:#0f1720;
      --muted:#9aa4b2;
      --accent:#00d1ff;
      --accent-2:#8b5cf6;
      --glass: rgba(255,255,255,0.04);
      --card-glow: 0 6px 24px rgba(0,209,255,0.06);
    }
    html,body{
      height:100%;
    }

    body{
      background: radial-gradient(1200px 600px at 10% 10%, rgba(139,92,246,0.06), transparent),
                  linear-gradient(180deg, rgba(0,0,0,0.25), transparent),
                  var(--bg);
      color:#e6eef6;
      font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
    }
    .brand-mark{
      width:38px;
      height:38px;border-radius:8px;
      background: linear-gradient(135deg,var(--accent),var(--accent-2));
      display:inline-flex;
      align-items:center;
      justify-content:center;
      box-shadow: var(--card-glow);
      font-weight:700;color:#021026;
    }
    .glass {
      background: rgba(255, 255, 255, 0.05);
      backdrop-filter: blur(10px);
      border: 1px solid rgba(255, 255, 255, 0.1);
    }
    /* tiny sparkline */
    .sparkline { 
      width:72px;
      height:20px;
      display:inline-block;
      vertical-align:middle;
    }
    /* Accessible focus */
    .focus-ring:focus{
      outline:3px solid rgba(0,209,255,0.18);
      outline-offset:2px;
      border-radius:6px;
    }
    /* Modal overlay */
    .modal-backdrop{
      background:linear-gradient(0deg, rgba(2,6,23,0.6), rgba(2,6,23,0.6));
    }
    /* small utils */
    .muted { 
      color:var(--muted); 
    }
    .accent { 
      color:var(--accent); 
    }
    .btn-primary { 
      background: linear-gradient(90deg,var(--accent),var(--accent-2)); 
      color:#021026; 
    }
    .btn-ghost { 
      background:transparent; 
      border:1px solid rgba(255,255,255,0.06); 
    }
    /* Mobile navbar slide */
    .mobile-menu{ 
      transform: translateX(100%); 
      transition: transform .28s ease; 
    }
    .mobile-menu.open{ 
      transform: translateX(0%); 
    }