*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.container{background:#fff;border-radius:20px;max-width:1200px;margin:0 auto;overflow:hidden;box-shadow:0 20px 60px #00000040}.header{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:30px}.header h1{margin-bottom:10px;font-size:2rem}.header-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px;display:flex}.btn-header{color:#fff;cursor:pointer;background:#fff3;border:2px solid #fff;border-radius:8px;align-items:center;gap:5px;padding:10px 20px;font-size:.9rem;transition:all .3s;display:flex}.btn-header:hover{color:#667eea;background:#fff}.tabs{background:#f8f9fa;border-bottom:2px solid #e0e0e0;display:flex}.tab-content{padding:30px;animation:.3s fadeIn;display:none}.tab-content.active{display:block}.tab{text-align:center;cursor:pointer;border-bottom:3px solid #0000;flex:1;padding:15px;font-weight:500;transition:all .3s}.tab:hover{background:#e9ecef}.tab.active{color:#667eea;background:#fff;border-bottom:3px solid #667eea}.section{background:#f8f9fa;border-radius:10px;margin:30px;padding:20px}.section h2{color:#667eea;margin-bottom:15px;font-size:1.3rem}input,select{border:2px solid #e0e0e0;border-radius:8px;width:100%;margin-bottom:15px;padding:12px;font-size:1rem;transition:all .3s}input:focus,select:focus{border-color:#667eea;outline:none}button{font-family:inherit}.btn-add{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;width:100%;padding:12px 24px;font-size:1rem;transition:all .3s}.btn-add:hover{background:#5568d3}.expense-item{background:#fff;border-radius:8px;justify-content:space-between;align-items:center;margin-top:10px;padding:12px;display:flex;box-shadow:0 2px 5px #00000014}.category-badge{border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.expense-value{color:#e74c3c;font-size:1rem;font-weight:700}.btn-remove{color:#fff;cursor:pointer;background:#e74c3c;border:none;border-radius:6px;padding:6px 12px}.btn-remove:hover{background:#c0392b}.cat-moradia{color:#1976d2;background:#e3f2fd}.cat-alimentacao{color:#f57c00;background:#fff3e0}.cat-transporte{color:#7b1fa2;background:#f3e5f5}.cat-saude{color:#388e3c;background:#e8f5e9}.cat-educacao{color:#f57f17;background:#fff9c4}.cat-lazer{color:#c2185b;background:#fce4ec}.cat-vestuario{color:#00796b;background:#e0f2f1}.cat-outros{color:#5d4037;background:#efebe9}.summary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;margin:30px;padding:25px}.summary-item{justify-content:space-between;margin-bottom:15px;font-size:1.1rem;display:flex}.summary-item.total{border-top:2px solid #ffffff4d;margin-top:15px;padding-top:15px;font-size:1.5rem;font-weight:700}.positive{color:#2ecc71}.negative{color:#ff6b6b}.charts-container{grid-template-columns:1fr 1fr;gap:30px;margin:30px;display:grid}.chart-box{background:#f8f9fa;border-radius:10px;padding:20px}@media (max-width:768px){body{padding:10px}.charts-container{grid-template-columns:1fr}.tabs{flex-wrap:wrap}.tab{flex:50%}.section,.summary{margin:15px}}