/* --- GLOBAL & Y2K AESTHETIC --- */
body {
    background-color: #0d0d2e;
    background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"%3E%3Cg fill-rule="evenodd"%3E%3Cg fill="%23ff00ff" fill-opacity="0.1"%3E%3Cpath opacity=".5" d="M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h16v9h1v-9h9v9h1v-9h9v9h1v-9h9v9h1v-9h9v9h1v-9h9v9h1v-9h9v9h1v-9h9v9h1v-9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z"/%3E%3Cpath d="M6 5V0h1v5h9V0h1v5h9V0h1v5h9V0h1v5h9V0h1v5h9V0h1v5h9V0h1v5h9V0h1v5h9V0h1v6H0V5h6zm-1 5v-4h-1v4h-4v1h4v9h-4v1h4v9h-4v1h4v9h-4v1h4v9h-4v1h4v9h-4v1h4v9h-4v1h4v9h-4v1h4v9h-4v1h5v-9h1v9h9v-9h1v9h9v-9h1v9h9v-9h1v9h9v-9h1v9h9v-9h1v9h9v-9h1v9h9v-9h1v9h4v-1h-4v-9h-1v9h-9v-9h-1v9h-9v-9h-1v9h-9v-9h-1v9h-9v-9h-1v9h-9v-9h-1v9h-9v-9h-1v9h-9v-9h-1v9h-4v-1h4v-9H5v-1H0v-1h5zm1 3v-2h-1v2H0v-1h4v-9H0v-1h4v-9H0v-1h4v-9H0v-1h4v-9H0v-1h4v-9H0v-1h4v-9H0v-1h4v-9H0v-1h4v-9H0v-1h5v9h1v-9h9v9h1v-9h9v9h1v-9h9v9h1v-9h9v9h1v-9h9v9h1v-9h9v9h1v-9h9v9h1v-9h4v1h-4v9h-1v-9h-9v9h-1v-9h-9v9h-1v-9h-9v9h-1v-9h-9v9h-1v-9h-9v9h-1v-9h-9v9h-1v-9h-9v9H6v-9H5v9H0v-1h5v-2zm-1-2v-4h-1v4h-4v1h4v9h-4v1h4v9h-4v1h4v9h-4v1h4v9h-4v1h4v9h-4v1h4v9h-4v1h4v9h-4v1h5v-9h1v9h9v-9h1v9h9v-9h1v9h9v-9h1v9h9v-9h1v9h9v-9h1v9h9v-9h1v9h9v-9h1v9h4v-1h-4v-9h-1v9h-9v-9h-1v9h-9v-9h-1v9h-9v-9h-1v9h-9v-9h-1v9h-9v-9h-1v9h-9v-9h-1v9h-9v-9h-1v9H5v-9H0v-1h5v-4z"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
    color: #00ff00; /* Vert fluo */
    font-family: 'VT323', 'Courier New', monospace;
    font-size: 16px;
    cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAPFJREFUOE+tkssKwjAURff/b+UTjOIP4C5c+AEXc+FCFP1T3B2uUFxcuGs3Lty54GYRBEGxtDWTg92sSWpOd98zpx3w/0OAPH9ABh6AB3CAb2DMc1GjAfgA+0ADeAFVvJWOxAdwAPaAB3ACD/CAb2DMc0+jA9ABasBv0Jg9+xWgAfSAXwPgw034F4AGMAGGgD3gO2DMM3Bq/gTcgD2gA0P2aUADGAN2gDkwARbAP2DMc0XjAKTAb3DWY/a1QAYMgWegc2C9A/gT0HEYm0eAnwL+BvwRtkH/N+CnwF/Ab8A/gB/Av/A/AFL9gB9gAD4Bv5bQSi+U/kAAAAASUVORK5CYII='), auto;
}

.container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 90vh;
    padding: 20px;
}

.y2k-marquee {
    background-color: #ff00ff; /* Rose bonbon */
    color: #ffffff;
    font-family: 'Orbitron', sans-serif;
    font-size: 1.2rem;
    padding: 5px 0;
    font-weight: bold;
}

/* --- Windows 98 Style Window --- */
.y2k-window {
    background-color: #c0c0c0; /* Gris argent */
    border: 2px solid;
    border-top-color: #ffffff;
    border-left-color: #ffffff;
    border-right-color: #404040;
    border-bottom-color: #404040;
    box-shadow: 2px 2px 0 #000;
    width: 100%;
    max-width: 600px;
    backdrop-filter: blur(10px);
    background-color: rgba(192, 192, 192, 0.75); /* Glassmorphism */
}

.y2k-title-bar {
    background: linear-gradient(to right, #000080, #1084d0); /* Bleu électrique gradient */
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px;
    font-family: 'Orbitron', sans-serif;
}

.y2k-title-text {
    color: #ffffff;
    font-weight: bold;
}

.y2k-title-buttons {
    display: flex;
}

.y2k-title-buttons > div {
    width: 16px;
    height: 16px;
    background-color: #c0c0c0;
    border: 1px solid;
    border-top-color: #ffffff;
    border-left-color: #ffffff;
    border-right-color: #404040;
    border-bottom-color: #404040;
    margin-left: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.y2k-content {
    padding: 20px;
    color: #000000;
}

/* --- Form Elements --- */
.form-group {
    margin-bottom: 15px;
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    font-family: 'Orbitron', sans-serif;
    color: #000;
    text-shadow: 1px 1px 0px #00ff00;
}

.form-group input[type="text"],
.form-group input[type="password"],
.form-group textarea {
    width: 100%;
    padding: 8px;
    border: 2px inset #c0c0c0;
    background-color: #ffffff;
    font-family: 'VT323', monospace;
    font-size: 1.1rem;
    box-sizing: border-box;
}

/* --- Y2K Button --- */
.y2k-button {
    background-color: #c0c0c0;
    border: 2px solid;
    border-top-color: #fff;
    border-left-color: #fff;
    border-right-color: #404040;
    border-bottom-color: #404040;
    padding: 10px 20px;
    font-family: 'Orbitron', sans-serif;
    font-size: 1rem;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    color: #000;
}

.y2k-button:active {
    border-top-color: #404040;
    border-left-color: #404040;
    border-right-color: #fff;
    border-bottom-color: #fff;
}

.y2k-button.glow {
    box-shadow: 0 0 5px #00ff00, 0 0 10px #00ff00, 0 0 15px #00ff00;
    animation: glow-animation 1.5s infinite alternate;
}

@keyframes glow-animation {
    from {
        box-shadow: 0 0 5px #00ff00, 0 0 10px #00ff00, 0 0 15px #00ff00;
    }
    to {
        box-shadow: 0 0 20px #ff00ff, 0 0 30px #ff00ff, 0 0 40px #ff00ff;
    }
}

/* --- Response Message --- */
#response-message {
    margin-top: 15px;
    padding: 10px;
    text-align: center;
    font-weight: bold;
}

/* --- Admin Dashboard Specific --- */
.dashboard-container { max-width: 1200px; margin: 2rem auto; padding: 2rem; }
table { width: 100%; border-collapse: collapse; font-family: 'VT323', monospace; }
th, td { padding: 12px 15px; text-align: left; border-bottom: 2px solid #00FFFF; }
th { background-color: #ff00ff; color: #FFFFFF; font-family: 'Orbitron', sans-serif; }
tr { background-color: rgba(0, 255, 255, 0.05); }
tr:hover { background-color: rgba(255, 0, 255, 0.2); }

.delete-btn {
    background-color: #ff3b3b;
    border: 1px solid #ff0000;
    color: white;
    padding: 5px 10px;
    cursor: pointer;
    font-family: 'Orbitron', sans-serif;
}