@import"https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap";.loginBox{background:#fff;padding:30px;width:100%;border-radius:10px;box-shadow:0 4px 10px #0000001a;text-align:center;max-width:400px}.loginTitle{font-size:24px;margin-bottom:10px;color:#333}.loginForm{display:flex;flex-direction:column}.loginInput{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}.loginBtn{width:100%;padding:12px;background:#8b5e3b;color:#fff;font-size:16px;border-radius:5px;border:none;cursor:pointer;transition:.3s}.loginBtn:hover{background:#6b4528}.signupText{margin-top:15px;font-size:14px}.signupLink{text-decoration:none;font-weight:700;color:#8b5e3b}.signupLink:hover{text-decoration:underline}#errorParagraph{color:red}nav{display:flex;justify-content:space-between;background:#644f4f;padding:30px 0 0;align-items:end}nav .navArea{padding:0 10px;display:flex;gap:10px}nav .navArea .active{font-weight:700}nav .navArea .navItem{flex:0 0 auto auto;border-radius:5px 5px 0 0;text-decoration:none}nav .navArea .navItem:hover{transform:translateY(-1px);box-shadow:0 8px 16px #0003;transition:transform .2s,box-shadow .2s}nav .navArea .leftItem{padding:8px;background:#eee2d2;color:#644f4f}nav .navArea .rightItem>*{color:#eee2d2;font-weight:700;padding:8px;height:22px}footer{height:50px;padding:0 5px;background:#000;display:flex;align-items:center;justify-content:center}footer p.footerText{color:#fff}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}div.layout{background:#eee2d2;height:100vh}.container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(to right,#f5e3c3,#e1c9a8)}.registerBox{background:#fff;padding:30px;max-width:400px;border-radius:10px;box-shadow:0 4px 10px #0000001a;text-align:center;width:100%}.registerTitle{font-size:24px;margin-bottom:10px;color:#333}.registerForm{display:flex;flex-direction:column}.inputGroup{margin-bottom:15px}.registerInput{width:100%;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px;background-color:#fff}.registerBtn{border:none;background:#8b5e3b;color:#fff;font-size:16px;width:100%;padding:12px;border-radius:5px;transition:.3s;cursor:pointer}.registerBtn:hover{background:#6b4528}.error{color:red;font-size:14px;margin-bottom:10px}.signinText{margin-top:15px;font-size:14px}.signinLink{text-decoration:none;font-weight:700;color:#8b5e3b}.signinLink:hover{text-decoration:underline}div.formItem{display:flex;flex-direction:column;gap:10px}div.formItem label{font-weight:500}div.formItem textarea{resize:none;background-color:#d2deee}p.nextSteps{font-style:italic}.formBox{border-radius:10px;padding:5px;height:50px;background-color:#fff}.gridContainer{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:4rem;gap:2rem;padding:10px;width:80%;margin:10px auto}.gridContainer button{padding:10px;border-radius:15px;margin:10px 0;width:30%;color:#fff;justify-self:right;transition:background-color .3s ease}.gridContainer button.buttonEnabled{cursor:pointer;background-color:#adceb8}.gridContainer button.buttonDisabled,.gridContainer button:disabled{cursor:not-allowed;background-color:#bbb}.gridContainer div.infoTray{display:flex;justify-content:space-between;align-items:center}.gridContainer div.infoTray button#recordButton{font-weight:700}.formItem{display:flex;flex-direction:column}.pastResultsContainer .resultsList .resultItem{background-color:#fef9f4;border-bottom:1px solid #d4bfa3;padding:1rem;display:flex;justify-content:space-between;align-items:center;font-size:1rem;cursor:pointer;transition:background .2s ease}.pastResultsContainer .resultsList .resultItem .summary{font-weight:500;color:#4c3d34}.pastResultsContainer .resultsList .resultItem .expandIcon{font-size:1.2rem;color:#5b463c;transition:transform .3s ease}.pastResultsContainer .resultsList .resultItem.expanded .expandIcon{transform:rotate(45deg)}.pastResultsContainer .resultsList .resultItem .details{margin-top:.8rem;font-size:.9rem;color:#555;display:none}.pediatricCalculatorForm{background-color:#f3e2c7;padding:2rem;font-family:Segoe UI,sans-serif}.pediatricCalculatorForm h2{text-align:center;margin-bottom:2rem;color:#3d2b28;font-size:1.8rem}.pediatricCalculatorForm form{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:900px;margin:0 auto}.pediatricCalculatorForm form label{display:flex;flex-direction:column;font-weight:600;color:#4c3d34}.pediatricCalculatorForm form label input,.pediatricCalculatorForm form label select{margin-top:.5rem;padding:.7rem;font-size:1rem;border:1px solid #ccc;border-radius:10px;background-color:#fff;box-shadow:inset 0 1px 2px #0000000d}.pediatricCalculatorForm form button{grid-column:span 2;justify-self:start;padding:.75rem 2rem;margin-top:1rem;background-color:#9fc2a8;color:#fff;border:none;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:background-color .3s ease;box-shadow:0 2px 4px #0000001a}.pediatricCalculatorForm form button:hover{background-color:#7fae8b}.pediatricCalculatorForm .resultBox{grid-column:span 2;background-color:#e9ded2;margin:2rem auto 0;max-width:600px;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 2px 6px #0000000d;text-align:center}.pediatricCalculatorForm .resultBox h3{margin-bottom:.5rem;font-size:1.25rem;color:#3d2b28}.pediatricCalculatorForm .resultBox p{font-size:1.1rem;font-weight:600;color:#333}.patientListContainer{background-color:#f3e2c7;padding:2rem;font-family:Segoe UI,sans-serif}.patientListContainer h2{text-align:center;margin-bottom:2rem;color:#3d2b28;font-size:1.8rem}.patientListContainer .patientGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding-top:1rem}.patientListContainer .patientCard{background-color:#fef9f4;padding:1.5rem;border-radius:12px;box-shadow:0 2px 6px #0000000d;color:#3d2b28}.patientListContainer .patientCard p{margin:.5rem 0;font-size:1rem;font-weight:500}.patientListContainer .patientCard p strong{color:#4c3d34}.patientListContainer .patientCard .one{background-color:#0f03;padding:7px 6px;border-radius:10px}.patientListContainer .patientCard .two{background-color:#3c33;padding:7px 6px;border-radius:10px}.patientListContainer .patientCard .threeA{background-color:#9c03;padding:7px 6px;border-radius:10px}.patientListContainer .patientCard .threeB{background-color:#c903;padding:7px 6px;border-radius:10px}.patientListContainer .patientCard .four{background-color:#f603;padding:7px 6px;border-radius:10px}.patientListContainer .patientCard .five{background-color:#f003;padding:7px 6px;border-radius:10px}.patientListContainer .patientCard p.noDataP{font-style:italic}.patientListContainer .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap}.patientListContainer .header .searchInput{flex:1;min-width:240px;margin-right:1rem}.patientListContainer .header .searchInput input{width:100%;padding:.8rem 1rem;border:none;border-radius:20px;font-size:1rem;background-color:#fff;color:#444;box-shadow:0 0 6px #0000001a;outline:none}.patientListContainer .header .searchInput input::placeholder{color:#aaa}.patientListContainer .header .filterBtn{background-color:#a5c7b9;color:#fff;padding:.6rem 1.2rem;border:none;border-radius:20px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .2s ease}.patientListContainer .header .filterBtn:hover{background-color:#8fb0a5}.account-page{background-color:#eee2d2;min-height:100vh;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI;color:#1e293b}.account-page *{box-sizing:border-box}.account-container{max-width:1200px;margin:0 auto}.account-header{background-color:#fff;border-radius:8px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.account-header .user-info{display:flex;align-items:center;position:relative}.account-header .avatar{width:64px;height:64px;background-color:#4f46e5;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:700;margin-right:16px}.account-header .user-details h1{font-size:24px;font-weight:700;margin:0 0 4px}.account-header .user-details p{color:#64748b;margin:0;font-size:14px}.account-header .status-badge{margin-left:auto}.account-header .status-badge span{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600}.account-header .status-badge span.clinician-badge{background-color:#b453091a}.account-header .status-badge span.patient-badge{background-color:#15803d1a}.account-layout{display:flex;flex-direction:column;gap:24px}@media (min-width: 992px){.account-layout{flex-direction:row}}.main-column{flex:2;display:flex;flex-direction:column;gap:24px}.sidebar-column{flex:1;display:flex;flex-direction:column;gap:24px}.account-section{background-color:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.account-section h2{font-size:18px;font-weight:700;margin-top:0;margin-bottom:16px;color:#1e293b}.account-section h3{font-size:16px;font-weight:500;margin-bottom:8px;color:#1e293b}.info-grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width: 768px){.info-grid{grid-template-columns:1fr 1fr}}.detail-list{display:flex;flex-direction:column;gap:16px}.detail-item dt{font-size:14px;color:#64748b;margin-bottom:4px}.detail-item dd{margin:0;font-size:15px}.detail-item dd.subtext{font-size:12px;color:#94a3b8;margin-top:4px}.email-wrapper{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.email-wrapper .verification-badge{font-size:12px;padding:2px 8px;border-radius:12px}.email-wrapper .verification-badge.verified{background-color:#15803d1a;color:#15803d}.email-wrapper .verification-badge.unverified{background-color:#b453091a;color:#b45309}.status-indicator{display:inline-flex;align-items:center}.status-indicator:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.status-indicator.enabled:before{background-color:#15803d}.status-indicator.disabled:before{background-color:#b91c1c}.auth-methods{display:flex;flex-direction:column;gap:16px}.auth-method-card{border:1px solid #e2e8f0;border-radius:8px;padding:16px}.auth-method-card .auth-method-content{display:flex;justify-content:space-between;align-items:center}.auth-method-card .provider-type{font-weight:500;text-transform:capitalize}.auth-method-card .identifier{font-size:14px;color:#64748b;margin:4px 0 0}.auth-method-card .method-status{font-size:12px;padding:2px 8px;border-radius:12px}.auth-method-card .method-status.active{background-color:#15803d1a;color:#15803d}.doctor-badge{background-color:#007bff;color:#fff;padding:.3rem .6rem;border-radius:8px;font-weight:700}.pastResultsContainer{padding:2rem;background-color:#f3e2c7;font-family:Segoe UI,sans-serif}.pastResultsContainer .header h2{font-size:1.8rem;color:#4c3d34;margin:0}.pastResultsContainer .header .searchInput{flex:1;min-width:240px;margin-top:1rem}.pastResultsContainer .resultsList{list-style:none;padding:0;margin:0}.pastResultsContainer .resultsList .resultItem{background-color:#fef9f4;border-bottom:1px solid #d4bfa3;padding:1rem;border-radius:12px;margin-bottom:1rem;display:flex;flex-direction:column;cursor:pointer;transition:background .2s ease}.pastResultsContainer .resultsList .resultItem:hover{background-color:#f1e3d4}.pastResultsContainer .resultsList .resultItem .summary{display:flex;justify-content:space-between;align-items:center;font-weight:500;color:#4c3d34;font-size:1rem}.pastResultsContainer .resultsList .resultItem .details{margin-top:.8rem;font-size:.9rem;color:#555;display:none;line-height:1.6}.pastResultsContainer .resultsList .resultItem.expanded .details{display:block;padding-top:.8rem}.pastResultsContainer .header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap}.pastResultsContainer .header .searchInput{flex:1;min-width:240px;margin-right:1rem}.pastResultsContainer .header .searchInput input{width:100%;padding:.8rem 1rem;border:none;border-radius:20px;font-size:1rem;background-color:#fff;color:#444;box-shadow:0 0 6px #0000001a;outline:none}.pastResultsContainer .header .searchInput input::placeholder{color:#aaa}.pastResultsContainer .header .filterBtn{background-color:#a5c7b9;color:#fff;padding:.6rem 1.2rem;border:none;border-radius:20px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:background .2s ease}.pastResultsContainer .header .filterBtn:hover{background-color:#8fb0a5}
