@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0";:root{--background: #f4f5f7;--surface: #ffffff;--surface-variant: #f4f5f7;--on-surface: #1d1b20;--on-surface-variant: #49454f;--primary: #1ab5ef;--primary-hover: #1498ca;--primary-container: #d6f1fc;--on-primary-container: #003850;--error: #b3261e;--on-error: #ffffff;--outline: #79747e;--divider: #cac4d0}body{font-family:Roboto,sans-serif;background-color:var(--background);color:var(--on-surface);margin:0;display:flex;justify-content:center}#app{width:100%;height:100vh}@media(min-width:600px){body{padding:2rem}#app{max-width:480px;height:calc(100vh - 4rem);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a}}*{box-sizing:border-box}.md-cards-wrapper{display:flex;flex-direction:column;gap:24px;width:100%;max-width:400px;margin:0 auto}.md-card{background:var(--surface);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:24px;width:100%;max-width:400px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.md-card-header{display:flex;flex-direction:column;gap:4px}.md-header-expandable{flex-direction:row;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.md-title{margin:0;font-size:1.5rem;font-weight:500;letter-spacing:0px;color:var(--on-surface)}.md-subtitle{margin:0;font-size:.875rem;color:var(--on-surface-variant);letter-spacing:.25px}.md-label{font-size:.875rem;font-weight:500;color:var(--on-surface-variant);margin-bottom:8px;display:block;transition:color .2s ease}.md-error-text{color:var(--error)}.md-success-text{color:var(--primary);font-size:.875rem;font-weight:500}.md-divider{height:1px;background-color:var(--divider);margin:4px 0}.md-stats-container{background-color:var(--surface-variant);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.md-stat-date{font-size:.875rem;font-weight:500;color:var(--on-surface-variant);text-align:center;border-bottom:1px solid var(--divider);padding-bottom:8px;margin-bottom:4px}.md-stat-row{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;font-size:.875rem;color:var(--on-surface);text-transform:capitalize}.md-stat-value{font-weight:700;color:var(--on-primary-container);background-color:var(--primary-container);padding:2px 10px;border-radius:12px}.md-section{display:flex;flex-direction:column}.md-chip-group{display:flex;flex-wrap:wrap;gap:8px}.md-chip{background:transparent;border:1px solid var(--outline);border-radius:8px;padding:0 16px;height:32px;font-size:.875rem;font-weight:500;color:var(--on-surface-variant);cursor:pointer;transition:all .2s ease;text-transform:capitalize}.md-chip:hover{background:#49454f14!important}.md-chip-selected{background:var(--primary-container);border-color:transparent;color:var(--on-primary-container)}.md-chip-selected:hover{background:#b6e9fd!important}.md-chip-error{border-color:var(--error)!important;color:var(--error)!important;animation:shake .3s ease-in-out}.md-text-field{position:relative;display:inline-flex;width:100%}.md-text-field input,.md-text-field textarea{width:100%;padding:16px;font-size:1rem;font-family:inherit;color:var(--on-surface);background:transparent;border:1px solid var(--outline);border-radius:4px;outline:none;transition:border .2s,padding .2s;box-sizing:border-box}.md-text-field input{height:56px}.md-text-field textarea{resize:vertical;min-height:120px}.md-text-field input:focus,.md-text-field textarea:focus{border:2px solid var(--primary);padding:15px}.md-text-field label{position:absolute;left:12px;top:18px;background-color:var(--surface);padding:0 4px;color:var(--on-surface-variant);font-size:1rem;pointer-events:none;transition:transform .2s ease,color .2s ease;transform-origin:left top}.md-text-field input:focus~label,.md-text-field input:not(:placeholder-shown)~label,.md-text-field input[type=date]~label,.md-text-field textarea:focus~label,.md-text-field textarea:not(:placeholder-shown)~label{transform:translateY(-28px) scale(.75);color:var(--primary)}.md-text-field input:not(:focus):not(:placeholder-shown)~label,.md-text-field input[type=date]:not(:focus)~label,.md-text-field textarea:not(:focus):not(:placeholder-shown)~label{color:var(--on-surface-variant)}.md-text-field.error input,.md-text-field.error textarea{border-color:var(--error)}.md-text-field.error input:focus,.md-text-field.error textarea:focus{border-color:var(--error)}.md-text-field.error label{color:var(--error)!important}.md-text-field.error input:not(:focus):not(:placeholder-shown)~label{color:var(--error)}.md-button{background-color:var(--primary);color:#fff;border:none;border-radius:9999px;height:40px;padding:0 24px;font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease;display:inline-flex;align-items:center;justify-content:center}.md-button:hover{background-color:var(--primary-hover);box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.md-button:active{box-shadow:none}.md-button-outline{background-color:transparent;color:var(--primary);border:1px solid var(--primary);border-radius:9999px;height:40px;padding:0 24px;font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background-color .2s ease;display:inline-flex;align-items:center;justify-content:center}.md-button-outline:hover{background-color:#1ab5ef14}.md-text-button{background:none;border:none;color:var(--primary);font-size:.875rem;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}.md-text-button:hover{background-color:#1ab5ef14}.md-icon-button{background:transparent;border:none;font-size:1.5rem;color:var(--on-surface-variant);cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:background-color .2s ease}.md-icon-button:hover{background-color:#49454f14}.md-edit-content{display:flex;flex-direction:column;gap:20px;margin-top:8px}.md-action-row{display:flex;align-items:center;gap:12px;margin-top:8px}.fade-out{animation:fadeOut 1s ease-in forwards}.diff-changed{color:var(--error)!important;font-weight:900!important}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes fadeOut{0%{opacity:1}60%{opacity:1}to{opacity:0}}.chart-scroll-wrapper[data-v-83051209]{width:100%;overflow-x:auto;margin-top:16px;border-radius:8px}.chart-container[data-v-83051209]{position:relative;height:250px}.user-profile[data-v-22edbb95]{display:flex;align-items:center;gap:16px;background:var(--surface-variant);padding:12px 16px;border-radius:8px}.profile-pic[data-v-22edbb95]{width:48px;height:48px;border-radius:50%;border:2px solid var(--outline);background-color:var(--surface)}.profile-info[data-v-22edbb95]{display:flex;flex-direction:column;flex:1}.info-block[data-v-22edbb95]{background:var(--surface-variant);padding:12px;border-radius:8px;font-size:.875rem;color:var(--on-surface)}.sync-loading[data-v-22edbb95]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 0;gap:12px}.sync-spinner[data-v-22edbb95]{font-size:2.5rem;color:var(--primary);animation:spin-22edbb95 1.5s linear infinite}.sync-comparison[data-v-22edbb95]{display:flex;align-items:center;justify-content:space-between;background:var(--surface-variant);padding:16px;border-radius:8px;margin-top:12px}.sync-side[data-v-22edbb95]{display:flex;flex-direction:column;flex:1}.sync-side-result[data-v-22edbb95]{background:var(--primary-container);padding:8px;border-radius:6px}.compare-row[data-v-22edbb95]{display:flex;justify-content:space-between;font-size:.875rem;text-transform:capitalize;margin-top:4px}.sync-arrow[data-v-22edbb95]{font-size:1.5rem;color:var(--outline);padding:0 16px}.fade-out-msg[data-v-22edbb95]{animation:fadeOut-22edbb95 3s ease-in forwards}@keyframes spin-22edbb95{to{transform:rotate(360deg)}}@keyframes fadeOut-22edbb95{0%{opacity:1}80%{opacity:1}to{opacity:0}}.app-layout[data-v-78128950]{display:flex;flex-direction:column;height:100%;background-color:var(--background)}.app-header[data-v-78128950]{padding:16px 24px;background-color:var(--surface);box-shadow:0 1px 3px #00000014;z-index:10}.header-title[data-v-78128950]{display:flex;align-items:center;gap:12px}.app-logo[data-v-78128950]{height:40px;width:auto;object-fit:contain}.app-header .md-title[data-v-78128950]{color:var(--primary);margin:0}.app-content[data-v-78128950]{flex:1;overflow-y:auto;padding:24px 16px}.bottom-nav[data-v-78128950]{display:flex;justify-content:space-around;align-items:center;background-color:var(--surface);height:80px;padding-bottom:12px;box-shadow:0 -1px 4px #0000000d}.nav-item[data-v-78128950]{display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;min-width:64px;gap:4px;color:var(--on-surface-variant);transition:color .2s;padding:12px 0}.nav-item .icon[data-v-78128950]{font-size:1.5rem;width:64px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:16px;transition:background-color .2s,color .2s}.nav-item .label[data-v-78128950]{font-size:.875rem;font-weight:500}.nav-item.active[data-v-78128950]{color:var(--on-surface)}.nav-item.active .icon[data-v-78128950]{background-color:var(--primary-container);color:var(--on-primary-container)}