/* ==================== Тёмная тема Depo Sync ==================== */
:root { --bg:#1e1f26; --card:#2a2c36; --card2:#23252e; --line:#3a3d4a; --txt:#e6e6e6; --muted:#9aa0ad; --accent:#3b82f6; --accent-h:#2563eb; --ok-bg:#1e3a2b; --ok:#7ee2a8; --err-bg:#3a1e22; --err:#f0909a; }
* { box-sizing: border-box; }
body { font-family: Arial, sans-serif; background: var(--bg); color: var(--txt); margin: 0; }
a { color: var(--accent); }
.alert { padding: 10px 14px; margin-bottom: 18px; border-radius: 6px; }
.alert.success { background: var(--ok-bg); color: var(--ok); }
.alert.error { background: var(--err-bg); color: var(--err); }
.btn { background: var(--accent); color: #fff; border: none; padding: 10px 18px; border-radius: 6px; cursor: pointer; }
.btn:hover { background: var(--accent-h); }
.btn.danger { background: #b1394a; } .btn.danger:hover { background: #8f2c3b; }
input, select, textarea { background: var(--card2); color: var(--txt); border: 1px solid var(--line); border-radius: 6px; padding: 9px; width: 100%; margin-bottom: 12px; }
label { display: block; margin-bottom: 5px; color: var(--muted); font-size: 13px; }
/* --- Вход --- */
.login-wrap { min-height: 100vh; display: flex; align-items: center; justify-content: center; }
.login-card { background: var(--card); padding: 28px; border-radius: 10px; width: 340px; border: 1px solid var(--line); }
/* --- Рабочая область --- */
.shell { display: grid; grid-template-columns: 240px 1fr; min-height: 100vh; }
.sidebar { background: var(--card2); border-right: 1px solid var(--line); padding: 20px 0; }
.brand { font-size: 20px; font-weight: bold; padding: 0 20px 16px; border-bottom: 1px solid var(--line); }
.menu { list-style: none; margin: 14px 0; padding: 0; }
.menu a { display: block; padding: 11px 20px; color: var(--txt); text-decoration: none; }
.menu a.active, .menu a:hover { background: var(--card); border-left: 3px solid var(--accent); }
.userbox { padding: 14px 20px; border-top: 1px solid var(--line); color: var(--muted); font-size: 13px; }
.content { padding: 26px 32px; max-width: 1000px; }
.card { background: var(--card); border: 1px solid var(--line); border-radius: 10px; padding: 20px; margin-bottom: 20px; }
.card h2 { margin: 0 0 12px; font-size: 17px; }
h1 { margin: 0 0 22px; font-size: 22px; }