:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff8c42,#ff6b35);background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='stethoscope' x='0' y='0' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='2'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100' height='100' fill='url(%23stethoscope)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='40' r='30' fill='none' stroke='rgba(255,255,255,0.08)' stroke-width='1'/%3E%3C/svg%3E");background-size:200px 200px,150px 150px;background-position:0 0,50px 50px;padding:1rem;position:relative;overflow:hidden}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff8c42,#ff6b35);background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='stethoscope' x='0' y='0' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='2'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100' height='100' fill='url(%23stethoscope)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='40' r='30' fill='none' stroke='rgba(255,255,255,0.08)' stroke-width='1'/%3E%3C/svg%3E");background-size:200px 200px,150px 150px;background-position:0 0,50px 50px;padding:1rem;position:relative;overflow:hidden}.login-wrapper{width:100%;max-width:450px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;padding:2.5rem;position:relative;z-index:1}.login-header{text-align:center;margin-bottom:2.5rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-input{width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all .3s ease;box-sizing:border-box;background-color:#fff;color:#333}.checkbox-group{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem;color:#555;-webkit-user-select:none;user-select:none}.checkbox-input{width:18px;height:18px;cursor:pointer;accent-color:#ff6b35}.btn{padding:1rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:none;font-family:inherit}.links-container{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:.5rem 0}.link-button{background:none;border:none;color:#4a90e2;font-size:.95rem;cursor:pointer;padding:.25rem .5rem;text-decoration:underline;font-family:inherit;transition:color .2s ease}.link-button:hover{color:#357abd}.link-separator{color:#ccc;font-size:.9rem}@media(max-width:480px){.login-container{padding:.5rem}.login-wrapper{padding:1.5rem;border-radius:15px}.brand-icon{width:40px;height:40px}.brand-name{font-size:1.5rem}.form-input{padding:.875rem;font-size:.95rem}.btn{padding:.875rem 1.5rem;font-size:.95rem}.links-container{flex-direction:column;gap:.5rem}.link-separator{display:none}}@media(min-width:481px)and (max-width:768px){.login-wrapper{max-width:400px;padding:2rem}.brand-icon{width:45px;height:45px}.brand-name{font-size:1.6rem}}@media(min-width:769px){.login-wrapper{max-width:450px;padding:2.5rem}.login-container{padding:2rem}}@media(min-width:1024px){.login-wrapper{max-width:480px}}@media(min-width:1440px){.login-wrapper{max-width:520px;padding:3rem}}.create-account-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff8c42,#ff6b35);background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='stethoscope' x='0' y='0' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='2'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100' height='100' fill='url(%23stethoscope)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='40' r='30' fill='none' stroke='rgba(255,255,255,0.08)' stroke-width='1'/%3E%3C/svg%3E");background-size:200px 200px,150px 150px;background-position:0 0,50px 50px;padding:1rem;position:relative;overflow:hidden}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:12px;padding-right:2.5rem;cursor:pointer}.form-select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ff6b35' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.success-message{background-color:#d4edda;color:#155724;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;text-align:center;border:1px solid #c3e6cb;margin-top:-.5rem;margin-bottom:.5rem;font-weight:500}.create-account-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff8c42,#ff6b35);background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='stethoscope' x='0' y='0' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='2'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100' height='100' fill='url(%23stethoscope)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='40' r='30' fill='none' stroke='rgba(255,255,255,0.08)' stroke-width='1'/%3E%3C/svg%3E");background-size:200px 200px,150px 150px;background-position:0 0,50px 50px;padding:1rem;position:relative;overflow:hidden}.create-account-wrapper{width:100%;max-width:500px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;padding:2.5rem;position:relative;z-index:1;max-height:90vh;overflow-y:auto}.create-account-header{text-align:center;margin-bottom:2rem}.create-account-form{display:flex;flex-direction:column;gap:1.25rem}.error-message{background-color:transparent;color:#c33;padding:.5rem 0;border-radius:0;font-size:.9rem;text-align:left;border:none;margin-top:-.5rem;margin-bottom:.5rem;font-weight:500}@media(max-width:480px){.create-account-container{padding:.5rem}.create-account-wrapper{padding:1.5rem;border-radius:15px;max-height:95vh}.brand-icon{width:40px;height:40px}.brand-name{font-size:1.5rem}.page-title{font-size:1.25rem}.form-input{padding:.875rem;font-size:.95rem}.buttons-container{flex-direction:column}.btn{padding:.875rem 1.5rem;font-size:.95rem}}@media(min-width:481px)and (max-width:768px){.create-account-wrapper{max-width:450px;padding:2rem}.brand-icon{width:45px;height:45px}.brand-name{font-size:1.6rem}.page-title{font-size:1.4rem}}@media(min-width:769px){.create-account-wrapper{max-width:500px;padding:2.5rem}.create-account-container{padding:2rem}}@media(min-width:1024px){.create-account-wrapper{max-width:520px}}@media(min-width:1440px){.create-account-wrapper{max-width:550px;padding:3rem}}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:20px;padding:2rem;max-width:500px;width:100%;box-shadow:0 10px 40px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-title{font-size:1.5rem;font-weight:600;color:#333;text-align:center;margin:0 0 1.5rem;font-family:system-ui,-apple-system,sans-serif}.modal-body{text-align:center;margin-bottom:2rem}.doctor-code-label{font-size:1rem;color:#555;margin:0 0 1rem;font-weight:500}.doctor-code-value{font-size:2rem;font-weight:700;color:#4a90e2;margin:0 0 1.5rem;letter-spacing:.1em;font-family:monospace}.modal-note{font-size:.9rem;color:#777;margin:0;font-style:italic}.modal-close-btn{width:100%;margin-top:0}@media(max-width:480px){.modal-content{padding:1.5rem;border-radius:15px}.modal-title{font-size:1.25rem}.doctor-code-value{font-size:1.75rem}.modal-note{font-size:.85rem}}.otp-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff8c42,#ff6b35);background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='stethoscope' x='0' y='0' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='2'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100' height='100' fill='url(%23stethoscope)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='40' r='30' fill='none' stroke='rgba(255,255,255,0.08)' stroke-width='1'/%3E%3C/svg%3E");background-size:200px 200px,150px 150px;background-position:0 0,50px 50px;padding:1rem;position:relative;overflow:hidden}.otp-wrapper{width:100%;max-width:450px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;padding:2.5rem;position:relative;z-index:1}.otp-header{text-align:center;margin-bottom:2.5rem}.otp-form{display:flex;flex-direction:column;gap:1.5rem}.otp-input{font-size:1.5rem;letter-spacing:.5rem;font-weight:600}.success-message{background-color:transparent;color:#28a745;padding:.5rem 0;border-radius:0;font-size:.9rem;text-align:center;border:none;margin-bottom:.5rem;font-weight:500}.error-message{background-color:transparent;color:#c33;padding:.5rem 0;border-radius:0;font-size:.9rem;text-align:center;border:none;margin-bottom:.5rem;font-weight:500}.resend-section{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:.5rem}.btn-resend{background-color:#ff8c42;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:10px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:inherit;min-width:150px}.btn-resend:hover:not(.disabled){background-color:#ff6b35;transform:translateY(-2px);box-shadow:0 4px 12px #ff8c424d}.btn-resend.disabled{background-color:#fca;color:#999;cursor:not-allowed;opacity:.6}.timer{font-size:.9rem;color:#666;font-weight:500;font-family:monospace}@media(max-width:480px){.otp-container{padding:.5rem}.otp-wrapper{padding:1.5rem;border-radius:15px}.brand-icon{width:40px;height:40px}.brand-name{font-size:1.5rem}.otp-input{font-size:1.25rem;letter-spacing:.3rem;padding:.875rem}.form-input{padding:.875rem;font-size:.95rem}.buttons-container{flex-direction:column}.btn{padding:.875rem 1.5rem;font-size:.95rem}.btn-resend{padding:.625rem 1.25rem;font-size:.9rem;min-width:130px}}@media(min-width:481px)and (max-width:768px){.otp-wrapper{max-width:400px;padding:2rem}.brand-icon{width:45px;height:45px}.brand-name{font-size:1.6rem}}@media(min-width:769px){.otp-wrapper{max-width:450px;padding:2.5rem}.otp-container{padding:2rem}}@media(min-width:1024px){.otp-wrapper{max-width:480px}}@media(min-width:1440px){.otp-wrapper{max-width:520px;padding:3rem}}.forgot-pin-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff8c42,#ff6b35);background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='stethoscope' x='0' y='0' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='2'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100' height='100' fill='url(%23stethoscope)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='40' r='30' fill='none' stroke='rgba(255,255,255,0.08)' stroke-width='1'/%3E%3C/svg%3E");background-size:200px 200px,150px 150px;background-position:0 0,50px 50px;padding:1rem;position:relative;overflow:hidden}.forgot-pin-wrapper{width:100%;max-width:450px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;padding:2.5rem;position:relative;z-index:1}.forgot-pin-header{text-align:center;margin-bottom:2.5rem}.page-title{font-size:1.5rem;font-weight:500;color:#333;margin:.5rem 0 0;font-family:system-ui,-apple-system,sans-serif}.forgot-pin-form{display:flex;flex-direction:column;gap:1.25rem}.otp-input{font-size:1.25rem;letter-spacing:.3rem;text-align:center;font-weight:600}.form-input::placeholder{color:#999;letter-spacing:normal;font-weight:400}.success-message{background-color:transparent;color:#28a745;padding:.5rem 0;border-radius:0;font-size:.9rem;text-align:left;border:none;margin-bottom:.5rem;font-weight:500}.buttons-container{display:flex;gap:1rem;margin-top:.5rem}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary:hover:not(:disabled){background-color:#357abd;transform:translateY(-2px);box-shadow:0 4px 12px #4a90e24d}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:#fff;color:#333;border:2px solid #e0e0e0}.btn-secondary:hover{background-color:#f5f5f5;border-color:#ccc}@media(max-width:480px){.forgot-pin-container{padding:.5rem}.forgot-pin-wrapper{padding:1.5rem;border-radius:15px}.brand-icon{width:40px;height:40px}.brand-name{font-size:1.5rem}.page-title{font-size:1.25rem}.form-input{padding:.875rem;font-size:.95rem}.otp-input{font-size:1.1rem;letter-spacing:.2rem}.buttons-container{flex-direction:column}.btn{padding:.875rem 1.5rem;font-size:.95rem}}@media(min-width:481px)and (max-width:768px){.forgot-pin-wrapper{max-width:400px;padding:2rem}.brand-icon{width:45px;height:45px}.brand-name{font-size:1.6rem}.page-title{font-size:1.4rem}}@media(min-width:769px){.forgot-pin-wrapper{max-width:450px;padding:2.5rem}.forgot-pin-container{padding:2rem}}@media(min-width:1024px){.forgot-pin-wrapper{max-width:480px}}@media(min-width:1440px){.forgot-pin-wrapper{max-width:520px;padding:3rem}}.first-login-container{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;background:linear-gradient(135deg,#ff8c42,#ff6b35);background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='stethoscope' x='0' y='0' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='2'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100' height='100' fill='url(%23stethoscope)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='40' r='30' fill='none' stroke='rgba(255,255,255,0.08)' stroke-width='1'/%3E%3C/svg%3E");background-size:200px 200px,150px 150px;background-position:0 0,50px 50px;padding:1rem;position:relative;overflow-y:auto}.first-login-form{display:flex;flex-direction:column;gap:1.5rem}.input-section{display:flex;flex-direction:column;gap:.5rem}.diagnosis-section{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.diagnosis-heading{font-size:1.1rem;font-weight:600;color:#333;margin:0;font-family:system-ui,-apple-system,sans-serif}.diagnosis-list{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.diagnosis-item{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:background-color .2s ease}.diagnosis-item:hover{background-color:#f5f5f5}.diagnosis-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#4a90e2;flex-shrink:0}.diagnosis-text{font-size:1rem;color:#333;font-family:system-ui,-apple-system,sans-serif;-webkit-user-select:none;user-select:none}.others-section{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.others-label{font-size:1rem;font-weight:500;color:#333;font-family:system-ui,-apple-system,sans-serif}.others-input{margin-top:.25rem}@media(max-width:480px){.first-login-container{padding:.5rem}.first-login-wrapper{padding:1.5rem;border-radius:15px;margin:.5rem 0}.brand-icon{width:40px;height:40px}.brand-name{font-size:1.5rem}.greeting{font-size:1.25rem}.form-input{padding:.875rem;font-size:.95rem}.diagnosis-heading{font-size:1rem}.diagnosis-text{font-size:.95rem}.buttons-container{flex-direction:column}.btn{padding:.875rem 1.5rem;font-size:.95rem}}.first-login-container{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;background:linear-gradient(135deg,#ff8c42,#ff6b35);background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='stethoscope' x='0' y='0' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='2'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100' height='100' fill='url(%23stethoscope)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='40' r='30' fill='none' stroke='rgba(255,255,255,0.08)' stroke-width='1'/%3E%3C/svg%3E");background-size:200px 200px,150px 150px;background-position:0 0,50px 50px;padding:1rem;position:relative;overflow-y:auto}.first-login-wrapper{width:100%;max-width:500px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;padding:2rem;margin:1rem 0;position:relative;z-index:1}.first-login-header{text-align:center;margin-bottom:2rem}.brand-container{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.greeting{font-size:1.5rem;font-weight:500;color:#333;margin:1rem 0 0;font-family:system-ui,-apple-system,sans-serif}.first-login-form,.treatment-section{display:flex;flex-direction:column;gap:1.5rem}.treatment-heading{font-size:1.1rem;font-weight:600;color:#333;margin:0;font-family:system-ui,-apple-system,sans-serif}.lifestyle-section{display:flex;flex-direction:column;gap:.75rem}.medication-section{display:flex;flex-direction:column;gap:1rem}.medication-heading{font-size:1rem;font-weight:600;color:#333;margin:0;font-family:system-ui,-apple-system,sans-serif}.medication-list{display:flex;flex-direction:column;gap:.75rem}.treatment-item{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:background-color .2s ease}.treatment-item:hover{background-color:#f5f5f5}.treatment-checkbox{width:20px;height:20px;cursor:pointer;accent-color:#4a90e2;flex-shrink:0}.treatment-text{font-size:1rem;color:#333;font-family:system-ui,-apple-system,sans-serif;-webkit-user-select:none;user-select:none}.date-section{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.date-input-group{display:flex;flex-direction:column;gap:.5rem}.date-label{font-size:1rem;font-weight:500;color:#333;font-family:system-ui,-apple-system,sans-serif}.date-input{padding:.875rem;font-size:1rem}.input-section,.input-group{display:flex;flex-direction:column;gap:.5rem}.input-label{font-size:1rem;font-weight:500;color:#333;font-family:system-ui,-apple-system,sans-serif}.form-input{width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all .3s ease;box-sizing:border-box;background-color:#fff;color:#333;font-family:inherit}.buttons-container{display:flex;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.error-message{background-color:transparent;color:#c33;padding:.5rem 0;border-radius:0;font-size:.9rem;text-align:left;border:none;margin-bottom:.5rem;font-weight:500}@media(max-width:480px){.first-login-container{padding:.5rem}.first-login-wrapper{padding:1.5rem;border-radius:15px;margin:.5rem 0}.brand-icon{width:40px;height:40px}.brand-name{font-size:1.5rem}.greeting{font-size:1.25rem}.form-input{padding:.875rem;font-size:.95rem}.treatment-heading{font-size:1rem}.medication-heading,.treatment-text{font-size:.95rem}.buttons-container{flex-direction:column}.btn{padding:.875rem 1.5rem;font-size:.95rem}}@media(min-width:481px)and (max-width:768px){.first-login-wrapper{max-width:450px;padding:2rem}.brand-icon{width:45px;height:45px}.brand-name{font-size:1.6rem}.greeting{font-size:1.4rem}}@media(min-width:769px){.first-login-wrapper{max-width:500px;padding:2.5rem}.first-login-container{padding:2rem}}@media(min-width:1024px){.first-login-wrapper{max-width:550px}}@media(min-width:1440px){.first-login-wrapper{max-width:600px;padding:3rem}}.link-doctor-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff8c42,#ff6b35);background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3Cpattern id='stethoscope' x='0' y='0' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='rgba(255,255,255,0.1)' stroke-width='2'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='100' height='100' fill='url(%23stethoscope)'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='80' height='80' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='40' r='30' fill='none' stroke='rgba(255,255,255,0.08)' stroke-width='1'/%3E%3C/svg%3E");background-size:200px 200px,150px 150px;background-position:0 0,50px 50px;padding:1rem;position:relative;overflow:hidden}.link-doctor-wrapper{width:100%;max-width:450px;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;padding:2.5rem;position:relative;z-index:1}.link-doctor-header{text-align:center;margin-bottom:2.5rem}.brand-container{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.brand-icon{width:50px;height:50px;object-fit:contain}.brand-name{font-size:1.75rem;font-weight:600;color:#333;margin:0;font-family:system-ui,-apple-system,sans-serif}.link-doctor-form{display:flex;flex-direction:column;gap:1.5rem}.instruction-text{font-size:1rem;color:#333;text-align:center;margin:0;line-height:1.6;font-family:system-ui,-apple-system,sans-serif}.form-input{width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all .3s ease;box-sizing:border-box;background-color:#fff;color:#333;font-family:inherit;text-align:center}.form-input:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 3px #ff6b351a}.form-input::placeholder{color:#999}.error-message{background-color:transparent;color:#c33;padding:.5rem 0;border-radius:0;font-size:.9rem;text-align:center;border:none;margin-top:-.5rem;margin-bottom:.5rem;font-weight:500}.buttons-container{display:flex;gap:1rem;margin-top:1rem}.btn{flex:1;padding:1rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:none;font-family:inherit}.btn-primary{background-color:#4a90e2;color:#fff}.btn-primary:hover{background-color:#357abd;transform:translateY(-2px);box-shadow:0 4px 12px #4a90e24d}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary:disabled:hover{background-color:#ccc;transform:none;box-shadow:none}.btn-secondary{background-color:#fff;color:#333;border:2px solid #4a90e2}.btn-secondary:hover{background-color:#f0f7ff;border-color:#357abd}@media(max-width:480px){.link-doctor-container{padding:.5rem}.link-doctor-wrapper{padding:1.5rem;border-radius:15px}.brand-icon{width:40px;height:40px}.brand-name{font-size:1.5rem}.instruction-text{font-size:.95rem}.form-input{padding:.875rem;font-size:.95rem}.buttons-container{flex-direction:column}.btn{padding:.875rem 1.5rem;font-size:.95rem}}@media(min-width:481px)and (max-width:768px){.link-doctor-wrapper{max-width:400px;padding:2rem}.brand-icon{width:45px;height:45px}.brand-name{font-size:1.6rem}}@media(min-width:769px){.link-doctor-wrapper{max-width:450px;padding:2.5rem}.link-doctor-container{padding:2rem}}@media(min-width:1024px){.link-doctor-wrapper{max-width:480px}}@media(min-width:1440px){.link-doctor-wrapper{max-width:520px;padding:3rem}}.patient-home-container{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(to bottom,#f8fafc,#f1f5f9);padding-bottom:80px}.patient-home-header{background:linear-gradient(135deg,#0f766e,#14b8a6);padding:1.25rem 1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:relative;overflow:hidden}.patient-home-header:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3}.tab:hover{background-color:#f9fafb;border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 4px #3b82f61a}.tab.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#2563eb;box-shadow:0 4px 6px -1px #2563eb4d,0 2px 4px -1px #2563eb33;transform:translateY(-1px)}.tab.active:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 8px -1px #2563eb66,0 4px 6px -1px #2563eb4d}.main-content{flex:1;padding:1.5rem;overflow-y:auto}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:2rem}.metric-box{padding:1.5rem;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;min-height:140px;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.5);position:relative;overflow:hidden}.metric-box:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent)}.metric-box:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.box-green{background:linear-gradient(135deg,#d1fae5,#a7f3d0,#6ee7b7);border-left:4px solid #10b981}.box-blue{background:linear-gradient(135deg,#dbeafe,#bfdbfe,#93c5fd);border-left:4px solid #3b82f6}.metric-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.metric-icon{font-size:1.5rem;flex-shrink:0;line-height:1}.metric-title{font-size:.9375rem;font-weight:700;color:#1f2937;flex:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;letter-spacing:-.01em}.metric-title strong{color:#0f766e;font-weight:800}.metric-subtitle{font-size:.875rem;font-weight:600;color:#374151;margin-top:.75rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;padding-top:.75rem;border-top:1px solid rgba(0,0,0,.1)}.metric-message{font-size:.8125rem;color:#4b5563;margin-top:.75rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:500;padding-top:.5rem;border-top:1px solid rgba(0,0,0,.08)}.metric-subtitle strong{color:#2563eb;font-weight:800}.metric-chart{margin-top:1rem;height:8px;background:#ffffff80;border-radius:4px;overflow:hidden}.chart-bar{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;transition:width .5s ease;box-shadow:0 2px 4px #10b9814d}.sugar-gauge{margin-top:1rem}.gauge-container{height:10px;background:#ffffff80;border-radius:5px;overflow:hidden;position:relative}.gauge-fill{height:100%;border-radius:5px;transition:width .5s ease,background-color .3s ease;box-shadow:0 2px 4px #0003}.bmi-indicator{margin-top:1rem}.bmi-scale{height:12px;background:linear-gradient(90deg,#3b82f6,#10b981,#f59e0b 66%,#ef4444);border-radius:6px;position:relative;margin-bottom:.5rem}.bmi-marker{position:absolute;top:-4px;width:20px;height:20px;background:#1f2937;border:3px solid white;border-radius:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000004d;transition:left .5s ease}.bmi-labels{display:flex;justify-content:space-between;font-size:.7rem;color:#6b7280;font-weight:600}.lab-timeline{margin-top:1rem}.timeline-bar{height:8px;background:#ffffff80;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.timeline-fill{height:100%;border-radius:4px;transition:width .5s ease,background-color .3s ease;box-shadow:0 2px 4px #0003}.timeline-label{font-size:.75rem;color:#6b7280;font-weight:600;text-align:center}.add-sugar-button{width:100%;padding:1.125rem 2rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:14px;font-size:1.0625rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 15px -3px #2563eb66,0 4px 6px -2px #2563eb4d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;letter-spacing:-.01em;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.5rem}.button-icon{font-size:1.25rem;line-height:1}.add-sugar-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.add-sugar-button:hover:before{left:100%}.add-sugar-button:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #2563eb66,0 10px 10px -5px #2563eb33;background:linear-gradient(135deg,#1d4ed8,#1e40af)}.add-sugar-button:active{transform:translateY(0);box-shadow:0 10px 15px -3px #2563eb66,0 4px 6px -2px #2563eb4d}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:space-around;align-items:center;padding:.875rem 0;box-shadow:0 -4px 6px -1px #0000001a,0 -2px 4px -1px #0000000f;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1.5rem;background:linear-gradient(to bottom,#f8fafc,#f1f5f9)}.loading-spinner{width:56px;height:56px;border:5px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:1.125rem;color:#6b7280;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:600;letter-spacing:-.01em}@media(max-width:480px){.patient-home-header{padding:1rem 1.25rem}.header-icon{width:42px;height:42px}.greeting-text{font-size:1rem}.doctor-text{font-size:.875rem}.tabs-container{padding:.875rem;gap:.625rem}.tab{padding:.75rem .5rem;font-size:.875rem}.main-content{padding:1.25rem}.metrics-grid{gap:1rem;margin-bottom:1.5rem}.metric-box{padding:1.25rem;min-height:130px;border-radius:14px}.metric-title{font-size:.875rem;margin-bottom:.625rem}.metric-subtitle{font-size:.8125rem;margin-top:.625rem}.metric-message{font-size:.75rem;margin-top:.625rem}.add-sugar-button{padding:1rem 1.5rem;font-size:1rem;border-radius:12px}.bottom-nav{padding:.75rem 0}.nav-item{padding:.5rem 1rem}.nav-icon{width:24px;height:24px}}@media(min-width:481px)and (max-width:768px){.metrics-grid{gap:1.5rem}.metric-box{min-height:150px;padding:1.75rem}}@media(min-width:769px){.patient-home-container{max-width:900px;margin:0 auto;box-shadow:0 0 0 1px #0000000d}.main-content{padding:2rem}.metrics-grid{gap:1.75rem}.metric-box{min-height:160px;padding:2rem}}@media(min-width:1024px){.patient-home-container{max-width:1000px}}@media(min-width:1440px){.patient-home-container{max-width:1200px}}.my-sugar-container{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(to bottom,#f8fafc,#f1f5f9);padding-bottom:80px}.my-sugar-header{background:linear-gradient(135deg,#0f766e,#14b8a6);padding:1.25rem 1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:relative;overflow:hidden}.my-sugar-header:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3}.sugar-content{flex:1;padding:1.5rem;overflow-y:auto}.trend-section{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d}.trend-label{font-size:1rem;font-weight:700;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;min-width:60px}.trend-toggle{display:flex;gap:.5rem;flex:1}.trend-btn{flex:1;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;color:#4b5563;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.trend-btn:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff}.trend-btn.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#2563eb;box-shadow:0 2px 4px #2563eb4d}.chart-buttons-container{display:flex;gap:1rem;margin-bottom:1.5rem}.weekly-chart-button{flex:1;padding:1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:1.0625rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #10b9814d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;align-items:center;justify-content:center;gap:.5rem}.weekly-chart-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #10b98166;background:linear-gradient(135deg,#059669,#047857)}.glucose-trends-button{flex:1;padding:1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-size:1.0625rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #3b82f64d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;align-items:center;justify-content:center;gap:.5rem}.glucose-trends-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #3b82f666;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.summary-table-container{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 4px #0000000d;overflow-x:auto}.summary-table{width:100%;border-collapse:collapse;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.summary-table thead{background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.summary-table th{padding:1rem;text-align:left;font-weight:700;font-size:.9375rem;color:#1f2937;border-bottom:2px solid #d1d5db}.summary-table th:first-child{border-radius:8px 0 0}.summary-table th:last-child{border-radius:0 8px 0 0}.summary-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.summary-table tbody tr:hover{background-color:#f9fafb}.summary-table tbody tr:last-child{border-bottom:none}.summary-table td{padding:1rem;font-size:.9375rem;color:#374151}.summary-table .row-label{font-weight:700;color:#1f2937;background:linear-gradient(90deg,#f9fafb 0%,transparent 100%)}.summary-table td:not(.row-label){text-align:center;font-weight:600;color:#2563eb}.graph-container{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 4px #0000000d}.graph-title{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;text-align:center}.graph-wrapper{display:flex;gap:2rem;align-items:flex-start}.stacked-column{flex:1;height:300px;display:flex;flex-direction:column;background:#f9fafb;border-radius:8px;padding:.5rem;position:relative;min-width:80px;border:2px solid #e5e7eb}.graph-segment{transition:height .5s ease;display:flex;align-items:center;justify-content:center;position:relative;min-height:20px;border-radius:4px;margin-bottom:2px}.graph-segment:last-child{margin-bottom:0}.segment-label{color:#fff;font-weight:700;font-size:.875rem;text-shadow:0 1px 2px rgba(0,0,0,.3);z-index:1}.graph-segment.very-high{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 2px 4px #f973164d}.graph-segment.high{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 4px #fbbf244d}.graph-segment.target{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b9814d}.graph-segment.low{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 4px #ef44444d}.graph-segment.very-low{background:linear-gradient(135deg,#991b1b,#7f1d1d);box-shadow:0 2px 4px #991b1b4d}.graph-legend{display:flex;flex-direction:column;gap:.75rem;min-width:180px}.legend-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#374151;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.legend-color{width:24px;height:24px;border-radius:4px;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.legend-color.very-high{background:linear-gradient(135deg,#f97316,#ea580c)}.legend-color.high{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.legend-color.target{background:linear-gradient(135deg,#10b981,#059669)}.legend-color.low{background:linear-gradient(135deg,#ef4444,#dc2626)}.legend-color.very-low{background:linear-gradient(135deg,#991b1b,#7f1d1d)}.no-data-message{text-align:center;padding:2rem}.legend-only{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.no-data-text{color:#6b7280;font-size:.9375rem;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.add-readings-button{width:100%;padding:1.125rem 2rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:14px;font-size:1.0625rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 15px -3px #2563eb66,0 4px 6px -2px #2563eb4d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;letter-spacing:-.01em;display:flex;align-items:center;justify-content:center;gap:.5rem}.add-readings-button:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #2563eb66,0 10px 10px -5px #2563eb33;background:linear-gradient(135deg,#1d4ed8,#1e40af)}.add-readings-button:active{transform:translateY(0)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fffffff2;border-top:1px solid #e5e7eb;display:flex;justify-content:space-around;align-items:center;padding:.875rem 0;box-shadow:0 -4px 6px -1px #0000001a,0 -2px 4px -1px #0000000f;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-item{display:flex;flex-direction:column;align-items:center;gap:.375rem;background:none;border:none;cursor:pointer;padding:.5rem 1.25rem;color:#6b7280;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;border-radius:12px;position:relative}.nav-item:hover,.nav-item.active{color:#2563eb;background-color:#eff6ff}.nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40px;height:3px;background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:0 0 3px 3px}.nav-icon{width:26px;height:26px;transition:transform .2s}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-label{font-size:.75rem;font-weight:600;letter-spacing:-.01em}@media(max-width:480px){.sugar-content{padding:1rem}.trend-section{flex-direction:column;align-items:stretch}.trend-toggle{flex-direction:row}.graph-wrapper{flex-direction:row;gap:1rem;align-items:flex-start}.stacked-column{height:250px;min-width:60px;flex:0 0 auto}.graph-legend{flex-direction:column;gap:.5rem;min-width:140px;flex:0 0 auto}.legend-item{font-size:.75rem;gap:.5rem}.legend-color{width:20px;height:20px}.summary-table-container{padding:1rem;overflow-x:auto}.summary-table{font-size:.875rem}.summary-table th,.summary-table td{padding:.75rem .5rem}}@media(min-width:769px){.my-sugar-container{max-width:900px;margin:0 auto}}.add-sugar-readings-container{min-height:100vh;background:linear-gradient(to bottom,#f8fafc,#f1f5f9);display:flex;flex-direction:column;padding-bottom:80px}.add-sugar-header{background:linear-gradient(135deg,#0f766e,#14b8a6);padding:1.25rem 1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:relative;overflow:hidden}.add-sugar-header:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.3}.header-content{display:flex;align-items:center;gap:1rem;position:relative;z-index:1}.header-icon{width:48px;height:48px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.header-text{display:flex;flex-direction:column;gap:.35rem;flex:1}.greeting-text{font-size:1.125rem;font-weight:700;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;letter-spacing:-.01em;text-shadow:0 1px 2px rgba(0,0,0,.1)}.doctor-text{font-size:.95rem;font-weight:500;color:#fff;opacity:.95;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.1)}.tabs-container{background:#fff;padding:1rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;display:flex;flex-direction:column;gap:.75rem;border-bottom:1px solid #e5e7eb}.tabs-row{display:flex;gap:.75rem;flex:1}.tab{flex:1;padding:.875rem .75rem;border:2px solid #e5e7eb;border-radius:10px;background:#fff;color:#4b5563;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;text-align:center;letter-spacing:-.01em}.tab:hover{background-color:#f9fafb;border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px)}.tab.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border-color:#2563eb;box-shadow:0 4px 6px -1px #2563eb4d,0 2px 4px -1px #2563eb33}.add-sugar-content{flex:1;padding:1rem;max-width:700px;margin:0 auto;width:100%}.new-readings-header{background:linear-gradient(135deg,#86efac,#4ade80);padding:.875rem 1rem;border-radius:10px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000000f}.new-readings-title{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;letter-spacing:-.01em}.close-button{background:#fff3;border:none;color:#dc2626;font-size:1.25rem;font-weight:700;cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;line-height:1}.close-button:hover{background-color:#fff6;transform:scale(1.1)}.close-button:active{background-color:#ffffff80;transform:scale(.95)}.add-sugar-form{display:flex;flex-direction:column;gap:1rem;background:#fff;padding:1.25rem;border-radius:12px;box-shadow:0 2px 8px #00000014}.input-group{width:100%}.input-group-half{flex:1}.input-label{display:block;font-size:.875rem;font-weight:600;color:#4b5563;margin-bottom:.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.form-input{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.9375rem;transition:all .2s ease;box-sizing:border-box;background-color:#fff;color:#1f2937;font-family:inherit}.form-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.form-input::placeholder{color:#9ca3af}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center;background-size:12px;padding-right:2.5rem;cursor:pointer}.form-select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a90e2' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.timed-row{display:flex;gap:1rem}.readings-inputs{display:flex;flex-direction:column;gap:.875rem}.readings-row{display:flex;gap:1rem}.success-message{background-color:#d4edda;color:#155724;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;text-align:center;border:1px solid #c3e6cb;margin-bottom:.5rem;font-weight:500}.error-message{background-color:#f8d7da;color:#721c24;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;text-align:center;border:1px solid #f5c6cb;margin-bottom:.5rem;font-weight:500}.save-button-container{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.btn-save{width:100%;padding:.875rem 1.5rem;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;box-shadow:0 4px 6px -1px #2563eb4d,0 2px 4px -1px #2563eb33}.btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 12px -1px #2563eb66,0 4px 6px -1px #2563eb4d}.btn-save:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 4px -1px #2563eb4d,0 1px 2px -1px #2563eb33}.btn-save:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background-color:#4a90e2;display:flex;justify-content:space-around;align-items:center;padding:.75rem 0;z-index:100;box-shadow:0 -2px 10px #0000001a}.nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;background:none;border:none;color:#ffffffb3;cursor:pointer;padding:.5rem 1rem;transition:color .2s}.nav-item.active,.nav-item:hover{color:#fff}.nav-icon{width:24px;height:24px}.nav-label{font-size:.75rem;font-weight:500}@media(max-width:480px){.add-sugar-content{padding:.75rem}.add-sugar-form{padding:1rem}.new-readings-header{padding:.75rem}.new-readings-title{font-size:1rem}.timed-row,.readings-row{flex-direction:column;gap:.875rem}.form-input{padding:.75rem;font-size:.9375rem}.input-label{font-size:.8125rem}.tab{padding:.625rem .75rem;font-size:.8rem}.btn-save{padding:.75rem 1.25rem;font-size:.9375rem}}@media(min-width:768px){.add-sugar-content{padding:2rem}}.glucose-trends-container{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#f0f9ff);padding-bottom:80px}.trends-header{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:1.25rem 1.5rem;box-shadow:0 4px 6px #0000001a;position:sticky;top:0;z-index:100}.header-content{display:flex;align-items:center;gap:1rem;max-width:1200px;margin:0 auto}.header-icon{width:48px;height:48px;border-radius:12px;background:#fff;padding:8px}.header-text{flex:1}.greeting-text{font-size:1.125rem;font-weight:700;margin-bottom:.25rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.doctor-text{font-size:.875rem;opacity:.9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.tabs-container{background:#fff;border-bottom:1px solid #e5e7eb;padding:.75rem 1.5rem;box-shadow:0 2px 4px #0000000d}.tabs-row{display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.tabs-row:last-child{margin-bottom:0}.tab{padding:.625rem 1.25rem;background:transparent;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.tab:hover{background:#f3f4f6;color:#2563eb}.tab.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 2px 4px #2563eb4d}.trends-content{max-width:1200px;margin:0 auto;padding:1.5rem}.trend-section{background:#fff;border-radius:12px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 4px #0000000d;display:flex;align-items:center;justify-content:space-between;gap:1rem}.trend-label{font-size:1.0625rem;font-weight:700;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.trend-toggle{display:flex;gap:.5rem}.trend-btn{padding:.625rem 1.25rem;background:#f3f4f6;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.trend-btn:hover{background:#e5e7eb;color:#2563eb}.trend-btn.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 2px 4px #2563eb4d}.chart-container{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 2px 4px #0000000d}.chart-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;text-align:center}.chart-wrapper{display:flex;flex-direction:column;gap:2rem;align-items:center;width:100%;overflow-x:auto}.trends-chart{width:800px;height:400px;background:#fff;border-radius:8px;display:block;flex-shrink:0}.loading-message,.no-data-message{text-align:center;padding:3rem;color:#6b7280;font-size:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.chart-legend{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;padding:1rem;background:#f9fafb;border-radius:8px;width:100%;max-width:800px}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.legend-color{width:20px;height:20px;border-radius:4px;flex-shrink:0;box-shadow:0 2px 4px #0000001a}.back-button{width:100%;padding:1rem;background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #6b72804d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin-top:1rem}.back-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #6b728066;background:linear-gradient(135deg,#4b5563,#374151)}.back-button:active{transform:translateY(0)}@media(max-width:480px){.trends-content{padding:1rem}.trend-section{flex-direction:column;align-items:stretch}.trend-toggle{flex-direction:row;flex-wrap:wrap}.chart-container{padding:1rem}.chart-wrapper{align-items:flex-start}.chart-legend{gap:1rem}.legend-item{font-size:.75rem}}*{margin:0;padding:0;box-sizing:border-box}#root{width:100%;min-height:100vh}body{margin:0;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;overflow-x:hidden}