:root {
      --background: 222.2 84% 4.9%;
      --foreground: 210 40% 98%;
      --primary: 217.2 91.2% 59.8%;
      --primary-foreground: 222.2 84% 4.9%;
      --secondary: 217.2 32.6% 17.5%;
      --secondary-foreground: 210 40% 98%;
      --border: 217.2 32.6% 17.5%;
      --radius: 0.75rem;
    }
    * { border-color: hsl(var(--border)); }
    html { scroll-behavior: smooth; }
    body {
      font-family: 'Inter', sans-serif;
      background: linear-gradient(135deg, #1e3a8a 0%, #7c3aed 50%, #312e81 100%);
      color: hsl(var(--foreground));
      min-height: 100vh;
    }
    /* Scrollbar */
    ::-webkit-scrollbar { width: 8px; }
    ::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.1); }
    ::-webkit-scrollbar-thumb { background: rgba(59, 130, 246, 0.5); border-radius: 4px; }
    ::-webkit-scrollbar-thumb:hover { background: rgba(59, 130, 246, 0.7); }

    /* Effects */
    .glass { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); }
    .btn-glow:hover { box-shadow: 0 0 20px rgba(59, 130, 246, 0.5); transform: translateY(-2px); transition: all 0.3s ease; }
    .card-hover:hover { transform: translateY(-5px); transition: transform 0.3s ease; }
    input:focus, select:focus { box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5); border-color: rgba(59, 130, 246, 0.8); }

    /* Modal */
    .modal-hidden { display: none; }
    .modal-backdrop { position: fixed; inset: 0; background: rgba(0,0,0,0.6); backdrop-filter: blur(3px); }

    /* Toast */
    #toast-container { position: fixed; bottom: 20px; right: 20px; z-index: 9999; display: flex; flex-direction: column; gap: .5rem; }
    .toast { background: #111827; color: white; padding: 1rem 1.25rem; border-radius: .75rem; border: 1px solid rgba(255,255,255,0.15); box-shadow: 0 10px 25px rgba(0,0,0,.35); opacity: 0; transform: translateY(20px); transition: all .3s ease; }
    .toast.show { opacity: 1; transform: translateY(0); }