:root{--bg:#fff;--bg-element:#f2f2f7;--border:#e5e5ea;--card-bg:#fff;--text-primary:#000;--text-secondary:#636366;--accent:#000;--cash-green:#000;--cash-red:#8e8e93;--shadow:none;--border-radius:8px;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-family:var(--font-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-tap-highlight-color:transparent}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#000;--bg-element:#1c1c1e;--border:#2c2c2e;--card-bg:#0d0d0f;--text-primary:#fff;--text-secondary:#8e8e93;--accent:#fff;--cash-green:#fff;--cash-red:#8e8e93}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;line-height:1.6;overflow-x:hidden}#root{background-color:var(--bg);border-left:1px solid var(--border);border-right:1px solid var(--border);flex-direction:column;width:100%;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative}@media (width<=480px){#root{border-left:none;border-right:none}}header{border-bottom:1px solid var(--border);background-color:var(--bg);z-index:10;justify-content:space-between;align-items:center;padding:24px 20px;display:flex;position:sticky;top:0}h1,h2,h3,h4{font-family:var(--font-sans);letter-spacing:-.5px;color:var(--text-primary);text-transform:uppercase;font-weight:700}.amount{font-family:var(--font-mono);font-weight:600}button{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--border);cursor:pointer;background-color:var(--card-bg);color:var(--text-primary);border-radius:var(--border-radius);outline:none;justify-content:center;align-items:center;padding:10px 20px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}button:hover:not(:disabled){background-color:var(--bg-element);border-color:var(--text-primary)}button:active:not(:disabled){transform:scale(.97)}.btn-primary{background-color:var(--text-primary);color:var(--bg);border-color:var(--text-primary)}.btn-primary:hover:not(:disabled){background-color:var(--text-secondary);border-color:var(--text-secondary)}.btn-primary:disabled{background-color:var(--bg-element);border-color:var(--border);color:var(--text-secondary);opacity:.5;cursor:not-allowed}.btn-secondary{background-color:var(--card-bg);border-color:var(--border);color:var(--text-primary)}input,select{font-family:var(--font-sans);border-radius:var(--border-radius);border:1px solid var(--border);background-color:var(--card-bg);color:var(--text-primary);outline:none;width:100%;padding:12px 14px;font-size:14px;font-weight:500;transition:border-color .15s}input:focus,select:focus{border-color:var(--text-primary)}.envelope-card{background-color:var(--card-bg);border-radius:var(--border-radius);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;transition:all .2s;display:flex;position:relative;overflow:hidden}.envelope-card:hover{border-color:var(--text-primary)}.envelope-card:active{transform:scale(.98)}.envelope-body{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex}.envelope-header{justify-content:space-between;align-items:center;display:flex}.envelope-name{text-transform:uppercase;letter-spacing:.5px;font-size:15px;font-weight:700}.envelope-balance{font-size:18px;font-weight:600;font-family:var(--font-mono)}.progress-bar-container{background-color:var(--bg-element);border-radius:1.5px;width:100%;height:3px;overflow:hidden}.progress-bar{background-color:var(--text-primary);border-radius:1.5px;height:100%;transition:width .3s}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background-color:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg);border-top:1px solid var(--border);border-top-left-radius:16px;border-top-right-radius:16px;flex-direction:column;width:100%;max-width:480px;max-height:85vh;animation:.25s cubic-bezier(.25,1,.5,1) slideUp;display:flex;overflow:hidden;box-shadow:0 -10px 30px #0000000d}.modal-header{border-bottom:1px solid var(--border);background-color:var(--card-bg);justify-content:space-between;align-items:center;padding:20px;display:flex}.modal-title{text-transform:uppercase;letter-spacing:.5px;font-size:15px;font-weight:700}.modal-body{flex-direction:column;flex:1;gap:20px;padding:24px 20px;display:flex;overflow-y:auto}.summary-panel{border:1px solid var(--border);text-align:center;border-radius:var(--border-radius);background-color:var(--card-bg);padding:20px}input[type=range]{appearance:none;background:var(--bg-element);border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--text-primary);border:1px solid var(--border);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .1s;box-shadow:0 1px 4px #0000001a}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.15)}.transaction-list{flex-direction:column;gap:10px;display:flex}.transaction-item{background-color:var(--card-bg);border:1px solid var(--border);border-radius:var(--border-radius);justify-content:space-between;align-items:center;padding:14px 16px;transition:border-color .15s;display:flex}.transaction-item:hover{border-color:var(--text-primary)}.transaction-desc{text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:700}.transaction-date{color:var(--text-secondary);font-size:11px;font-family:var(--font-mono)}.color-picker{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.swatch-btn{border-radius:var(--border-radius);border:1px solid var(--border);cursor:pointer;height:40px;transition:transform .15s}.swatch-btn.selected{border-color:var(--text-primary);box-shadow:0 0 0 1.5px var(--text-primary)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}