.home-page{max-width:900px;margin:0 auto;padding:2rem 0 4rem}.dashboard-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex}.dashboard-header__left{align-items:baseline;gap:12px;min-width:0;display:flex}.dashboard-header__title{color:var(--color-text-primary);white-space:nowrap;margin:0;font-size:1.5rem;font-weight:700}.dashboard-header__summary{color:var(--color-text-muted,#888);white-space:nowrap;font-size:.85rem}.dashboard-header__actions{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:.5rem;display:flex}.create-button{background:var(--color-bg-tertiary);color:var(--color-text-primary);cursor:pointer;border:none;border:1px solid var(--color-border);border-radius:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:background-color .2s,border-color .2s,transform .2s,box-shadow .2s,opacity .2s}.create-button:hover{background:var(--color-bg-elevated);border-color:var(--color-accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.create-button--ai{background:var(--color-accent-gradient);border:none;color:#fff!important}.create-button--ai:hover{background:var(--color-accent-gradient);opacity:.95;box-shadow:var(--shadow-glow),var(--shadow-lg);color:#fff!important}.create-button--template{border:2px solid var(--color-accent-primary);color:var(--color-accent-primary);background:0 0}.create-button--template:hover{border-color:var(--color-accent-secondary);color:var(--color-accent-secondary);box-shadow:var(--shadow-md);background:#06b6d41a;transform:translateY(-2px)}.projects-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:1rem;padding:2rem 1.5rem}:root[data-theme=light] .projects-section{border-top:3px solid var(--color-accent-primary);box-shadow:0 2px 8px #0000000a}.projects-section h2{color:var(--color-text-primary);margin:0 0 1.5rem;font-size:1.125rem;font-weight:700}.projects-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.project-card{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-left:3px solid var(--color-accent-primary);border-radius:.75rem;align-items:stretch;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative;overflow:visible}:root[data-theme=light] .project-card{background:var(--color-bg-secondary);box-shadow:0 1px 3px #0000000a}.project-card:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.project-card:has(.project-menu){z-index:200}.project-card.archived{opacity:.7}.project-card.archived:hover{opacity:1}.project-card-button{color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;gap:.5rem;padding:1.25rem;display:flex}.project-menu-button{width:2.5rem;color:var(--color-text-muted);cursor:pointer;letter-spacing:.1em;border:none;border-left:1px solid var(--color-border);background:0 0;justify-content:center;align-items:center;padding:0;font-size:1.25rem;font-weight:700;transition:background-color .2s,color .2s;display:flex}.project-menu-button:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.project-menu{z-index:100;background:var(--color-bg-secondary);border:1px solid var(--color-border);min-width:140px;box-shadow:var(--shadow-lg);border-radius:.5rem;margin-top:.25rem;padding:.375rem;position:absolute;top:100%;right:0}.project-menu button{width:100%;color:var(--color-text-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem;transition:background .15s;display:block}.project-menu button:hover{background:var(--color-bg-tertiary)}.project-menu button.danger{color:var(--color-error)}.project-menu button.danger:hover{background:#ef44441a}.project-menu.menu-flip-up{margin-bottom:.25rem;top:auto;bottom:100%}.project-name{color:var(--color-text-primary);font-size:1rem;font-weight:600}.project-date{color:var(--color-text-muted);font-size:.875rem}.archived-section{margin-top:1.5rem}.archived-toggle{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;margin-bottom:1rem;padding:0;display:flex}.archived-toggle h2{color:var(--color-text-secondary);margin:0}.archived-toggle:hover h2{color:var(--color-text-primary)}.toggle-arrow{color:var(--color-text-muted);font-size:.75rem}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.empty-state__icon{color:var(--color-text-muted);opacity:.5;margin-bottom:1.5rem}.empty-state__title{color:var(--color-text-primary);margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.empty-state__description{color:var(--color-text-secondary);max-width:400px;margin:0 0 1.5rem;font-size:.95rem}.empty-state__actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.templates-section{background:linear-gradient(180deg,var(--color-bg-tertiary)0%,var(--color-bg-primary)100%);border-top:1px solid var(--color-border);border-radius:1rem;margin:0 -1rem 2rem;padding:2rem 1.5rem}.templates-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.templates-header h2{color:var(--color-text-primary);margin:0;font-size:1.25rem;font-weight:700}.templates-close{border:1px solid var(--color-border);background:var(--color-bg-secondary);width:2.5rem;height:2.5rem;color:var(--color-text-secondary);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;padding:0;font-size:1.25rem;transition:background-color .2s,color .2s,border-color .2s;display:flex}.templates-close:hover{background:var(--color-bg-elevated);color:var(--color-text-primary);border-color:var(--color-accent-primary)}.templates-description{color:var(--color-text-secondary);margin:0 0 1.5rem;font-size:.9375rem}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.template-card{border:1px solid var(--color-border);background:var(--color-bg-secondary);color:inherit;text-align:left;cursor:pointer;border-radius:.75rem;flex-direction:column;align-items:flex-start;gap:.625rem;padding:1.25rem;transition:background-color .2s,border-color .2s,transform .2s,box-shadow .2s;display:flex}.template-card:hover{background:var(--color-bg-elevated);border-color:var(--color-accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.template-icon{width:2rem;height:2rem;color:var(--color-accent-primary);justify-content:center;align-items:center;display:flex}.template-icon svg{width:24px;height:24px}.template-name{color:var(--color-text-primary);font-size:1rem;font-weight:700}.template-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5}.template-task-count{color:var(--color-accent-primary);background:linear-gradient(135deg,#3b82f626 0%,#8b5cf626 100%);border-radius:2rem;align-items:center;margin-top:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.projects-loading{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.project-card-skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary)0%,var(--color-bg-elevated)50%,var(--color-bg-tertiary)100%);border:1px solid var(--color-border);background-size:200% 100%;border-radius:.75rem;height:80px;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hero-error{color:var(--color-error)}@media (max-width:640px){.dashboard-header{flex-direction:column;align-items:flex-start;padding:1rem}.dashboard-header__actions{justify-content:flex-start;width:100%}}