* {margin:0;padding:0;box-sizing:border-box;font-family:'Space Grotesk',sans-serif;color:#fff;}
body {
	background: linear-gradient(135deg, #0a0f1c 0%, #181a3a 60%, #2a174e 100%);
	display:flex;justify-content:center;align-items:center;min-height:100vh;
}
.container {
	background:rgba(18,24,48,0.98);
	border-radius:20px;
	padding:40px;
	width:100%;
	max-width:1400px;
	box-shadow:0 10px 30px #000a;
}
.app-logo {width:120px;height:120px;border-radius:20%;margin-bottom:0;display:block;}
h1 {font-size:2.5em;text-align:center;margin-bottom:30px;color:#fff;}
.navigation {display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:160px;}
	.nav-item {
		padding:10px 18px;
		font-size:1.08em;
		color:#a0b8e6;
		cursor:pointer;
		border-radius:10px;
		background:none;
		font-family:'Space Grotesk',sans-serif;
		text-align:left;
		display:block;
		transition:background 0.25s, color 0.25s, box-shadow 0.25s, transform 0.18s;
		margin-bottom:2px;
		border:2px solid transparent;
	}
	.nav-item.active {
		color:#fff;
		font-weight:bold;
		background:linear-gradient(90deg,#2a174e 0%, #23395d 100%);
		box-shadow:0 2px 12px #2a174e44;
		border:2px solid #2ed57344;
		transform:scale(1.04);
	}
	.nav-item:hover {
	color:#fff;
	background:linear-gradient(90deg,#7c3aed 0%, #6d28d9 100%);
	box-shadow:0 2px 16px #7c3aed44,0 0 8px #6d28d944;
	border:2px solid #7c3aed;
		transform:scale(1.07);
	}
.content-area {background:#1b2a49;border-radius:16px;padding:20px;}
.tab-content {display:none;}
.tab-content.active {display:block;}
.card {background:#23395d;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px #0003;}
.table {width:100%;border-collapse:collapse;margin:10px 0;}
.table th,.table td {border:1px solid #2a3a5e;padding:8px;text-align:center;}
.table th {background:#23395d;}
.table-total {background:#23395d;font-weight:bold;}
.table-final {background:#1b2a49;font-weight:bold;}
.positive {color:#2ed573;}
.negative {color:#ff4757;}
	.edit-btn {
		background:linear-gradient(90deg,#2a174e 0%, #23395d 100%);
		color:#a0b8e6;
		border:none;
		border-radius:10px;
		padding:8px 22px;
		margin-left:10px;
		font-size:1.08em;
		cursor:pointer;
		font-family:'Space Grotesk',sans-serif;
		font-weight:500;
		letter-spacing:0.5px;
		box-shadow:0 2px 8px #2a174e44;
		transition:background 0.25s, color 0.25s, box-shadow 0.25s, transform 0.18s;
		outline:none;
		border:2px solid #2ed57344;
	}
	.edit-btn:hover {
	background:linear-gradient(90deg,#7c3aed 0%, #6d28d9 100%);
	color:#fff;
	box-shadow:0 0 16px #7c3aed99,0 0 8px #6d28d944;
	border:2px solid #7c3aed;
		transform:scale(1.08);
	}
@media(max-width:700px){.container{padding:10px;}.navigation{flex-direction:column;gap:10px;}.content-area{padding:8px;}}