:root {
  --dark-bg:    #313b50;
  --sidebar-bg: #222b3c;
  --gold:       #d3ae62;
  --gold-light: #e8c97e;
}
body { background:#f0f2f5; font-family:'Segoe UI',sans-serif; }

/* Sidebar */
.sidebar-link {
  display:flex; align-items:center; gap:10px;
  color:#adb5bd; text-decoration:none;
  padding:9px 14px; border-radius:6px; margin-bottom:2px;
  font-size:0.9rem; transition:all .2s;
}
.sidebar-link:hover,.sidebar-link.active {
  background:rgba(211,174,98,.15); color:var(--gold);
}
.sidebar-link i { width:18px; text-align:center; }
.sidebar-divider { border-top:1px solid #2d3a4f; margin:8px 0; }

/* Main layout */
.app-wrapper { display:flex; min-height:calc(100vh - 56px); }
.main-content { flex:1; padding:24px; overflow-x:hidden; }

/* Cards */
.card { border:none; border-radius:10px; box-shadow:0 1px 8px rgba(0,0,0,.08); }
.card-header { background:var(--dark-bg); color:#fff; border-radius:10px 10px 0 0!important; }
.gold { color:var(--gold); }

/* Stat cards */
.stat-card { background:#fff; border-radius:10px; padding:20px; box-shadow:0 1px 8px rgba(0,0,0,.08); }
.stat-card .icon { width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem; }

/* Buttons */
.btn-gold { background:var(--gold); color:#fff; border:none; }
.btn-gold:hover { background:var(--gold-light); color:#fff; }

/* Tables */
.table thead { background:var(--dark-bg); color:#fff; }
.table thead th { border:none; font-weight:500; }

/* Kanban */
.kanban-col { background:#f8f9fa; border-radius:10px; min-height:300px; padding:12px; }
.kanban-col h6 { font-weight:700; margin-bottom:12px; }
.task-card { background:#fff; border-radius:8px; padding:12px; margin-bottom:8px; cursor:grab; box-shadow:0 1px 4px rgba(0,0,0,.08); border-left:4px solid var(--gold); }
.task-card:active { cursor:grabbing; }

/* Badge priorities */
.badge-high   { background:#dc3545; }
.badge-medium { background:#fd7e14; }
.badge-low    { background:#198754; }

/* Auth pages */
.auth-card { max-width:420px; margin:80px auto; }

/* Sidebar collapse */
@media(max-width:992px){
  #sidebar { position:fixed; left:-240px; top:56px; height:calc(100vh - 56px); z-index:1025; transition:left .3s; }
  #sidebar.open { left:0; }
}

/* Storage bar */
.storage-bar { height:12px; border-radius:6px; overflow:hidden; background:#e9ecef; }
.storage-fill { height:100%; background:var(--gold); transition:width .5s; }