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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#fefbf6;color:#3d3b40;font-family:Arial,sans-serif;margin:0}.App{display:flex;flex-direction:column;min-height:100vh}.app-header{align-items:center;background-color:#fff;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:20px}.app-main{flex-grow:1}.header-logo-link{color:inherit;text-decoration:none}.app-footer{background-color:#f8f9fa;border-top:1px solid #e7e7e7;color:#6c757d;flex-shrink:0;font-size:.85em;padding:25px 20px;text-align:center}.footer-links{margin-bottom:15px}.footer-link{color:#495057;font-weight:500;margin:0 10px;text-decoration:none}.footer-link:hover{text-decoration:underline}.footer-links span{color:#ced4da}.app-footer p{line-height:1.5;margin:8px 0}.app-header h1{color:#7f5283;margin:0}.header-nav{align-items:center;display:flex;gap:20px}.nav-link{size:1.3em;color:#3d3b40;font-weight:600;padding:8px 15px;position:relative;text-decoration:none;transition:color .3s ease-in-out}.nav-link:hover{color:#7f5283}.login-container{padding:100px 20px}.welcome-message{margin:40px 0}.loading-spinner-container{align-items:center;display:flex;flex-grow:1;justify-content:center;padding:50px}.loading-spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#7f5283;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.points-display{background-color:#a6d1e6;border-radius:20px;color:#fff;display:inline-block;font-weight:700;margin-top:10px;padding:10px 20px}.bento-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:20px}.bento-card{background-color:#fff;border-radius:15px;box-shadow:0 4px 12px #0000000d;padding:20px;transition:transform .2s}.bento-card:hover{transform:translateY(-5px)}.card-tag{background-color:#fea1a1;border-radius:8px;color:#fff;font-size:12px;padding:4px 8px}.bento-card h4{margin:15px 0}.bento-card button{padding:10px 15px}.bento-card button,.login-button{background-color:#7f5283;border:none;border-radius:8px;color:#fff;cursor:pointer}.login-button{font-weight:500;padding:8px 15px;transition:transform .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out}.login-button:hover{background-color:#6a466d;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.logout-button{background-color:initial;border:1px solid #7f5283;border-radius:8px;color:#7f5283;cursor:pointer;padding:8px 15px;transition:background-color .2s ease-in-out,color .2s ease-in-out}.logout-button:hover{background-color:#7f5283;color:#fff}@media screen and (max-width:600px){.app-header{flex-direction:column;gap:10px;padding:15px 20px}.app-header h1{font-size:1.5em}.header-nav{gap:10px;justify-content:space-around;width:100%}.nav-link{font-size:.9em;padding:6px 10px}.logout-button{font-size:.9em;padding:6px 12px}}
/*# sourceMappingURL=main.91e1626b.css.map*/