@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";.expenses-table-container{overflow-x:auto;width:100%}.expenses-table{width:100%;min-width:600px;border-collapse:collapse;table-layout:auto}.expenses-header-row{color:var(--color-text-muted);font-size:10px;text-transform:uppercase;border-bottom:1px solid var(--color-border)}.expenses-header-cell{text-align:left;padding:8px 0}.expenses-header-cell.right{text-align:right;padding-right:12px}.expenses-header-cell.center{text-align:center}.expense-row{border-bottom:1px solid rgba(255,255,255,.03);transition:background-color .2s ease}.expense-row:hover{background-color:#ffffff05}.expense-row:focus-within{background-color:#ffffff0a}.expense-cell{padding:12px 0;vertical-align:middle}.expense-input{background:transparent;border:1px solid transparent;color:inherit;font-weight:500;width:100%;padding:4px;border-radius:4px;transition:all .2s}.expense-input:hover{background:#ffffff08}.expense-input:focus{background:var(--color-bg-surface);border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px var(--color-primary-glow)}.expense-input.amount{font-weight:600;width:80px;text-align:right;padding-right:0}.category-select{font-size:10px;text-transform:uppercase;font-weight:700;text-align:center;border-radius:12px;padding:2px 8px;appearance:none;cursor:pointer;transition:all .2s}.category-select:hover{filter:brightness(1.2);transform:scale(1.05)}.category-select option{background:#1a1a1a;color:var(--color-text-main);padding:8px}.btn-delete{background:#ff00001a;color:#f44;border:1px solid #ff4444;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700;opacity:.7;transition:all .2s}.btn-delete:hover{opacity:1;background:#f003;box-shadow:0 0 8px #f003}.summary-table th{border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:11px;text-transform:uppercase;padding:8px 0}.summary-row{border-bottom:1px solid rgba(255,255,255,.05)}.summary-value{text-align:right;font-weight:600;font-size:15px}.add-expense-form{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md);padding:var(--space-sm);background:#ffffff08;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.05)}.add-expense-input{padding:8px;background:#0003;border:1px solid var(--color-border);border-radius:4px;color:#fff}.add-expense-input:focus{border-color:var(--color-primary);background:#0006;box-shadow:0 0 0 2px var(--color-primary-glow)}@media(max-width:768px){.expense-cell{padding:8px 4px}.expense-input{font-size:13px}.expense-input.amount{width:70px}.summary-value{font-size:14px}.category-select{font-size:9px;padding:2px 4px}}:root{--hue-primary: 160;--hue-secondary: 45;--hue-danger: 0;--hue-success: 150;--color-primary: hsl(var(--hue-primary), 60%, 45%);--color-primary-glow: hsl(var(--hue-primary), 60%, 45%, .3);--color-secondary: hsl(var(--hue-secondary), 80%, 60%);--color-bg-app: hsl(220, 20%, 10%);--color-bg-surface: hsl(220, 20%, 14%);--color-bg-surface-glass: hsla(220, 20%, 14%, .7);--color-text-main: hsl(220, 10%, 95%);--color-text-muted: hsl(220, 10%, 65%);--color-border: hsl(220, 20%, 20%);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--font-main: "Outfit", sans-serif;--text-xs: 13px;--text-sm: 15px;--text-base: 17px;--text-lg: 20px;--text-xl: 26px;--text-2xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 24px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .2);--shadow-glow: 0 0 20px var(--color-primary-glow)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg-app);color:var(--color-text-main);line-height:1.6;-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;font-family:inherit}input,select{font-family:inherit;background-color:var(--color-bg-surface);border:1px solid var(--color-border);color:var(--color-text-main);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);outline:none;transition:border-color .2s}input:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-glow)}@media(max-width:768px){:root{--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--text-xl: 1.25rem;--text-2xl: 1.5rem}input,select{font-size:16px}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.container{max-width:1200px;margin:0 auto;padding:var(--space-md)}.glass-panel{background:var(--color-bg-surface-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-muted{color:var(--color-text-muted)}.btn{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);font-weight:500;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--color-primary),hsl(160,50%,35%));color:#fff;box-shadow:0 4px 12px #0096644d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #00966466}.grid-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-md)}@media(max-width:600px){.grid-dashboard{grid-template-columns:1fr}.container{padding:var(--space-sm)}.flex-between{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.flex-between.no-stack{flex-direction:row;align-items:center}.overflow-x-auto{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}}