body {
    background: #101820 !important;
    color: #a8ff60 !important;
    font-family: 'Fira Mono', 'Consolas', 'Monaco', monospace !important;
}

/* Sidebar */
.sidebar, .el-aside {
    background: #101820 !important;
    border-right: 2px solid #39ff14 !important;
}
.sidebar .el-menu-item, .el-menu-item {
    background: transparent !important;
    color: #39ff14 !important;
    border: 1px solid #39ff14 !important;
    margin-bottom: 10px !important;
    border-radius: 4px;
    font-size: 1.15em;
    transition: background 0.2s, color 0.2s;
}
.sidebar .el-menu-item:hover, .el-menu-item:hover,
.sidebar .el-menu-item.is-active, .el-menu-item.is-active {
    background: #39ff14 !important;
    color: #101820 !important;
    font-weight: bold;
}

/* Search bar */
input[type="search"], .el-input__inner {
    background: #181f28 !important;
    color: #39ff14 !important;
    border: 1px solid #39ff14 !important;
    border-radius: 4px;
    font-family: inherit;
    font-size: 1em;
}

/* Header i gumbi */
.header, .el-header {
    background: #181f28 !important;
    border-bottom: 1px solid #39ff14 !important;
}
.header .el-button, .el-header .el-button {
    background: transparent !important;
    border: 2px solid #39ff14 !important;
    color: #39ff14 !important;
    border-radius: 50%;
    margin-left: 8px;
    font-size: 1.2em;
    transition: background 0.2s, color 0.2s;
}
.header .el-button:hover, .el-header .el-button:hover {
    background: #39ff14 !important;
    color: #101820 !important;
}

/* Glavna tablica */
#listing, .el-table, .el-table__body, .el-table__header {
    background: #181f28 !important;
    color: #39ff14 !important;
    border-radius: 6px;
}
.el-table__header th {
    background: #222 !important;
    color: #39ff14 !important;
    font-weight: bold;
    border-bottom: 1px solid #39ff14 !important;
}
.el-table__row {
    background: #101820 !important;
    transition: background 0.2s;
}
.el-table__row:hover {
    background: #1a3a1a !important;
}

/* FOLDER IKONE U LISTI! */
#listing .item[data-dir="true"] div i {
    color: #39ff14 !important;
}

/* Invalid link/error */
.invalid-link, .el-table__row .el-icon-warning {
    color: #ff5555 !important;
    font-style: italic;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px;
    background: #181f28;
}
::-webkit-scrollbar-thumb {
    background: #39ff14;
    border-radius: 4px;
}

/* Footer */
.footer, .el-footer {
    background: #101820 !important;
    color: #39ff14 !important;
    border-top: 1px solid #39ff14 !important;
}
.footer a, .el-footer a {
    color: #39ff14 !important;
    text-decoration: underline;
}