:root{--primary:#6c63e0;--primary-dark:#453b9e;--accent-pink:#ff8fab;--accent-mint:#6fd6c1;--accent-yellow:#ffd666;--accent-lavender:#b8b3f5;--app-bg-start:#322a6e;--app-bg-end:#5347a8;--bg:#f4f2fb;--surface:#fff;--text:#2c2647;--text-light:#8783a3;--border:#ece9f7;--danger:#e5566e;--sans:"Segoe UI", system-ui, Roboto, sans-serif;font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}button,input{font-family:inherit}.login-screen{background:linear-gradient(160deg, var(--app-bg-start), var(--app-bg-end));flex-direction:column;justify-content:flex-end;max-width:480px;min-height:100svh;margin:0 auto;display:flex}.login-hero{color:#fff;text-align:left;padding:60px 28px 20px}.login-logo{font-size:36px}.login-hero h1{margin:12px 0 6px;font-size:30px}.login-hero p{opacity:.9;margin:0;font-size:14px}.login-card{background:var(--surface);border-radius:28px 28px 0 0;padding:24px 22px 32px}.login-tabs{background:var(--bg);border-radius:12px;margin-bottom:20px;padding:4px;display:flex}.login-tabs button{color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:10px;font-size:14px;font-weight:600}.login-tabs button.active{background:var(--surface);color:var(--primary-dark);box-shadow:0 2px 8px #3c328226}.login-form{flex-direction:column;gap:14px;margin-bottom:16px;display:flex}.btn-ghost{width:100%;color:var(--primary-dark);cursor:pointer;background:0 0;border:none;padding:10px;font-size:14px;font-weight:600}.login-note{color:var(--text-light);text-align:center;margin-top:12px;font-size:12px;line-height:1.4}.home-greeting{flex-direction:column;gap:2px;margin-bottom:16px;font-size:16px;font-weight:700;display:flex}.home-greeting-sub{color:var(--text-light);font-size:13px;font-weight:400}.reminder-banner{cursor:pointer;color:#7a5200;text-align:left;background:linear-gradient(135deg,#ffe082,#ffca6b);border:none;border-radius:14px;align-items:center;gap:10px;width:100%;margin-bottom:14px;padding:12px 14px;font-size:13px;font-weight:600;display:flex}.reminder-banner-arrow{margin-left:auto;font-size:16px}.notif-banner{cursor:pointer;text-align:left;background:linear-gradient(135deg,#e8f0fe,#dce8ff);border:none;border-radius:16px;gap:10px;width:100%;margin-bottom:16px;padding:14px;display:flex}.notif-banner strong{color:#2a4d8f;margin-bottom:2px;font-size:13px;display:block}.notif-banner p{color:var(--text-light);margin:0;font-size:12px;line-height:1.4}.tip-card{text-align:left;background:linear-gradient(135deg,#fff4e5,#ffe9f0);border-radius:16px;gap:10px;margin-bottom:20px;padding:14px;display:flex}.tip-emoji{font-size:22px}.tip-card strong{color:#b26a4a;margin-bottom:2px;font-size:13px;display:block}.tip-card p{color:var(--text);margin:0;font-size:13px;line-height:1.4}.home-cards{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:8px;display:grid}.home-card{text-align:left;cursor:pointer;color:#fff;border:none;border-radius:16px;flex-direction:column;gap:4px;padding:14px;display:flex;box-shadow:0 4px 12px #0000000f}.home-card-emoji{font-size:22px}.home-card-title{font-size:14px;font-weight:700}.home-card-subtitle{opacity:.9;font-size:11px}.card-pink{background:linear-gradient(135deg, var(--accent-pink), #ff6f91)}.card-mint{background:linear-gradient(135deg, var(--accent-mint), #3ea38c)}.card-blue{background:linear-gradient(135deg,#6fb1e6,#4a8fd1)}.card-yellow{background:linear-gradient(135deg,#ffd166,#f4a41c)}.card-teal{background:linear-gradient(135deg,#4fd8c4,#1f9e8e)}.card-indigo{background:linear-gradient(135deg,#7b88f4,#4c56c9)}.card-dark{background:linear-gradient(135deg,#4a4a58,#23232e)}.admin-user-list{flex-direction:column;gap:12px;display:flex}.admin-user-card{background:var(--surface);text-align:left;border-radius:16px;padding:14px;box-shadow:0 2px 10px #3c328214}.admin-user-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.admin-user-header strong{font-size:14px;display:block}.admin-badge{border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.admin-badge.active{color:#1f9e8e;background:#6fd6c133}.admin-badge.inactive{color:var(--danger);background:#e5566e26}.admin-user-controls{gap:8px;display:flex}.admin-user-controls select{border:1px solid var(--border);background:var(--bg);border-radius:10px;flex:1;padding:8px 10px;font-size:13px}.stats-toggle{background:var(--border);border-radius:14px;gap:2px;margin-bottom:16px;padding:3px;display:flex}.stats-toggle-btn{color:var(--text-light);cursor:pointer;background:0 0;border:none;border-radius:11px;flex:1;padding:9px;font-size:13px;font-weight:600;transition:background .2s,color .2s}.stats-toggle-btn.active{background:var(--surface);color:var(--primary-dark);box-shadow:0 2px 6px #322a6e1f}.donut-card{background:var(--surface);border-radius:20px;flex-direction:column;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 2px 10px #3c328214}.donut-wrap{justify-content:center;display:flex}.donut{border-radius:50%;justify-content:center;align-items:center;width:168px;height:168px;display:flex}.donut-hole{background:var(--surface);text-align:center;width:108px;height:108px;box-shadow:inset 0 0 0 1px var(--border);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex}.donut-hole strong{color:var(--text);font-size:22px}.donut-hole span{color:var(--text-light);max-width:80px;font-size:11px}.donut-legend{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.legend-pill{background:var(--bg);color:var(--text);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.legend-dot{background:var(--pill-color);border-radius:50%;flex-shrink:0;width:8px;height:8px}.stats-ranking{flex-direction:column;gap:10px;display:flex}.stats-rank-row{background:var(--surface);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex;box-shadow:0 2px 8px #3c32820f}.stats-rank-number{color:var(--text-light);width:16px;font-size:12px;font-weight:700}.subscription-list{flex-direction:column;gap:8px;display:flex}.subscription-item{background:var(--surface);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex;box-shadow:0 2px 8px #3c32820f}.card-purple{background:linear-gradient(135deg, var(--primary), var(--primary-dark))}.card-peach{background:linear-gradient(135deg,#ffb88c,#e88a5a)}.goals-list{flex-direction:column;gap:12px;display:flex}.goal-card{background:var(--surface);text-align:left;border-radius:16px;padding:14px;box-shadow:0 2px 10px #3c328214}.goal-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;font-weight:700;display:flex}.goal-amounts{align-items:baseline;gap:6px;margin-bottom:8px;font-size:18px;font-weight:700;display:flex}.goal-target{color:var(--text-light);font-size:12px;font-weight:400}.goal-add-money{gap:8px;margin-top:10px;display:flex}.amount-input.small{flex:1;padding:6px 10px;font-size:14px}.amount-input.small input{font-size:14px}.goal-reached{color:var(--accent-mint);margin:10px 0 0;font-size:12px;font-weight:700}.app{background:linear-gradient(160deg, var(--app-bg-start), var(--app-bg-end));flex-direction:column;max-width:480px;min-height:100svh;margin:0 auto;padding-bottom:100px;display:flex;position:relative}.app-header{color:#fff;padding:32px 24px 20px}.app-header h1{margin:0 0 4px;font-size:24px;font-weight:700}.app-header p{opacity:.75;margin:0;font-size:14px}.app-main{background:var(--bg);border-radius:28px 28px 0 0;flex:1;padding:20px 16px 24px}.summary-cards{gap:12px;margin-bottom:18px;display:flex}.summary-card{background:var(--surface);border-radius:16px;flex-direction:column;flex:1;gap:4px;padding:14px;display:flex;box-shadow:0 2px 10px #3c328214}.summary-card.highlight{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff}.summary-card .label{opacity:.8;font-size:12px}.summary-card .value{font-size:20px;font-weight:700}.budget-bar-wrap{background:var(--surface);border-radius:16px;margin-bottom:20px;padding:14px;box-shadow:0 2px 10px #3c328214}.budget-bar-header{color:var(--text-light);justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.budget-bar{background:var(--border);border-radius:20px;height:10px;overflow:hidden}.budget-bar-fill{background:var(--accent-mint);height:100%;transition:width .3s}.budget-bar-fill.warning{background:#ffb74d}.budget-bar-fill.over{background:var(--danger)}.section-title{color:var(--text);margin:0 0 12px;font-size:15px}.empty-hint{color:var(--text-light);text-align:center;padding:20px 0;font-size:14px}.category-breakdown{flex-direction:column;gap:12px;display:flex}.category-row{background:var(--surface);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex;box-shadow:0 2px 8px #3c32820f}.category-row .emoji{font-size:20px}.category-row-body{flex:1}.category-row-top{justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.category-row-bar{background:var(--border);border-radius:10px;height:6px;overflow:hidden}.category-row-fill{border-radius:10px;height:100%}.expense-list{flex-direction:column;gap:18px;display:flex}.expense-day-header{color:var(--text-light);text-transform:capitalize;justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.expense-item{background:var(--surface);border-radius:14px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 12px;display:flex;box-shadow:0 2px 8px #3c32820f}.expense-item .emoji{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.expense-item-body{text-align:left;flex-direction:column;flex:1;display:flex}.expense-item-title{font-size:14px;font-weight:600}.expense-item-sub{color:var(--text-light);font-size:12px}.expense-item-amount{font-size:14px;font-weight:700}.btn-delete{color:var(--text-light);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:14px}.btn-delete:hover{color:var(--danger)}.comparator-notice{text-align:left;background:#fff4e5;border:1px solid #ffe0b2;border-radius:14px;margin-bottom:16px;padding:12px 14px;font-size:13px}.comparator-notice strong{color:#b26a00;margin-bottom:4px;display:block}.comparator-notice p{color:#8a6d3b;margin:0}.comparator-search{border:1px solid var(--border);border-radius:14px;width:100%;margin-bottom:16px;padding:12px 14px;font-size:14px}.comparator-list{flex-direction:column;gap:12px;display:flex}.comparator-card{background:var(--surface);text-align:left;border-radius:16px;padding:14px;box-shadow:0 2px 10px #3c328214}.comparator-card-header{justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:14px;font-weight:600;display:flex}.best-price{color:var(--accent-mint);font-size:12px;font-weight:700}.comparator-stores{flex-direction:column;gap:6px;display:flex}.comparator-store{background:#faf5fa;border-radius:10px;justify-content:space-between;padding:6px 10px;font-size:13px;display:flex}.comparator-store.best{background:#6fd6c126;font-weight:700}.settings-form{align-items:center;gap:10px;margin-bottom:12px;display:flex}.btn-secondary{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;padding:10px 16px;font-size:14px}.btn-secondary.danger{color:var(--danger);border-color:var(--danger)}.expense-form{flex-direction:column;gap:16px;display:flex}.amount-label span{color:var(--text-light);margin-bottom:6px;font-size:13px;display:block}.amount-input{border:2px solid var(--border);border-radius:14px;align-items:center;gap:4px;padding:10px 14px;font-size:22px;font-weight:700;display:flex}.amount-input input{width:100%;color:var(--text);border:none;outline:none;font-size:22px;font-weight:700}.category-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.category-chip{border:2px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:8px;padding:10px;font-size:13px;display:flex}.category-chip .emoji{font-size:18px}.category-chip.active{border-color:var(--chip-color);background:color-mix(in srgb, var(--chip-color) 15%, white);font-weight:700}.field span{color:var(--text-light);margin-bottom:6px;font-size:13px;display:block}.field input{border:2px solid var(--border);border-radius:12px;width:100%;padding:10px 14px;font-size:14px}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;border:none;border-radius:999px;padding:14px;font-size:16px;font-weight:700}.modal-overlay{z-index:20;background:#2c223366;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:24px 24px 0 0;width:100%;max-width:480px;max-height:85vh;padding:20px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-header h2{margin:0;font-size:18px}.btn-close{background:var(--border);cursor:pointer;border:none;border-radius:50%;width:32px;height:32px;font-size:14px}.bottom-nav{bottom:max(16px, env(safe-area-inset-bottom));background:var(--surface);z-index:5;border-radius:24px;justify-content:space-around;align-items:center;width:calc(100% - 32px);max-width:448px;padding:10px 6px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #322a6e40}.nav-item{color:var(--text-light);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:4px 6px;font-size:11px;display:flex}.nav-item.active{color:var(--primary-dark);font-weight:700}.nav-icon{border-radius:12px;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;display:flex}.nav-item.active .nav-icon{background:color-mix(in srgb, var(--primary) 16%, white)}.nav-add{background:linear-gradient(135deg, var(--accent-yellow), #f4b93d);color:#6b4a00;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:52px;height:52px;font-size:26px;font-weight:700;line-height:1;transform:translateY(-14px);box-shadow:0 6px 14px #f4b93d80}.calendar-card{background:var(--surface);border-radius:18px;padding:16px;box-shadow:0 2px 10px #3c328214}.calendar-header{text-transform:capitalize;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.calendar-nav{background:var(--bg);cursor:pointer;width:30px;height:30px;color:var(--primary-dark);border:none;border-radius:50%;font-size:16px}.calendar-weekdays{color:var(--text-light);grid-template-columns:repeat(7,1fr);margin-bottom:6px;font-size:11px;display:grid}.calendar-grid{grid-template-columns:repeat(7,1fr);row-gap:6px;display:grid}.calendar-day{border-radius:50%;justify-content:center;align-items:center;height:32px;font-size:12px;display:flex;position:relative}.calendar-day.today{background:var(--primary);color:#fff;font-weight:700}.calendar-dot{background:var(--accent-pink);border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px}.calendar-day.today .calendar-dot{background:#fff}.reminder-list{flex-direction:column;gap:8px;display:flex}.reminder-item{background:var(--surface);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;display:flex;box-shadow:0 2px 8px #3c32820f}.reminder-emoji{background:#fff4e5;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.checkbox-field{color:var(--text);align-items:center;gap:8px;font-size:13px;display:flex}