/* ===== ЛИЧНЫЙ КАБИНЕТ ===== */
.cabinet-layout{
  display:grid;
  grid-template-columns:240px 1fr;
  min-height:100vh;
}

.cabinet-sidebar{
  background:#111827;
  padding:30px 20px;
}

.cabinet-sidebar .logo{
  margin-bottom:40px;
  font-size:18px;
  font-weight:600;
}

.cabinet-nav a{
  display:block;
  color:#94a3b8;
  text-decoration:none;
  padding:10px 14px;
  border-radius:8px;
  margin-bottom:4px;
  transition:.2s;
}

.cabinet-nav a:hover,
.cabinet-nav a.active{
  background:#1E6FD9;
  color:white;
}

.cabinet-content{
  padding:40px;
  background:#0f172a;
}

.cabinet-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:30px;
}

.cabinet-header h1{
  font-size:26px;
}

/* Tasks table */
.tasks-table{
  width:100%;
  border-collapse:collapse;
  background:#111827;
  border-radius:12px;
  overflow:hidden;
}

.tasks-table th,
.tasks-table td{
  padding:14px 18px;
  text-align:left;
  border-bottom:1px solid #1e293b;
}

.tasks-table th{
  background:#0f172a;
  color:#4DA6FF;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.05em;
}

.status-badge{
  display:inline-block;
  padding:4px 10px;
  border-radius:20px;
  font-size:12px;
  font-weight:600;
}

.status-new      { background:#1e3a5f; color:#4DA6FF; }
.status-progress { background:#1e3a2f; color:#4ade80; }
.status-waiting  { background:#3a2f1e; color:#fbbf24; }
.status-done     { background:#1a2e1a; color:#86efac; }
.status-closed   { background:#2a1a1a; color:#f87171; }

/* Create task form */
.form-group{
  margin-bottom:20px;
}

.form-group label{
  display:block;
  margin-bottom:6px;
  color:#94a3b8;
  font-size:14px;
}

.form-group input,
.form-group textarea,
.form-group select{
  width:100%;
  background:#111827;
  border:1px solid #1e293b;
  color:white;
  padding:12px 14px;
  border-radius:8px;
  font-size:14px;
  font-family:Inter,sans-serif;
  transition:.2s;
}

.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus{
  outline:none;
  border-color:#4DA6FF;
}

.form-group textarea{
  min-height:120px;
  resize:vertical;
}

.upload-area{
  border:2px dashed #1e293b;
  border-radius:10px;
  padding:30px;
  text-align:center;
  cursor:pointer;
  color:#4DA6FF;
  transition:.2s;
}

.upload-area:hover{
  border-color:#4DA6FF;
  background:rgba(77,166,255,.05);
}