body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;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}.navbar{color:#fff;background-color:#0a192f;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}.navbar-logo{font-size:1.5rem;font-weight:700}.navbar-links{gap:2rem;list-style:none;display:flex;position:relative}.navbar-links a{color:#fff;font-weight:500;text-decoration:none}.navbar-links a:hover{text-decoration:underline}.user-dropdown{position:relative}.user-icon{cursor:pointer}.dropdown-menu{z-index:1000;background-color:#fff;border:1px solid #ccc;border-radius:4px;flex-direction:column;min-width:120px;padding:.5rem;display:flex;position:absolute;top:100%;right:0}.dropdown-menu a{color:#333;margin:.25rem 0;text-decoration:none}.dropdown-menu a:hover{text-decoration:underline}.logout-link{color:#333;cursor:pointer;text-align:left;margin-top:auto;padding:.25rem 0}.logout-link:hover{text-decoration:underline}.profile-wrapper{background-color:#f5f5f5;align-items:flex-start;gap:2rem;padding:2rem;display:flex}.goals-sidebar{background-color:#fff;border:1px solid #ccc;border-radius:6px;flex:1;min-width:200px;padding:1rem}.goals-sidebar ul{padding-left:0;list-style:none}.goals-sidebar li{color:#333;margin-bottom:.5rem;font-weight:500}.profile-form{background-color:#fff;border:1px solid #ccc;border-radius:6px;flex-direction:column;flex:2;gap:1rem;padding:2rem;display:flex}.section-header{color:#fff;background-color:#0a192f;border-radius:4px;margin-bottom:1rem;padding:.5rem 1rem;font-size:1.1rem;font-weight:700}.profile-form input,.profile-form select{background-color:#fdfdfd;border:1px solid #ccc;border-radius:4px;padding:.5rem;font-size:.95rem}.save-button{color:#fff;cursor:pointer;background-color:#0a192f;border:none;border-radius:4px;align-self:flex-start;padding:.75rem 1.5rem;font-weight:700}.save-button:hover{background-color:#112d4e}.form-row{align-items:center;margin-bottom:1rem;display:flex}.form-row label{color:#333;width:160px;font-weight:500}.form-row input,.form-row select{flex:1;padding:.5rem;font-size:1rem}.App{text-align:center}.App-logo{pointer-events:none;height:40vmin}@media (prefers-reduced-motion:no-preference){.App-logo{animation:20s linear infinite App-logo-spin}}.App-header{color:#fff;background-color:#282c34;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-size:calc(10px + 2vmin);display:flex}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.instruction-hover{margin-left:.5rem;display:inline-block;position:relative}.hover-icon{color:#fff;text-align:center;cursor:default;background-color:#07c;border-radius:50%;width:24px;height:24px;font-size:16px;font-weight:700;line-height:24px;display:inline-block}.instruction-hover:hover .tooltip-content{visibility:visible;opacity:1}.tooltip-content{visibility:hidden;opacity:0;color:#333;text-align:left;z-index:10;background-color:#f9f9f9;border-radius:6px;width:320px;padding:1rem;font-size:.85rem;line-height:1.4;transition:opacity .3s;position:absolute;top:30px;left:-150px;box-shadow:0 2px 8px #0003}.subscription-card{text-align:center;background:#f9f9f9;border:1px solid #ddd;border-radius:8px;max-width:480px;margin:2rem auto;padding:1.5rem;box-shadow:0 2px 6px #0000001a}