*{box-sizing:border-box;margin:0;padding:0}body{color:#e8e4de;-webkit-font-smoothing:antialiased;background:#121010;font-family:DM Sans,sans-serif;overflow-x:hidden}::selection{color:#121010;background:#8fb996}input,select,button{font-family:inherit}input[type=number]::-webkit-inner-spin-button{opacity:.3}input[type=number]::-webkit-outer-spin-button{opacity:.3}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.nav-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;align-items:center;display:flex}.mobile-nav{z-index:50;padding:4px 0 env(safe-area-inset-bottom,4px);background:#1a1714;border-top:1px solid #2a2520;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav .nav-btn{flex-direction:column;flex:1;justify-content:center;gap:2px;padding:8px 4px}.mobile-nav .nav-icon{font-size:18px;line-height:1}.mobile-nav .nav-label{font-size:10px}.desktop-nav{display:none}.desktop-nav .nav-btn{border-bottom:2px solid #0000;flex-direction:row;gap:5px;padding:10px 14px}.desktop-nav .nav-icon{font-size:14px}.desktop-nav .nav-label{font-size:13px}@media (width>=768px){.mobile-nav{display:none}.desktop-nav{display:flex}}.page-content{max-width:1100px;padding:16px 16px 80px}@media (width>=768px){.page-content{padding:24px 28px}}.stats-grid{grid-template-columns:1fr 1fr;gap:2px;display:grid}@media (width>=768px){.stats-grid{flex-wrap:wrap;justify-content:space-around;gap:4px;display:flex}}.dash-grid{flex-direction:column;gap:12px;display:flex}@media (width>=768px){.dash-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}}.input-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width>=768px){.input-row{flex-wrap:wrap;gap:16px;display:flex}}.daily-split{flex-direction:column;gap:16px;display:flex}@media (width>=768px){.daily-split{flex-direction:row;gap:20px}.daily-split .daily-chart{flex:0 0 220px}.daily-split .daily-list{flex:1;min-width:280px}}.expense-table-wrap{display:none}.expense-cards{flex-direction:column;gap:8px;display:flex}@media (width>=768px){.expense-table-wrap{display:block;overflow-x:auto}.expense-cards{display:none}}.quick-add{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quick-add .qa-desc,.quick-add .qa-btn{grid-column:1/-1}@media (width>=768px){.quick-add{align-items:flex-end;gap:8px;display:flex}.quick-add .qa-desc{flex:1;min-width:120px}.quick-add .qa-btn{flex:none}}.charts-area{flex-direction:column;align-items:center;gap:16px;display:flex}@media (width>=768px){.charts-area{flex-direction:row;align-items:flex-start;gap:24px}}.goals-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width>=768px){.goals-grid{grid-template-columns:repeat(3,1fr);gap:16px}}.goal-card{cursor:pointer;text-align:left;color:inherit;background:#1a1714;border:1px solid #2a2520;border-radius:12px;flex-direction:column;padding:14px;font-family:inherit;transition:border-color .15s,background .15s;display:flex}.goal-card:hover{background:#1e1b17;border-color:#444}.goal-card-new{border-style:dashed;justify-content:center;align-items:center;gap:6px;min-height:120px}.goal-card-new:hover{border-color:#8fb996}.goal-template-card{cursor:pointer;text-align:center;color:inherit;background:#1a1714;border:1px solid #2a2520;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:18px 12px;font-family:inherit;transition:border-color .15s,background .15s;display:flex}.goal-template-card:hover{background:#1e1b17;border-color:#8fb996}.tutorial-overlay{z-index:100;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.25s tutorialFadeIn;display:flex;position:fixed;inset:0}.tutorial-card{background:#1a1714;border:1px solid #2a2520;border-radius:16px;width:100%;max-width:420px;padding:24px;animation:.3s tutorialSlideUp;box-shadow:0 20px 60px #0009}@keyframes tutorialFadeIn{0%{opacity:0}to{opacity:1}}@keyframes tutorialSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-header{border-bottom:1px solid #1e1a16;padding:16px 16px 0}.app-header .header-top{align-items:center;gap:8px;margin-bottom:12px;display:flex}.app-header .header-email{display:none}@media (width>=768px){.app-header{padding:24px 28px 0}.app-header .header-email{display:inline}}