.home-page{max-width:56.25rem;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:.75rem;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(17.5rem,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:8.75rem;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:25rem;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(17.5rem,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:1.5rem;height:1.5rem}.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(17.5rem,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:5rem;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:40em){.dashboard-header{flex-direction:column;align-items:flex-start;padding:1rem}.dashboard-header__actions{justify-content:flex-start;width:100%}}.project-creating-overlay{z-index:10000;background:var(--color-bg-primary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex;position:fixed;inset:0}.project-creating-overlay p{color:var(--color-text-secondary);margin:0;font-size:.9375rem}.project-creating-spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent-primary);border-radius:50%;width:2.25rem;height:2.25rem;animation:.7s linear infinite project-creating-spin}@keyframes project-creating-spin{to{transform:rotate(360deg)}}.mobile-project-search{display:none}@media (max-width:30em){.home-page{box-sizing:border-box;width:100%;max-width:100%;padding:2% 3%;overflow-x:hidden}.projects-section{box-sizing:border-box;background:0 0;border:none;border-radius:0;width:100%;padding:0}.projects-list{grid-template-columns:1fr;gap:.375rem;width:100%}.templates-grid{grid-template-columns:1fr}.templates-section{margin:0;padding:4%}.projects-section h2{margin-bottom:3%;font-size:1rem}.dashboard-header{flex-flow:wrap;align-items:center;margin-bottom:2%;padding:2% 0}.dashboard-header__title{font-size:1.15rem}.dashboard-header__summary{font-size:.75rem}.dashboard-header__actions{flex-direction:column;gap:.5rem;width:100%;display:flex}.create-button{text-align:center;white-space:nowrap;justify-content:center;width:100%;min-height:2.75rem;padding:.625rem 1rem;font-size:.8125rem}.mobile-project-search{margin-bottom:3%;padding:0;display:block}.mobile-project-search__input{border:1px solid var(--color-border-subtle);background:var(--color-bg-secondary);width:100%;min-height:2.75rem;color:var(--color-text-primary);box-sizing:border-box;border-radius:.5rem;outline:none;padding:3% 4%;font-size:.875rem;transition:border-color .15s}.mobile-project-search__input:focus{border-color:var(--color-accent-primary)}.mobile-project-search__input::placeholder{color:var(--color-text-muted)}}