.dashboard-layout{color:#333;background-color:#f4f7f6;height:100vh;display:flex}.dashboard-sidebar{background-color:#fff;border-right:1px solid #e0e0e0;flex-direction:column;width:260px;padding:1.5rem;display:flex;box-shadow:2px 0 5px #00000005}.back-home-link{color:#666;align-items:center;gap:8px;margin-bottom:1.5rem;font-size:.9rem;text-decoration:none;transition:color .2s;display:flex}.back-home-link:hover{color:var(--primary,#007bff)}.sidebar-user-info{border-bottom:1px solid #e0e0e0;align-items:center;gap:12px;margin-bottom:2rem;padding-bottom:.5rem;display:flex}.profile-view{background-color:#f8f9fa;justify-content:center;align-items:center;height:100%;padding:2rem;display:flex}.profile-card{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:500px;padding:3rem;box-shadow:0 10px 30px #0000000d}.profile-card h1{color:#222;margin-bottom:2rem;font-size:1.8rem}.profile-info-grid{text-align:left;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2.5rem;display:grid}.info-item{flex-direction:column;gap:4px;display:flex}.info-item label{color:#888;font-size:.85rem;font-weight:500}.info-item span{color:#333;font-size:1.1rem;font-weight:600}.logout-btn{color:#fff;cursor:pointer;background-color:#dc3545;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:.8rem;font-size:1rem;font-weight:600;transition:background .2s;display:flex}.logout-btn:hover{background-color:#c82333}.user-avatar{background-color:var(--primary,#007bff);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.2rem;font-weight:600;display:flex}.user-details{flex-direction:column;display:flex;overflow:hidden}.user-name{white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:600;overflow:hidden}.user-email{color:#888;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.sidebar-nav{flex-direction:column;gap:.5rem;display:flex}.nav-tab{color:#666;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:.8rem 1rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.nav-tab i{text-align:center;width:20px}.nav-tab:hover{color:var(--primary,#007bff);background-color:#f8f9fa}.nav-tab.active{color:var(--primary,#007bff);background-color:#eef6ff;font-weight:600}.dashboard-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.content-header{background:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.content-header h1{color:#222;margin:0;font-size:1.5rem}.create-btn{background-color:var(--primary,#007bff);color:#fff;border-radius:6px;align-items:center;gap:8px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:opacity .2s;display:flex}.create-btn:hover{opacity:.9}.designs-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;padding:2rem;display:grid;overflow-y:auto}.design-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.design-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.card-snapshot{aspect-ratio:4/3;background-color:#eee;width:100%;overflow:hidden}.card-snapshot img{object-fit:cover;width:100%;height:100%}.card-info{flex:1;padding:1rem}.design-title{color:#333;margin:0 0 .5rem;font-size:1rem;font-weight:600}.design-date{color:#999;margin:0;font-size:.8rem}.card-actions{justify-content:flex-end;gap:8px;padding:.5rem 1rem 1rem;display:flex}.action-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.action-btn.open{color:var(--primary,#007bff)}.action-btn.delete{color:#dc3545}.action-btn:hover{background:#f8f9fa}.loading-state,.empty-state{color:#888;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:1rem;padding:4rem;display:flex}.empty-state i{color:#ccc;font-size:3rem}