body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}#root,body,html{height:100%}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.App,body{min-height:100vh}.App{display:flex;flex-direction:column}.App-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 20px #0000001a;padding:2rem;text-align:center}.App-header h1{color:#0078d4;font-size:2.5rem;font-weight:600;margin-bottom:.5rem}.App-header p{color:#666;font-size:1.1rem}.App-main{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem}.login-section,.user-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;box-shadow:0 10px 40px #0000001a;max-width:600px;padding:3rem;text-align:center;width:100%}.login-section h2,.user-section h2{color:#0078d4;font-size:2rem;margin-bottom:1rem}.login-section p{color:#666;font-size:1.1rem;margin-bottom:2rem}.action-button,.login-button{background:#0078d4;border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin:.5rem;min-width:200px;padding:1rem 2rem;transition:all .3s ease}.action-button:hover,.login-button:hover{background:#106ebe;box-shadow:0 5px 15px #0078d466;transform:translateY(-2px)}.action-button:disabled,.login-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.action-button.secondary{background:#6c757d}.action-button.secondary:hover{background:#5a6268;box-shadow:0 5px 15px #6c757d66}.action-button.logout{background:#dc3545}.action-button.logout:hover{background:#c82333;box-shadow:0 5px 15px #dc354566}.user-info{margin:2rem 0;text-align:left}.user-info h3{color:#0078d4;margin-bottom:1rem;text-align:center}.info-grid{grid-gap:1rem;display:grid;gap:1rem;margin-bottom:2rem}.info-item{background:#f8f9fa;border-left:4px solid #0078d4;border-radius:10px;padding:1rem}.info-item strong{color:#0078d4;margin-right:.5rem}.actions{align-items:center;display:flex;flex-direction:column;gap:1rem}.App-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;color:#666;padding:1rem;text-align:center}@media (max-width:768px){.App-header{padding:1.5rem}.App-header h1{font-size:2rem}.App-main{padding:1rem}.login-section,.user-section{margin:1rem;padding:2rem}.actions{flex-direction:column}.action-button,.login-button{min-width:100%}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.action-button:disabled,.login-button:disabled{animation:pulse 1.5s infinite}*{transition:all .3s ease}button:focus{outline:2px solid #0078d4;outline-offset:2px}
/*# sourceMappingURL=main.186e16ef.css.map*/