:root{--color-white: #FFFFFF;--color-bg: #F5F4FB;--color-light-gray: #F7F6FC;--color-gray-100: #F0EEFA;--color-gray-200: #E4E1F6;--color-gray-400: #9C98BA;--color-dark-gray: #26233C;--color-text: #2C2A45;--color-muted: #8A87A6;--color-primary: #6C5CE7;--color-primary-dark: #5A48DA;--color-primary-darker: #4837B8;--color-primary-light: #EEEBFF;--color-accent: #00C2A8;--color-success: #00B894;--color-warning: #FF9F43;--color-danger: #FF6B81;--color-info: #2E86DE;--shadow-sm: 0 1px 2px rgba(44, 42, 69, .06);--shadow-md: 0 10px 28px rgba(76, 66, 158, .1);--shadow-lg: 0 24px 50px rgba(60, 48, 150, .18);--radius: 16px;--radius-sm: 10px;--radius-lg: 24px;--border-color: #E7E4F6;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--font-display: "Sora", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-weight:400;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;margin:0 0 var(--space-2) 0;color:var(--color-dark-gray);letter-spacing:-.01em}p{margin:0 0 var(--space-2) 0}a{color:var(--color-primary);text-decoration:none;font-weight:600}a:hover{text-decoration:underline}button{font-family:var(--font-body);cursor:pointer}input,select,textarea{font-family:var(--font-body);font-size:14px}.mono{font-family:var(--font-mono)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.brand-mark{display:flex;align-items:center;gap:10px}.brand-mark-badge{display:flex;align-items:center;justify-content:center;border-radius:30%;background:linear-gradient(145deg,var(--color-primary),var(--color-primary-darker));color:#fff;box-shadow:0 6px 16px #6c5ce759;flex-shrink:0}.brand-mark-text{font-family:var(--font-display);font-weight:800;font-size:20px;color:var(--color-dark-gray);letter-spacing:-.01em}.brand-mark-text.light{color:#fff}.app-shell{display:flex;min-height:100vh;background:var(--color-bg)}.sidebar{width:248px;flex-shrink:0;background:var(--color-white);border-right:1px solid var(--border-color);padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-menu-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-gray-400);margin:var(--space-5) 0 var(--space-2) var(--space-2)}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-nav a{display:flex;align-items:center;gap:var(--space-2);padding:11px 12px;border-radius:var(--radius-sm);color:var(--color-text);font-weight:600;font-size:14px;text-decoration:none;transition:background-color .15s ease,color .15s ease}.sidebar-nav a svg{color:var(--color-gray-400);transition:color .15s ease}.sidebar-nav a:hover{background:var(--color-primary-light);text-decoration:none}.sidebar-nav a.active{background:linear-gradient(120deg,var(--color-primary),var(--color-primary-dark));color:var(--color-white);box-shadow:0 8px 18px #6c5ce74d}.sidebar-nav a.active svg{color:var(--color-white)}.sidebar-user{margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--border-color);display:flex;align-items:center;gap:10px}.sidebar-user-avatar{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);color:var(--color-primary);font-weight:700;font-size:13px}.sidebar-user-name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-logout{margin-top:var(--space-2);width:100%;justify-content:center}.main-content{flex:1;padding:var(--space-5) var(--space-5) var(--space-6);max-width:1180px}.header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-3)}.header-row h2{font-size:24px}.card-surface{background:var(--color-white);border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:var(--space-3) var(--space-3);transition:box-shadow .2s ease,transform .2s ease}.icon-chip{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;flex-shrink:0}.stat-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.stat-card-value{font-size:24px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);border:none;border-radius:var(--radius-sm);padding:11px 18px;font-size:14px;font-weight:700;background:linear-gradient(120deg,var(--color-primary),var(--color-primary-dark));color:var(--color-white);box-shadow:0 8px 18px #6c5ce747;transition:transform .12s ease,box-shadow .15s ease,background-color .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #6c5ce75c}.btn:active{transform:translateY(0)}.btn:disabled{background:var(--color-gray-400);box-shadow:none;cursor:not-allowed;transform:none}.btn-block{width:100%}.btn-secondary{background:var(--color-white);color:var(--color-text);border:1px solid var(--border-color);box-shadow:none}.btn-secondary:hover{background:var(--color-light-gray);box-shadow:none;transform:none}.btn-danger{background:linear-gradient(120deg,var(--color-danger),#E1435F);box-shadow:0 8px 18px #ff6b8147}.btn-danger:hover{box-shadow:0 10px 22px #ff6b815c}.btn-sm{padding:7px 12px;font-size:13px}.input-field{width:100%;padding:11px 13px;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);background:var(--color-light-gray);color:var(--color-text);transition:border-color .15s ease,background-color .15s ease}.input-field:focus{outline:none;border-color:var(--color-primary);background:var(--color-white)}.input-label{display:block;font-size:13px;font-weight:700;margin-bottom:var(--space-1);color:var(--color-text)}.form-group{margin-bottom:var(--space-3)}.icon-option-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:6px;border-radius:var(--radius-sm);border:1.5px solid var(--border-color);background:var(--color-white);color:var(--color-text);cursor:pointer;transition:all .15s ease}.icon-option-btn[data-active=true]{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary)}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge-success{background:#dff7ef;color:#0b9169}.badge-warning{background:#fff1e1;color:#c06a0c}.badge-danger{background:#ffe6ea;color:#c22e48}.badge-info{background:var(--color-primary-light);color:var(--color-primary)}.badge-neutral{background:var(--color-gray-100);color:var(--color-gray-400)}.progress-track{width:100%;height:10px;background:var(--color-gray-100);border-radius:999px;overflow:hidden}.progress-fill{height:100%;border-radius:999px;transition:width .3s ease;background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}.grid{display:grid;gap:var(--space-3)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.text-muted{color:var(--color-muted)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-sm{font-size:13px}.empty-state{text-align:center;padding:var(--space-6) var(--space-3);color:var(--color-muted)}.goal-remaining-block{background:var(--color-primary-light);border-radius:var(--radius-sm);padding:var(--space-3);margin-bottom:var(--space-3)}.goal-remaining-amount{font-size:30px;font-weight:800;color:var(--color-primary-darker);line-height:1.2;margin:2px 0 4px}.goal-remaining-sub{font-weight:600}.date-strip{background:var(--color-light-gray);border:1px solid var(--border-color);border-radius:var(--radius);padding:var(--space-2) var(--space-2) var(--space-3)}.date-strip-header{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 10px}.date-strip-month{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--color-dark-gray)}.date-strip-nav{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--border-color);background:var(--color-white);color:var(--color-text);flex-shrink:0;transition:background-color .15s ease,border-color .15s ease}.date-strip-nav:hover{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.date-strip-row{display:flex;align-items:center;gap:6px}.date-strip-track{flex:1;display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px;scrollbar-width:none}.date-strip-track::-webkit-scrollbar{display:none}.date-strip-day{scroll-snap-align:center;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:52px;height:66px;border-radius:16px;border:none;background:var(--color-white);color:var(--color-text);border:1px solid var(--border-color);transition:all .15s ease}.date-strip-day:hover{border-color:var(--color-primary)}.date-strip-day.active{background:linear-gradient(150deg,var(--color-primary),var(--color-primary-dark));border-color:transparent;color:var(--color-white);box-shadow:0 10px 20px #6c5ce759}.date-strip-dow{font-size:11px;font-weight:700;opacity:.75;text-transform:uppercase}.date-strip-num{font-family:var(--font-mono);font-size:17px;font-weight:700}.date-strip-today{margin-top:10px;background:none;border:none;color:var(--color-primary);font-weight:700;font-size:13px;padding:4px 6px}.date-strip-today:hover{text-decoration:underline}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:var(--color-white)}.auth-showcase{background:radial-gradient(circle at 15% 15%,rgba(255,255,255,.16),transparent 40%),radial-gradient(circle at 85% 85%,rgba(0,194,168,.35),transparent 45%),linear-gradient(150deg,var(--color-primary-darker),var(--color-primary) 55%,#7C6CF0);color:#fff;padding:var(--space-6) var(--space-5);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-showcase-copy h1{color:#fff;font-size:42px;line-height:1.15;margin-bottom:var(--space-3)}.auth-showcase-copy p{color:#ffffffd1;font-size:16px;max-width:380px}.auth-showcase-stats{display:flex;flex-direction:column;gap:var(--space-3)}.auth-showcase-stat{display:flex;align-items:center;gap:14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius);padding:14px 16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.auth-showcase-stat svg{flex-shrink:0;background:#ffffff29;padding:8px;width:34px;height:34px;border-radius:10px;box-sizing:border-box}.auth-showcase-stat-title{font-weight:700;font-size:14px}.auth-showcase-stat-sub{font-size:12.5px;color:#ffffffbf}.auth-showcase-perks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.auth-showcase-perks li{display:flex;align-items:center;gap:12px;font-weight:600;font-size:14.5px}.auth-showcase-perks svg{color:var(--color-accent);flex-shrink:0}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-white)}.auth-card{width:100%;max-width:400px;padding:var(--space-4) 4px}.auth-card h2{font-size:26px}.auth-card-mobile-brand{display:none;margin-bottom:var(--space-4)}.auth-submit{margin-top:8px}.error-text{color:var(--color-danger);font-size:13px;margin-top:var(--space-1);font-weight:600}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--space-2);color:var(--color-dark-gray)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#26233c80;z-index:999}@media (max-width: 900px){.auth-shell{grid-template-columns:1fr}.auth-showcase{display:none}.auth-card-mobile-brand{display:block}.auth-form-side{padding:var(--space-5) var(--space-3)}}@media (max-width: 768px){.app-shell{flex-direction:column}.sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:1px solid var(--border-color);padding:var(--space-3) var(--space-2);display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:center}.sidebar.mobile-open{position:fixed;left:0;top:0;width:280px;height:100vh;border-bottom:none;border-right:1px solid var(--border-color);z-index:1000;flex-direction:column;padding:var(--space-4) var(--space-3)}.sidebar.mobile-open+.sidebar-overlay{display:block}.sidebar-menu-label{display:none}.sidebar.mobile-open .sidebar-menu-label{display:block}.sidebar-nav{display:none}.sidebar.mobile-open .sidebar-nav{display:flex;flex-direction:column;margin-top:var(--space-2);flex:1}.sidebar-user,.sidebar-logout{display:none}.sidebar.mobile-open .sidebar-user,.sidebar.mobile-open .sidebar-logout{display:flex}.mobile-menu-toggle{display:block}.main-content{padding:var(--space-3);max-width:100%}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.header-row{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.header-row>button{width:100%}.btn,.input-field{min-height:42px}}@media (max-width: 375px){.main-content,.card-surface{padding:var(--space-2)}.btn{padding:9px 14px;font-size:13px;min-height:42px}.btn-sm{padding:7px 10px;min-height:38px}.header-row{flex-wrap:wrap}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.goal-remaining-amount{font-size:26px}}@media (min-width: 769px) and (max-width: 1024px){.grid-cols-3{grid-template-columns:repeat(2,1fr)}.main-content{padding:var(--space-3) var(--space-4)}.sidebar{width:210px}}