:root{
  --brand-red:#E21B1B; /* цвят от логото */
  --brand-red-dark:#c21515;
  --text:#1f2937;
  --muted:#6b7280;
  --bg:#f6f7f9;
  --card:#ffffff;
  --border:#e5e7eb;
}

*{box-sizing:border-box}
body{margin:0;font:16px/1.45 system-ui, -apple-system, Segoe UI, Roboto, Arial,sans-serif;color:var(--text);background:var(--bg)}
a{color:var(--brand-red);text-decoration:none}

.bg{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}
.login-card{width:100%;max-width:420px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:28px;box-shadow:0 8px 28px rgba(0,0,0,.06)}
.logo{display:block;margin:0 auto 10px;max-width:180px;height:auto}
.title{text-align:center;margin:8px 0 16px}
.label{display:block;margin:14px 0 6px;font-weight:600}
.input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:#fff}
.input:focus{outline:none;border-color:var(--brand-red)}
.btn-primary{width:100%;margin-top:18px;padding:12px 16px;border:0;border-radius:10px;background:var(--brand-red);color:#fff;font-weight:700;cursor:pointer}
.btn-primary:hover{background:var(--brand-red-dark)}
.alert{background:#fee2e2;color:#991b1b;border:1px solid #fecaca;padding:10px 12px;border-radius:10px;margin-bottom:12px}
.muted{margin-top:12px;color:var(--muted);text-align:center}

/* Layout */
.topbar{display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--border);padding:10px 16px;position:sticky;top:0;z-index:10}
.brand{display:flex;align-items:center;gap:10px}
.brand-logo{height:28px}
.brand-title{font-weight:800;letter-spacing:.2px}
.topnav{display:flex;align-items:center;gap:12px}
.logout{padding:8px 12px;border-radius:9px;background:var(--brand-red);color:#fff}

.layout{display:grid;grid-template-columns:240px 1fr;gap:18px;padding:18px}
.sidebar{background:#fff;border:1px solid var(--border);border-radius:14px;padding:10px}
.nav-item{display:block;padding:10px 12px;border-radius:10px;color:#111827}
.nav-item:hover{background:#f3f4f6}
.nav-item.active{background:#fde7e7;color:#7f1d1d}

.content h1{margin:6px 0 14px}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px}
.card-title{color:#6b7280;font-size:14px}
.card-value{font-size:28px;font-weight:800;margin-top:6px}

.kanban-board{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.kanban-col{background:#fff;border:1px solid var(--border);border-radius:14px}
.kanban-col-title{padding:10px 12px;border-bottom:1px solid var(--border);font-weight:700}
.kanban-col-body{min-height:120px;padding:10px 12px}
.empty{color:#9ca3af}

.tasks{margin-top:18px}
.task-list{list-style:none;padding:0;margin:0}
.task-item{background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px 12px}