@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Syne:wght@400;700;800&display=swap');

        :root {
            --bg: #0a0e17; --surface: #111827; --border: #1e2d45;
            --accent: #3b82f6; --text: #e2e8f0; --muted: #94a3b8;
        }

        body {
            background: var(--bg); color: var(--text);
            font-family: 'Space Mono', monospace; min-height: 100vh;
            background-image: radial-gradient(ellipse at 20% 10%, rgba(59, 130, 246, 0.05) 0%, transparent 50%);
        }

        .syne { font-family: 'Syne', sans-serif; }

        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: var(--bg); }
        ::-webkit-scrollbar-thumb { background: var(--border); border-radius: 4px; }

        .card { 
            background: var(--surface); 
            border: 1px solid var(--border); 
            border-radius: 12px;
        }

        .nav-active {
            color: #3b82f6 !important;
            border-bottom: 2px solid #3b82f6;
        }

        table { width: 100%; border-collapse: collapse; }
        th { 
            background: #0f172a; color: var(--muted); 
            font-size: 10px; text-transform: uppercase; letter-spacing: 0.1em;
            padding: 16px; text-align: left; border-bottom: 1px solid var(--border);
        }
        td { padding: 16px; border-bottom: 1px solid var(--border); font-size: 13px; }
        tr:hover { background: rgba(30, 41, 59, 0.3); }

        .status-badge {
            padding: 2px 8px; border-radius: 4px; font-size: 10px; font-weight: bold; text-transform: uppercase;
        }

        input, select {
            background: #0a0e17 !important;
            border: 1px solid var(--border) !important;
            color: white !important;
        }
        
        .admin-toggle {
            background: rgba(168, 85, 247, 0.1);
            border: 1px solid rgba(168, 85, 247, 0.3);
        }