body {
margin: 0;
font-family: Inter, Arial, sans-serif;
background: linear-gradient(135deg,#07111f,#0b2f3a,#062b22);
color: #fff;
}

.sidebar {
background: rgba(0,0,0,.35) !important;
backdrop-filter: blur(14px);
border-right: 1px solid rgba(0,255,170,.25);
}

.sidebar button,
.sidebar a {
width: 100%;
margin: 6px 0;
padding: 12px 14px;
border-radius: 12px;
border: 1px solid rgba(0,255,170,.25);
background: rgba(0,255,170,.08);
color: #eafff7 !important;
font-weight: 600;
transition: .2s;
}

.sidebar button:hover,
.sidebar a:hover {
background: rgba(0,255,170,.22);
transform: translateX(4px);
}

.dashboard-card,
.card,
.panel,
section {
background: rgba(255,255,255,.08) !important;
border: 1px solid rgba(255,255,255,.15) !important;
border-radius: 22px !important;
box-shadow: 0 20px 60px rgba(0,0,0,.25);
backdrop-filter: blur(18px);
}

h1,h2,h3 {
letter-spacing: -.5px;
}

table {
width: 100%;
border-collapse: collapse;
background: rgba(0,0,0,.25);
border-radius: 16px;
overflow: hidden;
}

th {
background: rgba(0,255,170,.18);
color: #7cffd4;
padding: 14px;
}

td {
padding: 12px;
border-bottom: 1px solid rgba(255,255,255,.08);
}

button {
border-radius: 10px !important;
border: 0;
padding: 10px 14px;
font-weight: 700;
}

button:first-letter {
text-transform: uppercase;
}

input, select, textarea {
background: rgba(0,0,0,.35) !important;
color: white !important;
border: 1px solid rgba(0,255,170,.25) !important;
border-radius: 12px !important;
padding: 12px !important;
}

.saas-kpis {
display: grid;
grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
gap: 16px;
margin: 20px 0;
}

.saas-kpi {
padding: 22px;
border-radius: 20px;
background: linear-gradient(135deg,rgba(0,255,170,.18),rgba(0,120,255,.12));
border: 1px solid rgba(0,255,170,.25);
}

.saas-kpi b {
display:block;
font-size: 32px;
margin-top: 8px;
color:#7cffd4;
}