:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-200:#bfdbfe;--primary-300:#93c5fd;--primary-400:#60a5fa;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--primary-800:#1e40af;--primary-900:#1e3a8a;--primary-color:var(--primary-600);--primary-light:var(--primary-400);--primary-dark:var(--primary-800);--secondary-50:#f8fafc;--secondary-100:#f1f5f9;--secondary-200:#e2e8f0;--secondary-300:#cbd5e1;--secondary-400:#94a3b8;--secondary-500:#64748b;--secondary-600:#475569;--secondary-700:#334155;--secondary-800:#1e293b;--secondary-900:#0f172a;--success-50:#ecfdf5;--success-100:#d1fae5;--success-200:#a7f3d0;--success-300:#6ee7b7;--success-400:#34d399;--success-500:#10b981;--success-600:#059669;--success-700:#047857;--success-800:#065f46;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-200:#fde68a;--warning-300:#fcd34d;--warning-400:#fbbf24;--warning-500:#f59e0b;--warning-600:#d97706;--warning-700:#b45309;--warning-800:#92400e;--error-50:#fef2f2;--error-100:#fee2e2;--error-200:#fecaca;--error-300:#fca5a5;--error-400:#f87171;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--error-800:#991b1b;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--background-color:var(--gray-50);--background-light:var(--gray-50);--background-dark:var(--gray-100);--text-color:var(--gray-900);--text-color-dark:var(--gray-900);--text-color-medium:var(--gray-700);--text-color-light:var(--gray-500);--border-color:var(--gray-200);--white:#fff;--red-light:var(--error-50);--red-dark:var(--error-600);--brand-purple:#6b46c1;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-mono:"SF Mono",Monaco,"Inconsolata","Roboto Mono","Source Code Pro",monospace;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--background-light);color:#0f172a;color:var(--text-color-dark);font-family:Inter,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.skip-nav{background:#2563eb;background:var(--primary-600);border-radius:.375rem;border-radius:var(--radius-md);color:#fff;font-size:.875rem;font-weight:600;left:16px;padding:8px 16px;position:absolute;text-decoration:none;top:-100%;transition:top .15s ease;transition:top var(--transition-fast);z-index:10000}.skip-nav:focus{top:16px}:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--primary-600);outline-offset:2px}.visually-hidden{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.credential-setup-container{align-items:center;background:var(--gray-50);display:flex;justify-content:center;min-height:100vh;padding:var(--space-8)}.credential-setup-box{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:800px;overflow:hidden;padding:var(--space-8);position:relative;width:100%}.credential-setup-box:before{background:linear-gradient(90deg,var(--primary-500),var(--secondary-500));content:"";height:4px;left:0;position:absolute;right:0;top:0}.credential-setup-header{margin-bottom:var(--space-8);position:relative;text-align:center;z-index:1}.credential-setup-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-600),var(--secondary-600));-webkit-background-clip:text;background-clip:text;color:var(--gray-900);font-size:2rem;font-weight:700;letter-spacing:-.025em;margin-bottom:var(--space-2)}.credential-setup-description{color:var(--gray-600);font-size:1rem;line-height:1.6;margin-bottom:var(--space-8);margin-left:auto;margin-right:auto;max-width:600px}.configuration-section{background:var(--gray-50);border:1px solid var(--gray-100);border-radius:var(--radius-lg);margin-bottom:var(--space-10);padding:var(--space-6)}.configuration-section h3{border-bottom:2px solid var(--primary-200);color:var(--gray-900);font-size:1.25rem;font-weight:700;letter-spacing:-.025em;margin-bottom:var(--space-6);padding-bottom:var(--space-3)}.form-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{color:var(--gray-700);font-size:.875rem;font-weight:600;letter-spacing:.025em}.form-group input{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-lg);color:var(--gray-900);font-size:.875rem;font-weight:500;padding:var(--space-3) var(--space-4);transition:var(--transition-normal);width:100%}.form-group input:hover{border-color:var(--gray-300)}.form-group input:focus{background:var(--white);border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100);outline:none}.form-group input::placeholder{color:var(--gray-400);font-weight:400}.form-group input[type=number]{-moz-appearance:textfield}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.error-message{align-items:center;background:var(--error-50);border:1px solid var(--error-200);border-radius:var(--radius-lg);color:var(--error-700);display:flex;font-size:.875rem;font-weight:500;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-4)}.error-message:before{content:"⚠️";font-size:1rem}.success-message{align-items:center;background:var(--success-50);border:1px solid var(--success-200);border-radius:var(--radius-lg);color:var(--success-700);display:flex;font-size:.875rem;font-weight:500;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-4)}.success-message:before{content:"✅";font-size:1rem}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-8)}.save-button{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--white);cursor:pointer;font-size:.875rem;font-weight:600;letter-spacing:.025em;overflow:hidden;padding:var(--space-3) var(--space-6);position:relative;transition:var(--transition-normal)}.save-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.save-button:hover{background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:var(--shadow-md);transform:translateY(-1px)}.save-button:hover:before{left:100%}.save-button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.save-button:disabled{background:var(--gray-300);box-shadow:none;color:var(--gray-500);cursor:not-allowed;transform:none}.save-button:disabled:before{display:none}@media (max-width:1024px){.credential-setup-box{max-width:90%}.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.credential-setup-container{padding:var(--space-4)}.credential-setup-box{border-radius:var(--radius-lg);padding:var(--space-6)}.credential-setup-title{font-size:1.5rem}.credential-setup-description{font-size:.875rem}.configuration-section{margin-bottom:var(--space-6);padding:var(--space-4)}.configuration-section h3{font-size:1.125rem}.form-grid{gap:var(--space-4);grid-template-columns:1fr}.form-actions{margin-top:var(--space-6)}}@media (max-width:480px){.credential-setup-container{padding:var(--space-2)}.credential-setup-box{border-radius:var(--radius-md);padding:var(--space-4)}.credential-setup-title{font-size:1.25rem}.configuration-section{padding:var(--space-3)}.save-button{padding:var(--space-4) var(--space-6);width:100%}}