:root {
    --console-bg: #0a0a0a;
    --console-surface: rgba(19, 19, 19, 0.9);
    --console-ink: #f2f2f2;
    --console-muted: rgba(255, 255, 255, 0.56);
    --console-rule: rgba(255, 255, 255, 0.14);
}

body.adm-standalone {
    display: block;
    min-height: 100svh;
    padding: clamp(16px, 3vw, 48px);
    background: var(--console-bg);
    color: var(--console-ink);
    font-family: "Cascadia Mono", "SFMono-Regular", Consolas, monospace;
}

body.adm-standalone::before {
    display: block;
    background-image: var(--bg-image);
    filter: blur(var(--bg-blur)) grayscale(1) contrast(1.06);
    opacity: 1;
    transform: scale(1.035);
}

body.adm-standalone::after {
    display: block;
    background: rgba(0, 0, 0, 0.68);
}

.admin-wrapper {
    width: min(100%, 1180px);
    max-width: none;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.login-card,
.admin-card {
    width: 100%;
    max-height: none;
    padding: clamp(20px, 3.2vw, 44px);
    overflow: visible;
    border: 1px solid var(--console-rule);
    border-radius: 0;
    background: rgba(12, 12, 12, 0.78);
    box-shadow: none;
    backdrop-filter: blur(16px) saturate(0.85);
    -webkit-backdrop-filter: blur(16px) saturate(0.85);
}

.login-card { max-width: 440px; margin: min(14vh, 128px) auto; }

.login-card h1,
.admin-card h1 {
    margin: 0 0 30px;
    color: var(--console-ink);
    font-family: inherit;
    font-size: clamp(1rem, 2vw, 1.25rem);
    font-weight: 500;
    letter-spacing: -0.03em;
}

.login-card h1::before,
.admin-card h1::before { content: "./ "; color: var(--console-muted); }

.admin-header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--console-rule);
}

.tabs {
    display: flex;
    gap: 0;
    margin: 22px 0 30px;
    padding: 0;
    overflow-x: auto;
    border-bottom: 1px solid var(--console-rule);
}

.tab-btn {
    flex: 0 0 auto;
    padding: 10px 13px 12px;
    border: 0;
    border-bottom: 1px solid transparent;
    border-radius: 0;
    background: transparent;
    color: var(--console-muted);
    font-family: inherit;
    font-size: 0.76rem;
    text-transform: lowercase;
}

.tab-btn:hover,
.tab-btn.active { border-bottom-color: var(--console-ink); background: transparent; color: var(--console-ink); }

.tab-content { max-width: 820px; }

.input-group { margin-bottom: 24px; }
.input-group label,
.config-section-title,
.stats-box h3,
.visibility-settings-box h3,
.geo-stats-header h3,
.disk-usage-header h3,
.docker-header h3,
.docker-system-box h3,
.assets-manager-header h3 {
    color: var(--console-ink);
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 400;
}

.input-group label::before { content: "> "; color: var(--console-muted); }

.input-group input,
.input-group textarea,
.review-input,
.review-textarea {
    border: 0;
    border-bottom: 1px solid var(--console-rule);
    border-radius: 0;
    background: transparent;
    color: var(--console-ink);
    font-family: inherit;
    font-size: 0.88rem;
    box-shadow: none;
}

.input-group input:focus,
.input-group textarea:focus,
.review-input:focus,
.review-textarea:focus { border-bottom-color: var(--console-ink); background: rgba(255, 255, 255, 0.035); box-shadow: none; }

.input-group small { color: var(--console-muted); font-size: 0.7rem; }

.btn-primary,
.btn-secondary,
.btn-browse,
.btn-upload,
.btn-refresh-reviews,
.btn-refresh-geo,
.btn-refresh-disk,
.btn-logout,
.btn-reset-stats,
.review-submit-btn {
    border: 1px solid var(--console-rule);
    border-radius: 0;
    background: transparent;
    color: var(--console-ink);
    font-family: inherit;
    font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: 0;
    box-shadow: none;
}

.btn-primary:hover,
.btn-secondary:hover,
.btn-browse:hover,
.btn-upload:hover,
.btn-refresh-reviews:hover,
.btn-refresh-geo:hover,
.btn-refresh-disk:hover,
.btn-logout:hover,
.btn-reset-stats:hover,
.review-submit-btn:hover { background: var(--console-ink); color: var(--console-bg); transform: none; box-shadow: none; }

.btn-logout { color: #f0a0a0; }
.btn-logout:hover { background: #f0a0a0; color: var(--console-bg); }

.stats-box,
.visibility-settings-box,
.geo-stats-box,
.disk-usage-box,
.docker-card,
.assets-manager-box {
    border: 1px solid var(--console-rule);
    border-left: 1px solid var(--console-rule);
    border-radius: 0;
    background: rgba(255, 255, 255, 0.018);
    box-shadow: none;
}

.stats-grid { gap: 0; border-top: 1px solid var(--console-rule); border-bottom: 1px solid var(--console-rule); }
.stat-item { padding: 18px 0; border-right: 1px solid var(--console-rule); }
.stat-item:last-child { border-right: 0; }
.stat-value { color: var(--console-ink); font-family: inherit; font-size: 1.65rem; font-weight: 400; }
.stat-label,
.geo-chart-label,
.disk-stats,
.docker-detail,
.docker-detail-label,
.docker-version { color: var(--console-muted); font-family: inherit; }

.image-preview,
.asset-manager-item,
.review-card-image img,
.review-image-preview img { border-radius: 0; border-color: var(--console-rule); }
.asset-manager-item-overlay { border-radius: 0; }

.admin-reviews-list,
.buttons-list,
.docker-containers { gap: 10px; }
.review-card,
.button-item,
.docker-card { border-radius: 0; }

.modal { background: rgba(0, 0, 0, 0.86); backdrop-filter: blur(12px); }
.modal-content { border: 1px solid var(--console-rule); border-radius: 0; background: #101010; }
.modal-header { border-bottom-color: var(--console-rule); }

.btn-back { color: var(--console-muted); font-family: inherit; font-size: 0.76rem; }
.btn-back:hover { color: var(--console-ink); }

@media (max-width: 640px) {
    body.adm-standalone { padding: 10px; }
    .login-card,
    .admin-card { padding: 20px 16px; }
    .admin-header { align-items: flex-start; flex-direction: column; gap: 10px; }
    .tabs { margin-bottom: 22px; }
    .tab-btn { padding-inline: 10px; }
    .stats-grid { grid-template-columns: 1fr; }
    .stat-item { border-right: 0; border-bottom: 1px solid var(--console-rule); }
    .stat-item:last-child { border-bottom: 0; }
}
.assets-manager-grid[hidden] { display: none; }
.assets-manager-actions { display: flex; align-items: center; gap: 4px; }
.assets-manager-box.is-collapsed .assets-manager-header { margin-bottom: 0; }