:root{--color-bg: #0f0f0f;--color-surface: #1a1a1a;--color-surface2: #222222;--color-border: #2e2e2e;--color-gold: #f0c060;--color-sky: #60c0f0;--color-mint: #90e0a0;--color-danger: #f07060;--color-dim: #888888;--color-text: #e8e8e0;--font-family-mono: "JetBrains Mono", monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.25rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-family-mono);font-size:13px;line-height:1.6;min-height:100vh;margin:0;padding:0}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1.1rem 1.25rem}.stat-card{background:var(--color-surface);border:1px solid;border-radius:8px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:4px}.label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--color-dim)}.stat-label{font-size:9px;letter-spacing:.12em;text-transform:uppercase;opacity:.75}.stat-val{font-size:1.1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input{background:var(--color-surface2);border:1px solid var(--color-border);border-radius:5px;padding:.5rem .75rem;color:#e8e8e0;font-family:JetBrains Mono,monospace;font-size:12px;outline:none;width:100%;transition:border-color .15s}.input::placeholder{color:var(--color-dim)}.input:focus{border-color:var(--color-gold)}.input[type=number]::-webkit-outer-spin-button,.input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.input[type=number]{-moz-appearance:textfield}.btn{background:var(--color-gold);color:#0f0f0f;border:none;border-radius:5px;padding:.5rem 1rem;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;cursor:pointer;transition:opacity .15s}.btn:hover{opacity:.85}.btn-outline{background:transparent;color:var(--color-dim);border:1px solid var(--color-border);border-radius:5px;padding:.3rem .75rem;font-family:JetBrains Mono,monospace;font-size:11px;cursor:pointer;transition:border-color .15s,color .15s}.btn-outline:hover{border-color:var(--color-gold);color:var(--color-gold)}.select{background:var(--color-surface2);border:1px solid var(--color-border);border-radius:5px;color:var(--color-dim);padding:.3rem 1.4rem .3rem .5rem;font-family:JetBrains Mono,monospace;font-size:11px;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;background-size:8px;transition:border-color .15s}.select:focus{border-color:var(--color-gold)}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.grid{display:grid}.grid-cols-1{grid-template-columns:1fr}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.items-center.justify-center{display:flex;align-items:center;justify-content:center}.text-center{text-align:center}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.w-28{width:7rem}.w-full{width:100%}.max-w-4xl{max-width:56rem}.h-12{height:3rem}.min-h-screen{min-height:100vh}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.font-semibold{font-weight:600}.font-mono{font-family:var(--font-family-mono)}.text-white{color:#fff}.tracking-widest{letter-spacing:.1em}.uppercase{text-transform:uppercase}.text-gold{color:var(--color-gold)}.text-sky{color:var(--color-sky)}.text-mint{color:var(--color-mint)}.text-danger{color:var(--color-danger)}.text-dim{color:var(--color-dim)}.border-sky\/30{border-color:#60c0f04d}.border-danger\/30{border-color:#f070604d}.border-mint\/30{border-color:#90e0a04d}.bg-danger\/5{background-color:#f070600d}.border-b{border-bottom:1px solid var(--color-border)}.border{border:1px solid var(--color-border)}.rounded{border-radius:.25rem}.sticky{position:sticky}.top-0{top:0}.z-50{z-index:50}.bg-bg{background-color:var(--color-bg)}.border-border{border-color:var(--color-border)}.hidden{display:none}.header{position:sticky;top:0;z-index:50;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:3rem}.header-brand{color:var(--color-gold);font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.header-actions{display:flex;align-items:center;gap:.75rem}.main{max-width:56rem;margin:0 auto;padding:2rem 1rem;display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.main{grid-template-columns:1fr 1fr}}.column{display:flex;flex-direction:column;gap:1.25rem}.column.full{flex:1}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.expense-list{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.column-full{flex:1}.expense-inputs{display:flex;gap:.5rem}.expense-inputs .input:first-child{flex:1}.expense-inputs .input:last-child{width:7rem}.chart-container{display:flex;align-items:center;justify-content:center;min-height:240px}.progress-header{display:flex;justify-content:space-between;font-size:.75rem;color:var(--color-dim);margin-bottom:.5rem}.expense-item{display:flex;align-items:center;justify-content:space-between;background:var(--color-surface2);border:1px solid var(--color-border);border-radius:5px;padding:.5rem .75rem;font-size:12px;animation:slide-in .15s ease}.expense-item .exp-name{color:#e8e8e0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:8px}.expense-item .exp-amount{color:var(--color-danger);font-weight:600;white-space:nowrap;margin-right:10px}.expense-item .del-btn{background:none;border:none;color:var(--color-dim);cursor:pointer;font-size:13px;padding:0 2px;line-height:1;transition:color .15s;flex-shrink:0}.expense-item .del-btn:hover{color:var(--color-danger)}.progress-track{background:var(--color-surface2);border:1px solid var(--color-border);border-radius:99px;height:6px;overflow:hidden}.progress-fill{height:100%;border-radius:99px;background:var(--color-mint);transition:width .35s ease,background .35s ease}.progress-fill.warn{background:var(--color-gold)}.progress-fill.over{background:var(--color-danger)}@keyframes slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}