.task-side-card { background:#fbf0d0;border:2px solid #8a6a3a;border-radius:12px;padding:12px 14px;box-shadow:2px 2px 0 rgba(80,60,30,.15); }
.task-tab { padding:6px 14px;background:#f3ddae;border:2px solid #b08d4f;border-radius:10px;font-size:13px;font-weight:700;color:#4a2f14;cursor:pointer; }
.task-tab.active { background:linear-gradient(180deg,#8aa75c,#5c7a3c);color:#fff8e0;border-color:#4a6b2a;box-shadow:0 3px 0 #3a5218; }
.task-tab:hover { background:#fbe9c9; }
.task-group { border-radius:10px;padding:10px 12px;margin-bottom:10px;border:2px solid rgba(138,106,58,.35);position:relative; }
.task-group-title { font-weight:700;font-size:14px;color:#4a2f14;margin-bottom:8px;padding-bottom:6px;border-bottom:2px solid #b08d4f; }
.task-item { background:#fff8e0;border:1px solid #d8c390;border-radius:8px;margin-bottom:6px;position:relative; }
.task-item:hover { box-shadow:2px 2px 0 rgba(80,60,30,.15); }
.task-item.done { opacity:.6; }
.task-item.expired { opacity:.5;filter:grayscale(.5); }
.task-check { width:20px;height:20px;border:2px solid #8a6a3a;border-radius:5px;background:#fdf6e3;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;color:#54913a;flex-shrink:0; }
.task-check.done { background:#54913a;border-color:#3e5a1e;color:#fff; }