*{margin:0;padding:0;box-sizing:border-box}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:#fff;color:#333}.app-container{display:flex;flex-direction:column;height:100vh}.header{display:flex;align-items:center;padding:1rem 2rem;background:#fff;border-bottom:1px solid #e0e0e0}.logo{font-size:1.5rem;font-weight:700;color:#2d7a3e;text-decoration:none;margin-right:2rem}.main-nav{display:flex;gap:2rem;list-style:none}.main-nav a{text-decoration:none;color:#333;font-weight:500;padding:.5rem 1rem;border-radius:4px;transition:background .2s}.main-nav a:hover{background:#f5f5f5}.main-nav a.active{background:#e8f5e9;color:#2d7a3e}.content-wrapper{display:flex;flex:1;overflow:hidden}.sidebar{width:200px;background:#fff;border-right:1px solid #e0e0e0;padding:1rem 0}.sidebar-nav{list-style:none}.sidebar-nav a{display:block;padding:.75rem 1.5rem;text-decoration:none;color:#333;transition:background .2s}.sidebar-nav a:hover{background:#f5f5f5}.sidebar-nav a.active{background:#e8f5e9;color:#2d7a3e;font-weight:500}.main-content{flex:1;padding:2rem;overflow-y:auto}.login-container{max-width:400px;margin:4rem auto;padding:2rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px}.login-container h1{margin-bottom:1.5rem;color:#2d7a3e}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group input:focus{outline:none;border-color:#2d7a3e}.btn{padding:.75rem 1.5rem;background:#2d7a3e;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s}.btn:hover{background:#236a32}.btn:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{background:#fff;color:#2d7a3e;border:1px solid #2d7a3e}.btn-secondary:hover{background:#f5f5f5}.btn-danger{background:#d32f2f;color:#fff}.btn-danger:hover{background:#b71c1c}.error-message{color:#d32f2f;margin-top:.5rem;font-size:.9rem}.success-message{color:#2d7a3e;margin-top:.5rem;font-size:.9rem}.page-title{font-size:2rem;margin-bottom:1.5rem;color:#2d7a3e}.journal-entry-form{margin-bottom:2rem}.journal-textarea{width:100%;min-height:200px;padding:1rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;font-family:inherit;resize:vertical}.journal-textarea:focus{outline:none;border-color:#2d7a3e}.form-actions{margin-top:1rem;display:flex;gap:.5rem}.entry-list{display:flex;flex-direction:column;gap:1rem}.entry-card{padding:1.5rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px}.entry-date{font-size:.9rem;color:#666;margin-bottom:.5rem}.entry-text{margin-bottom:1rem;line-height:1.6;white-space:pre-wrap}.entry-actions{display:flex;gap:.5rem}.loading{text-align:center;padding:2rem;color:#666}.empty-state{text-align:center;padding:3rem;color:#666}@media (max-width: 768px){.header{padding:1rem;flex-wrap:wrap}.logo{font-size:1.2rem;margin-right:auto}.main-nav{gap:.5rem;font-size:.9rem}.main-nav a{padding:.5rem .75rem}.content-wrapper{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid #e0e0e0;padding:0;overflow-x:auto}.sidebar-nav{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch}.sidebar-nav a{padding:.75rem 1rem;white-space:nowrap;flex-shrink:0}.main-content{padding:1rem}.page-title{font-size:1.5rem;margin-bottom:1rem}.journal-textarea{min-height:150px;font-size:16px}.form-group input{font-size:16px}.login-container{margin:2rem 1rem;padding:1.5rem}.entry-card{padding:1rem}.form-actions,.entry-actions{flex-wrap:wrap}.btn{font-size:.9rem;padding:.65rem 1.25rem}}