.login-screen {
    min-height: 80vh; display: flex; flex-direction: column;
    align-items: center; justify-content: center; text-align: center;
}
.login-icon { font-size: 4rem; color: var(--text); margin-bottom: 1.5rem; }
.login-screen h1 { margin-bottom: 0.5rem; }
.login-screen p { color: var(--text2); margin-bottom: 2rem; }

.dash-header {
    display: flex; align-items: center; gap: 12px;
    padding: 1rem 0; border-bottom: 1px solid var(--border); margin-bottom: 2rem;
}
.user-avatar { width: 36px; height: 36px; border-radius: 50%; }
.btn-logout { background: #333; color: #fff; }

.dash-nav {
    display: flex; gap: 0.5rem; margin-bottom: 2rem; flex-wrap: wrap;
}
.dash-nav-btn {
    padding: 8px 16px; border-radius: 4px; border: 1px solid var(--border);
    background: transparent; color: var(--text2); cursor: pointer; font-size: 0.85rem; transition: all 0.2s;
}
.dash-nav-btn:hover, .dash-nav-btn.active { background: var(--text); color: var(--bg); border-color: var(--text); }

.dash-panel { display: block; }
.dash-panel h2 { font-size: 1.3rem; margin-bottom: 1.5rem; }

.servers-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 1px; background: var(--border); border: 1px solid var(--border); border-radius: 8px; overflow: hidden; }
.server-card {
    background: var(--bg); padding: 1rem; cursor: pointer; transition: background 0.2s; display: flex; align-items: center; gap: 12px;
}
.server-card:hover { background: var(--bg2); }
.server-card img { width: 40px; height: 40px; border-radius: 10px; }
.server-card h3 { font-size: 0.9rem; margin-bottom: 0.2rem; }
.server-card p { color: var(--text2); font-size: 0.75rem; }

.config-item { margin-bottom: 1rem; }
.config-item label { display: block; font-size: 0.85rem; color: var(--text2); margin-bottom: 0.3rem; }
.config-item select {
    width: 100%; padding: 10px; background: var(--bg2); border: 1px solid var(--border);
    border-radius: 4px; color: var(--text); font-family: inherit;
}

.cmd-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--border); border: 1px solid var(--border); border-radius: 8px; overflow: hidden; }
.cmd-stat {
    background: var(--bg); padding: 1.2rem; text-align: center;
}
.cmd-stat span { display: block; font-size: 1.5rem; font-weight: 700; color: var(--text); margin-bottom: 0.3rem; }

.empty { color: var(--text2); text-align: center; padding: 3rem; font-size: 0.85rem; }
.no-server-msg { color: var(--text2); text-align: center; padding: 2rem; font-size: 0.85rem; border: 1px dashed var(--border); border-radius: 8px; }