body {font-family: monospace; background: #f4f4f4; margin: 2em; color: #333;}
.login-box {background: white; padding: 2em; border-radius: 10px; text-align: center;}
.login-box input {display: block; margin: 1em auto; padding: 0.5em; width: 80%;}
.login-box button {padding: 0.5em 2em;}
.logo {width: 80px; margin-bottom: 1em;}
.interface {display: none;} .interface.active {display: block;}
.terminal {background-color: black; color: lime; padding: 1em;}
.terminal input {background-color: #111; color: lime; border: none; padding: 0.5em; width: 100%;}
#result-terminal {background-color: #111; padding: 1em;}
.moderne {background-color: white; padding: 1em; border: 1px solid #ccc;}
.moderne input, .moderne button {padding: 0.5em; font-size: 1em;}
.moderne table {width: 100%; border-collapse: collapse; margin-top: 1em;}
.moderne th, .moderne td {border: 1px solid #ccc; padding: 0.5em;}