:root {
  --bg: #f4f3ef;
  --ink: #242321;
  --muted: #787671;
  --line: #e6e3de;
  --brand: #ef4f27;
  --lime: #f5b099;
}

.sidebar {
  background: #eeece7;
  color: var(--ink);
  border-right: 1px solid #dedbd5;
}

.brand {
  gap: 8px;
  color: var(--brand);
  letter-spacing: -.04em;
  font-weight: 900;
}

.brand > span:last-child {
  display: flex;
  flex-direction: column;
  font-size: 18px;
}

.brand small {
  margin-top: 2px;
  color: #77736d;
  font-size: 8px;
  letter-spacing: .25em;
}

.brand-mark {
  width: 21px;
  height: 21px;
  color: var(--brand);
  background: transparent;
}

.nav-item { color: #67645f; }
.nav-item:hover,
.nav-item.active {
  color: var(--brand);
  background: #fff0eb;
}
.nav-item.active { box-shadow: inset 3px 0 0 var(--brand); }

.profile-mini {
  color: var(--ink);
  border-color: #ddd9d3;
  background: rgba(255,255,255,.55);
}
.profile-mini small { color: #89857f; }
.version { color: #99958f; }
.dot { background: var(--brand); }

.clock-card { background: linear-gradient(140deg,#fff 55%,#fff0e9); }
.clock-card::after { border-color: rgba(239,79,39,.1); }
.primary {
  background: var(--brand);
  box-shadow: 0 7px 18px rgba(239,79,39,.17);
}
.text-btn,
.row-btn { color: var(--brand); }

.balance-card { background: #352d29; }
.balance-ring { background: conic-gradient(var(--brand) 0 76%,rgba(255,255,255,.12) 76%); }
.balance-ring::before { background: #352d29; }
.balance-copy .primary { background: var(--brand); color: white; }
.admin-welcome { background: linear-gradient(150deg,#41352f,#251e1b); }
.profile-cover { background: linear-gradient(120deg,#4c352c,#aa573f 65%,#f0a284); }
.toast { background: #352d29; }

@media (max-width:760px) {
  .sidebar { box-shadow: 18px 0 40px rgba(46,39,35,.18); }
}