*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body{color:#1b5e20;background-color:#e8f5e9}.app-container{background-color:#fff;flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 25px #2e7d3214}.pwa-install-banner{color:#fff;z-index:2000;background:linear-gradient(135deg,#2e7d32,#388e3c);justify-content:space-between;align-items:center;padding:10px 16px;font-size:.8rem;font-weight:500;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000001a}.install-btn{color:#2e7d32;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:.75rem;font-weight:700;transition:background .2s}.install-btn:hover{background:#f1f8e9}.app-header{color:#fff;z-index:100;background:linear-gradient(135deg,#2e7d32,#1b5e20);justify-content:space-between;align-items:center;padding:14px 18px;display:flex;box-shadow:0 2px 6px #2e7d3226}.header-brand{align-items:center;gap:8px;display:flex}.header-logo{font-size:1.2rem}.app-header h1{letter-spacing:.5px;font-size:1.05rem;font-weight:600}.menu-toggle-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:flex}.menu-toggle-btn .bar{background-color:#fff;border-radius:2px;width:24px;height:2.5px;transition:all .3s}.drawer-backdrop{z-index:2500;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;width:100%;height:100%;animation:.3s fadeInBackdrop;position:fixed;top:0;left:0}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.side-drawer{z-index:3000;background:#fff;flex-direction:column;width:280px;height:100%;transition:right .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:-280px;box-shadow:-5px 0 25px #00000026}.side-drawer.open{right:0}.drawer-header{color:#fff;background:linear-gradient(135deg,#2e7d32,#1b5e20);justify-content:space-between;align-items:flex-start;padding:20px 16px;display:flex}.user-profile-summary{align-items:center;gap:10px;display:flex}.drawer-avatar{background:#e8f5e9;border:2px solid #fffc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.drawer-avatar img{object-fit:cover;width:100%;height:100%}.drawer-avatar-placeholder{font-size:1.3rem}.drawer-user-info{flex-direction:column;display:flex}.drawer-user-info strong{font-size:.9rem;font-weight:600}.drawer-user-info small{opacity:.85;font-size:.7rem}.drawer-close-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;display:flex}.drawer-links{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.drawer-item{color:#1b5e20;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .2s,transform .1s;display:flex}.drawer-item:hover{background:#f1f8e9;transform:translate(4px)}.drawer-item.router-link-exact-active{color:#2e7d32;background:#e8f5e9;border-left:4px solid #2e7d32;font-weight:700}.drawer-icon{font-size:1.2rem}.drawer-footer{border-top:1px solid #c8e6c9;padding:16px}.logout-btn{color:#c62828;cursor:pointer;background:#ffebee;border:1px solid #ef9a9a;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:.85rem;font-weight:600;transition:background .2s;display:flex}.logout-btn:hover{background:#ffcdd2}.app-content{background-color:#fafafa;flex:1;padding:20px 20px 25px;overflow-y:auto}.app-content.auth-padding{padding:0}.app-footer{text-align:center;background-color:#f1f8e9;border-top:1px solid #c8e6c9;margin-top:auto;padding:16px 20px}.footer-content{flex-direction:column;gap:4px;display:flex}.footer-brand-text{color:#2e7d32;letter-spacing:.3px;font-size:.75rem;font-weight:600}.copyright{color:#558b2f;font-size:.7rem}.footer-link{color:#2e7d32;font-weight:600;text-decoration:none;transition:color .2s}.footer-link:hover{color:#1b5e20;text-decoration:underline}.fade-enter-active,.fade-leave-active{transition:opacity .2s,transform .2s}.fade-enter-from{opacity:0;transform:translateY(8px)}.fade-leave-to{opacity:0;transform:translateY(-8px)}.page[data-v-ae2c5da9]{flex-direction:column;gap:16px;padding-bottom:20px;display:flex;position:relative}.loading-overlay[data-v-ae2c5da9]{z-index:50;color:#2e7d32;background:#ffffffe6;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;font-size:.9rem;font-weight:600;display:flex;position:absolute;top:0;left:0}.spinner[data-v-ae2c5da9]{border:4px solid #c8e6c9;border-top-color:#2e7d32;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin-ae2c5da9}@keyframes spin-ae2c5da9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.welcome-card[data-v-ae2c5da9]{color:#2e7d32;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #a5d6a7;border-radius:16px;justify-content:space-between;align-items:center;padding:16px;display:flex}.welcome-card h2[data-v-ae2c5da9]{margin-bottom:2px;font-size:1.1rem}.subtitle[data-v-ae2c5da9]{color:#558b2f;font-size:.8rem}.info-btn[data-v-ae2c5da9]{cursor:pointer;background:#fff;border:none;border-radius:50%;width:32px;height:32px;font-size:1rem}.alert-box[data-v-ae2c5da9]{text-align:center;border-radius:10px;padding:10px 14px;font-size:.8rem;font-weight:500}.alert-box.error[data-v-ae2c5da9]{color:#c62828;background:#ffebee;border:1px solid #ef9a9a}.alert-box.success[data-v-ae2c5da9]{color:#2e7d32;background:#e8f5e9;border:1px solid #a5d6a7}.card[data-v-ae2c5da9]{background:#fff;border:1px solid #c8e6c9;border-radius:20px;flex-direction:column;gap:14px;padding:20px;display:flex;box-shadow:0 6px 15px #2e7d320d}.card-header[data-v-ae2c5da9]{justify-content:space-between;align-items:center;display:flex}.card-header h3[data-v-ae2c5da9]{color:#2e7d32;font-size:1rem}.voice-btn[data-v-ae2c5da9]{color:#2e7d32;cursor:pointer;background:#e8f5e9;border:1px solid #a5d6a7;border-radius:20px;padding:6px 12px;font-size:.75rem;font-weight:600}.voice-btn.listening[data-v-ae2c5da9]{color:#fff;background:#c62828;border-color:#b71c1c}.circular-slider-container[data-v-ae2c5da9]{touch-action:none;cursor:grab;justify-content:center;align-items:center;width:170px;height:170px;margin:0 auto;display:flex;position:relative}.circular-svg[data-v-ae2c5da9]{width:170px;height:170px;position:absolute;top:0;left:0;transform:rotate(-90deg)}.track-circle[data-v-ae2c5da9]{fill:none;stroke:#e8f5e9;stroke-width:8px}.progress-circle[data-v-ae2c5da9]{fill:none;stroke:#2e7d32;stroke-width:11px;stroke-linecap:round}.input-circle-content[data-v-ae2c5da9]{z-index:2;background:#f1f8e9;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:125px;height:125px;display:flex;position:relative}.circle-input[data-v-ae2c5da9]{color:#1b5e20;text-align:center;background:0 0;border:none;outline:none;width:80px;font-size:1.9rem;font-weight:700}.unit[data-v-ae2c5da9]{color:#558b2f;font-size:.7rem;font-weight:600}.slider-hint[data-v-ae2c5da9]{text-align:center;color:#558b2f;margin-top:-4px;font-size:.7rem}.tags[data-v-ae2c5da9]{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tag-btn[data-v-ae2c5da9]{color:#558b2f;cursor:pointer;background:#f1f8e9;border:1px solid #dcedc8;border-radius:20px;padding:6px 14px;font-size:.75rem;font-weight:500}.tag-btn.active[data-v-ae2c5da9]{color:#fff;background:#2e7d32;border-color:#2e7d32}.optional-details-grid[data-v-ae2c5da9]{grid-template-columns:1fr 1fr;gap:10px;display:grid}.input-box label[data-v-ae2c5da9]{color:#558b2f;margin-bottom:4px;font-size:.72rem;font-weight:600;display:block}.input-box label small[data-v-ae2c5da9]{opacity:.7;font-weight:400}.input-box input[data-v-ae2c5da9],.input-box select[data-v-ae2c5da9]{color:#2e7d32;background:#fafafa;border:1px solid #c8e6c9;border-radius:10px;outline:none;width:100%;padding:8px;font-size:.85rem}.input-group-note input[data-v-ae2c5da9]{text-align:center;background:#fafafa;border:1px solid #c8e6c9;border-radius:10px;outline:none;width:100%;padding:10px;font-size:.85rem}.primary-btn[data-v-ae2c5da9]{color:#fff;cursor:pointer;background:#2e7d32;border:none;border-radius:12px;width:100%;padding:12px;font-size:.95rem;font-weight:600}.primary-btn[data-v-ae2c5da9]:hover{background:#1b5e20}.report-header[data-v-ae2c5da9]{justify-content:space-between;align-items:center;display:flex}.timeline-hint[data-v-ae2c5da9]{color:#558b2f;background:#f1f8e9;border-radius:8px;padding:3px 8px;font-size:.7rem;font-weight:600}.filter-tabs[data-v-ae2c5da9]{background:#e8f5e9;border-radius:12px;gap:4px;padding:4px;display:flex}.filter-tabs button[data-v-ae2c5da9]{color:#558b2f;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 4px;font-size:.7rem;font-weight:600}.filter-tabs button.active[data-v-ae2c5da9]{color:#fff;background:#2e7d32}.timeline-container[data-v-ae2c5da9]{flex-direction:column;gap:12px;max-height:260px;display:flex;overflow-y:auto}.date-header-badge[data-v-ae2c5da9]{color:#2e7d32;background:#f1f8e9;border:1px solid #c8e6c9;border-radius:8px;align-self:flex-start;padding:4px 10px;font-size:.75rem;font-weight:600}.timeline-item[data-v-ae2c5da9]{background:#fafafa;border:1px solid #c8e6c9;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.time-text[data-v-ae2c5da9]{color:#558b2f;font-size:.75rem;font-weight:600}.sub-details[data-v-ae2c5da9]{color:#558b2f;gap:8px;margin-top:2px;font-size:.68rem;display:flex}.value-col[data-v-ae2c5da9]{color:#1b5e20;align-items:center;gap:10px;font-size:.9rem;display:flex}.badge[data-v-ae2c5da9]{border-radius:10px;padding:2px 8px;font-size:.65rem;font-weight:600}.badge-type[data-v-ae2c5da9],.badge-normal[data-v-ae2c5da9]{color:#2e7d32;background:#e8f5e9}.badge-high[data-v-ae2c5da9]{color:#c62828;background:#ffebee}.badge-low[data-v-ae2c5da9]{color:#1565c0;background:#e3f2fd}.no-record[data-v-ae2c5da9]{text-align:center;color:#81c784;padding:15px;font-size:.85rem}.modal-overlay[data-v-ae2c5da9]{z-index:1000;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-card[data-v-ae2c5da9]{background:#fff;border:1px solid #c8e6c9;border-radius:16px;flex-direction:column;gap:12px;width:100%;max-width:340px;padding:24px;display:flex}.modal-card h3[data-v-ae2c5da9]{color:#2e7d32;font-size:1.1rem}.modal-desc[data-v-ae2c5da9]{color:#558b2f;font-size:.8rem;line-height:1.4}.page[data-v-0d659f46]{flex-direction:column;gap:14px;padding-bottom:25px;display:flex}.header-card[data-v-0d659f46]{color:#2e7d32;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #a5d6a7;border-radius:16px;padding:14px 16px}.header-card h2[data-v-0d659f46]{margin-bottom:2px;font-size:1rem}.subtitle[data-v-0d659f46]{color:#558b2f;font-size:.75rem}.hba1c-card[data-v-0d659f46]{color:#fff;background:linear-gradient(135deg,#2e7d32,#1b5e20);border-radius:18px;justify-content:space-between;align-items:center;padding:16px;display:flex}.hba1c-info[data-v-0d659f46]{align-items:center;gap:12px;display:flex}.hba1c-icon[data-v-0d659f46]{font-size:2rem}.hba1c-info h3[data-v-0d659f46]{margin-bottom:2px;font-size:.95rem}.hba1c-info p[data-v-0d659f46]{opacity:.9;font-size:.7rem}.hba1c-value-box[data-v-0d659f46]{text-align:center;background:#ffffff26;border-radius:12px;padding:10px 14px}.controls-bar[data-v-0d659f46]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.filter-tabs[data-v-0d659f46]{background:#e8f5e9;border-radius:12px;flex:1;gap:4px;min-width:240px;padding:4px;display:flex}.filter-tabs button[data-v-0d659f46]{color:#558b2f;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px;font-size:.75rem;font-weight:600}.filter-tabs button.active[data-v-0d659f46]{color:#fff;background:#2e7d32}.export-buttons[data-v-0d659f46]{gap:8px;display:flex}.export-btn[data-v-0d659f46]{cursor:pointer;border:none;border-radius:10px;padding:8px 12px;font-size:.75rem;font-weight:600;transition:opacity .2s;box-shadow:0 2px 5px #0000000d}.export-btn[data-v-0d659f46]:hover{opacity:.85}.excel-btn[data-v-0d659f46]{color:#fff;background:#1b5e20}.pdf-btn[data-v-0d659f46]{color:#fff;background:#c62828}.card[data-v-0d659f46]{background:#fff;border:1px solid #c8e6c9;border-radius:20px;padding:16px;box-shadow:0 4px 12px #2e7d320a}.card h3[data-v-0d659f46]{color:#2e7d32;margin-bottom:10px;font-size:.95rem}.stats-grid[data-v-0d659f46]{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat-card[data-v-0d659f46]{text-align:center;background:#fff;border:1px solid #c8e6c9;border-radius:14px;padding:10px 8px}.stat-title[data-v-0d659f46]{color:#558b2f;margin-bottom:2px;font-size:.7rem;display:block}.stat-value[data-v-0d659f46]{color:#2e7d32;font-size:1rem;font-weight:700}.chart-container[data-v-0d659f46]{width:100%;height:190px;position:relative}.doughnut-container[data-v-0d659f46]{justify-content:center;width:100%;height:170px;display:flex;position:relative}.bar-container-mobile[data-v-0d659f46]{width:100%;height:180px;position:relative}.report-header[data-v-0d659f46]{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.per-page-select[data-v-0d659f46]{color:#558b2f;align-items:center;gap:6px;font-size:.75rem;display:flex}.per-page-select select[data-v-0d659f46]{color:#2e7d32;background:#fafafa;border:1px solid #c8e6c9;border-radius:6px;padding:4px}.table-responsive[data-v-0d659f46]{overflow-x:auto}.report-table[data-v-0d659f46]{border-collapse:collapse;text-align:left;width:100%;font-size:.75rem}.report-table th[data-v-0d659f46]{color:#2e7d32;background:#f1f8e9;border-bottom:1px solid #c8e6c9;padding:8px}.report-table td[data-v-0d659f46]{color:#1b5e20;border-bottom:1px solid #f1f8e9;padding:8px}.badge[data-v-0d659f46]{border-radius:10px;padding:2px 6px;font-size:.65rem;font-weight:600}.badge-type[data-v-0d659f46],.badge-normal[data-v-0d659f46]{color:#2e7d32;background:#e8f5e9}.badge-high[data-v-0d659f46]{color:#c62828;background:#ffebee}.badge-low[data-v-0d659f46]{color:#1565c0;background:#e3f2fd}.badge-warning[data-v-0d659f46]{color:#b45309;background:#fef3c7}.pagination[data-v-0d659f46]{color:#558b2f;justify-content:space-between;align-items:center;margin-top:12px;font-size:.75rem;display:flex}.pagination button[data-v-0d659f46]{color:#2e7d32;cursor:pointer;background:#e8f5e9;border:1px solid #c8e6c9;border-radius:8px;padding:6px 12px;font-weight:600}.pagination button[data-v-0d659f46]:disabled{opacity:.4}.no-data[data-v-0d659f46],.no-record[data-v-0d659f46]{text-align:center;color:#81c784;padding:15px;font-size:.8rem}.page[data-v-26d29198]{flex-direction:column;gap:16px;padding-bottom:20px;display:flex}@keyframes fadeIn-26d29198{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn-26d29198{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes popUp-26d29198{0%{transform:scale(.93)}70%{transform:scale(1.02)}to{transform:scale(1)}}.animate-fade[data-v-26d29198]{animation:.4s ease-out fadeIn-26d29198}.animate-scale[data-v-26d29198]{animation:.35s cubic-bezier(.16,1,.3,1) scaleIn-26d29198}.animate-slide[data-v-26d29198]{animation:.5s ease-out fadeIn-26d29198}.animate-pop[data-v-26d29198]{animation:.35s ease-out popUp-26d29198}.header-card[data-v-26d29198]{color:#2e7d32;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #a5d6a7;border-radius:16px;padding:16px}.header-card h2[data-v-26d29198]{color:#2e7d32;margin-bottom:2px;font-size:1.1rem}.subtitle[data-v-26d29198]{color:#558b2f;font-size:.8rem}.alert-box[data-v-26d29198]{text-align:center;border-radius:10px;padding:10px 14px;font-size:.8rem;font-weight:500}.alert-box.error[data-v-26d29198]{color:#c62828;background:#ffebee;border:1px solid #ef9a9a}.alert-box.success[data-v-26d29198]{color:#2e7d32;background:#e8f5e9;border:1px solid #a5d6a7}.card[data-v-26d29198]{background:#fff;border:1px solid #c8e6c9;border-radius:20px;flex-direction:column;gap:12px;padding:20px;display:flex;box-shadow:0 6px 15px #2e7d320d}.card-icon[data-v-26d29198]{font-size:1.5rem}.card h3[data-v-26d29198]{color:#2e7d32;font-size:1rem}.desc[data-v-26d29198]{color:#558b2f;font-size:.8rem;line-height:1.4}.primary-btn[data-v-26d29198]{color:#fff;cursor:pointer;background:#2e7d32;border:none;border-radius:12px;padding:12px;font-size:.9rem;font-weight:600;transition:all .2s}.primary-btn[data-v-26d29198]:hover{background:#1b5e20;transform:translateY(-1px)}.primary-btn[data-v-26d29198]:disabled{cursor:not-allowed;background:#a5d6a7;transform:none}.secondary-btn[data-v-26d29198]{color:#fff;cursor:pointer;background:#388e3c;border:none;border-radius:12px;padding:12px;font-size:.9rem;font-weight:600;transition:all .2s}.secondary-btn[data-v-26d29198]:hover{background:#2e7d32;transform:translateY(-1px)}.secondary-btn[data-v-26d29198]:disabled{cursor:not-allowed;background:#a5d6a7}.success-box[data-v-26d29198]{color:#2e7d32;background:#e8f5e9;border:1px solid #c8e6c9;border-radius:10px;padding:10px;font-size:.85rem}.file-drop-zone[data-v-26d29198]{text-align:center;cursor:pointer;background:#fafafa;border:2px dashed #a5d6a7;border-radius:12px;padding:16px;transition:all .2s}.file-drop-zone[data-v-26d29198]:hover{background:#f1f8e9;border-color:#2e7d32}.file-input[data-v-26d29198]{display:none}.file-label[data-v-26d29198]{cursor:pointer;color:#2e7d32;font-size:.85rem;font-weight:600}.modal-overlay[data-v-26d29198]{z-index:1000;background:#00000073;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-card[data-v-26d29198]{background:#fff;border:1px solid #c8e6c9;border-radius:18px;flex-direction:column;gap:12px;width:100%;max-width:320px;padding:22px;display:flex;box-shadow:0 10px 25px #2e7d3226}.modal-card h3[data-v-26d29198]{color:#2e7d32;font-size:1rem}.modal-desc[data-v-26d29198]{color:#558b2f;font-size:.75rem;line-height:1.4}.pin-input[data-v-26d29198]{text-align:center;color:#1b5e20;background:#fafafa;border:1px solid #c8e6c9;border-radius:10px;outline:none;width:100%;padding:10px;font-size:1rem;font-weight:700}.pin-input[data-v-26d29198]:focus{background:#fff;border-color:#2e7d32}.modal-buttons[data-v-26d29198]{gap:8px;margin-top:4px;display:flex}.cancel-btn[data-v-26d29198]{color:#558b2f;cursor:pointer;background:#f1f8e9;border:1px solid #c8e6c9;border-radius:10px;flex:1;padding:10px;font-size:.8rem;font-weight:600}.confirm-btn[data-v-26d29198]{color:#fff;cursor:pointer;background:#2e7d32;border:none;border-radius:10px;flex:1;padding:10px;font-size:.8rem;font-weight:600}.confirm-btn[data-v-26d29198]:hover{background:#1b5e20}.page[data-v-e8f83751]{flex-direction:column;gap:16px;padding-bottom:25px;display:flex}@keyframes fadeIn-e8f83751{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn-e8f83751{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes popUp-e8f83751{0%{transform:scale(.93)}70%{transform:scale(1.02)}to{transform:scale(1)}}.animate-fade[data-v-e8f83751]{animation:.4s ease-out fadeIn-e8f83751}.animate-scale[data-v-e8f83751]{animation:.35s cubic-bezier(.16,1,.3,1) scaleIn-e8f83751}.animate-slide[data-v-e8f83751]{animation:.5s ease-out fadeIn-e8f83751}.animate-pop[data-v-e8f83751]{animation:.35s ease-out popUp-e8f83751}.alert-box[data-v-e8f83751]{text-align:center;border-radius:10px;padding:10px 14px;font-size:.8rem;font-weight:500}.alert-box.error[data-v-e8f83751]{color:#c62828;background:#ffebee;border:1px solid #ef9a9a}.alert-box.success[data-v-e8f83751]{color:#2e7d32;background:#e8f5e9;border:1px solid #a5d6a7}.streak-card[data-v-e8f83751]{color:#fff;background:linear-gradient(135deg,#2e7d32,#388e3c);border-radius:20px;justify-content:space-between;align-items:center;padding:16px;display:flex;box-shadow:0 6px 15px #2e7d3226}.streak-info[data-v-e8f83751]{align-items:center;gap:12px;display:flex}.fire-icon[data-v-e8f83751]{font-size:2rem}.streak-info h3[data-v-e8f83751]{margin-bottom:2px;font-size:1rem}.streak-info p[data-v-e8f83751]{opacity:.9;font-size:.75rem}.friend-code-box[data-v-e8f83751]{text-align:center;background:#fff3;border-radius:12px;padding:8px 12px}.friend-code-box small[data-v-e8f83751]{opacity:.8;margin-bottom:2px;font-size:.65rem;display:block}.code-actions-row[data-v-e8f83751]{align-items:center;gap:6px;display:flex}.friend-code-box strong[data-v-e8f83751]{font-family:monospace;font-size:.85rem}.icon-action-btn[data-v-e8f83751]{cursor:pointer;background:#ffffff4d;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:.8rem;transition:background .2s;display:flex}.icon-action-btn[data-v-e8f83751]:hover{background:#ffffff80}.card[data-v-e8f83751]{background:#fff;border:1px solid #c8e6c9;border-radius:20px;padding:20px;box-shadow:0 6px 15px #2e7d320d}.card h3[data-v-e8f83751]{color:#2e7d32;margin-bottom:4px;font-size:1rem}.card-hint[data-v-e8f83751]{color:#558b2f;margin-bottom:12px;font-size:.7rem}.badges-card[data-v-e8f83751]{background:linear-gradient(135deg,#f1f8e9,#e8f5e9);border:1px solid #a5d6a7}.badges-grid[data-v-e8f83751]{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.badge-item[data-v-e8f83751]{color:#1b5e20;background:#fff;border:1px solid #c8e6c9;border-radius:12px;align-items:center;gap:6px;padding:6px 10px;font-size:.75rem;display:flex}.badge-icon-item[data-v-e8f83751]{font-size:1.1rem}.friends-list[data-v-e8f83751]{flex-direction:column;gap:8px;margin-top:8px;display:flex}.friend-item-row[data-v-e8f83751]{background:#fafafa;border:1px solid #c8e6c9;border-radius:12px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.friend-info-left[data-v-e8f83751]{cursor:pointer;flex:1;align-items:center;gap:10px;display:flex}.delete-friend-btn[data-v-e8f83751]{color:#c62828;cursor:pointer;background:#ffebee;border:1px solid #ef9a9a;border-radius:8px;padding:6px 10px;font-size:.7rem;font-weight:600;transition:background .2s}.delete-friend-btn[data-v-e8f83751]:hover{background:#ffcdd2}.event-wrapper-card[data-v-e8f83751]{background:linear-gradient(135deg,#f9fbe7,#f1f8e9);border:1px solid #a5d6a7}.events-list[data-v-e8f83751]{flex-direction:column;gap:10px;max-height:380px;padding-right:4px;display:flex;overflow-y:auto}.event-item-box[data-v-e8f83751]{background:#fff;border:1px solid #c8e6c9;border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.event-item-box.completed[data-v-e8f83751]{background:#f1f8e9;border-color:#a5d6a7}.event-item-box.locked[data-v-e8f83751]{opacity:.75;background:#f5f5f5;border-color:#e0e0e0}.event-item-top[data-v-e8f83751]{align-items:flex-start;gap:12px;display:flex}.event-icon[data-v-e8f83751]{font-size:1.8rem}.event-info-col[data-v-e8f83751]{flex-direction:column;flex:1;gap:2px;display:flex}.event-info-col h4[data-v-e8f83751]{color:#2e7d32;font-size:.9rem}.event-info-col p[data-v-e8f83751]{color:#558b2f;font-size:.75rem;line-height:1.3}.date-tag[data-v-e8f83751]{color:#388e3c;margin-top:4px;font-size:.65rem;display:block}.event-action-area[data-v-e8f83751]{justify-content:flex-end;display:flex}.status-badge[data-v-e8f83751]{border-radius:8px;padding:4px 10px;font-size:.7rem;font-weight:600}.status-badge.completed[data-v-e8f83751]{color:#2e7d32;background:#e8f5e9;border:1px solid #a5d6a7}.status-badge.locked[data-v-e8f83751]{color:#757575;background:#eee;border:1px solid #e0e0e0}.event-btn[data-v-e8f83751]{color:#fff;cursor:pointer;background:#2e7d32;border:none;border-radius:10px;padding:6px 14px;font-size:.75rem;font-weight:600}.add-friend-group[data-v-e8f83751]{gap:8px;display:flex}.add-friend-group input[data-v-e8f83751]{background:#fafafa;border:1px solid #c8e6c9;border-radius:10px;outline:none;flex:1;padding:10px;font-size:.85rem}.primary-btn[data-v-e8f83751]{color:#fff;cursor:pointer;background:#2e7d32;border:none;border-radius:10px;padding:0 16px;font-size:.85rem;font-weight:600}.leaderboard-list[data-v-e8f83751]{flex-direction:column;gap:8px;display:flex}.leaderboard-item[data-v-e8f83751]{cursor:pointer;background:#fafafa;border:1px solid #c8e6c9;border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex}.rank[data-v-e8f83751]{color:#2e7d32;background:#e8f5e9;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.rank-1[data-v-e8f83751]{color:#fff;background:#f59e0b}.rank-2[data-v-e8f83751]{color:#fff;background:#78909c}.rank-3[data-v-e8f83751]{color:#fff;background:#8d6e63}.user-avatar-small[data-v-e8f83751]{background:#ddd;border:1px solid #c8e6c9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.user-avatar-small img[data-v-e8f83751]{object-fit:cover;width:100%;height:100%}.avatar-placeholder-small[data-v-e8f83751]{font-size:1.1rem}.user-details[data-v-e8f83751]{flex-direction:column;flex:1;display:flex}.user-details .name[data-v-e8f83751]{color:#1b5e20;font-size:.85rem;font-weight:600}.user-details .sub[data-v-e8f83751]{color:#558b2f;font-size:.7rem}.score[data-v-e8f83751]{color:#2e7d32;font-size:.85rem;font-weight:700}.no-data[data-v-e8f83751]{text-align:center;color:#81c784;padding:15px;font-size:.85rem}.modal-overlay[data-v-e8f83751]{z-index:1000;background:#00000073;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-card[data-v-e8f83751]{background:#fff;border:1px solid #c8e6c9;border-radius:20px;flex-direction:column;gap:16px;width:100%;max-width:340px;padding:24px;display:flex}.modal-header[data-v-e8f83751]{justify-content:space-between;align-items:center;display:flex}.modal-header h3[data-v-e8f83751]{color:#2e7d32;font-size:1rem}.close-btn[data-v-e8f83751]{cursor:pointer;color:#558b2f;background:0 0;border:none;font-size:1.1rem}.profile-detail-content[data-v-e8f83751]{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.detail-avatar[data-v-e8f83751]{background:#f9fafb;border:2px solid #2e7d32;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;display:flex;overflow:hidden}.detail-avatar img[data-v-e8f83751]{object-fit:cover;width:100%;height:100%}.detail-placeholder[data-v-e8f83751]{font-size:2rem}.profile-detail-content h4[data-v-e8f83751]{color:#1b5e20;margin-bottom:4px;font-size:1.1rem}.detail-stats[data-v-e8f83751]{gap:10px;width:100%;display:flex}.stat-box[data-v-e8f83751]{background:#f1f8e9;border:1px solid #c8e6c9;border-radius:12px;flex-direction:column;flex:1;gap:2px;padding:10px;display:flex}.stat-box small[data-v-e8f83751]{color:#558b2f;font-size:.65rem}.stat-box strong[data-v-e8f83751]{color:#2e7d32;font-size:.85rem;font-weight:700}.detail-badges-section[data-v-e8f83751]{text-align:left;width:100%}.detail-badges-section h5[data-v-e8f83751]{color:#2e7d32;margin-bottom:6px;font-size:.8rem}.loading-modal[data-v-e8f83751]{text-align:center;color:#558b2f;padding:20px;font-size:.85rem}.page[data-v-f4ac8e7a]{flex-direction:column;gap:16px;padding-bottom:25px;display:flex}@keyframes fadeIn-f4ac8e7a{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn-f4ac8e7a{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes popUp-f4ac8e7a{0%{transform:scale(.93)}70%{transform:scale(1.02)}to{transform:scale(1)}}.animate-fade[data-v-f4ac8e7a]{animation:.4s ease-out fadeIn-f4ac8e7a}.animate-scale[data-v-f4ac8e7a]{animation:.35s cubic-bezier(.16,1,.3,1) scaleIn-f4ac8e7a}.animate-slide[data-v-f4ac8e7a]{animation:.5s ease-out fadeIn-f4ac8e7a}.animate-pop[data-v-f4ac8e7a]{animation:.35s ease-out popUp-f4ac8e7a}.alert-box[data-v-f4ac8e7a]{text-align:center;border-radius:10px;padding:10px 14px;font-size:.8rem;font-weight:500}.alert-box.error[data-v-f4ac8e7a]{color:#c62828;background:#ffebee;border:1px solid #ef9a9a}.alert-box.success[data-v-f4ac8e7a]{color:#2e7d32;background:#e8f5e9;border:1px solid #a5d6a7}.profile-card[data-v-f4ac8e7a]{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:1px solid #a5d6a7;align-items:center;gap:16px;display:flex}.notification-permission-card[data-v-f4ac8e7a]{text-align:center;background:linear-gradient(135deg,#f1f8e9,#e8f5e9);border:1px solid #a5d6a7;flex-direction:column;gap:10px;display:flex}.notification-permission-card .desc[data-v-f4ac8e7a]{color:#558b2f;font-size:.75rem;line-height:1.4}.avatar-container[data-v-f4ac8e7a]{cursor:pointer;background:#fff;border:2px solid #2e7d32;border-radius:50%;justify-content:center;align-items:center;width:75px;min-width:75px;height:75px;min-height:75px;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 8px #0000001a}.avatar-img[data-v-f4ac8e7a]{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-placeholder[data-v-f4ac8e7a]{font-size:2.2rem}.avatar-overlay[data-v-f4ac8e7a]{color:#fff;text-align:center;opacity:0;background:#2e7d32d9;width:100%;padding:3px 0;font-size:.65rem;font-weight:600;transition:opacity .2s;position:absolute;bottom:0;left:0}.avatar-container:hover .avatar-overlay[data-v-f4ac8e7a]{opacity:1}.info h3[data-v-f4ac8e7a]{color:#2e7d32;margin-bottom:2px;font-size:1.1rem}.info p[data-v-f4ac8e7a]{color:#558b2f;margin-bottom:6px;font-size:.8rem}.badge-code[data-v-f4ac8e7a]{color:#fff;background:#2e7d32;border-radius:8px;padding:3px 8px;font-size:.7rem}.card[data-v-f4ac8e7a]{background:#fff;border:1px solid #c8e6c9;border-radius:20px;padding:20px;box-shadow:0 6px 15px #2e7d320d}.card h3[data-v-f4ac8e7a]{color:#2e7d32;margin-bottom:12px;font-size:1rem}.form-group[data-v-f4ac8e7a]{margin-bottom:10px}.form-group label[data-v-f4ac8e7a]{color:#558b2f;margin-bottom:4px;font-size:.75rem;font-weight:600;display:block}.form-group input[data-v-f4ac8e7a]{color:#1b5e20;background:#fafafa;border:1px solid #c8e6c9;border-radius:10px;outline:none;width:100%;padding:10px;font-size:.85rem}.form-group input[data-v-f4ac8e7a]:focus{background:#fff;border-color:#2e7d32}.divider[data-v-f4ac8e7a]{border:none;border-top:1px solid #c8e6c9;margin:16px 0}.sub-title[data-v-f4ac8e7a]{color:#2e7d32;margin-bottom:10px;font-size:.85rem}.med-list[data-v-f4ac8e7a]{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.med-item[data-v-f4ac8e7a]{background:#fafafa;border:1px solid #c8e6c9;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.med-name[data-v-f4ac8e7a]{color:#1b5e20;font-size:.85rem;font-weight:600;display:block}.med-dose[data-v-f4ac8e7a]{color:#558b2f;font-size:.75rem;font-weight:500}.med-time[data-v-f4ac8e7a]{color:#2e7d32;font-size:.8rem;font-weight:600}.no-data[data-v-f4ac8e7a]{text-align:center;color:#81c784;margin-bottom:10px;padding:10px;font-size:.85rem}.add-med-form[data-v-f4ac8e7a]{border-top:1px solid #c8e6c9;flex-direction:column;gap:12px;padding-top:14px;display:flex}.add-med-form h4[data-v-f4ac8e7a]{color:#2e7d32;margin-bottom:2px;font-size:.9rem}.input-group input[data-v-f4ac8e7a]{background:#fafafa;border:1px solid #c8e6c9;border-radius:10px;outline:none;width:100%;padding:10px;font-size:.85rem}.input-group input[data-v-f4ac8e7a]:focus{background:#fff;border-color:#2e7d32}.row-inputs[data-v-f4ac8e7a]{align-items:center;gap:12px;display:flex}.input-circle-container[data-v-f4ac8e7a]{background:#fafafa;border:3px solid #c8e6c9;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:90px;height:90px;display:flex}.input-circle-container[data-v-f4ac8e7a]:focus-within{background:#fff;border-color:#2e7d32}.circle-input[data-v-f4ac8e7a]{color:#1b5e20;text-align:center;background:0 0;border:none;outline:none;width:70px;font-size:1.5rem;font-weight:700}.circle-label[data-v-f4ac8e7a]{color:#558b2f;margin-top:-4px;font-size:.65rem;font-weight:600}.unit-selector[data-v-f4ac8e7a]{flex-wrap:wrap;flex:1;gap:6px;display:flex}.unit-btn[data-v-f4ac8e7a]{color:#558b2f;cursor:pointer;background:#f1f8e9;border:1px solid #dcedc8;border-radius:12px;padding:6px 10px;font-size:.75rem;font-weight:600;transition:all .2s}.unit-btn.active[data-v-f4ac8e7a]{color:#fff;background:#2e7d32;border-color:#2e7d32;box-shadow:0 2px 6px #2e7d3233}.time-label[data-v-f4ac8e7a]{color:#558b2f;margin-bottom:4px;font-size:.75rem;font-weight:600;display:block}.time-input[data-v-f4ac8e7a]{color:#1b5e20;background:#fafafa;border:1px solid #c8e6c9;border-radius:10px;outline:none;width:100%;padding:8px 10px;font-size:.9rem}.time-input[data-v-f4ac8e7a]:focus{background:#fff;border-color:#2e7d32}.primary-btn[data-v-f4ac8e7a]{color:#fff;cursor:pointer;background:#2e7d32;border:none;border-radius:12px;width:100%;margin-top:4px;padding:12px;font-size:.9rem;font-weight:600;transition:background .2s}.primary-btn[data-v-f4ac8e7a]:hover{background:#1b5e20}.danger-btn[data-v-f4ac8e7a]{color:#fff;cursor:pointer;background:#c62828;border:none;border-radius:12px;width:100%;padding:12px;font-size:.85rem;font-weight:600;transition:background .2s}.danger-btn[data-v-f4ac8e7a]:hover{background:#b71c1c}.auth-container[data-v-7c71d02b]{background:linear-gradient(135deg,#e6f4ea,#c8e6c9);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card[data-v-7c71d02b]{background:#fff;border:1px solid #c8e6c9;border-radius:16px;width:100%;max-width:400px;padding:24px;position:relative;box-shadow:0 6px 20px #2e7d321a}.alert-box[data-v-7c71d02b]{text-align:center;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:.8rem;font-weight:500;animation:.3s fadeIn-7c71d02b}.alert-box.error[data-v-7c71d02b]{color:#c62828;background:#ffebee;border:1px solid #ef9a9a}.alert-box.success[data-v-7c71d02b]{color:#2e7d32;background:#e8f5e9;border:1px solid #a5d6a7}@keyframes fadeIn-7c71d02b{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.character-container[data-v-7c71d02b]{justify-content:center;margin-bottom:-10px;display:flex}.face[data-v-7c71d02b]{background:linear-gradient(135deg,#c8e6c9,#a5d6a7);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:70px;height:70px;transition:transform .3s;display:flex;box-shadow:0 4px 10px #388e3c33}.face.password-focus[data-v-7c71d02b]{transform:scale(.95)rotate(-3deg)}.face.captcha-focus[data-v-7c71d02b]{transform:scale(1.05)}.eyes[data-v-7c71d02b]{gap:12px;display:flex}.eye[data-v-7c71d02b]{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:18px;transition:height .2s;display:flex;position:relative;overflow:hidden}.eye.closed[data-v-7c71d02b]{height:3px}.pupil[data-v-7c71d02b]{background:#2e7d32;border-radius:50%;width:7px;height:7px;transition:transform .1s ease-out}.mouth[data-v-7c71d02b]{border-bottom:2px solid #2e7d32;border-radius:0 0 10px 10px;width:16px;height:8px;transition:all .2s}.face.password-focus .mouth[data-v-7c71d02b]{background:#2e7d32;border-bottom:none;border-radius:4px;width:10px;height:4px}.mouth.typing[data-v-7c71d02b]{background:0 0;border:2px solid #2e7d32;border-top:none;border-radius:0 0 12px 12px;width:12px;height:12px}.logo-area[data-v-7c71d02b]{text-align:center;margin-bottom:16px}.logo-area h2[data-v-7c71d02b]{color:#2e7d32;margin-bottom:2px;font-size:1.2rem}.logo-area p[data-v-7c71d02b]{color:#558b2f;font-size:.75rem}.tabs[data-v-7c71d02b]{background:#e8f5e9;border-radius:10px;margin-bottom:16px;padding:4px;display:flex}.tabs button[data-v-7c71d02b]{color:#558b2f;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px;font-size:.85rem;font-weight:600;transition:all .2s}.tabs button.active[data-v-7c71d02b]{color:#2e7d32;background:#fff;box-shadow:0 2px 5px #0000000d}.form[data-v-7c71d02b]{flex-direction:column;gap:12px;display:flex}.input-group[data-v-7c71d02b]{flex-direction:column;gap:4px;display:flex}.input-group label[data-v-7c71d02b]{color:#2e7d32;font-size:.75rem;font-weight:600}.input-group input[data-v-7c71d02b]{background:#fafafa;border:1px solid #c8e6c9;border-radius:8px;outline:none;padding:10px;font-size:.85rem}.input-group input[data-v-7c71d02b]:focus{background:#fff;border-color:#4caf50}.password-wrapper[data-v-7c71d02b]{align-items:center;display:flex;position:relative}.password-wrapper input[data-v-7c71d02b]{width:100%;padding-right:40px}.eye-toggle-btn[data-v-7c71d02b]{cursor:pointer;background:0 0;border:none;font-size:1rem;position:absolute;right:8px}.captcha-box[data-v-7c71d02b]{align-items:center;gap:8px;display:flex}.captcha-code[data-v-7c71d02b]{color:#1b5e20;letter-spacing:3px;-webkit-user-select:none;user-select:none;background:#c8e6c9;border-radius:8px;padding:8px 14px;font-family:monospace;font-size:1.1rem;font-weight:700}.captcha-box input[data-v-7c71d02b]{border:1px solid #c8e6c9;border-radius:8px;flex:1;padding:10px;font-size:.85rem}.refresh-btn[data-v-7c71d02b]{cursor:pointer;background:#e8f5e9;border:none;border-radius:8px;padding:10px}.row-between[data-v-7c71d02b]{color:#558b2f;justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.forgot-link[data-v-7c71d02b]{color:#2e7d32;text-decoration:none}.forgot-link[data-v-7c71d02b]:hover{text-decoration:underline}.primary-btn[data-v-7c71d02b]{color:#fff;cursor:pointer;background:#2e7d32;border:none;border-radius:10px;width:100%;padding:12px;font-size:.9rem;font-weight:600;transition:all .2s}.primary-btn[data-v-7c71d02b]:hover{background:#1b5e20}.primary-btn[data-v-7c71d02b]:disabled{cursor:not-allowed;background:#a5d6a7}.text-btn[data-v-7c71d02b]{color:#558b2f;cursor:pointer;background:0 0;border:none;margin-top:4px;font-size:.8rem}.text-btn[data-v-7c71d02b]:hover{color:#2e7d32}.desc[data-v-7c71d02b]{color:#558b2f;font-size:.8rem;line-height:1.3}