/* Modern dashboard styles for Smart Todo */
:root{
  --bg:#0f1724;--card:#0b1220;--muted:#9aa5b1;--accent:#4a90e2;--danger:#e74c3c;--success:#2ecc71;--glass: rgba(255,255,255,0.03);
  --radius:10px; --max-width:1200px; --gap:16px; --font-sans: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
}
html,body{height:100%;margin:0;font-family:var(--font-sans);background:linear-gradient(180deg,#071029 0%, #071423 60%);color:#e6eef6}
.app-shell{display:flex;min-height:100vh}
.sidebar{width:280px;background:linear-gradient(180deg, rgba(255,255,255,0.02), transparent);padding:20px;box-shadow:2px 0 8px rgba(2,6,23,0.6);backdrop-filter: blur(6px);}
.brand{display:flex;gap:12px;align-items:center;margin-bottom:18px}
.brand .logo{width:44px;height:44px;background:var(--accent);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700}
.nav-stack{display:flex;flex-direction:column;gap:8px;margin:12px 0}
.nav-item{background:transparent;border:0;color:var(--muted);padding:10px 12px;text-align:left;border-radius:8px;cursor:pointer}
.nav-item.active, .nav-item:hover{background:linear-gradient(90deg, rgba(74,144,226,0.12), rgba(74,144,226,0.06));color:var(--accent)}
.side-panel{margin-top:18px;padding-top:12px;border-top:1px solid rgba(255,255,255,0.03)}
.count-pill{background:var(--glass);color:var(--muted);padding:4px 8px;border-radius:999px;font-size:12px}
.workspace{flex:1;padding:22px 28px;max-width:calc(100% - 280px)}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px}
.eyebrow{color:var(--muted);font-size:13px;margin:0}
.topbar h1{margin:0;font-size:20px}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:14px 0}
.stat-card{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));padding:14px;border-radius:12px}
.content-grid{display:grid;grid-template-columns:360px 1fr;gap:16px;margin-top:12px}
.panel{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));padding:14px;border-radius:12px;margin-bottom:12px}
.panel-head{display:flex;justify-content:space-between;align-items:center}
.form-grid{display:grid;grid-template-columns:1fr 160px;gap:10px}
.field{display:block}
.field-label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}
.input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(255,255,255,0.03);background:transparent;color:inherit}
.btn{padding:8px 12px;border-radius:8px;border:0;background:rgba(255,255,255,0.03);color:var(--muted);cursor:pointer}
.btn.primary{background:var(--accent);color:white}
.btn.ghost{background:transparent;border:1px solid rgba(255,255,255,0.03)}
.task-list{min-height:180px}
.task{display:flex;gap:12px;align-items:flex-start;padding:10px;border-radius:10px;margin-bottom:8px;background:linear-gradient(180deg, rgba(255,255,255,0.012), transparent);transition:transform .15s ease, box-shadow .15s ease}
.task:hover{transform:translateY(-4px);box-shadow:0 6px 18px rgba(2,6,23,0.6)}
.task .task-title{font-weight:600;margin:0}
.priority-pill{padding:4px 8px;border-radius:6px;font-size:12px}
.priority-critical{background:#7f1d1d;color:#ffd9d9}
.priority-high{background:#ff7f50;color:#2b0a00}
.priority-medium{background:#ffd580;color:#4a2f00}
.priority-low{background:#cfe8d4;color:#0b3a21}
.due-soon{color:#ffd166}
.due-overdue{color:var(--danger)}
.celebration{position:fixed;right:20px;bottom:20px;background:linear-gradient(90deg,#0b1220,#071029);padding:14px;border-radius:12px;box-shadow:0 8px 30px rgba(2,6,23,0.8);z-index:1200}
.confetti-piece{position:fixed;width:10px;height:14px;opacity:0.95;border-radius:2px;z-index:1300;pointer-events:none;animation:confetti-fall 2200ms linear forwards}
@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0deg);opacity:1}100%{transform:translateY(700px) rotate(720deg);opacity:0}}

/* Responsive */
@media (max-width: 900px){
  .sidebar{width:64px;padding:12px}
  .workspace{padding:14px}
  .content-grid{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
}

/* Simple utility hidden */
.hidden{display:none !important}

/* Panels mapping for view switching */
.panel.community-panel, .panel.matrix, .panel.calendar{display:none}