body{margin:0}.form-group{margin-bottom:20px}.hero{align-items:center;background:linear-gradient(135deg,var(--surface) 0,var(--background) 100%);display:flex;gap:40px;justify-content:space-between;padding:60px 20px}.hero-content{flex:1 1;max-width:600px}.hero-title{color:var(--text);font-size:48px;font-weight:700;line-height:1.2;margin-bottom:20px}.hero-subtitle{color:var(--text-secondary);font-size:20px;line-height:1.6;margin-bottom:30px}.hero-button{display:inline-block;font-size:18px;padding:16px 32px;text-decoration:none}.hero-image{flex:1 1;max-width:500px}.hero-image svg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.1));height:auto;width:100%}@media (max-width:768px){.hero{flex-direction:column;padding:40px 20px;text-align:center}.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.hero-image{max-width:100%}}.features{background:var(--background);padding:80px 20px}.features-title{color:var(--text);font-size:36px;font-weight:700;margin-bottom:60px;text-align:center}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.feature-card{text-align:center;transition:transform .3s ease}.feature-card:hover{transform:translateY(-8px)}.feature-icon{font-size:48px;margin-bottom:16px}.feature-title{color:var(--text);font-size:20px;font-weight:600;margin-bottom:12px}.feature-description{color:var(--text-secondary);font-size:16px;line-height:1.6}@media (max-width:768px){.features{padding:60px 20px}.features-title{font-size:28px;margin-bottom:40px}}.landing-page{display:flex;flex-direction:column;min-height:100vh}.navbar{background:var(--background);border-bottom:1px solid var(--border);box-shadow:0 2px 4px var(--shadow);padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-content{align-items:center;display:flex;justify-content:space-between}.navbar-logo{color:var(--primary);font-size:24px;font-weight:700;margin:0}.footer{background:var(--surface);border-top:1px solid var(--border);margin-top:auto;padding:30px 20px;text-align:center}.footer p{color:var(--text-secondary);margin:0}@media (max-width:768px){.navbar-logo{font-size:20px}.navbar .button{font-size:14px;padding:8px 16px}}.member-details-container{max-height:500px;overflow-y:auto}.members-list{display:flex;flex-direction:column;gap:16px}.member-row{padding:16px}.member-row-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.member-number{color:var(--primary);font-size:18px;font-weight:600}.member-gender{color:var(--text-secondary);font-size:14px;text-transform:capitalize}.member-fields{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr 1fr auto}.form-group{margin-bottom:0}@media (max-width:768px){.member-fields{grid-template-columns:1fr}.member-details-container{max-height:400px}}.onboarding-container{align-items:center;background:linear-gradient(135deg,var(--surface) 0,var(--background) 100%);display:flex;justify-content:center;min-height:100vh;padding:20px}.onboarding-card{max-width:800px;width:100%}.onboarding-header{margin-bottom:32px}.onboarding-header h1{color:var(--text);font-size:28px;margin-bottom:24px}.step-indicator{display:flex;gap:16px;justify-content:center}.step-indicator span{align-items:center;background:var(--border);border-radius:50%;color:var(--text-secondary);display:flex;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.step-indicator span.active{background:var(--primary);color:#fff}.error-message{background:#ffebee;border-left:4px solid var(--error);border-radius:4px;color:var(--error);margin-bottom:20px;padding:12px}.form-actions{display:flex;gap:12px;margin-top:24px}.form-actions button{flex:1 1}@media (max-width:768px){.onboarding-header h1{font-size:24px}.step-indicator span{font-size:14px;height:32px;width:32px}}.member-stats-card{display:flex;flex-direction:column;gap:20px;transition:transform .3s ease,box-shadow .3s ease}.member-stats-card:hover{box-shadow:0 4px 12px var(--shadow);transform:translateY(-4px)}.member-header{gap:16px}.member-header,.member-icon{align-items:center;display:flex}.member-icon{background:var(--primary);border-radius:50%;color:#fff;font-size:24px;height:50px;justify-content:center;width:50px}.member-info{flex:1 1}.member-name{color:var(--text);font-size:20px;font-weight:600;margin:0}.member-tag{color:var(--primary);font-size:14px;font-weight:500;margin:4px 0 0}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.stat-item{background:var(--background);border-radius:4px;padding:12px;text-align:center}.stat-label{color:var(--text-secondary);font-size:12px;font-weight:500;margin:0;text-transform:uppercase}.stat-value{color:var(--primary);font-size:24px;font-weight:700;margin:4px 0 0}.entry-types{display:flex;flex-wrap:wrap;gap:8px}.view-journal-btn{width:100%}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:var(--background);border-radius:8px;box-shadow:0 4px 20px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:24px}.modal-header h2{color:var(--text);font-size:24px;margin:0}.modal-close{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;width:32px}.modal-close:hover{color:var(--text)}.modal-content form{padding:24px}.entry-type-selector{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.type-btn{background:var(--background);border:2px solid var(--border);border-radius:4px;cursor:pointer;font-weight:500;padding:12px;transition:all .2s ease}.type-btn.active,.type-btn:hover{border-color:var(--primary)}.type-btn.active{background:var(--primary);color:#fff}.type-specific-fields{background:var(--surface);border-radius:4px;margin-bottom:20px;padding:20px}.flow-btn{background:var(--background);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:14px;padding:8px;text-transform:capitalize}.flow-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.symptom-tag{background:var(--background);border:1px solid var(--border);border-radius:16px;cursor:pointer;font-size:14px;padding:6px 12px;text-transform:capitalize}.symptom-tag.active{background:var(--primary);border-color:var(--primary);color:#fff}.modal-actions{display:flex;gap:12px;margin-top:24px}.modal-actions button{flex:1 1}@media (max-width:768px){.entry-type-selector{grid-template-columns:repeat(2,1fr)}.modal-content{max-height:95vh}}.dashboard{background:var(--background);min-height:100vh}.dashboard-content{padding:40px 20px}.dashboard-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:40px}.dashboard-header h1{color:var(--text);font-size:32px;margin:0}.members-grid{margin-top:32px}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:20px}.dashboard-header button{width:100%}.dashboard-header h1{font-size:24px}}.journal-page{background:var(--background);min-height:100vh}.journal-content{padding:40px 20px}.journal-header{margin-bottom:32px}.back-btn{background:none;border:none;color:var(--primary);cursor:pointer;display:inline-block;font-size:16px;margin-bottom:16px;padding:8px 0}.back-btn:hover{text-decoration:underline}.member-info-header h1{color:var(--text);font-size:32px;margin:0 0 8px}.member-tag-large{color:var(--primary);font-size:18px;font-weight:600;margin:0}.filter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.filter-tabs button{background:var(--background);border:2px solid var(--border);border-radius:20px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.filter-tabs button.active,.filter-tabs button:hover{border-color:var(--primary)}.filter-tabs button.active{background:var(--primary);color:#fff}.entries-list{display:flex;flex-direction:column;gap:20px}.entry-card{transition:transform .2s ease}.entry-card:hover{transform:translateY(-2px)}.entry-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.entry-date{font-size:14px;margin-left:12px}.delete-btn,.entry-date{color:var(--text-secondary)}.delete-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:28px;height:30px;justify-content:center;padding:0;width:30px}.delete-btn:hover{background:var(--error);color:#fff}.entry-body{display:flex;flex-direction:column;gap:12px}.entry-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detail-row{display:flex;gap:8px}.detail-label{color:var(--text);font-weight:600}.detail-value{color:var(--text-secondary)}.symptom-pill{background:var(--surface);border-radius:12px;color:var(--text);font-size:12px;padding:2px 8px;text-transform:capitalize}.entry-notes{background:var(--surface);border-radius:4px;font-size:14px;line-height:1.6;padding:12px}.entry-images{display:flex;flex-wrap:wrap;gap:12px}.entry-images img{border-radius:4px;cursor:pointer;height:150px;object-fit:cover;transition:transform .2s ease;width:150px}.entry-images img:hover{transform:scale(1.05)}@media (max-width:768px){.member-info-header h1{font-size:24px}.entry-details{grid-template-columns:1fr}.filter-tabs{flex-wrap:nowrap;overflow-x:auto}}:root{--primary:#00897b;--primary-light:#b2dfdb;--primary-dark:#00695c;--surface:#e3f2fd;--background:#fff;--text:#212121;--text-secondary:#757575;--error:#d32f2f;--success:#388e3c;--border:#e0e0e0;--shadow:#0000001a}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--background);color:#212121;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:0 20px}.card{background:#fff;background:var(--background);border:1px solid #e0e0e0;border:1px solid var(--border);border-radius:8px}.card,.card-surface{box-shadow:0 2px 8px #0000001a;box-shadow:0 2px 8px var(--shadow);padding:24px}.card-surface{background:#e3f2fd;background:var(--surface);border-radius:8px}.button{border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;min-height:44px;padding:12px 24px;transition:all .3s ease}.button-primary{background-color:#00897b;background-color:var(--primary);color:#fff}.button-primary:hover{background-color:#00695c;background-color:var(--primary-dark);box-shadow:0 4px 8px #0000001a;box-shadow:0 4px 8px var(--shadow);transform:translateY(-2px)}.button-primary:active{transform:translateY(0)}.button-secondary{background-color:#e3f2fd;background-color:var(--surface);border:1px solid #00897b;border:1px solid var(--primary);color:#00897b;color:var(--primary)}.button-secondary:hover{background-color:#b2dfdb;background-color:var(--primary-light)}.input{border:1px solid #e0e0e0;border:1px solid var(--border);border-radius:4px;font-size:16px;min-height:44px;padding:12px;width:100%}.input:focus{border-color:#00897b;border-color:var(--primary);box-shadow:0 0 0 3px #00897b1a;outline:none}.label{color:#212121;color:var(--text);display:block;font-weight:500;margin-bottom:8px}.error-text{color:#d32f2f;color:var(--error)}.error-text,.success-text{font-size:14px;margin-top:4px}.success-text{color:#388e3c;color:var(--success)}.grid{grid-gap:20px;display:grid;gap:20px}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width:768px){.container{padding:0 15px}.card,.card-surface{padding:16px}.button{width:100%}}.spinner{animation:spin 1s linear infinite;border:3px solid #e3f2fd;border-top:3px solid #00897b;border:3px solid var(--surface);border-radius:50%;border-top-color:var(--primary);height:40px;margin:20px auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.badge{border-radius:12px;display:inline-block;font-size:14px;font-weight:500;padding:4px 12px}.badge-symptom{background-color:#ffe0b2;color:#e65100}.badge-medication{background-color:#c8e6c9;color:#2e7d32}.badge-vital{background-color:#b3e5fc;color:#01579b}.badge-period{background-color:#f8bbd0;color:#880e4f}
/*# sourceMappingURL=main.c7558606.css.map*/