body{min-height:100vh;margin:0}#root{width:100%}.app-nav{background:var(--card);border-bottom:1px solid var(--border);gap:8px;padding:12px 16px;display:flex}.nav-link{border-radius:var(--radius);color:var(--muted);padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.nav-link:hover{background:var(--background);color:var(--foreground)}.nav-link.active{background:var(--accent);color:var(--accent-foreground)}.app-main{box-sizing:border-box;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px}.page{max-width:1000px;margin:0 auto}.page h1{color:var(--foreground);margin:0 0 8px;font-size:28px;font-weight:600}.text-muted{color:var(--muted);margin:0 0 24px}.page>.page-head{margin-bottom:24px}.hero{text-align:center;margin-bottom:32px;padding:48px 24px}.hero-icon{margin-bottom:16px;font-size:64px}.hero h1{margin-bottom:8px;font-size:36px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.dashboard-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:inherit;flex-direction:column;padding:24px;text-decoration:none;transition:all .2s;display:flex;position:relative}.dashboard-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.card-icon{margin-bottom:12px;font-size:32px}.dashboard-card h3{color:var(--foreground);margin:0 0 8px;font-size:18px;font-weight:600}.dashboard-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.card-badge{background:var(--background);color:var(--muted);border-radius:12px;padding:2px 8px;font-size:11px;position:absolute;top:12px;right:12px}.placeholder-widget{background:var(--card);border:2px dashed var(--border);border-radius:var(--radius);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:64px 24px;display:flex}.placeholder-icon{opacity:.5;margin-bottom:16px;font-size:48px}.placeholder-widget p{color:var(--muted);max-width:300px;font-size:14px}@media (width<=640px){.app-nav{flex-wrap:wrap;justify-content:center}.hero{padding:32px 16px}.hero-icon{font-size:48px}.hero h1{font-size:28px}.dashboard-grid{grid-template-columns:1fr}.app-main{padding:16px}}