:root {
--green: #00ff66;
--purple: #6a00ff;
--bg: #0b0b12;
}


body {
font-family: 'Segoe UI', sans-serif;
background: var(--bg);
color: #fff;
margin: 0;
}


header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px;
background: linear-gradient(90deg, var(--green), var(--purple));
}


header h1 { margin: 0; }


.container {
padding: 20px;
}


form, table {
background: rgba(255,255,255,0.05);
padding: 15px;
border-radius: 10px;
}


button {
background: var(--green);
color: #000;
padding: 10px 15px;
border: none;
border-radius: 8px;
cursor: pointer;
transition: 0.3s;
}
button:hover { background: var(--purple); color: #fff; }