body { font-family: Arial, sans-serif; margin: 20px; background-color: #1a1a2e; color: #e0e0f0; }
h1 { color: #82aaff; border-bottom: 2px solid #555; padding-bottom: 10px; }
.station-header {
    font-size: 1.5em;
    font-weight: bold;
    color: #ffcc00; 
    margin-top: 25px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #444;
}
.item-container { 
    margin-bottom: 10px; 
    padding: 12px; 
    border: 1px solid #444; 
    border-radius: 8px; 
    background-color: #2a2a4a;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.item-info { flex-grow: 1; }
.item-info label { display: block; font-weight: bold; font-size: 1.05em; color: #fff; }
.item-controls { display: flex; align-items: center; }
.item-controls input[type="number"] { 
    width: 40px; padding: 5px; text-align: center; border: 1px solid #666;
    border-radius: 4px; margin: 0 5px; background-color: #3e3e68; color: #fff;
}
.control-button {
    background-color: #007bff; color: white; border: none; padding: 8px 12px;
    text-align: center; text-decoration: none; display: inline-block; font-size: 18px;
    cursor: pointer; border-radius: 5px; line-height: 1; min-width: 35px;
    transition: background-color 0.2s, transform 0.1s;
}
.control-button:hover { background-color: #0056b3; }
.control-button:active { transform: scale(0.98); }
.item-status { margin-left: 10px; font-weight: 600; min-width: 50px; text-align: right; }
.complete { color: #28a745; } 
.incomplete { color: #dc3545; } 

#login-screen {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    height: 80vh; text-align: center;
}
#login-screen button {
    margin: 10px; padding: 12px 25px; font-size: 16px; 
    background-color: #007bff; color: white; border: none; border-radius: 5px;
    cursor: pointer;
}
#login-screen input {
    padding: 10px; margin-top: 10px; border-radius: 5px; border: 1px solid #444;
    background-color: #3e3e68; color: #fff; width: 250px;
}
#login-screen .error { color: #dc3545; margin-top: 10px; }
#tracker-content { display: none; }

.global-header {
    background-color: #333;
    color: white;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.global-header .logo {
    font-size: 1.5rem;
    font-weight: bold;
    color: white;
    text-decoration: none;
}

.global-header nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.global-header nav li {
    margin-left: 1rem;
}

.global-header nav a {
    color: white;
    text-decoration: none;
}