:root{--bg:#f5f7fb;--card:#fff;--ink:#111827;--muted:#6b7280;--primary:#635bff;--sidebar:#0f172a;--line:#e5e7eb;--radius:20px}body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;background:linear-gradient(180deg,#111827,#0f172a);color:#fff;padding:24px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;font-weight:800;font-size:1.35rem;margin-bottom:32px}.brand i{color:#8b5cf6}.sidebar a{display:flex;gap:12px;align-items:center;color:#cbd5e1;text-decoration:none;padding:13px 14px;border-radius:14px;margin:6px 0}.sidebar a:hover{background:rgba(255,255,255,.1);color:#fff}.content{flex:1;padding:24px;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.topbar h1{font-weight:800;margin:0}.user-chip{background:#fff;padding:10px 14px;border-radius:999px;box-shadow:0 8px 24px rgba(15,23,42,.06);display:flex;gap:8px;align-items:center}.summary-card,.panel,.card-soft{background:var(--card);border:1px solid var(--line);box-shadow:0 14px 34px rgba(15,23,42,.07);border-radius:var(--radius)}.summary-card{padding:20px}.summary-card .num{font-size:2rem;font-weight:850}.panel{padding:20px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.project-card,.task-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;margin-bottom:14px;box-shadow:0 8px 22px rgba(15,23,42,.05);transition:.2s}.project-card:hover,.task-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(15,23,42,.09)}.badge{text-transform:capitalize}.priority-low{background:#e0f2fe;color:#0369a1}.priority-normal{background:#dcfce7;color:#166534}.priority-high{background:#ffedd5;color:#c2410c}.priority-urgent{background:#fee2e2;color:#b91c1c}.filter-bar{display:flex;gap:8px;flex-wrap:wrap}.filter-bar .btn{border-radius:999px}.progress{height:9px;border-radius:999px}.form-control,.form-select{border-radius:12px}.btn{border-radius:12px}.timeline{border-left:2px solid #e5e7eb;padding-left:16px}.timeline-item{position:relative;margin-bottom:14px}.timeline-item:before{content:"";position:absolute;left:-22px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--primary)}@media(max-width:991px){.app-shell{display:block}.sidebar{width:auto;height:auto;position:relative}.sidebar nav{display:flex;overflow:auto;gap:6px}.sidebar a{white-space:nowrap}.topbar{align-items:flex-start;gap:12px;flex-direction:column}.content{padding:16px}}@media(min-width:992px){.dashboard-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}}
/* ── Tag chips ── */
.tag-strip { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 4px; }
.tag-chip { display: inline-block; padding: 2px 7px; border-radius: 6px; font-size: 10px; font-weight: 700; color: #fff; white-space: nowrap; letter-spacing: .2px; }