.auth-container{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:1rem}.auth-card{background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem;width:100%;max-width:400px;box-shadow:0 20px 40px #0006;animation:fadeIn .6s ease-out}.auth-card h1{margin:0;font-size:2rem;font-weight:800;background:linear-gradient(135deg,#2e58ff,#7000ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center}.auth-subtitle{color:#888;text-align:center;margin-top:.5rem;margin-bottom:2rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.9rem;font-weight:600;color:#ccc;margin-left:.5rem}.form-group input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);padding:.8rem 1rem;border-radius:12px;color:#fff;transition:all .2s ease;font-family:inherit}.form-group input:focus{outline:none;border-color:#2e58ff;background:#ffffff14;box-shadow:0 0 0 4px #2e58ff1a}.auth-submit{margin-top:1rem;padding:1rem;font-size:1rem}.auth-message{margin-top:1.5rem;padding:1rem;border-radius:12px;text-align:center;font-size:.9rem}.auth-message.error{background:#ff44441a;color:#f44;border:1px solid rgba(255,68,68,.2)}.auth-message.success{background:#00ff881a;color:#0f8;border:1px solid rgba(0,255,136,.2)}.auth-toggle{margin-top:2rem;text-align:center;color:#888;font-size:.9rem}.auth-toggle button{background:none;border:none;color:#2e58ff;font-weight:700;padding:0;margin-left:.3rem;font-size:.9rem}.auth-toggle button:hover{text-decoration:underline;transform:none}.container{max-width:800px;margin:0 auto;padding:2rem;text-align:center}header h1{font-size:3.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,#2e58ff,#7000ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;letter-spacing:-.02em}header p{color:#888;font-size:1.2rem}main{margin-top:3rem;display:flex;flex-direction:column;gap:2rem}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.button-group{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}button{padding:.8rem 1.5rem;border-radius:12px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-primary{background:#2e58ff;color:#fff}.btn-primary:hover{background:#1e40cc;transform:scale(1.02)}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#fff3}.status-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;text-align:left;transition:transform .3s ease}.status-card:hover{transform:translateY(-5px);border-color:#2e58ff}.status-card h2{margin-top:0;font-size:1.5rem;color:#fff}.status-details{display:flex;flex-direction:column;gap:.5rem}.status-ok{color:#0f8;font-weight:700}.status-error{color:#f44;font-weight:700}.error{color:#f44}.pwa-info{background:linear-gradient(135deg,#2e58ff1a,#7000ff1a);border-radius:20px;padding:2rem;text-align:left}.pwa-info h3{margin-top:0}.pwa-info ul{list-style:none;padding:0}.pwa-info li{margin:.8rem 0;display:flex;align-items:center;gap:.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container{animation:fadeIn .8s ease-out}.app-header{margin-bottom:2rem}.header-top{display:flex;justify-content:space-between;align-items:center;gap:1rem}.brand{text-align:left}.app-subtitle{margin:0;color:#888}.btn-logout{padding:.5rem 1rem!important;font-size:.9rem;white-space:nowrap}.welcome-banner{text-align:left;margin-top:1rem}.welcome-banner p{margin:0;color:#2e58ff;font-weight:600}.user-email{color:#fff;opacity:.8}@media (max-width: 600px){.header-top{flex-direction:column;align-items:flex-start;position:relative}.btn-logout{position:absolute;top:0;right:0;padding:.4rem .8rem!important;font-size:.8rem}header h1{font-size:2.2rem;margin-top:.5rem}.app-subtitle{font-size:.9rem;max-width:70%}.welcome-banner{margin-top:.5rem}}.tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.tab-btn{background:transparent;color:#888;border:none;font-size:1.1rem;padding:.5rem 1rem;cursor:pointer;transition:all .2s ease;border-radius:8px}.tab-btn:hover{color:#fff;background:#ffffff0d}.tab-btn.active{color:#2e58ff;font-weight:700;background:#2e58ff1a}.treatment-form-container{max-width:500px;margin:0 auto}.treatment-form{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem;text-align:left}.form-group label{font-weight:600;color:#ddd}.form-group input,.form-group select{padding:.8rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;font-family:inherit;font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#2e58ff;background:#0003}: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:#0f111a;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%}
