:root{--color-primary: #3b82f6;--color-primary-dark: #1d4ed8;--color-primary-light: #60a5fa;--color-secondary: #6366f1;--color-secondary-dark: #4338ca;--color-background: #ffffff;--color-background-secondary: #f8fafc;--color-background-tertiary: #f1f5f9;--color-text-primary: #1e293b;--color-text-secondary: #64748b;--color-text-tertiary: #94a3b8;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out}[data-theme=dark]{--color-primary: #60a5fa;--color-primary-dark: #3b82f6;--color-primary-light: #93c5fd;--color-secondary: #818cf8;--color-secondary-dark: #6366f1;--color-background: #0f172a;--color-background-secondary: #1e293b;--color-background-tertiary: #334155;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-border: #334155;--color-border-light: #475569;--color-success: #34d399;--color-error: #f87171;--color-warning: #fbbf24;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .3);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .3), 0 8px 10px -6px rgb(0 0 0 / .3)}*{margin:0;padding:0;box-sizing:border-box;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:#fffffff2;padding:2rem;text-align:center;box-shadow:0 2px 10px #0000001a}.header h1{font-size:2.5rem;color:#667eea;margin-bottom:.5rem}.subtitle{color:#666;font-size:1.1rem}.main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2rem}.hero{background:#fff;padding:2rem;border-radius:12px;text-align:center;margin-bottom:2rem;box-shadow:0 4px 6px #0000001a}.hero h2{color:#333;margin-bottom:1rem}.hero p{color:#666;font-size:1.1rem}.status-section{margin-bottom:2rem}.status-section h3{color:#fff;margin-bottom:1rem;font-size:1.8rem}.status-card{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000001a}.status-card.loading{text-align:center;color:#666}.status-card.error{border-left:4px solid #e53e3e}.status-card.error h4{color:#e53e3e;margin-bottom:.5rem}.status-card.healthy{border-left:4px solid #48bb78}.status-card.unhealthy{border-left:4px solid #f6ad55}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.status-header h4{font-size:1.5rem;color:#333}.timestamp{color:#666;font-size:.9rem}.status-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#f7fafc;border-radius:8px}.service-info,.version-info{color:#333}.checks h5{color:#333;margin-bottom:1rem;font-size:1.2rem}.checks ul{list-style:none;display:grid;gap:.75rem}.checks li{padding:.75rem;border-radius:6px;font-size:1.1rem}.check-ok{background:#c6f6d5;color:#22543d}.check-error{background:#fed7d7;color:#742a2a}.features{margin-bottom:2rem}.features h3{color:#fff;margin-bottom:1.5rem;font-size:1.8rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:0 6px 12px #00000026}.feature-card h4{color:#667eea;margin-bottom:.75rem;font-size:1.2rem}.feature-card p{color:#666;line-height:1.6}.footer{background:#fffffff2;padding:2rem;text-align:center;color:#666;box-shadow:0 -2px 10px #0000001a}.footer p{margin-bottom:.5rem}.footer a{color:#667eea;text-decoration:none;transition:color .3s ease}.footer a:hover{color:#764ba2;text-decoration:underline}.auth-ctas{margin-top:2rem;text-align:center}.cta-buttons{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem}.cta-text{color:#6b7280;font-size:.875rem;margin-top:.5rem}.api-docs-section{margin-top:3rem}.api-docs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem}.api-docs-section h3{color:#fff;margin-bottom:1.5rem;font-size:1.8rem}@media(max-width:768px){.header h1{font-size:2rem}.subtitle{font-size:1rem}.main{padding:1rem}.status-header{flex-direction:column;align-items:flex-start}.feature-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons button{width:100%;max-width:300px}.api-docs-grid{grid-template-columns:1fr}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%}