.bottom-nav{height:var(--bottom-nav-height);background-color:var(--color-surface);border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(20px);z-index:50;padding-bottom:env(safe-area-inset-bottom,0);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{height:100%;color:var(--color-text-tertiary);transition:color var(--duration-fast) var(--ease-standard);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.bottom-nav__icon{transition:transform var(--duration-fast) var(--ease-spring)}.bottom-nav__label{letter-spacing:.01em;font-size:11px;font-weight:500}.bottom-nav__item.is-active{color:var(--color-accent)}.bottom-nav__item.is-active .bottom-nav__icon{transform:translateY(-1px)scale(1.05)}.bottom-nav__item:active .bottom-nav__icon{transform:scale(.92)}@media (width>=768px){.bottom-nav{max-width:var(--max-content-width);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);left:50%;transform:translate(-50%)}}.empty-state{text-align:center;padding:var(--space-4) var(--space-3);color:var(--color-text-secondary);flex-direction:column;align-items:center;display:flex}.empty-state__icon{border-radius:var(--radius-full);background-color:var(--color-accent-soft);width:56px;height:56px;color:var(--color-accent);margin-bottom:var(--space-2);justify-content:center;align-items:center;display:flex}.empty-state__title{font-size:var(--text-title);color:var(--color-text-primary);margin-bottom:4px;font-weight:600}.empty-state__message{font-size:var(--text-body);max-width:280px;margin-bottom:var(--space-2)}.mbh-badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}.mbh-badge--neutral{background-color:var(--color-border);color:var(--color-text-secondary)}.mbh-badge--accent{background-color:var(--color-accent-soft);color:var(--color-accent)}.mbh-badge--success{background-color:var(--color-success-soft);color:var(--color-success)}.mbh-badge--warning{background-color:var(--color-warning-soft);color:var(--color-warning)}.mbh-badge--danger{background-color:var(--color-danger-soft);color:var(--color-danger)}.mbh-badge--category{background-color:color-mix(in srgb, var(--badge-color) 12%, transparent);color:var(--badge-color)}.task-item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);align-items:center;gap:10px;padding:12px 14px;display:flex}.task-item--done{background-color:var(--color-bg);border-color:var(--color-border)}.task-item__checkbox{border:2px solid var(--color-border-strong);width:22px;height:22px;transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-spring);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.task-item--done .task-item__checkbox{border-color:var(--color-success);background-color:var(--color-success)}.task-item__checkbox:active{transform:scale(.88)}.task-item__checkmark{border-bottom:2px solid #fff;border-left:2px solid #fff;width:10px;height:6px;transform:rotate(-45deg)translateY(-1px)}.task-item__body{cursor:pointer;flex:1;min-width:0}.task-item__title{font-size:var(--text-body);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;font-weight:500;overflow:hidden}.task-item--done .task-item__title{color:var(--color-text-tertiary);text-decoration:line-through}.task-item__meta{color:var(--color-text-tertiary);align-items:center;gap:8px;font-size:12px;display:flex}.task-item__priority-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.task-item__mission{color:var(--color-accent);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-weight:600;overflow:hidden}.task-item__icon{flex-shrink:0}.task-item__delete{color:var(--color-text-tertiary);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;padding:6px}.task-item__delete:hover{background-color:var(--color-danger-soft);color:var(--color-danger)}.habit-card{align-items:center;gap:12px;padding:14px;display:flex}.habit-card--paused{opacity:.6}.habit-card__checkbox{border:2px solid var(--color-border-strong);width:30px;height:30px;transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-spring);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.habit-card__checkbox.is-done{border-color:var(--color-success);background-color:var(--color-success)}.habit-card__checkbox:active{transform:scale(.88)}.habit-card__checkbox:disabled{cursor:not-allowed}.habit-card__checkmark{border-bottom:2px solid #fff;border-left:2px solid #fff;width:12px;height:7px;transform:rotate(-45deg)translateY(-1px)}.habit-card__body{flex:1;min-width:0}.habit-card__top{align-items:center;gap:8px;margin-bottom:3px;display:flex}.habit-card__title{font-size:var(--text-body);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.habit-card__streak{color:var(--color-warning);flex-shrink:0;align-items:center;gap:2px;font-size:12px;font-weight:700;display:flex}.habit-card__meta{color:var(--color-text-tertiary);align-items:center;gap:8px;font-size:12px;display:flex}.habit-card__menu{flex-shrink:0;position:relative}.habit-card__menu-btn{color:var(--color-text-tertiary);border-radius:var(--radius-sm);background:0 0;border:none;padding:4px;display:flex}.habit-card__menu-btn:hover{background-color:var(--color-border)}.habit-card__menu-dropdown{background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:30;min-width:150px;animation:mbh-scale-in var(--duration-fast) var(--ease-spring);flex-direction:column;padding:6px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.habit-card__menu-dropdown button{text-align:left;border-radius:var(--radius-sm);font-size:var(--text-caption);color:var(--color-text-primary);background:0 0;border:none;padding:9px 10px;font-weight:500}.habit-card__menu-dropdown button:hover{background-color:var(--color-accent-soft)}.habit-card__menu-danger{color:var(--color-danger)!important}.habit-card__menu-danger:hover{background-color:var(--color-danger-soft)!important}.schedule-item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:box-shadow var(--duration-fast) var(--ease-standard);align-items:flex-start;gap:14px;padding:12px 14px;display:flex}.schedule-item:hover{box-shadow:var(--shadow-sm)}.schedule-item__time-col{flex-shrink:0;width:56px;padding-top:2px}.schedule-item__time{color:var(--color-accent);font-size:13px;font-weight:700}.schedule-item__time--allday{color:var(--color-text-tertiary);font-size:11px;font-weight:600}.schedule-item__body{flex:1;min-width:0}.schedule-item__top{align-items:center;gap:6px;margin-bottom:4px;display:flex}.schedule-item__icon{color:var(--color-text-tertiary)}.schedule-item__title{font-size:var(--text-body);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.schedule-item__location{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.schedule-item__delete{color:var(--color-text-tertiary);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;align-self:center;padding:6px}.schedule-item__delete:hover{background-color:var(--color-danger-soft);color:var(--color-danger)}.dashboard-page{gap:var(--space-4);flex-direction:column;display:flex}.dashboard-greeting{padding:var(--space-2) 4px var(--space-1)}.dashboard-greeting__date{font-size:var(--text-caption);color:var(--color-text-secondary);margin-bottom:4px}.dashboard-greeting__text{font-family:var(--font-display);font-size:var(--text-heading);letter-spacing:-.01em;font-weight:600}.dashboard-section{gap:var(--space-1);flex-direction:column;display:flex}.dashboard-section__title{font-size:var(--text-title);padding-left:4px;font-weight:600}.dashboard-progress-card{align-items:center;gap:var(--space-3);display:flex}.dashboard-progress-card__title{font-size:var(--text-body);margin-bottom:2px;font-weight:600}.dashboard-progress-card__message{font-size:var(--text-caption);color:var(--color-text-secondary)}.dashboard-empty-cta{background-color:var(--color-accent);color:var(--color-text-on-accent);font-size:var(--text-caption);border-radius:var(--radius-full);border:none;margin-top:4px;padding:10px 18px;font-weight:600}.dashboard-task-list{flex-direction:column;gap:8px;display:flex}.dashboard-overdue-label{color:var(--color-danger);padding:0 4px;font-size:12px;font-weight:600}.dashboard-see-all-btn{border:1px dashed var(--color-border-strong);width:100%;color:var(--color-text-secondary);border-radius:var(--radius-md);background:0 0;justify-content:center;align-items:center;gap:4px;margin-top:2px;padding:10px;font-size:12px;font-weight:600;display:flex}.dashboard-see-all-btn:hover{background-color:var(--color-accent-soft);color:var(--color-accent);border-color:#0000}.dashboard-reminder{text-align:left;border:1px solid var(--color-warning);background-color:var(--color-warning-soft);border-radius:var(--radius-lg);align-items:center;gap:12px;width:100%;padding:14px;display:flex}.dashboard-reminder__icon{color:var(--color-warning);flex-shrink:0}.dashboard-reminder__title{font-size:var(--text-body);color:var(--color-text-primary);font-weight:600}.dashboard-reminder__message{color:var(--color-text-secondary);font-size:12px}.dashboard-reminder--accent{border-color:var(--color-accent);background-color:var(--color-accent-soft)}.dashboard-reminder--accent .dashboard-reminder__icon{color:var(--color-accent)}.dashboard-goal-list{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-xs);text-align:left;flex-direction:column;padding:4px;display:flex}.dashboard-goal-row{align-items:center;gap:10px;padding:10px 12px;display:flex}.dashboard-goal-row__title{font-size:var(--text-caption);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.dashboard-goal-row__progress{font-size:var(--text-caption);color:var(--color-accent);font-weight:600}.dashboard-goal-list__footer{color:var(--color-text-secondary);border-top:1px solid var(--color-border);justify-content:center;align-items:center;gap:4px;margin-top:2px;padding:10px;font-size:12px;font-weight:600;display:flex}.dashboard-fab{right:var(--space-2);bottom:calc(var(--bottom-nav-height) + var(--space-2));border-radius:var(--radius-full);background-color:var(--color-accent);width:56px;height:56px;color:var(--color-text-on-accent);box-shadow:var(--shadow-md);transition:transform var(--duration-fast) var(--ease-spring);z-index:40;border:none;justify-content:center;align-items:center;display:flex;position:fixed}.dashboard-fab:hover{transform:scale(1.06)}.dashboard-fab:active{transform:scale(.94)}@media (width>=768px){.dashboard-fab{right:calc(50% - (var(--max-content-width) / 2) + var(--space-2))}}:root{--color-bg:#fafaf8;--color-surface:#fff;--color-surface-raised:#fff;--color-border:#1c1d2114;--color-border-strong:#1c1d2124;--color-text-primary:#1c1d21;--color-text-secondary:#6b6f76;--color-text-tertiary:#9ca0a8;--color-text-on-accent:#fff;--color-accent:#3b6fe0;--color-accent-soft:#3b6fe01a;--color-accent-strong:#2e59b8;--color-success:#2f9e6e;--color-success-soft:#2f9e6e1a;--color-warning:#d98c3d;--color-warning-soft:#d98c3d1a;--color-danger:#d9534f;--color-danger-soft:#d9534f1a;--color-cat-bisnis:#3b6fe0;--color-cat-keuangan:#2f9e6e;--color-cat-kesehatan:#d9534f;--color-cat-belajar:#8a63d2;--color-cat-keluarga:#d98c3d;--color-cat-spiritual:#4fa3c4;--color-cat-produktivitas:#5b6470;--color-cat-lainnya:#9ca0a8;--shadow-xs:0 1px 2px #1c1d210a;--shadow-sm:0 2px 8px #1c1d210f;--shadow-md:0 8px 24px #1c1d2114;--shadow-lg:0 16px 40px #1c1d211a;--radius-sm:10px;--radius-md:16px;--radius-lg:20px;--radius-full:999px;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--font-display:"Fraunces", "New York", Georgia, serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono-num:"Inter", -apple-system, sans-serif;--text-heading:28px;--text-title:17px;--text-body:15px;--text-caption:13px;--leading-tight:1.2;--leading-normal:1.5;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.2, .64, 1);--duration-fast:.15s;--duration-base:.22s;--duration-slow:.36s;--max-content-width:720px;--bottom-nav-height:64px;--header-height:56px}[data-theme=dark]{--color-bg:#15161a;--color-surface:#1f2024;--color-surface-raised:#25262b;--color-border:#ffffff14;--color-border-strong:#ffffff24;--color-text-primary:#ededef;--color-text-secondary:#a1a4ab;--color-text-tertiary:#6e7178;--color-text-on-accent:#fff;--color-accent:#5b8aef;--color-accent-soft:#5b8aef24;--color-accent-strong:#7ca3f4;--color-success:#3dba88;--color-success-soft:#3dba8824;--color-warning:#e5a05a;--color-warning-soft:#e5a05a24;--color-danger:#e5726e;--color-danger-soft:#e5726e24;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 2px 8px #00000047;--shadow-md:0 8px 24px #0000005c;--shadow-lg:0 16px 40px #00000070}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-base) var(--ease-standard), color var(--duration-base) var(--ease-standard)}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,p{margin:0}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background-color:var(--color-accent-soft)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background-color:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-track{background:0 0}.app-shell{flex-direction:column;flex:1;min-height:100vh;display:flex}.app-shell__content{width:100%;max-width:var(--max-content-width);padding:var(--space-3) var(--space-2) calc(var(--bottom-nav-height) + var(--space-4));flex:1;margin:0 auto}@media (width>=768px){.app-shell__content{padding:var(--space-4) var(--space-3) calc(var(--bottom-nav-height) + var(--space-5))}}.error-boundary{min-height:100vh;padding:var(--space-3);background-color:var(--color-bg);justify-content:center;align-items:center;display:flex}.error-boundary__card{text-align:center;background-color:var(--color-surface);border-radius:var(--radius-lg);max-width:360px;box-shadow:var(--shadow-md);padding:var(--space-4)}.error-boundary__title{font-family:var(--font-display);font-size:var(--text-heading);margin-bottom:var(--space-1)}.error-boundary__message{color:var(--color-text-secondary);font-size:var(--text-body);margin-bottom:var(--space-3)}.error-boundary__button{background-color:var(--color-accent);color:var(--color-text-on-accent);border-radius:var(--radius-full);font-size:var(--text-body);transition:transform var(--duration-fast) var(--ease-standard);border:none;padding:12px 24px;font-weight:600}.error-boundary__button:hover{transform:scale(1.03)}