:root{--bg-dark: #0f172a;--bg-card: #1e293b;--bg-card-hover: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--border-color: #334155;--border-light: rgba(255, 255, 255, .1);--success: #10b981;--success-hover: #059669;--success-bg: rgba(16, 185, 129, .15);--danger: #ef4444;--danger-hover: #dc2626;--danger-bg: rgba(239, 68, 68, .15);--accent: #3b82f6;--accent-hover: #2563eb}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-right{text-align:right}.app-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:260px;background-color:var(--bg-card);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:24px 0;z-index:10}.logo{padding:0 24px 32px}.logo h2{font-size:1.5rem;font-weight:700;letter-spacing:-.5px}.logo span{color:var(--accent)}nav{display:flex;flex-direction:column;gap:8px;padding:0 16px}.nav-item{background:transparent;border:none;color:var(--text-secondary);padding:12px 16px;text-align:left;font-size:1rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:12px}.nav-item:hover{background-color:var(--bg-card-hover);color:var(--text-primary)}.nav-item.active{background-color:#3b82f61a;color:var(--accent)}.content-area{flex:1;overflow-y:auto;padding:40px;background:radial-gradient(circle at top right,#1e293b,#0f172a)}.view{display:none;animation:fadeIn .4s ease-out;max-width:1200px;margin:0 auto}.view.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.view-header{margin-bottom:32px;display:flex;justify-content:space-between;align-items:flex-end}.view-header h1{font-size:2.25rem;font-weight:700;letter-spacing:-1px;line-height:1.2}.subtitle{color:var(--text-secondary);font-size:1rem;margin-top:4px}.balance-card{background:linear-gradient(135deg,#1e293bcc,#0f172ae6);border:1px solid var(--border-light);border-radius:20px;padding:40px;text-align:center;margin-bottom:40px;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0000001a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .3s ease}.balance-card:hover{transform:translateY(-2px)}.balance-card h3{color:var(--text-secondary);font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:1.5px;font-size:.875rem}.balance-card h1{font-size:4rem;font-weight:800;letter-spacing:-1.5px;color:var(--text-primary)}.forms-container{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.form-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:32px;box-shadow:0 4px 6px -1px #0003}.form-card h2{margin-bottom:24px;font-size:1.5rem;font-weight:600;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.form-card.income h2{color:var(--success)}.form-card.expense h2{color:var(--danger)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select{width:100%;padding:12px 16px;background-color:#0f172a80;border:1px solid var(--border-color);color:var(--text-primary);border-radius:10px;font-family:inherit;font-size:1rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f633}.form-group input::placeholder{color:var(--text-secondary);opacity:.5}input[type=date],input[type=month]{color-scheme:dark}.btn{width:100%;padding:14px;border:none;border-radius:10px;font-family:inherit;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:12px;box-shadow:0 4px 6px -1px #0003}.btn:active{transform:scale(.98)}.btn-success{background-color:var(--success);color:#fff}.btn-success:hover{background-color:var(--success-hover);box-shadow:0 4px 12px #10b9814d}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{background-color:var(--danger-hover);box-shadow:0 4px 12px #ef44444d}.table-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0003}.history-table{width:100%;border-collapse:collapse;text-align:left}.history-table th,.history-table td{padding:18px 24px;border-bottom:1px solid var(--border-color)}.history-table th{background-color:#0f172a80;color:var(--text-secondary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:1px}.history-table tr{transition:background-color .2s}.history-table tr:hover{background-color:#ffffff08}.history-table tr:last-child td{border-bottom:none}.type-badge{padding:6px 14px;border-radius:9999px;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.type-income{background-color:var(--success-bg);color:var(--success)}.type-expense{background-color:var(--danger-bg);color:var(--danger)}.delete-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:color .2s;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;margin:0 auto}.delete-btn:hover{color:var(--danger);background-color:var(--danger-bg)}.month-selector{display:flex;align-items:center;gap:16px;background-color:var(--bg-card);padding:12px 20px;border-radius:12px;border:1px solid var(--border-color)}.month-selector label{color:var(--text-primary);font-size:.95rem}.month-selector input{background-color:#0f172a80;border:1px solid var(--border-color);color:var(--text-primary);padding:8px 16px;border-radius:8px;font-family:inherit;font-size:1rem;cursor:pointer}.month-selector input:focus{outline:none;border-color:var(--accent)}.statement-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.summary-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:20px;padding:32px;text-align:center;box-shadow:0 4px 6px -1px #0003}.summary-card.statement-profit-card{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:var(--border-light)}.summary-card h3{color:var(--text-secondary);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.summary-card h2{font-size:3rem;font-weight:800;letter-spacing:-1px}.empty-state{text-align:center;padding:64px 24px;color:var(--text-secondary);font-size:1.1rem;font-weight:500}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748b}@media (max-width: 1024px){.forms-container,.statement-summary{grid-template-columns:1fr}}@media (max-width: 768px){.app-container{flex-direction:column}.sidebar{width:100%;flex-direction:row;padding:16px;border-right:none;border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;background:var(--bg-card)}.logo{padding:0}.logo h2{font-size:1.2rem}nav{flex-direction:row;padding:0;gap:4px}.nav-item{padding:8px 12px;font-size:.85rem}.nav-item svg{display:none}.content-area{padding:20px 16px}.view-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:24px}.view-header h1{font-size:1.75rem}.balance-card h1{font-size:2.5rem}.balance-card{padding:24px 16px;margin-bottom:24px}.form-card{padding:24px 16px}.table-container{overflow-x:auto;border-radius:12px}.history-table th,.history-table td{padding:12px 16px;font-size:.85rem;white-space:nowrap}.month-selector{width:100%;justify-content:space-between}.summary-card p{font-size:1.5rem}}@media (max-width: 480px){nav{width:100%;justify-content:space-between;margin-top:12px}.sidebar{flex-direction:column;align-items:flex-start}}