@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-card: #222222;--bg-day-header: #2a2a2a;--text-primary: #f0f0f0;--text-secondary: #999;--text-muted: #666;--accent: #6c5ce7;--accent-soft: rgba(108, 92, 231, .15);--border: #333;--green: #00b894;--red: #d63031;--radius: 12px;--radius-sm: 8px;--shadow: 0 2px 12px rgba(0, 0, 0, .3);--transition: .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}#root{min-height:100vh}.header{position:sticky;top:0;z-index:100;background:linear-gradient(135deg,var(--bg-secondary) 0%,#1e1e2e 100%);border-bottom:1px solid var(--border);padding:16px 20px 12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header__title{font-size:13px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:4px}.header__total{font-size:32px;font-weight:700;letter-spacing:-.5px;background:linear-gradient(135deg,#f0f0f0,silver);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header__dates{display:flex;gap:8px;margin-top:12px;align-items:center}.header__dates label{font-size:12px;color:var(--text-muted);flex-shrink:0}.header__date-input{flex:1;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);padding:8px 10px;font-size:13px;font-family:inherit;outline:none;transition:border var(--transition);color-scheme:dark}.header__date-input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.header__date-input:focus{border-color:var(--accent)}.header__date-separator{color:var(--text-muted);font-size:13px}.app-container{min-height:100vh;display:flex;flex-direction:column}.content-area{position:relative;flex:1;overflow:hidden;padding-bottom:60px}.screen{position:absolute;top:0;left:0;right:0;min-height:100%;overflow-y:auto;transition:transform var(--transition),opacity var(--transition)}.screen--summary{transform:translate(0);opacity:1}.screen--summary.hidden{transform:translate(-30%);opacity:0;pointer-events:none}.screen--detail{transform:translate(100%);opacity:0;pointer-events:none}.screen--detail.active{transform:translate(0);opacity:1;pointer-events:auto}.category-list{padding:8px 16px 24px}.category-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg-card);border-radius:var(--radius);margin-bottom:8px;cursor:pointer;transition:background var(--transition),transform var(--transition);border:1px solid transparent}.category-row:hover{background:#2a2a2a;transform:translate(4px);border-color:var(--border)}.category-row:active{transform:scale(.98)}.category-row__left{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.category-row__name{font-size:15px;font-weight:600}.category-row__count{font-size:12px;color:var(--text-muted)}.category-row__right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:120px}.category-row__amount{font-size:15px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;white-space:nowrap}.category-row__pct{font-size:12px;font-weight:500;color:var(--green)}.category-row__pct--over{color:var(--red)}.progress-bar{width:100%;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.progress-bar__fill{height:100%;background:var(--accent);border-radius:2px;transition:width var(--transition)}.progress-bar__fill--over{background:var(--red)}.detail-header{position:sticky;top:0;z-index:100;background:linear-gradient(135deg,var(--bg-secondary) 0%,#1e1e2e 100%);border-bottom:1px solid var(--border);padding:12px 20px 14px}.detail-header__back{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--accent);font-size:14px;font-weight:500;cursor:pointer;padding:4px 0;font-family:inherit;transition:opacity var(--transition)}.detail-header__back:hover{opacity:.7}.detail-header__back svg{width:16px;height:16px}.detail-header__title{font-size:22px;font-weight:700;margin-top:8px}.detail-header__total{font-size:14px;color:var(--text-secondary);margin-top:2px}.detail-content{padding:8px 16px 24px}.day-group{margin-bottom:16px}.day-group__header{font-size:13px;font-weight:600;color:var(--text-secondary);background:var(--bg-day-header);padding:8px 12px;border-radius:var(--radius-sm);margin-bottom:6px;text-transform:capitalize}.expense-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--bg-card);border-radius:var(--radius-sm);margin-bottom:4px;transition:background var(--transition)}.expense-item:hover{background:#2a2a2a}.expense-item__left{display:flex;flex-direction:column;gap:2px}.expense-item__desc{font-size:14px;font-weight:500}.expense-item__time{font-size:12px;color:var(--text-muted)}.expense-item__amount{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.budget-screen{padding:20px 16px 80px}.budget-screen__title{font-size:22px;font-weight:700;margin-bottom:4px}.budget-screen__subtitle{font-size:13px;color:var(--text-muted);margin-bottom:20px}.budget-list{display:flex;flex-direction:column;gap:6px}.budget-row{display:flex;align-items:center;justify-content:space-between;background:var(--bg-card);padding:12px 14px;border-radius:var(--radius-sm);border:1px solid transparent;transition:border-color var(--transition)}.budget-row:focus-within{border-color:var(--accent)}.budget-row__name{font-size:14px;font-weight:500}.budget-row__input-wrap{display:flex;align-items:center;gap:4px}.budget-row__input{width:100px;background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);padding:6px 8px;font-size:14px;font-family:inherit;text-align:right;outline:none;transition:border var(--transition);-moz-appearance:textfield}.budget-row__input::-webkit-inner-spin-button,.budget-row__input::-webkit-outer-spin-button{-webkit-appearance:none}.budget-row__input:focus{border-color:var(--accent)}.budget-row__currency{color:var(--text-muted);font-size:14px;font-weight:500}.budget-save-btn{display:block;width:100%;margin-top:20px;padding:14px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:background var(--transition),transform var(--transition)}.budget-save-btn:hover{background:#5a4bd1}.budget-save-btn:active{transform:scale(.98)}.budget-save-btn--saved{background:var(--green)}.budget-save-btn:disabled{opacity:.7;cursor:not-allowed}.bottom-tabs{position:fixed;bottom:0;left:0;right:0;z-index:200;display:flex;background:linear-gradient(0deg,var(--bg-secondary) 0%,rgba(26,26,26,.95) 100%);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:6px 0 env(safe-area-inset-bottom,8px)}.bottom-tabs__btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0;background:none;border:none;color:var(--text-muted);font-size:11px;font-weight:500;font-family:inherit;cursor:pointer;transition:color var(--transition)}.bottom-tabs__btn.active{color:var(--accent)}.bottom-tabs__btn svg{width:22px;height:22px}.loading,.empty-state{display:flex;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-muted);font-size:14px}.spinner{width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin-right:10px}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}