@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;600&display=swap');

body {
    font-family: 'Fira Code', monospace;
    background-color: #0d1117;
    color: #c9d1d9;
    margin: 0;
    padding: 0;
}

.terminal-container {
    border: 1px solid #30363d;
    background: #161b22;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
    border-radius: 4px;
}

button {
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.2s ease-in-out;
    border: 1px solid transparent;
}

button:hover:not(:disabled) {
    border-color: #58a6ff;
    box-shadow: 0 0 8px rgba(88, 166, 255, 0.3);
}

button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
    border-color: #484f58;
}

.input-file {
    border: 1px dashed #30363d;
    background: #0d1117;
}

.history-item {
    border-left: 3px solid #58a6ff;
    background: #0d1117;
    cursor: pointer;
}

.history-item:hover {
    background: #1c2128;
}

/* Status Notifications */
#status-container {
    position: fixed;
    bottom: 1.5rem;
    right: 1.5rem;
    z-index: 1000;
    transition: opacity 0.3s ease, transform 0.3s ease;
    opacity: 0;
    transform: translateY(20px);
    pointer-events: none;
}

#status-container.visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}