@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono&display=swap');
        
        :root {
            --primary: #0f172a;
            --accent: #2563eb;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: #f8fafc;
            color: #1e293b;
        }

        .mono { font-family: 'JetBrains Mono', monospace; }
        
        .app-shell {
            display: grid;
            grid-template-columns: 420px 1fr;
            height: 100vh;
        }

        @media (max-width: 1100px) {
            .app-shell { grid-template-columns: 1fr; height: auto; }
        }

        .sidebar {
            background: #ffffff;
            border-right: 1px solid #e2e8f0;
            padding: 2rem;
            overflow-y: auto;
        }

        .content-area {
            padding: 2rem;
            overflow-y: auto;
            background: #f1f5f9;
        }

        .custom-shadow {
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.02);
        }

        .link-row {
            display: flex;
            gap: 0.5rem;
            align-items: flex-end;
            flex-wrap: wrap;
            margin-bottom: 0.75rem;
        }
        
        .input-group {
            flex: 1;
            min-width: 120px;
        }

        .field-label {
            display: block;
            font-size: 10px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            color: #94a3b8;
            margin-bottom: 4px;
        }
        
        @media (max-width: 400px) {
            .input-group {
                flex: 1 1 100%;
            }
        }

        /* Loading Animation */
        .pulse-loader {
            display: inline-block;
            width: 8px;
            height: 8px;
            background: currentColor;
            border-radius: 50%;
            margin-left: 4px;
            animation: pulse 1s infinite;
        }

        @keyframes pulse {
            0% { opacity: 1; transform: scale(1); }
            50% { opacity: 0.3; transform: scale(0.8); }
            100% { opacity: 1; transform: scale(1); }
        }