*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1a1a2e;--bg-card: #25253e;--bg-input: #2d2d4a;--text: #e8e8f0;--text-dim: #8888a8;--green: #4ade80;--red: #f87171;--accent: #818cf8;--radius: 12px;--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior:none;height:100%}#root{min-height:100%;display:flex;flex-direction:column}.loading{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--text-dim);font-size:18px}.app{display:flex;flex-direction:column;min-height:100vh;padding-top:var(--safe-top)}.screen{flex:1;padding:20px 16px;padding-bottom:calc(80px + var(--safe-bottom));overflow-y:auto;-webkit-overflow-scrolling:touch}.tab-bar{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--bg-card);border-top:1px solid rgba(255,255,255,.06);padding-bottom:var(--safe-bottom);z-index:100}.tab-bar button{flex:1;background:none;border:none;color:var(--text-dim);font-size:14px;padding:14px 0;cursor:pointer;font-weight:500;transition:color .15s}.tab-bar button.active{color:var(--accent)}.login-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:24px}.login-screen h1{font-size:28px;margin-bottom:4px}.login-screen .subtitle{color:var(--text-dim);margin-bottom:32px}.login-screen form{width:100%;max-width:340px;display:flex;flex-direction:column;gap:12px}input[type=text],input[type=password],input[type=number],input[type=date]{background:var(--bg-input);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);color:var(--text);padding:14px 16px;font-size:16px;width:100%;outline:none;transition:border-color .15s;-webkit-appearance:none}input:focus{border-color:var(--accent)}label{font-size:13px;color:var(--text-dim);margin-top:8px;margin-bottom:2px;display:block}.setup-screen form,.settings{display:flex;flex-direction:column;gap:4px}.setup-screen h1,.setup-screen h2,.settings h2,.settings h3{margin-top:16px;margin-bottom:8px}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:var(--radius);padding:16px;font-size:17px;font-weight:600;cursor:pointer;margin-top:16px;min-height:52px;transition:opacity .15s}.btn-primary:disabled{opacity:.5}.btn-primary:active{opacity:.8}.btn-add{background:var(--green);color:#1a1a2e;border:none;border-radius:var(--radius);padding:14px 32px;font-size:17px;font-weight:700;cursor:pointer;min-height:52px;min-width:90px;transition:opacity .15s}.btn-add:disabled{opacity:.4}.btn-add:active{opacity:.8}.btn-secondary{background:var(--bg-input);color:var(--text);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);padding:14px;font-size:15px;cursor:pointer;min-height:48px}.btn-danger{background:var(--red);color:#fff;border:none;border-radius:var(--radius);padding:14px;font-size:15px;font-weight:600;cursor:pointer;min-height:48px}.btn-sm{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:14px;cursor:pointer;min-height:36px}.btn-cancel{background:var(--bg-input)}.danger-zone{margin-top:32px;display:flex;flex-direction:column;gap:12px}.error{color:var(--red);font-size:14px}.summary-widgets{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:8px}.widget{background:var(--bg-card);border-radius:var(--radius);padding:14px 10px;text-align:center;display:flex;flex-direction:column;gap:4px}.widget-value{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.widget-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}.widget.under .widget-value{color:var(--green)}.widget.over .widget-value{color:var(--red)}.remaining{grid-column:1 / -1;background:var(--bg-card);border-radius:var(--radius);padding:12px;text-align:center;display:flex;flex-direction:column;gap:2px}.remaining-value{font-size:24px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.remaining-label{font-size:12px;color:var(--text-dim)}.expense-input{background:var(--bg-card);border-radius:var(--radius);padding:16px;margin-bottom:16px;display:flex;flex-direction:column;gap:10px}.input-row{display:flex;gap:8px;align-items:center}.amount-field{flex:1;font-size:28px!important;font-weight:700;padding:12px 16px!important;text-align:center}.currency-toggle{display:flex;flex-direction:column;gap:4px}.currency-toggle button{background:var(--bg-input);border:1px solid rgba(255,255,255,.08);color:var(--text-dim);border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;cursor:pointer;min-height:32px;min-width:48px;transition:all .15s}.currency-toggle button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.nzd-preview{text-align:center;color:var(--green);font-size:15px;font-weight:500;min-height:22px}.label-field{font-size:15px!important}.bottom-row{display:flex;gap:8px}.date-field{flex:1}.section-header{font-size:13px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding:0 4px}.expense-list{list-style:none;display:flex;flex-direction:column;gap:2px}.expense-item{background:var(--bg-card);border-radius:10px;overflow:hidden;position:relative}.expense-main{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer;min-height:52px}.expense-label{font-size:15px;flex:1;margin-right:12px}.expense-amounts{text-align:right;display:flex;flex-direction:column;gap:2px}.expense-foreign{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.expense-nzd{font-size:12px;color:var(--text-dim);font-variant-numeric:tabular-nums}.expense-item.swiped .expense-main{transform:translate(-80px);transition:transform .2s}.btn-delete{position:absolute;right:0;top:0;bottom:0;width:80px;background:var(--red);color:#fff;border:none;font-size:14px;font-weight:600;cursor:pointer}.edit-row{display:flex;gap:6px;padding:10px;flex-wrap:wrap}.edit-row input{flex:1;min-width:80px;padding:8px 10px!important;font-size:14px!important}.empty{text-align:center;color:var(--text-dim);padding:24px;font-size:15px}.history h2,.day-group{margin-bottom:16px}.day-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:10px 10px 0 0;font-weight:600;font-size:14px}.day-header.under{background:#4ade801f;color:var(--green)}.day-header.over{background:#f871711f;color:var(--red)}.day-date{font-size:14px}.day-total{font-variant-numeric:tabular-nums}@media (min-width: 480px){.screen{padding:24px;padding-bottom:calc(80px + var(--safe-bottom));max-width:480px;margin:0 auto}}